smlparry

### As root user
Create the digital ocean droplet with the ssh keys you want to be able to ssh as

``` adduser deployer ```

And set password for sudo permissions

```
gpasswd -a deployer sudo
```

smlparry

As root user

Create the digital ocean droplet with the ssh keys you want to be able to ssh as

adduser deployer

And set password for sudo permissions

gpasswd -a deployer sudo

smlparry

Verifying my Blockstack ID is secured with the address 1LTfHpPKhLJu1EyuB48RjcZ8XmwSqT26CC https://explorer.blockstack.org/address/1LTfHpPKhLJu1EyuB48RjcZ8XmwSqT26CC

smlparry

<template> 
  <div ref="box" class="box"></div>
</template>

<style> 
.box { 
  height: 60px; 
  width: 60px; 
  background: red; 
}

smlparry

<template>
  <div ref="box" class="box"></div>
</template>

<script> 
import { TimelineLite } from 'gsap'

export default { 
  mounted() { 
    const { box } = this.$refs

smlparry

<template>
  <div ref="box" class="box"></div>
</template>

<script>
import { TimelineLite, Back } from 'gsap'

export default {
  mounted() {
    const { box } = this.$refs

smlparry

<template>
<div class="bubble-wrapper">
  <div ref="bubble" class="bubble">
    <img class="bubble-image"
         src="./assets/img/slack-white.svg" />
  </div>
  <div ref="bubblePulse" class="bubble-pulse"></div>
</div>
</template>

smlparry

<template>
<!-- HTML emitted -->
</template>

<script>
import { TimelineLite, Back, Elastic, Expo } from "gsap"

export default {
  mounted() {
    const { bubble, bubblePulse } = this.$refs

smlparry

<template>
<!-- HTML Emitted -->
</template>

<script>

// ...

export default {
  data() {

smlparry

<template>
  <div class="bubble-wrapper">
    <div ref="bubble" class="bubble">
      <img class="bubble-image"
           :src="currentLogo" />
    </div>
    <div ref="bubblePulse" class="bubble-pulse"></div>
  </div>
  
  <button @click="randomiseLogo">Random Logo</button>