• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55
• 56
• 57
• 58
• 59
• 60
• 61
• 62
• 63
• 64
• 65
• 66
• 67
• 68
• 69
• 70
• 71
• 72
• 73
• 74
• 75
• 76
• 77
• 78
• 79
• 80
• 81
• 82
• 83
• 84
• 85
• 86
• 87
• 88
• 89
• 90
• 91
• 92
• 93
• 94
• 95
• 96
• 97

<template>
  
  <div class="home">
    <div class="logo-wrap">
      <div class="brand">
        Spritz <span>&</span> Coffee
      </div>
      <div class="desc">
        A super simple note-taking app. 100% free.
      </div>
    </div>


    <div class="scroll">v</div>

    <div class="app-info">   
        <div class="features">
          It's simple. Create a new note and start typing.
          <br>
          You can write your notes in <strong>plain text</strong> or <strong>markdown</strong>,
          <br>
          and use the toggle switch to toggle between plain text and parsed markdown.
        </div>
        <div class="screenshot">
          <img src="/screenshot.png" alt="">      
        </div>
        <p>
          And it's 100% free too.
        </p>
    </div>

    <footer>
      Created by <a href="https://github.com/sqram">sqram</a>
    </footer>

    
  </div>
</template>

<script>
export default {
  layout: 'clean'
}
</script>

<style lang="stylus" scoped>
  //@import url('https://fonts.googleapis.com/css?family=Sacramento');
  //@import url('https://fonts.googleapis.com/css?family=Niconne|Sacramento');
    @import url('https://fonts.googleapis.com/css?family=Niconne');
  .home    
    
    background #faad72
    background #ff822175
    color #a03c3c
    background salmon
  .logo-wrap    
    height 90vh    
    overflow auto
  .brand
    font-size 8em
    text-align center
    color indianred
    margin-top 30vh        
    //font-family: 'Dancing Script', cursive;
    font-family: 'Niconne', cursive;
    //font-family: 'Sacramento', cursive;
    //font-family: 'Delius Swash Caps', cursive;
    span
      color #fff
  .desc
    text-align center
    font-size 120%
  .scroll
    height 6vh
  .app-info
    display flex
    justify-content center
    flex-direction column    
    align-items center  
  .features
    font-size 120%
    line-height 29px
    text-align center
    padding-bottom 3em
  footer
    background indianred
    background r
    text-align center
    padding 3em 0
    color #fff
    a
      text-decoration none
      color #444
      font-weight bold

</style>