<template>
	<div>
		<h1>Development Blog</h1>
		<p>
			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.
		</p>

		<div class="entry" v-for="(entry, index) in entries" :key="index">
			<h4>{{ entry.title }}</h4>
			<p v-for="(para, parai) in entry.paragraphs" :key="parai">{{ para }}</p>
		</div>
	</div>
</template>

<script>
	export default {
		data () {
			return {
				entries: [],
			}
		},
		created () {
			this.core.get('/devblog').then((response) => {
				this.entries = response.data;
			})
		},
	}
</script>

<style scoped>
	.entry {
		border-style: solid;
		border-color: #aaaa;
		border-width: 1px;
		margin-bottom: 1em;
		padding: 0.5em;
	}

	.entry h4 {
		margin: 0px;
	}

	.entry p {
		margin: 0px;
		margin-left: 1em;
		margin-top: 0.3em;
	}
</style>