Added adverts for my friends

_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>

_layouts/post.html

@@ -51,6 +51,7 @@
         </div>
 
     </div>
+    {% include advert.html %}
     {% include footer.html %}
 
 

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;