Layout refactor (#150)

* Revert recent commits

* Move things around, and do preparation work for nested page systems.

* Fixed issue on side bar not appearing

components/Advertisement.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="ad-wrapper">
+    <adsbygoogle
+      ad-slot="7510690716"
+      :ad-format="format"
+      :page-url="pageUrl ? pageUrl : undefined"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Advertisement',
+  props: {
+    format: {
+      type: String,
+      default: 'horizontal',
+    },
+    pageUrl: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.ad-wrapper {
+  width: 100%;
+  @extend %card;
+  margin-bottom: var(--spacing-card-md);
+}
+</style>