added homepage blurbs

cacama-valvata · cacama-valvata · commit a9a6b0459f75 · 2023-07-08T12:19:39.000-07:00
diff --git a/content/home/blurb/competitions.md b/content/home/blurb/competitions.md
@@ -1,6 +1,7 @@
 ---
 title: "Competitions"
 icon: "flag"
+type: "blurb"
 weight: 3
 ---
 
diff --git a/content/home/blurb/ctf-meetings.md b/content/home/blurb/ctf-meetings.md
@@ -1,6 +1,7 @@
 ---
 title: "CTF Meetings"
 icon: "users"
+type: "blurb"
 weight: 1
 ---
 
diff --git a/content/home/blurb/guest-speakers.md b/content/home/blurb/guest-speakers.md
@@ -1,6 +1,7 @@
 ---
 title: "Guest Speakers"
 icon: "street-view"
+type: "blurb"
 weight: 2
 ---
 
diff --git a/layouts/index.html b/layouts/index.html
@@ -9,8 +9,16 @@ <h1 class="hero-title py-1">{{ .Site.Params.FullTitle }}</h1>
   </div>
 </div>
 
-<div class="bg-light"  style="min-height: 40vh;">
-  <p>help me</p>
+<div class="bg-light justify-content-center"  style="min-height: 60vh;">
+  <div class="blurb-box d-flex flex-wrap justify-content-around">
+    {{ range .Site.Sections }}
+      {{ if eq .Type "home" }}
+        {{ range .Sections.ByWeight }}
+          {{ partial "home/blurb.html" . }}
+        {{ end }}
+      {{ end }}
+    {{ end }}
+  </div>
 </div>
 
 {{ end }}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -7,7 +7,7 @@
   
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Mulish:wght@300;600&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Mulish:wght@300;600;800&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> 
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/solid.min.css" integrity="sha512-LopA1sokwAW/FNZdP+/5q8MGyb9CojL1LTz8JMyu/8YZ8XaCDn1EOm6L7RWIIOHRM7K4jwnHuOmyLZeeeYxSOA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
diff --git a/layouts/partials/home/blurb.html b/layouts/partials/home/blurb.html
@@ -0,0 +1,7 @@
+{{ range where .Data.Pages "Section" .Section }}
+    <div class="blurb-each text-center">
+            <i class="fas fa-{{ .Params.icon }} blurb-icons fa-4x"></i>
+            <h5 class="blurb-title">{{ .Title }}</h5>
+            <p>{{ .Content }}</p>
+    </div>
+{{ end }}
diff --git a/static/caseyhates.css b/static/caseyhates.css
@@ -1,6 +1,7 @@
 :root {
     --primary-color: #dc4405;
     --secondary-color: #f15f25;
+    --text-color: #7a7a7a;
 }
 
 /* protip: I HATE FOOTERS */
@@ -73,7 +74,7 @@ body {
     letter-spacing: 0.9px;
     color: white;
     margin-bottom: 10vw;
-    min-height: 50vh;
+    min-height: 40vh;
 }
 
 .hero-title {
@@ -113,3 +114,53 @@ body {
 .discord-button:hover {
     border-color: rgba(255,255,255,.7);
 }
+
+
+.blurb-box {
+    min-height: 200px;
+    padding: 0 25vw;
+}
+
+.blurb-each {
+    width: 15rem;
+    color: var(--text-color);
+}
+
+.blurb-title {
+    text-transform: uppercase;
+    font-family: "Mulish", sans-serif;
+    line-height: 1.5rem;
+    font-size: 1rem;
+    font-weight: 800;
+    letter-spacing: .14rem;
+    color: #3C424F;
+}
+
+.blurb-each > p {
+    font-size: .99rem;
+}
+
+.blurb-icons {
+    color: white;
+    background-color: var(--primary-color);
+    border-radius: 100%;
+    padding: 1.75rem 1.5rem;
+    width: 128px;
+    height: 128px;
+    box-shadow: 0 10px 30px 0 rgba(49,52,57,.3),0 10px 30px rgba(0,0,0,.08);
+}
+
+/*@include media-breakpoint-up(lg) {*/
+@media (min-width: 992px) {
+    .blurb-icons {
+        position: relative;
+        bottom: 64px;
+    }
+}
+
+/*@include media-breakpoint-down(md) {*/
+@media (max-width: 991.98px) {
+    .blurb-icons {
+        margin: 1.5rem;
+    }
+}
