adding space between projects in Research section

jvillasr · Oct 2, 2023 · ecd249c · ecd249c
1 parent 71a6b72
commit ecd249c
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 5 deletions.
diff --git a/_includes/research copy.html b/_includes/research copy.html
@@ -24,3 +24,16 @@ <h2>Research Project 2</h2>
         </div>
     </div>
 </section>
+
+
+<section class="hero is-fullheight" id="research">
+    <div class="hero-body">
+        <div class="container has-text-centered">
+            <div class="section">
+                <p class="subtitle is-uppercase has-text-weight-medium has-text-grey">Projects</p>
+            </div>
+            {% include project-card.html %}
+        </div>
+    </div>
+</section>
+</div>
diff --git a/_includes/research.html b/_includes/research.html
@@ -2,12 +2,23 @@
     <div class="hero-body">
         <div class="container has-text-centered">
             <div class="section">
-                <p class="subtitle is-uppercase has-text-weight-medium has-text-grey">Projects</p>
+                <p class="subtitle is-uppercase has-text-weight-medium has-text-grey">Research</p>
+            </div>
+            <div class="columns is-centered is-multiline is-mobile">
+                {% for research in site.data.research %}
+                <div class="column is-one-third">
+                    <div class="has-background-black card">
+                        <figure class="image is-3by1"
+                            style="background-image: url({{research.image}});">
+                        </figure>
+                        <div class="card-content">
+                            <h1 class="title has-text-white is-size-4">{{ research.name }}</h1>
+                            <p class="has-text-white has-text-weight-light content">{{ research.description | truncate: 80 }}</p>
+                        </div>
+                    </div>
+                </div>
+                {% endfor %}
             </div>
-            {% include project-card.html %}
         </div>
     </div>
 </section>
-</div>
-
-