[content/* themes/footer] Enable opt-in getintouch icons based on frontmatter.

content/_index.md

@@ -1,5 +1,6 @@
 ---
 title: Home
+get_in_touch: true
 tags:
   - development
   - coding

content/doublefourteen/index.en.md

@@ -40,7 +40,7 @@ We always welcome new members, projects, and research ideas!
     - violate the users' or developers' privacy or silently collect their data;
     - severe the right to understand, learn, verify, modify or improve the original source code;
     - deny full control over the computing instruments;
-    - tye the user or developer to a single software or service, constraining their freedom of choice.
+    - tie the user or developer to a single software or service, constraining their freedom of choice.
 
 * We regard our independence as a vital premise.
 

content/team/index.en.md

@@ -2,6 +2,7 @@
 title: Team
 menu_title: "The DoubleFourteen Code Forge Team"
 mobile_menu_title: "1414° Team"
+get_in_touch: true
 date: 2022-03-10T00:40:51+02:00
 ---
 

themes/doublefourteen/assets/sass/style.sass

@@ -160,8 +160,8 @@ thead th
     flex-direction: row
     flex-wrap: wrap
     justify-content: right
-    gap: 1.5em
+    gap: $large-spacer
-    margin: 2em 3em 2em 2em
+    margin: $large-spacer $huge-spacer $large-spacer $large-spacer
 
 .button, .button:hover
   background-color: transparent

themes/doublefourteen/layouts/partials/footer.html

@@ -1,5 +1,7 @@
 <footer>
-  {{- partial "getintouch.html" . -}}
+  {{ if default false (index .Params "get_in_touch") }}
+    {{- partial "getintouch.html" . -}}
+  {{ end }}
 
   <div class="container footer">
     <small>

themes/doublefourteen/layouts/partials/getintouch.html

@@ -1,4 +1,4 @@
-<div class="container get-in-touch">
+<div class="get-in-touch">
   <!-- twitter -->
   <a class="button twitter-button"
      title="Follow us on Twitter @1414codeforge"
@@ -16,8 +16,8 @@
                   {{ "/twitter-logo-blue-32.png" | relURL }} 32w,
                   {{ "/twitter-logo-blue-16.png" | relURL }} 16w"
             sizes="(min-width: 2000px) 128px,
-                   (max-width: 2000px) and (min-width: 640px) 3vw,
+                   (max-width: 2000px) and (min-width: 640px) 2.5vw,
-                   10vw"
+                   8vw"
             max-width="128px"
             alt="Follow us on Twitter @1414codeforge">
      <img class="on-dark-theme"
@@ -33,8 +33,8 @@
                {{ "/twitter-logo-white-32.png" | relURL }} 32w,
                {{ "/twitter-logo-white-16.png" | relURL }} 16w"
        sizes="(min-width: 2000px) 128px,
-              (max-width: 2000px) and (min-width: 640px) 3vw,
+              (max-width: 2000px) and (min-width: 640px) 2.5vw,
-              10vw"
+              8vw"
        max-width="128px"
        alt="Follow us on Twitter @1414codeforge">
   </a>
@@ -55,8 +55,8 @@
               {{ "/mail-gray-32.png" | relURL }} 32w,
               {{ "/mail-gray-16.png" | relURL }} 16w"
       sizes="(min-width: 2000px) 128px,
-             (max-width: 2000px) and (min-width: 640px) 3vw,
+             (max-width: 2000px) and (min-width: 640px) 2.5vw,
-             10vw"
+             8vw"
       max-width="128px"
       alt="Drop an email to info@doublefourteen.io">
     <img class="on-dark-theme"
@@ -72,8 +72,8 @@
               {{ "/mail-white-32.png" | relURL }} 32w,
               {{ "/mail-white-16.png" | relURL }} 16w"
       sizes="(min-width: 2000px) 128px,
-             (max-width: 2000px) and (min-width: 640px) 3vw,
+             (max-width: 2000px) and (min-width: 640px) 2.5vw,
-             10vw"
+             8vw"
       max-width="128px"
       alt="Drop an email to info@doublefourteen.io">
   </a>