MainFooter.vue 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <footer class='footer'>
  3. <div class='container'>
  4. <div class='content has-text-centered'>
  5. <p>
  6. © Copyright Musare 2015 - 2017
  7. </p>
  8. <p>
  9. <a class='icon' href='https://github.com/Musare/MusareNode' target='_blank' title='GitHub Repository'>
  10. <img src='/assets/social/github.svg'/>
  11. </a>
  12. <a class='icon' href='https://twitter.com/MusareApp' target='_blank' title='Twitter Account'>
  13. <img src='/assets/social/twitter.svg'/>
  14. </a>
  15. <a class='icon' href='https://www.facebook.com/MusareMusic/' target='_blank' title='Facebook Page'>
  16. <img src='/assets/social/facebook.svg'/>
  17. </a>
  18. <a class='icon' href='https://discord.gg/Y5NxYGP' target='_blank' title='Discord Server'>
  19. <img src='/assets/social/discord.svg'/>
  20. </a>
  21. </p>
  22. </div>
  23. </div>
  24. </footer>
  25. </template>
  26. <style lang='scss' scoped>
  27. .content a:not(.button) { border: 0; }
  28. .content {
  29. display: flex;
  30. align-items: center;
  31. flex-direction: column;
  32. }
  33. .icon:visited { color: #4a4a4a !important; }
  34. </style>