Merge Into Master

_includes/header.html

@@ -11,6 +11,7 @@ <h1 id="logo"><a href="#">Contents</a></h1>
         <ul>
             <li><a href="#About" class="active">About</a></li>
             <li><a href="#Solutions">Solutions</a></li>
+            <li><a href="#Feature">Featured Article</a></li>
             <li><a href="#News">News</a></li>
             <li><a href="#Team">Team</a></li>
             <li><a href="#Clients">Clients</a></li>
@@ -27,4 +28,4 @@ <h1 id="logo"><a href="#">Contents</a></h1>
             <li><a href="mailto:bazyl@levitytech.net" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
         </ul>
     </footer>
-</div>
+</div>

_posts/2020-07-16-bvu+ilc.md

@@ -1,5 +1,6 @@
 ---
 layout: post
+featured: "False"
 title: Corridor joins forces with Buena Vista University in winning Google grant
 img: ilc+bvu.jpg
 excerpt: The Iowa Lakes Corridor Development Corporation (Corridor) in partnership with Buena Vista University (BVU) has won a prestigious Google grant to advance programming aimed at facilitating business transitions across Iowa. The Corridor joined with BVU’s Center for Rural Entrepreneurship in the Harold Walter Siebens School of Business to embark on a “Match, Learn, Launch” initiative. This project pairs retiring business owners with up-and-coming business operators throughout Iowa and provides mentoring and educational support to new entrepreneurs from succession match to new launch.
@@ -25,4 +26,4 @@ A “match-making” app will link business owners who seek assistance in findin
 
 The Corridor’s joint effort with BVU represents one of five winners in Iowa that qualified for a $175,000 grant and training assistance from Google. The public has the chance to vote for a favorite idea among those winners through Aug. 30. The idea earning the most votes, dubbed the People’s Choice, will receive an additional $125,000. Vote for the Iowa Lakes Corridor Development Corporation and BVU’s “Match, Learn, Launch” project at BVU.edu/vote-bvu.
 
-Find the original article [here](http://www.lakescorridor.com/news-&-events/p/item/19214/corridor-joins-forces-with-buena-vista-university-in-winning-google-grant)!
+Find the original article [here](http://www.lakescorridor.com/news-&-events/p/item/19214/corridor-joins-forces-with-buena-vista-university-in-winning-google-grant)!

_posts/2020-07-16-mll-app.md

@@ -1,5 +1,6 @@
 ---
 layout: post
+featured: "False"
 title: Levity team creates app for Match. Learn. Launch.
 img: match_learn_launch.jpg
 excerpt: BVU computer science seniors have created a mobile app to match existing business owners with up-and-coming entrepreneurs, part of a joint effort with the Iowa Great Lakes Corridor Development Corporation.
@@ -36,4 +37,4 @@ Martin, Rubek, and Horsey plan to invest those earned dollars into their own lim
 
 “If we would have tried to do this in California or the state of Washington, we’d be considered small fish,” Horsey says. “It works for us to be here in Storm Lake, because we’re young and we don’t yet have a lot of experience. We found this opportunity because of the small community in Northwest Iowa that we happened to be in.”
 
-Find the original article [here](https://www.bvu.edu/news/computer-science-majors-build-mobile-app)!
+Find the original article [here](https://www.bvu.edu/news/computer-science-majors-build-mobile-app)!

_posts/2020-07-21-understanding-fear.md

@@ -1,5 +1,6 @@
 ---
 layout: post
+featured: "True"
 title: Managing COVID Fear and Panic in the Workplace
 img: covidfear.png
 excerpt: Recognizing our own emotions as a powerful force that we are willing to understand can help us become better peers, and motivate innovation. At Levity, we built this company during an epidemic and economic collapse.

_sass/main.scss

@@ -2031,4 +2031,28 @@
 
 .is-visuallyHidden { opacity: 0; }
 .is-hidden { display: none; }
-.ModalOpen { overflow: hidden; }
+.ModalOpen { overflow: hidden; }
+
+.collapsible{
+    background-color: #777;
+    color: white;
+    cursor: pointer;
+    padding: 18px;
+    width: 100%;
+    border: none;
+    text-align: left;
+    outline: none;
+    font-size: 15px;
+}
+
+.active, .collapsible:hover {
+  background-color: #ccc;
+
+}
+
+.content {
+  padding: 0 18px;
+  display: none;
+  overflow: hidden;
+  background-color: #f1f1f1;
+}

allPosts.html

@@ -0,0 +1,88 @@
+---
+layout: default
+---
+
+<!--
+    Temporary
+-->
+<script>
+
+    function closeModal(title){
+        var modal = document.getElementById(title);
+        modal.className = "Modal is hidden is visuallyHidden";
+        document.getElementById("main").classList.remove("is-blurred");
+        document.getElementById("header").classList.remove("is-blurred");
+    }
+
+    function openModal(title){
+        var model = document.getElementById(title);
+        var container = document.getElementById("main");
+        modal.className = "Modal is-visuallyHidden";
+        setTimeout(function(){
+            document.getElementById("main").classList.add("is-blurred");
+            document.getElementById("header").classList.add("is-blurred");
+            modal.className = "Modal";
+        }, 50);
+    }
+
+    window.onclick=fucntion(event){
+        consol.log(event.target.className);
+        consol.log(event.target.classList);
+        if (event.target.className == "Modal"){
+            event.target.className = "Modal is-hidden is-visuallyHidden";
+            document.getElementById("main").classList.remove("is-blurred");
+            document.getElementById("header").classList.remove("is-blurred");
+        }
+    }
+
+</script>
+
+{% for post in site.posts limit:3 %}
+<div class='Modal is-hidden is-visuallyHidden' id='{{ post.title }}'>
+    <div class='Modal-content'>
+        <span id="closeModal" class="Close" onclick="closeModal('{{ post.title }}')">&times;</span>
+        {{ post }}
+    </div>
+</div>
+{% endfor %}
+
+
+<body>
+    <div class="loader">
+        <img src="/images/loading.gif" alt="Loading...">
+    </div>
+
+    <div id="main">
+
+        <!-- Toggle -->
+            <script>
+                function toggleHeader(){
+                    document.getElementById("header").classList.toggle('hidden');
+                    document.getElementById("wrapper").classList.toggle('expand');
+                    document.getElementById("toggle-btn").classList.toggle('shift');
+                }
+            </script>
+
+        <!-- All posts -->
+                <h3>All Posts</h3>
+                <div class="features">
+                    {% for post in site.posts limit:3 %}
+                        <article data-aos="fade-left">
+                        <div class="btn_container">
+                            <a href="#{{ post.title }}" onclick="openModal('{{ post.title }}')">
+                                <div class="card">
+                                    <img class="image" style="padding: 20px 20px 20px 20px; margin-bottom: 0px;" src="{{base.url}}/images/posts/{{post.img}}" alt=""/>
+                                    <div class="inner">
+                                        <h4 style="padding-top:36px">{{ post.title }}</h4>
+                                        <p style='margin-bottom: 0px;'>{{ post.excerpt }}</p>
+                                        <br/>
+                                    </div>
+                                </div>
+                            </a>
+                            </div>
+                        </article>
+                    {% endfor %}
+                </div>
+            </div>
+    </div>
+</body>