Add Blog
diff --git a/bfor.html b/bfor.html
index 49557ef..eda93e3 100644
--- a/bfor.html
+++ b/bfor.html
@@ -46,6 +46,12 @@
<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">
+ <a class="nav-link" href="blog.html"><b><b>Blog</b></b></a>
+ </li>
+ <li class="nav-item mx-2">
+ <a class="nav-link" href="index.html#gear"><b><b>Gear</b></b></a>
+ </li>
</ul>
<a class="btn navbar-btn mx-2 btn-primary shadowed" href="index.html#download"><b><b>Download</b></b></a>
</div>
diff --git a/blog.html b/blog.html
new file mode 100644
index 0000000..dda9f9f
--- /dev/null
+++ b/blog.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <!-- PAGE settings -->
+ <link rel="icon" href="favicon.ico">
+ <title>Bliss ROMs</title>
+ <meta name="description" content="Open Source OS for all devices, based on AOSP">
+ <meta name="keywords" content="blissroms, bliss, os, x86, aosp, android, rom, teambliss">
+ <!-- CSS dependencies -->
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
+ <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
+ <link rel="stylesheet" href="neon.css">
+ <!-- Script: Make my navbar transparent when the document is scrolled to top -->
+ <script src="js/navbar-ontop.js"></script>
+ <!-- Script: Animated entrance -->
+ <script src="js/animate-in.js"></script>
+ <link rel="stylesheet" href="css/animations.css">
+ <link rel="stylesheet" href="css/wargames.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>
+
+<body class="" style="">
+ <!-- Navbar -->
+ <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark" style="padding-right: 41px;">
+ <div class="container">
+ <a class="navbar-brand" href="index.html"><img src="images/BlissIcon_Smal_wl.png" width="50" class="d-inline-block align-top" alt=""></a>
+ <div class="row">
+ <div class="col-md-12"><a class="navbar-brand" href="index.html"><b><b>Bliss ROMs</b></b></a></div>
+ </div>
+ <div class="row"></div>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
+ <div class="collapse navbar-collapse text-center justify-content-end" id="navbar2SupportedContent">
+ <ul class="navbar-nav">
+ <li class="nav-item mx-2">
+ <a class="nav-link" href="index.html#features"><b><b>Features</b></b></a>
+ </li>
+ <li class="nav-item mx-2">
+ <a class="nav-link" href="index.html#about"><b><b>About</b></b></a>
+ </li>
+ <li class="nav-item mx-2">
+ <a class="nav-link" href="index.html#team"><b><b>Team</b></b></a>
+ </li>
+ <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">
+ <a class="nav-link" href="blog.html"><b><b>Blog</b></b></a>
+ </li>
+ <li class="nav-item mx-2">
+ <a class="nav-link" href="index.html#gear"><b><b>Gear</b></b></a>
+ </li>
+ </ul>
+ <a class="btn navbar-btn mx-2 btn-primary shadowed" href="index.html#download"><b><b>Download</b></b></a>
+ </div>
+ </div>
+ </nav>
+ <!-- Cover -->
+ <div class="section-fade-out pt-5" style="background-image: url("https://i.imgur.com/BOGKaGy.jpg"); background-position: center bottom;">
+ <div class="container pt-5">
+ <div class="row">
+ <div class="col-md-12 ">
+ <div class="col-md-12">
+ <h1 class="display-3 mb-4 d-flex align-items-center justify-content-center">Bliss Family Blog</h1>
+ <h1 class="d-flex justify-content-center">A tale of our Blissfull journey</h1>
+ <blockquote class="lead blockquote" cite="https://twitter.com/DalaiLama/status/1051767186820198402" style="">
+ <footer class=""></footer>
+ </blockquote>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12 d-inline-flex justify-content-center align-items-center mx-auto mt-5">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12 text-center">
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12 p-3">
+ <p class="d-flex justify-content-center align-items-center">This blog will go into a few details of our daily tasks with the Open Source projects from Team Bliss. Some of this content may not be suitible for young readers. This is a warning .</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="py-5 text-center" style="">
+ <div class="container">
+ <div class="row">
+ <div class="mx-auto col-md-6">
+ <h1>Get in the loop</h1>
+ <p class="mb-4">Subscribe to get notified of new blog posts</p>
+ <form class="form-inline d-flex justify-content-center">
+ <div class="input-group"> <input type="email" class="form-control" placeholder="Your email" id="form1">
+ <div class="input-group-append"> <button class="btn btn-primary" type="button">Subscribe</button> </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Article style section -->
+ <!-- Features -->
+ <!-- Features -->
+ <!-- Carousel reviews -->
+ <!-- Call to action -->
+ <div class="py-5 text-center bg-dark">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1 class="d-flex justify-content-center">Friday - April 5th, 2019</h1>
+ </div>
+ </div>
+ <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">
+ <pre class="d-flex flex-grow-1 align-items-center justify-content-start">
+ <code class="d-flex flex-grow-1 align-items-center justify-content-start">
+*********************************************
+__________.____ .___ _________ _________
+\______ \ | | |/ _____// _____/
+ | | _/ | | |\_____ \ \_____ \
+ | | \ |___| |/ \/ \
+ |______ /_______ \___/_______ /_______ /
+ \/ \/ \/ \/
+*********************************************
+************** Welcome to the ***************
+**************** Bliss Blog *****************
+*********************************************
+
+Hello,
+
+This will be the start of us hosting our own blog. Since this is the first post, we thought
+we would keep things simple.
+
+We will be experimenting a bit with how to present these in the easiest way possible for
+our teammates, and as we do that, things on this blog might change.
+
+Just be patient and give us kudos if we're doing something right.
+
+
+Thanks again :)
+
+
+</code></pre>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row" style=" margin-right: 15px; margin-left: 15px;">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-6 text-center mx-auto px-5 pt-4">
+ <h3 class="my-3 highlight_secondary team-header text-white"> </h3><br>
+ <h2 class="my-3 highlight_secondary team-header text-white">We volunteer our time.</h2>
+ <p class="mb-3">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below. </p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-primary">Buy Us a Coffee</a>
+ </div>
+ <div class="col-md-6 py-5"><img class="img-fluid d-block d-flex align-items-center justify-content-center flex-grow-1 mx-auto animate-in-right" src="images/coffee-break.svg" width="300"></div>
+ </div>
+ </div>
+ </div>
+ <div class="py-5" id="team" style="">
+ <div class="container">
+ <div class="row">
+ <div class="mx-auto col-md-12 text-center">
+ <h3 class="display-3">Who we are</h3>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-lg-6">
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/w7i8JBSfddUp88DpBjjdT_PBODfKTiFV8TKHqyZnsU3m0-ppYXsuafqDtBxakFYW3mjIahKkFYBepZIGRQ=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4><b>Jack Eagle </b>- CEO / Founder / Developer</h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/xhKBfn9HcjWayS9gQizUuh7JATtI4i-OvVv9Q6XPy5v5IyiI44lqRoxtMIyI3rlLc7OCyparEB9OqGT_Vg=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4><b>Vaughn Newman</b> - Board Member / Admin / Developer</h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-6">
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/hcV4Tp81H4TJskQhpKckcDBqwnETos_ZOxXsQbiZGOT5OxMC-3pOD5i22j1tPiaubWW74tmnwB0ixvGwELQ=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4><b>Jon West </b>- CTO / Incorporator / Developer</h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/JOdHk7TYY-SLjAANLuK7t68Oz6w4fDFody-Uwj3rtH6oSZkljniUceYFQ52rbJXeBv4kDgoGhrtamLJlwZc=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4> <b>Antonio Luciano</b> - Board Member / Project Manager / App Developer</h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-lg-6">
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/LZrBsYT1S4qQI92uCuWx34QSGDcKpwY1G2h3LXT3tEvMPuSA8d6tiY7CsLYvBCznXk4sJhgr6UFk8pg1oA=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4><b>BitO BSessiOn</b> - Board Member / Developer</h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/iu4p6sC5xbTmz7gF5eYCucSHuI_1SBJnRkfNWcNQ6Cw7oCt5ryMHaU_DXpjWEgGX43SnPRs4dSjErXU=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4> <b>Customworx </b>- Board Member / Graphic Designer </h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-6">
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/eRqBEkS4_cWFEkLce4sVRmyCkAwgsGZwIg1kE12_gjBaghKQ8Omc6V2UJT6q6LwZS8l-LkutUrskyeLFrd0=w1920-h1080-no" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4><b>Evan Galvin</b> - Board Member / Product Technology Strategist</h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/a-/AAuE7mC91eukOeGZ1fU2mULqdlLqrcsYmUWGjZZMoXwMAIk=s1920-p-no-il" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4> <b>Donna West</b> - Board Member / Treasurer</h4>
+ <p class="mb-0"> </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="py-4 text-center" style="">
+ <div class="container">
+ <div class="row">
+ <div class="mx-auto col-md-8">
+ <h1 class="mb-3">Bliss Family Projects</h1>
+ <p class="lead">The Bliss Family projects we currently support can be found below: </p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-lg-4 p-3">
+ <div class="card">
+ <div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/invictrix.jpg" width="150">
+ <h1>Invictrīx ROM</h1>
+ <a href="https://t.me/InvictusROM" target="_blank"><i class="fab fa-telegram"></i></a>
+ <a href="https://plus.google.com/communities/109716291977795337501" target="_blank"><i class="fab fa-google-plus"></i></a>
+ <p class="mb-0">Invictrīx ROM emphasizes performance, offering heavy optimizations along with a unique dark themed style.</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 p-3 col-md-6">
+ <div class="card">
+ <div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/soap.jpg" width="150">
+ <h1>SOAP ROM</h1>
+ <a href="https://plus.google.com/u/0/107610198397215674589" target="_blank"><i class="fab fa-google-plus"></i></a>
+ <p class="mb-0">SOAP is an AOSP ROM that focuses on being a slim and clean ROM.</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 p-3 col-md-6">
+ <div class="card">
+ <div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/xtremis.jpg" width="150">
+ <h1>Xtremis Project</h1>
+ <a href="#" target="_blank"><i class="fab fa-telegram"></i></a>
+ <a href="#" target="_blank"><i class="fab fa-google-plus"></i></a>
+ <p class="mb-0">Currently pre-release, this project is progressing steadily and will soon have more details to share. Please check in later.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Footer -->
+ <div class="py-3 bg-dark">
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-3 col-6 p-3">
+ <h5> <b>Socials</b></h5>
+ <ul class="list-unstyled text-primary">
+ <li class="text-primary"> <a href="https://t.me/Team_Bliss_Community" class="text-info">BlissROMs Telegram</a> </li>
+ <li> <a href="https://t.me/blissx86" contenteditable="true" class="text-info">Bliss OS Telegram</a> </li>
+ <li> <a href="https://www.facebook.com/BlissFamilyOfROMs/" class="text-info">Bliss Facebook</a> </li>
+ <li> <a href="https://twitter.com/Bliss_Roms" class="text-info">Bliss Twitter</a> </li>
+ <li> <a href="https://plus.google.com/communities/118265887490106132524" class="text-info">Bliss G+</a> </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-6 p-3">
+ <h5> <b>Sources</b></h5>
+ <ul class="list-unstyled">
+ <li> <a href="https://review.blissroms.com" class="text-info">BlissROMs Gerrit Review</a> </li>
+ <li> <a href="https://github.com/BlissRoms" class="text-info">BlissROMs GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-Devices" style="" class="text-info">BlissROMs-Devices GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-Kernels" class="text-info">BlissROMs-Kernels GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-Vendor" class="text-info">BlissROMs-Vendor GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-x86" class="text-info">Bliss OS GitHub</a> </li>
+ <li> <a href="https://github.com/BlissRoms-pine64" class="text-info">BlissROMs-PINE64 GitHub</a> </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-6 p-3">
+ <h5>Subreddits</h5>
+ <ul class="list-unstyled">
+ <li> <a href="https://www.reddit.com/r/BlissRoms" class="text-info">BlissROMs</a> </li>
+ <li> <a href="https://www.reddit.com/r/BlissOS" class="text-info">Bliss OS</a> </li>
+ <li> <a href="https://www.reddit.com/r/TeamBliss" class="text-info">TeamBliss</a> </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-md-3 p-3">
+ <h5> <b>Follow us</b> </h5>
+ <div class="row">
+ <div class="col-md-12 d-flex align-items-center my-2 justify-content-center"> <a href="https://www.facebook.com/BlissFamilyOfROMs/" class="">
+ <i class="d-block fa fa-facebook-official text-muted mr-2 fa-2x"></i>
+ </a> <a href="https://www.instagram.com/blissroms/">
+ <i class="d-block fa fa-instagram text-muted mx-2 fa-2x"></i>
+ </a> <a href="https://plus.google.com/communities/118265887490106132524">
+ <i class="d-block fa fa-google-plus-official text-muted mx-2 fa-2x"></i>
+ </a> <a href="https://github.com/BlissRoms">
+ <i class="d-block fa fa-github text-muted text-muted mx-2 fa-2x"></i>
+ </a> <a href="https://www.reddit.com/r/BlissRoms">
+ <i class="d-block fa fa-reddit text-muted mx-2 fa-2x"></i>
+ </a> <a href="https://twitter.com/Bliss_Roms">
+ <i class="d-block fa fa-twitter text-muted ml-2 fa-2x"></i>
+ </a> </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12 text-center">
+ <p class="mb-0 mt-2">© 2019 Bliss Family of ROMs. All rights reserved</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- JavaScript dependencies -->
+ <script src="js/mainani.js" type="text/javascript"></script>
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+ <!-- Script: Smooth scrolling between anchors in the same page -->
+ <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>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/css/wargames.css b/css/wargames.css
new file mode 100644
index 0000000..cabd9c6
--- /dev/null
+++ b/css/wargames.css
@@ -0,0 +1,185 @@
+#wargames{
+position:relative;
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAIAAAAiOjnJAAAD0ElEQVR4Ae3WsQ2AMBDFUCAZAFGw/6KREDvE3bsBXFiW7p/38x6Ogd0Grt1APAZ+A8LSQWJAWIlW0DnGYIGB7QbmWms7FJABr1ADiQFhJVpBhaWBxIDxnmgFNd41kBjwChOtoMLSQGJAWIlWUONdA4kB4z3RCuoVaiAxIKxEK6iwNJAYMN4TraDGuwYSA15hohVUWBpIDAgr0QpqvGsgMWC8J1pBvUINJAaElWgFFZYGEgPGe6IV1HjXQGLAK0y0ggpLA4kBYSVaQY13DSQGjPdEK6hXqIHEgLASraDC0kBiwHhPtIIa7xpIDHiFiVZQYWkgMSCsRCuo8a6BxIDxnmgF9Qo1kBgQVqIVVFgaSAwY74lWUONdA4kBrzDRCiosDSQGhJVoBTXeNZAYMN4TraBeoQYSA8JKtIIKSwOJAeM90QpqvGsgMeAVJlpBhaWBxICwEq2gxrsGEgPGe6IV1CvUQGJAWIlWUGFpIDFgvCdaQY13DSQGvMJEK6iwNJAYEFaiFdR410BiwHhPtIJ6hRpIDAgr0QoqLA0kBoz3RCuo8a6BxIBXmGgFFZYGEgPCSrSCGu8aSAwY74lWUK9QA4kBYSVaQYWlgcSA8Z5oBTXeNZAY8AoTraDC0kBiQFiJVlDjXQOJAeM90QrqFWogMSCsRCuosDSQGDDeE62gxrsGEgNeYaIVVFgaSAwIK9EKarxrIDFgvCdaQb1CDSQGhJVoBRWWBhIDxnuiFdR410BiwCtMtIIKSwOJAWElWkGNdw0kBoz3RCuoV6iBxICwEq2gwtJAYsB4T7SCGu8aSAx4hYlWUGFpIDEgrEQrqPGugcSA8Z5oBfUKNZAYEFaiFVRYGkgMGO+JVlDjXQOJAa8w0QoqLA0kBoSVaAU13jWQGDDeE62gXqEGEgPCSrSCCksDiQHjPdEKarxrIDHgFSZaQYWlgcSAsBKtoMa7BhIDxnuiFdQr1EBiQFiJVlBhaSAxYLwnWkGNdw0kBrzCRCuosDSQGBBWohXUeNdAYsB4T7SCeoUaSAwIK9EKKiwNJAaM90QrqPGugcSAV5hoBRWWBhIDwkq0ghrvGkgMGO+JVlCvUAOJAWElWkGFpYHEgPGeaAU13jWQGPAKE62gwtJAYkBYiVZQ410DiQHjPdEK6hVqIDEgrEQrqLA0kBgw3hOtoMa7BhIDXmGiFVRYGkgMCCvRCmq8ayAxYLwnWkG9Qg0kBoSVaAUVlgYSA8Z7ohXUeNdAYsArTLSCCksDiQFhJVpBjXcNJAaM90QrqFeogcSAsBKtoMLSQGLAeE+0gn6NXXdvK2/RcgAAAABJRU5ErkJggg==); /*Noise*/
+-webkit-border-radius:20px;
+-moz-border-radius:20px;
+border-radius:20px;
+padding:10px 25px 20px;
+-webkit-box-shadow:0px 0px 0 rgb(194,197,198),0px 1px 0 rgb(191,194,195),0px 2px 0 rgb(189,192,193),0px 3px 0 rgb(186,189,190),0px 4px 0 rgb(183,186,187),0px 5px 0 rgb(180,183,184),0px 6px 0 rgb(178,181,182),0px 7px 0 rgb(175,178,179),0px 8px 0 rgb(172,175,176),0px 9px 0 rgb(169,172,173),0px 10px 0 rgb(167,170,171),0px 11px 0 rgb(164,167,168),0px 12px 0 rgb(161,164,165),0px 13px 0 rgb(158,161,162),0px 14px 0 rgb(156,159,160),0px 15px 0 rgb(153,156,157),0px 16px 0 rgb(150,153,154), 0px 17px 0 rgb(147,150,151),0px 18px 17px rgba(0,0,0,0.15),0px 18px 1px rgba(0,0,0,0.5),0px 0px 17px rgba(0,0,0,.2);
+-moz-box-shadow:0px 0px 0 rgb(194,197,198),0px 1px 0 rgb(191,194,195),0px 2px 0 rgb(189,192,193),0px 3px 0 rgb(186,189,190),0px 4px 0 rgb(183,186,187),0px 5px 0 rgb(180,183,184),0px 6px 0 rgb(178,181,182),0px 7px 0 rgb(175,178,179),0px 8px 0 rgb(172,175,176),0px 9px 0 rgb(169,172,173),0px 10px 0 rgb(167,170,171),0px 11px 0 rgb(164,167,168),0px 12px 0 rgb(161,164,165),0px 13px 0 rgb(158,161,162),0px 14px 0 rgb(156,159,160),0px 15px 0 rgb(153,156,157),0px 16px 0 rgb(150,153,154), 0px 17px 0 rgb(147,150,151),0px 18px 17px rgba(0,0,0,0.15),0px 18px 1px rgba(0,0,0,0.5),0px 0px 17px rgba(0,0,0,.2);
+ box-shadow:0px 0px 0 rgb(194,197,198),0px 1px 0 rgb(191,194,195),0px 2px 0 rgb(189,192,193),0px 3px 0 rgb(186,189,190),0px 4px 0 rgb(183,186,187),0px 5px 0 rgb(180,183,184),0px 6px 0 rgb(178,181,182),0px 7px 0 rgb(175,178,179),0px 8px 0 rgb(172,175,176),0px 9px 0 rgb(169,172,173),0px 10px 0 rgb(167,170,171),0px 11px 0 rgb(164,167,168),0px 12px 0 rgb(161,164,165),0px 13px 0 rgb(158,161,162),0px 14px 0 rgb(156,159,160),0px 15px 0 rgb(153,156,157),0px 16px 0 rgb(150,153,154), 0px 17px 0 rgb(147,150,151),0px 18px 17px rgba(0,0,0,0.15),0px 18px 1px rgba(0,0,0,0.5),0px 0px 17px rgba(0,0,0,.2);
+text-align:left;
+}
+
+#wargames:after{
+content:"";
+width:100%;
+height:20%;
+position:absolute;
+bottom:-15px;
+left:0;
+/* -webkit-box-shadow:0px 20px 10px -10px #000;
+-moz-box-shadow:0px 20px 10px -10px #000;
+ box-shadow:0px 20px 10px -10px #000; */s
+}
+
+#wargames h2{
+color:#edf2f3;
+text-align:center;
+padding-bottom:20px;
+text-shadow:0px 0px 0 rgb(48,48,45),0px 1px 0 rgb(21,21,18),0px 2px 0 rgb(-6,-6,-9),0px 3px 0 rgb(-33,-33,-36), 0px 6px 0 rgb(-114,-114,-117),0px 7px 6px rgba(0,0,0,0.85);
+font:600 2.9em Arial, Helvetica, Geneva, sans-serif;
+text-transform:uppercase;
+letter-spacing:.3em;
+}
+
+#wargames pre{
+-webkit-border-radius:50px;
+-moz-border-radius:50px;
+border-radius:50px;
+-webkit-filter:blur(0.3px);
+border-left:20px solid #1b1b1b;
+border-right:20px solid #1c1c1c;
+border-top:25px solid #0f1310;
+border-bottom:25px solid #0f1310;
+overflow:hidden;
+position:relative;
+color:#7cb4fc;
+padding:1.5em 1.5em 1.5em 5em;
+/*-webkit-box-shadow:inset 0 0 0 9px rgba(21,21,20,0.6), 0 1px 60px 10px rgba(40,46,40,9), inset 0 1px 80px 5px rgba(0,0,0,0.97);
+-moz-box-shadow:inset 0 0 0 9px rgba(21,21,20,0.6), 0 1px 60px 10px rgba(40,46,40,9), inset 0 1px 80px 5px rgba(0,0,0,0.97);
+box-shadow:inset 0 0 0 9px rgba(21,21,20,0.6), 0 1px 60px 10px rgba(40,46,40,9), inset 0 1px 80px 5px rgba(0,0,0,0.97); */
+background-color:#162030;
+text-shadow:#89d3fd 0 -1px 35px;
+}
+
+#wargames pre:before{
+content:"";
+width:100%;
+height:20%;
+position:absolute;
+top:0;
+left:0;
+background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,66,25,0.2)), color-stop(70%,rgba(32,57,17,0)), color-stop(99%,rgba(28,53,13,0)));
+-webkit-animation:scan 6.5s 1.0s infinite ease-in-out forwards;
+-moz-animation:scan 6.5s 1.0s infinite ease-in-out forwards;
+-ms-animation:scan 6.5s 1.0s infinite ease-in-out forwards;
+ -o-animation:scan 6.5s 1.0s infinite ease-in-out forwards;
+ animation:scan 6.5s 1.0s infinite ease-in-out forwards;
+}
+
+
+#wargames pre:after{
+content:"";
+width:100%;
+height:100%;
+position:absolute;
+top:0;
+left:0;
+opacity:1;
+background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAE0lEQVQIHWP4//8/AxMDFMiDWQA2wAMhzy0v7QAAAABJRU5ErkJggg==); /*scanline*/
+ repeat;
+-webkit-filter:drop-shadow(15.32px 2.18px 7.35px rgba(20, 184, 189, 1));
+}
+
+#wargames code{
+background:#fff;
+border:1px solid #DDD;
+padding:0.1em 0.2em;
+}
+
+#wargames pre code{
+-webkit-box-shadow:none;
+-moz-box-shadow:none;
+box-shadow:none;
+background-color:transparent;
+border-style:none;
+font:400 19px VT323, monospace;
+}
+
+#wargames pre code:last-child:after{
+content:"\220E";
+-webkit-animation:cursor .95s ease-in-out infinite;
+-moz-animation:cursor .95s ease-in-out infinite;
+-ms-animation:cursor .95s ease-in-out infinite;
+ -o-animation:cursor .95s ease-in-out infinite;
+ animation:cursor .95s ease-in-out infinite;
+font-size:120%;
+display: contents;
+}
+
+/*Animations*/
+
+/* Cant' get "Scan" to work in Firefox*/
+@-webkit-keyframes scan{
+from { top: -50%;
+left: 0;
+}
+
+to {
+top: 150%;
+left: 0;
+}
+}
+
+
+@keyframes scan{
+from { top: -50%;
+left: 0;
+}
+
+to {
+top: 150%;
+left: 0;
+}
+}
+
+
+@-webkit-keyframes cursor{
+from { opacity: 1.0;
+}
+
+to {
+opacity: 0.0;
+}
+}
+
+
+@-moz-keyframes cursor{
+from { opacity: 1.0;
+}
+
+to {
+opacity: 0.0;
+}
+}
+
+
+@-ms-keyframes cursor{
+from { opacity: 1.0;
+}
+
+to {
+opacity: 0.0;
+}
+}
+
+
+@-o-keyframes cursor{
+from { opacity: 1.0;
+}
+
+to {
+opacity: 0.0;
+}
+}
+
+
+@keyframes cursor{
+from { opacity: 1.0;
+}
+
+to {
+opacity: 0.0;
+}
+}
diff --git a/index.html b/index.html
index f159578..6a25bfb 100644
--- a/index.html
+++ b/index.html
@@ -44,6 +44,9 @@
<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">
+ <a class="nav-link" href="blog.html"><b><b>Blog</b></b></a>
+ </li>
<li class="nav-item mx-2">
<a class="nav-link" href="#gear"><b><b>Gear</b></b></a>
</li>