fix bugs, add project page

Author: fraolBatole

_includes/home_page/carousel.html

@@ -18,7 +18,7 @@
   </ol>
   <div class="carousel-inner" role="listbox">
     <div class="carousel-item active">
-      <a href="/projects.html#modular-deep-learning-modular-deep-learning">
+      <a href="/projects.html#modular-deep-learning">
          <img class="d-block img-fluid"
               src="/img/modular.png"
               alt="Modularity Project">
@@ -32,7 +32,7 @@
       </a>
     </div> 
     <div class="carousel-item">
-      <a href="https://www.cs.iastate.edu/announcements/dependable-data-driven-discovery-institute">
+      <a href="/projects.html#d4-dependable-data-driven-discovery">
         <img class="d-block img-fluid"
              src="/img/d4-tripods.png"
              alt="Dr. Hridesh Rajan will lead $1.5 Million NSF TRIPODS Phase I Institute Grant">

_includes/projects_page.html

@@ -1,11 +1,11 @@
-<div id="link-{{ include.name }}" class="project-header space-above">
-  <a class="no_toc" href="{{ include.link }}" id="{{ include.name }}">
+<div id="link-{{ include.name | slugify }}" class="project-header space-above">
+  <a class="no_toc" href="{{ include.link }}" id="{{ include.name | slugify }}">
     <h3>
-      {{include.name}}
+      {{ include.name }}
     </h3>
   </a>
 </div>
 <div markdown="1">
-### {{include.name}} {#{{include.name}}}
+### {{ include.name }} {#{{ include.name | slugify }}}
 {:.no-display}
 </div>

modularity/index.html

@@ -0,0 +1,33 @@
+---
+layout: page
+title: Modular Deep Learning Project
+---
+<div class="card">
+  <div class="card-body">
+    <h2 class="card-title">Project Objectives</h2>
+    <ul class="card-text">
+      <li>1st.</li>
+      <li>2nd.</li>
+    </ul>
+  </div>
+</div>
+<div class="card">
+  <div class="card-body">
+    <h2 class="card-title">Methodology</h2>
+    <p class="card-text">......</p>
+  </div>
+</div>
+
+<div class="card">
+    <div class="card-body">
+      <h2 class="card-title">Results</h2>
+      <p class="card-text">... </p>
+    </div>
+  </div>
+
+<div class="card">
+  <div class="card-body">
+    <h2 class="card-title">Expected Outcomes</h2>
+    <p class="card-text"> ... </p>
+  </div>
+</div>

projects.md

@@ -22,9 +22,7 @@ layout: page
 This is crazy. ToC currently doesn't strip out the formatting on the header, so the regular header would link to the website rather than the location on the page. What you see above is a workaround for that.
 {% endcomment %}
 
-
-
-{% include projects_page.html name="Modular Deep Learning" link="papers/ESEC-FSE-20b/" %}
+{% include projects_page.html name="Modular Deep Learning" link="modularity/" %}
 
 [Modular Deep Learning](papers/ESEC-FSE-20b/) project is studying a class of 
 machine learning algorithms known as deep learning that has received much attention