From 66baa0e0642391f3b247b752beaf5d797676a76b Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Wed, 25 Dec 2019 18:03:46 -0500
Subject: [PATCH] [O] Use <p> instead of <br>

---
 src/App.vue          | 10 +++--
 src/content/Home.vue | 97 ++++++++++++++++++++++++--------------------
 2 files changed, 60 insertions(+), 47 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 762de7b..cdd7efb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -29,9 +29,7 @@
 
         <photo-swipper ref="ps"/>
 
-        <div id="home" v-if="selectedType === 'Home'">
-            {{home}}
-        </div>
+        <home id="home" v-if="selectedType === 'Home'"/>
 
         <div id="footer" :style="footerStyle">
 
@@ -153,6 +151,12 @@
         }
     }
 
+    #home
+    {
+        margin: 15vh 5vw 5vh 5vw;
+        text-align: left;
+    }
+
     #footer
     {
         // Shadow
diff --git a/src/content/Home.vue b/src/content/Home.vue
index 5f8e476..1838836 100644
--- a/src/content/Home.vue
+++ b/src/content/Home.vue
@@ -1,48 +1,54 @@
 <template>
     <div id="home">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget nulla ligula.
-        Cras a lectus accumsan mauris venenatis placerat.
-        Nulla sapien nibh, convallis non imperdiet a, posuere a est.
-        Quisque orci odio, condimentum nec feugiat et, ultricies eget dui.
-        Aenean imperdiet in quam ut tincidunt. Nulla facilisi.
-        Donec varius lorem augue, consequat vulputate massa auctor vitae.
-        Quisque blandit, libero eu finibus vehicula, nibh erat pulvinar massa,
-        aliquam volutpat libero eros et nibh. In eu felis nisl. Duis interdum,
-        elit id porta molestie, risus magna hendrerit augue, nec varius mauris risus sed mi.
-        Nullam egestas sapien vitae urna sodales cursus non vitae lorem. Aliquam ac enim dui.
-        Maecenas efficitur eleifend mi in accumsan. Nam vel rutrum ante.
-        <br>
-        Morbi accumsan magna efficitur maximus aliquam. Cras sed orci libero.
-        Suspendisse finibus blandit nisl nec laoreet. Vestibulum vitae luctus augue.
-        Ut non purus magna. Cras in iaculis elit.
-        Fusce quis odio dictum, accumsan diam sed, rhoncus nulla.
-        <br>
-        Curabitur pretium ultricies erat vel placerat.
-        Pellentesque quis leo urna. Vestibulum nec ultricies leo.
-        Curabitur sit amet est eget elit tempus efficitur a nec ex.
-        Morbi volutpat iaculis nibh, at scelerisque massa.
-        Donec pulvinar est id dui suscipit feugiat.
-        Integer mauris risus, tincidunt eget accumsan ac, finibus in arcu.
-        Pellentesque auctor felis sed ex posuere, sit amet mollis odio sodales.
-        Donec ante sapien, luctus vitae commodo non, feugiat vitae orci.
-        Sed eu justo porttitor dolor tempus vestibulum.
-        <br>
-        Cras auctor justo at justo placerat lacinia.
-        Donec at mauris porttitor, tempor ligula ut, placerat eros.
-        Mauris ante nulla, ultrices id euismod vitae, rhoncus ut ligula.
-        Nullam ac fermentum nunc. Nullam at eleifend nibh, vel cursus diam.
-        Donec vehicula pulvinar nunc nec facilisis. Pellentesque at tempus nisi.
-        Donec tincidunt odio nec risus tincidunt, non bibendum libero vehicula.
-        Nunc euismod tincidunt magna, vitae ultricies sapien euismod at.
-        Ut sed justo ante.
-        <br>
-        Nulla dapibus consequat lorem non euismod. Nulla at ex nisi.
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-        Vestibulum ac lectus felis.
-        Vivamus consectetur diam non diam bibendum imperdiet.
-        Sed ut faucibus arcu. Sed sit amet porta lacus.
-        Nunc efficitur, nibh eget interdum tempus, metus massa ultricies velit,
-        ut tempus ex turpis sit amet turpis. Mauris malesuada vel sem placerat finibus.
+        <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget nulla ligula.
+            Cras a lectus accumsan mauris venenatis placerat.
+            Nulla sapien nibh, convallis non imperdiet a, posuere a est.
+            Quisque orci odio, condimentum nec feugiat et, ultricies eget dui.
+            Aenean imperdiet in quam ut tincidunt. Nulla facilisi.
+            Donec varius lorem augue, consequat vulputate massa auctor vitae.
+            Quisque blandit, libero eu finibus vehicula, nibh erat pulvinar massa,
+            aliquam volutpat libero eros et nibh. In eu felis nisl. Duis interdum,
+            elit id porta molestie, risus magna hendrerit augue, nec varius mauris risus sed mi.
+            Nullam egestas sapien vitae urna sodales cursus non vitae lorem. Aliquam ac enim dui.
+            Maecenas efficitur eleifend mi in accumsan. Nam vel rutrum ante.
+        </p>
+        <p>
+            Morbi accumsan magna efficitur maximus aliquam. Cras sed orci libero.
+            Suspendisse finibus blandit nisl nec laoreet. Vestibulum vitae luctus augue.
+            Ut non purus magna. Cras in iaculis elit.
+            Fusce quis odio dictum, accumsan diam sed, rhoncus nulla.
+        </p>
+        <p>
+            Curabitur pretium ultricies erat vel placerat.
+            Pellentesque quis leo urna. Vestibulum nec ultricies leo.
+            Curabitur sit amet est eget elit tempus efficitur a nec ex.
+            Morbi volutpat iaculis nibh, at scelerisque massa.
+            Donec pulvinar est id dui suscipit feugiat.
+            Integer mauris risus, tincidunt eget accumsan ac, finibus in arcu.
+            Pellentesque auctor felis sed ex posuere, sit amet mollis odio sodales.
+            Donec ante sapien, luctus vitae commodo non, feugiat vitae orci.
+            Sed eu justo porttitor dolor tempus vestibulum.
+        </p>
+        <p>
+            Cras auctor justo at justo placerat lacinia.
+            Donec at mauris porttitor, tempor ligula ut, placerat eros.
+            Mauris ante nulla, ultrices id euismod vitae, rhoncus ut ligula.
+            Nullam ac fermentum nunc. Nullam at eleifend nibh, vel cursus diam.
+            Donec vehicula pulvinar nunc nec facilisis. Pellentesque at tempus nisi.
+            Donec tincidunt odio nec risus tincidunt, non bibendum libero vehicula.
+            Nunc euismod tincidunt magna, vitae ultricies sapien euismod at.
+            Ut sed justo ante.
+        </p>
+        <p>
+            Nulla dapibus consequat lorem non euismod. Nulla at ex nisi.
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+            Vestibulum ac lectus felis.
+            Vivamus consectetur diam non diam bibendum imperdiet.
+            Sed ut faucibus arcu. Sed sit amet porta lacus.
+            Nunc efficitur, nibh eget interdum tempus, metus massa ultricies velit,
+            ut tempus ex turpis sit amet turpis. Mauris malesuada vel sem placerat finibus.
+        </p>
     </div>
 </template>
 
@@ -57,5 +63,8 @@
 </script>
 
 <style lang="scss" scoped>
-
+#home
+{
+    font-size: 16px;
+}
 </style>