feat(geocaching): images and text

feat(shortcode): introduction of fig-img shortcode

assets/sass/footer.scss

@@ -14,7 +14,7 @@ body {
 
 .site-footer {
     border-top: .3rem solid $accent;
-    margin-top: 1rem;
+    margin-top: 4rem;
     background-color: $background;
     color: white;
     
@@ -28,6 +28,10 @@ body {
     }
 }
 
+.landing-page .site-footer {
+    margin-top: 1rem;
+}
+
 // .site-footer__title {
 //     @extends .serif-font;
 // }

assets/sass/general.scss

@@ -97,6 +97,8 @@ img {
 }
 
 .wikipedia-btn {
+    margin-top: .5rem;
+
     display: inline-flex;
     justify-content: flex-start;
     flex-direction: row;
@@ -131,3 +133,33 @@ img {
     width: 1rem;
     height: 1rem;
 }
+
+.double-figures {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+
+    figure {
+        margin: 1rem;
+        margin-bottom: 2rem;
+        figcaption {
+            p { margin: 0;}
+        }
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .double-figures {
+        grid-template-columns: 1fr;
+    }
+}
+
+.fig-img {
+    figcaption {
+        font-size: .9rem;
+        color: $hidden;
+    }
+}
+
+.highlighted {
+    font-weight: bold;
+}

assets/sass/main.scss

@@ -16,6 +16,7 @@ $secondary: #011F26;
 $tertiary: #A5A692;
 $accent: #F2A71B;
 $accent-dark: #A56F09;
+$hidden: #2C3E50;
 
 .pagination-nav {
     margin-top: 1em;