Add CYOA Blog post
In thinking of a different twist on making a blog post, I came across this codepen: https://codepen.io/mckjac/pen/MBZWjq
So I used it to make this month's blog post
diff --git a/blog.html b/blog.html
index 48fbbc3..bd290e3 100644
--- a/blog.html
+++ b/blog.html
@@ -20,6 +20,7 @@
<script src="js/animate-in.js"></script>
<link rel="stylesheet" href="css/animations.css">
<link rel="stylesheet" href="css/wargames.css">
+ <link rel="stylesheet" href="css/style.css">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-7639560510014441", enable_page_level_ads: true }); </script>
</head>
@@ -48,10 +49,10 @@
<li class="nav-item mx-2">
<a class="nav-link" href="bfor.html"><b><b>Non Profit</b></b></a>
</li>
- <li class="nav-item mx-2">
+ <li class="nav-item mx-2">
<a class="nav-link" href="blog.html"><b><b>Blog</b></b></a>
</li>
- <li class="nav-item mx-2">
+ <li class="nav-item mx-2">
<a class="nav-link" href="index.html#gear"><b><b>Gear</b></b></a>
</li>
</ul>
@@ -120,8 +121,7 @@
<div class="row">
<div id="content" class="col-md-12 d-flex flex-grow-1 align-items-stretch justify-content-center w-75">
<div id="wargames" class="d-flex flex-grow-1 align-items-center justify-content-center w-100">
- <pre class="d-flex flex-grow-1 align-items-center justify-content-start w-100">
- <code class="d-flex flex-grow-1 align-items-center justify-content-start w-100">
+ <pre class="d-flex flex-grow-1 align-items-center justify-content-start w-100"> <code class="d-flex flex-grow-1 align-items-center justify-content-start w-100">
*********************************************
__________.____ .___ _________ _________
\______ \ | | |/ _____// _____/
@@ -158,6 +158,23 @@
</div>
</div>
</div>
+ <div class="py-5 bg-secondary">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1 class="d-flex justify-content-center">Thursday - May 2nd, 2019</h1>
+ </div>
+ </div>
+ <div class="row">
+ <div class="px-5 col-md-8 text-center mx-auto">
+ <div id="wrap_a">
+ <h2 class="my-3">An adventure in Bliss development</h2>
+ <div id="output_a"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
<div class="row" style=" margin-right: 15px; margin-left: 15px;">
<div class="container">
<div class="row">
@@ -357,6 +374,7 @@
<script src="js/smooth-scroll.js"></script>
<!-- <script src="https://bfintal.github.io/Counter-Up/jquery.counterup.min.js"></script> -->
<script src="js/counter.js"></script>
+ <script src="js/adv.js"></script>
</body>
</html>
\ No newline at end of file