Devblog.vue 895 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <div>
  3. <h1>Development Blog</h1>
  4. <p>
  5. On this page you will find a rough summary of the steps taken while developing this website. The full blog about the creation of this website happens on the RS server's discord.
  6. </p>
  7. <div class="entry" v-for="(entry, index) in entries" :key="index">
  8. <h4>{{ entry.title }}</h4>
  9. <p v-for="(para, parai) in entry.paragraphs" :key="parai">{{ para }}</p>
  10. </div>
  11. </div>
  12. </template>
  13. <script>
  14. export default {
  15. data () {
  16. return {
  17. entries: [],
  18. }
  19. },
  20. created () {
  21. this.core.get('/devblog').then((response) => {
  22. this.entries = response.data;
  23. })
  24. },
  25. }
  26. </script>
  27. <style scoped>
  28. .entry {
  29. border-style: solid;
  30. border-color: #aaaa;
  31. border-width: 1px;
  32. margin-bottom: 1em;
  33. padding: 0.5em;
  34. }
  35. .entry h4 {
  36. margin: 0px;
  37. }
  38. .entry p {
  39. margin: 0px;
  40. margin-left: 1em;
  41. margin-top: 0.3em;
  42. }
  43. </style>