About.vue 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <template>
  2. <div class="app">
  3. <main-header />
  4. <div class="content-wrapper">
  5. <div class="card is-fullwidth">
  6. <header class="card-header">
  7. <p class="card-header-title">
  8. The project
  9. </p>
  10. </header>
  11. <div class="card-content">
  12. <div class="content">
  13. <p>
  14. Musare is an open-source music website where you can
  15. listen to real-time genre specific music stations,
  16. or join community stations created by users.
  17. </p>
  18. </div>
  19. </div>
  20. </div>
  21. <div class="card is-fullwidth">
  22. <header class="card-header">
  23. <p class="card-header-title">
  24. How you can help
  25. </p>
  26. </header>
  27. <div class="card-content">
  28. <div class="content">
  29. <span>
  30. There are multiple ways you can help us:
  31. <ol>
  32. <li>
  33. Reporting bugs. No website is perfect, but
  34. we try to eliminate as many bugs as
  35. possible. If you find a bug, we would highly
  36. appreciate it if you could create an issue
  37. on the GitHub project with steps to
  38. reproduce the issue, so we can fix it as
  39. soon as possible.
  40. </li>
  41. <li>
  42. Sending us feedback. Your comments and/or
  43. suggestions are extremely valuable to us. In
  44. order to improve we need to know what you
  45. like, don't like and what you might want on
  46. the website.
  47. </li>
  48. <li>
  49. Sharing the joy. The more people enjoying
  50. Musare, the better. Telling your friends or
  51. relatives about Musare would increase the
  52. amount of users we have, which would
  53. motivate us and cause Musare to grow faster.
  54. </li>
  55. </ol>
  56. </span>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. <main-footer />
  62. </div>
  63. </template>
  64. <script>
  65. import MainHeader from "../MainHeader.vue";
  66. import MainFooter from "../MainFooter.vue";
  67. export default {
  68. components: { MainHeader, MainFooter },
  69. data() {
  70. return {};
  71. },
  72. mounted() {},
  73. methods: {}
  74. };
  75. </script>
  76. <style lang="scss" scoped>
  77. .card {
  78. margin-top: 50px;
  79. }
  80. </style>