From 97387e89ccf7662d8a1412b6bb270e2811cc82b2 Mon Sep 17 00:00:00 2001
From: shockrah <alejandros714@protonmail.com>
Date: Mon, 25 Oct 2021 20:11:57 -0700
Subject: [PATCH] + Finalizing css for projects section Media queries to come

---
 themes/resume/layouts/index.html            | 17 +++++++++-
 themes/resume/layouts/shortcodes/embed.html |  6 ----
 themes/resume/static/css/style.css          | 37 +++++++++++++++------
 3 files changed, 42 insertions(+), 18 deletions(-)
 delete mode 100644 themes/resume/layouts/shortcodes/embed.html

diff --git a/themes/resume/layouts/index.html b/themes/resume/layouts/index.html
index 2ddf74e..410c933 100644
--- a/themes/resume/layouts/index.html
+++ b/themes/resume/layouts/index.html
@@ -14,7 +14,7 @@
             {{ range .Pages }}
             <li class="nav-item">
                 <a class="nav-link" href="#{{trim .RelPermalink "/"}}">
-                    {{.Title}} or
+                    {{.Title}}
                 </a>
             </li>
             {{ end }}
@@ -30,6 +30,21 @@
 		<p class="reveal-text" style="font-size: 2rem;">{{.Site.Params.Description}}</p>
 	</div>
 </div>
+
+<div class="container">
+    {{ with .Site.GetPage "/projects" }}
+        <h1 class="section-header">{{.Title}}</h1>
+        <div class="section">
+            {{ range .Pages }}
+                <div class="card">
+                    <a href="{{.Params.Link}}"><h1 class="card-title title-link">{{.Title}}</h1></a>
+                    <h6 class="card-subtitle mb-2 text-muted">{{.Params.Slogan}}</h6>
+                    <a href="{{.Params.Link}}"><img src="{{.Params.Img}}" class="card-img"></a>
+                    <div class="card-body"> {{.Content}} </div>
+                </div>
+            {{ end }}
+        </div>
+    {{ end }}
 </div>
 </body>
 </html>
diff --git a/themes/resume/layouts/shortcodes/embed.html b/themes/resume/layouts/shortcodes/embed.html
deleted file mode 100644
index 984466a..0000000
--- a/themes/resume/layouts/shortcodes/embed.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<a href="{{ .Get "link" }}">
-    <div class="embed" style="border-left-color:{{ .Get "color"}}">
-        <h2>{{.Get "title"}}</h2>
-        <img src={{.Get "img"}} class="embed-img">
-    </div>
-</a>
\ No newline at end of file
diff --git a/themes/resume/static/css/style.css b/themes/resume/static/css/style.css
index 8cc5a23..5014776 100644
--- a/themes/resume/static/css/style.css
+++ b/themes/resume/static/css/style.css
@@ -114,17 +114,32 @@ html {
   100% {color: #dcdcdc; clip-path: inset(0 0 0 0);}
 }
 
-.banner-button {
-    position: absolute;
-    bottom: 16px;
-    left: 50%;
-    color: whitesmoke;
-    font-size:4rem;
+.section-header {
+  color: #EAA221;
 }
-.fa-arrow-circle-down {
-    color: #dcdcdc;
-}
-.fa-arrow-circle-down:hover {
-    color: white;
+.section {
+  display: flex;
+  flex-wrap: wrap;
 }
 
+.title-link { color: #EAA221; }
+.title-link { text-decoration-color: #EAA221; }
+
+.card {
+  padding: 1em;
+  margin: 1em;
+}
+a { color:#dcdcdc; }
+a:hover { color: #EAA221; }
+
+.card-img { max-width: 250px; }
+.card { 
+  background-color: transparent; 
+  max-width: 45%;
+  border:none;
+}
+
+@media screen and (max-width: 600px) {
+  .headline {
+  }
+}
\ No newline at end of file