From 88d4f5ab9e874c5d805c669a3db2a9cdd535ebe8 Mon Sep 17 00:00:00 2001
From: Evan Pratten <ewpratten@gmail.com>
Date: Tue, 21 Jan 2020 11:09:52 -0500
Subject: [PATCH] Added adverts for my friends

---
 _includes/advert.html | 21 +++++++++++++++++++++
 _layouts/post.html    |  1 +
 assets/css/main.css   | 12 ++++++++++++
 3 files changed, 34 insertions(+)

diff --git a/_includes/advert.html b/_includes/advert.html
index e69de29..4b8209c 100644
--- a/_includes/advert.html
+++ b/_includes/advert.html
@@ -0,0 +1,21 @@
+<br>
+
+<div class="reactive-bg">
+    <div class="post container" id="advert">
+        <span>
+            <p id="a-txt">Advertisement: </p>
+        </span>
+    </div>
+</div>
+
+<script>
+    // Possible adverts
+    adverts = [
+        'Want to waste away your period 4 english class by playing games? Check out <a href="https://rsninja.dev">rsninja.dev</a>',
+        'Is dark mode too cheery? Check out <a href="https://exvacuum.dev">exvacuum.dev</a>',
+        '{Advertisement text here} <a href="https://hyperlisk.dev">hyperlisk.dev</a>'
+    ]
+
+    // Display random advert
+    document.getElementById("a-txt").innerHTML += adverts[Math.floor(Math.random()*adverts.length)]
+</script>
\ No newline at end of file
diff --git a/_layouts/post.html b/_layouts/post.html
index fb8032d..e1dc270 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -51,6 +51,7 @@
         </div>
 
     </div>
+    {% include advert.html %}
     {% include footer.html %}
 
 
diff --git a/assets/css/main.css b/assets/css/main.css
index b58a657..60419d9 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -97,6 +97,18 @@ a h5 {
     background-color: #fff;
 }
 
+#advert{
+    /* background-color: #343a40; */
+    /* color:#fff; */
+    text-align:center;
+    /* padding:5; */
+}
+
+#advert p{
+    padding:0;
+    margin:0;
+}
+
 .home.container {
     padding: 20px;
     font-family: 'Noto Sans TC', sans-serif;