Implemented articles section

_config.yml

@@ -18,7 +18,7 @@ email: bazyl@levitytech.net
 description: >- # this means to ignore newlines until "baseurl:"
   This is a site for us to show off our amazing team and skills!
 baseurl: "" # the subpath of your site, e.g. /blog
-url: "https://www.levitytech.net" # the base hostname & protocol for your site, e.g. http://example.com
+url: "127.0.0.1:4000" # the base hostname & protocol for your site, e.g. http://example.com
 root: ""
 twitter_username: llclevity
 github_username:  bazylhorsey

_layouts/default.html

@@ -13,6 +13,7 @@
 
 
 		<!-- Scripts -->
+			<!--
 			<script src="https://www.levitytech.net/assets/js/jquery.min.js"></script>
 			<script src="https://www.levitytech.net/assets/js/jquery.scrollex.min.js"></script>
 			<script src="https://www.levitytech.net/assets/js/jquery.scrolly.min.js"></script>
@@ -21,7 +22,7 @@
 			<script src="https://www.levitytech.net/assets/js/util.js"></script>
 			<script src="https://www.levitytech.net/assets/js/main.js"></script>
 			<script src="https://www.google.com/recaptcha/api.js" async defer></script>
-			<!--
+			-->
 			<script src="{{ base.url | prepend: site.url }}/assets/js/jquery.min.js"></script>
 			<script src="{{ base.url | prepend: site.url }}/assets/js/jquery.scrollex.min.js"></script>
 			<script src="{{ base.url | prepend: site.url }}/assets/js/jquery.scrolly.min.js"></script>
@@ -30,6 +31,6 @@
 			<script src="{{ base.url | prepend: site.url }}/assets/js/util.js"></script>
 			<script src="{{ base.url | prepend: site.url }}/assets/js/main.js"></script>
 			<script src="https://www.google.com/recaptcha/api.js" async defer></script>
-			-->
+
 	</body>
 </html>

_layouts/post.html

@@ -1,7 +1,3 @@
---- 
-layout: default 
----
-
 <h3>{{ page.title }}</h3>
 <time
   >{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if

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

@@ -0,0 +1,23 @@
+---
+layout: post
+title: Corridor joins forces with Buena Vista University in winning Google grant
+img: ilc+bvu.jpg
+---
+<br/>
+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.
+
+
+
+The partnership won a $175,000 competitive grant from Google through the company’s Grow With Google Program which seeks to aid the nonprofits as they work to create economic opportunities for entrepreneurs of all ages. Grow With Google aims to help everyone across America access the best of Google’s training and tools to grow their skills, careers, businesses, and nonprofits. A portion of this initiative is the Google.org Impact Challenge Iowa, which awards $1 million in grant funding to nonprofits in support of big ideas to create opportunity in Iowa.
+
+
+
+A “match-making” app will link business owners who seek assistance in finding a successor for their enterprise with new entrepreneurs educated for sustained success. The need is critical as 71 Iowa counties have lost population in the last decade, and half of the state’s business owners are older than 50. This project aims to help solve the succession gap, keeping ideas, wealth, and people in Iowa.
+
+“The Iowa Lakes Corridor Development Corporation and Buena Vista University both are leaders in building the economy of northwest Iowa,” said John Tatman. “Working together we can make important strides in helping area business owners find interested buyers for their companies.”
+
+
+
+“Our board and investors have identified business succession as an opportunity to differentiate the Corridor region positively,” said Kiley Miller. “We are confident that both business buyers and sellers are here and only need to be connected and assisted, which this generous grant from Google will make possible.”
+
+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.

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

@@ -0,0 +1,34 @@
+---
+layout: post
+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.
+---
+<br/>
+<img src="{{base.url}}/images/compsci-trio-wide.jpg">
+<br/>
+BVU senior Michael Martin smiled as his eyes fixated on the bright lights of the New York Stock Exchange ticker rotating near the ceiling of the Robert L. Peterson  Commodity Trading Room, a signature element for the renovated Harold Walter Siebens School of Business.
+
+Martin, a computer science major, hasn’t taken one business class during his time at BVU. And yet, as he approaches his final semester as an undergrad, this is the space where he and fellow computer science majors Bazyl Horsey and Justin Rubek often find themselves, a precursor of what’s to come as BVU unveils an innovative entrepreneurship minor accessible to all students.
+
+“Really nice space in here,” Martin says. 
+
+“It’s the first time we’ve had an extended stay in the School of Business,” says Horsey.
+
+The trio has happily branched out while devoting weeks of effort in building an app for the Harold Walter Siebens School of Business as BVU joins the Iowa Great Lakes Corridor Development Corporation in introducing a program to match existing business owners with up-and-coming entrepreneurs. The Match Learn Launch app, a startup funded in part through one of five Google grants awarded in Iowa, serves as an initial focal point for instruction within The Donald F. and Charlene K. Lamberti Center for Rural Entrepreneurship at BVU. 
+
+“We’ve heard from a number of businesses in Northwest Iowa who are seeking assistance when it comes to business-succession plans,” says Gary Sterling, BVU instructor of management and director of the Lamberti Center for Rural Entrepreneurship. “At the same time, we’ve heard from entrepreneurs who seek opportunities. Through this app, we’re going to match key individuals to keep and grow businesses for another generation across Iowa.”
+
+When tasked with finding a software developer to bring the Match Learn Launch app to life, Sterling quickly learned he need not search far. He found a trio of eager seniors with a robust knowledge of computer programming and a budding interest in starting their own business.
+
+In addition to their work in the computer science major, all three boast internship experience in the private sector, a BVU focal point for decades. Both Martin and Horsey, Storm Lake natives, have worked for a startup named Koloni, as both managed a software team. Rubek, who hails from Irwin, spent last summer interning at CSG International in Omaha.
+
+“CSG represented a big, corporate environment, and I learned a lot,” Rubek says. “But the startup culture here really appeals to me. I like working with a smaller team.”
+
+“The idea of using a matching algorithm to put people together falls under the realm of machine learning, a field I’m passionate about,” Martin says. “Using it for a startup really interested me.”
+
+“These are not interns,” Sterling says. “These three men are contracted software developers who are earning market rate for their work, work that will allow the app to bring people into our program.”
+
+Martin, Rubek, and Horsey plan to invest those earned dollars into their own limited liability corporation, an enterprise focused on building better websites and platforms for customers, an outcome realized as a direct result of their interaction with Sterling and the School of Business, forces that have encouraged, supported, and fostered this entrepreneurial leap. They’ll work at The Foundry at BVU, a future site in downtown Storm Lake that will also serve as home base for the Lamberti Center for Rural Entrepreneurship.
+
+“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.” 

_sass/main.scss

@@ -1957,3 +1957,69 @@
         display: none;
     }
 }
+
+/* Card */
+.card {
+	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+	transition: 0.5s;
+	border-radius: 10px;
+  }
+
+  .card:hover {
+	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
+  }
+
+  .container {
+	padding: 2px 16px;
+  }
+
+
+/* Modal */
+
+.Modal{
+	display: block;
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 100;
+	width: 100%;
+	height: 100%;
+	padding-top: 100px;
+	background-color: black;
+	background-color: rgba(0, 0, 0, 0.4);
+	-webkit-transition: 0.2s;
+	overflow: auto;
+	transition: all 0.3s linear;
+}
+
+.Modal-content {
+	background-color: #fefefe;
+	margin: auto;
+	max-width: 70%;
+	min-width: 50%;
+	min-height: 80%;
+	padding: 20px;
+	border-radius: 6px;
+	margin-bottom: 100px;
+}
+
+.Close {
+	color: #aaaaaa;
+	float: right;
+	font-size: 36px;
+  }
+
+.Close:hover, .Close:focus {
+	color: #000;
+	text-decoration: none;
+	cursor: pointer;
+}
+
+.is-blurred {
+	filter: blur(2px);
+	-webkit-filter: blur(2px);
+}
+
+.is-visuallyHidden { opacity: 0; }
+.is-hidden { display: none; }
+.ModalOpen { overflow: hidden; }

index.html

@@ -1,15 +1,56 @@
 ---
 layout: default
 ---
+<!--
+    Temporary
+-->
+<script>
 
-    <body>
-
+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 modal = 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 = function(event) {
+    console.log(event.target.className);
+    console.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">
-            
+        
+        <div id="main">      
+
             <!-- Toggle -->
             <script>
                 function toggleHeader() {
@@ -58,10 +99,17 @@ <h3>News</h3>
                         <div class="features">
                             {% for post in site.posts limit:3 %}
                                 <article data-aos="fade-left">
-                                    <a href="{{ post.url }}" class="image"><img src="{{base.url}}/images/{{post.img}}" alt="" /></a>
-                                    <div class="inner">
-                                        <h4>{{ post.title }}</h4>
-                                        <p>{{ post.excerpt }}</p>
+                                <div class="btn_container">
+                                    <a href="#{{ post.title }}" onclick="openModal('{{ post.title }}')">
+                                        <div class="card">
+                                            <img class="image" style="padding: 20px 20px 20px 20px;" 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 %}