Add first foundation content

content/foundation/_index.md

@@ -8,4 +8,34 @@ menu:
     weight: 10
 ---
 
-Foundation content
+_Introduction_
+
+## Our Mission
+
+_Content here_
+
+## Board of Directors
+
+{{< partial "kif/board" >}}
+
+## Contact
+
+<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
+  <div>
+
+  ### Snail Mail
+
+  Stichting Kosmos Infrastructure Foundation  
+  Herengracht 449A  
+  1017 BR Amsterdam  
+  Netherlands
+
+  </div>
+  <div>
+
+  ### E-Mail
+
+  [foundation@kosmos.org](mailto:foundation@kosmos.org)
+
+  </div>
+</div>

data/kif/board.yaml

@@ -0,0 +1,10 @@
+- name: Sebastian Kippe
+  role: Chairman
+- name: Garret Alfert
+  role: Secretary
+- name: Michael Bumann
+  role: Treasurer
+- name: Greg Karékinian
+  role: Director
+- name: Nick Jennings
+  role: Director

themes/kosmos-22/assets/css/main.css

@@ -425,16 +425,22 @@ Ensure the default browser behavior of the `hidden` attribute.
 
 h2 {
   margin-bottom: 1.5rem;
+  margin-top: 2rem;
   font-size: 1.125rem;
   line-height: 1.75rem;
   font-weight: 700;
 }
 
-h2:not(:first-of-type) {
+h3 {
-  margin-top: 2rem;
+  margin-bottom: 1rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  text-transform: uppercase;
+  --tw-text-opacity: 1;
+  color: rgb(113 113 122 / var(--tw-text-opacity));
 }
 
-h3 {
+h3:not(:first-child) {
   margin-top: 1.5rem;
 }
 
@@ -527,20 +533,20 @@ p + p {
   margin-right: auto;
 }
 
-.-mt-12 {
-  margin-top: -3rem;
-}
-
 .mb-8 {
   margin-bottom: 2rem;
 }
 
+.-mt-12 {
+  margin-top: -3rem;
+}
+
 .mt-2 {
   margin-top: 0.5rem;
 }
 
-.mb-4 {
+.mt-6 {
-  margin-bottom: 1rem;
+  margin-top: 1.5rem;
 }
 
 .-mt-0\.5 {
@@ -627,6 +633,10 @@ p + p {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
 .items-center {
   align-items: center;
 }
@@ -658,36 +668,11 @@ p + p {
   border-color: rgb(20 184 166 / var(--tw-border-opacity));
 }
 
-.bg-zinc-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
-}
-
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.bg-zinc-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(212 212 216 / var(--tw-bg-opacity));
-}
-
-.bg-teal-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(204 251 241 / var(--tw-bg-opacity));
-}
-
-.bg-zinc-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
-}
-
-.bg-zinc-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
-}
-
 .bg-\[url\(\'\/img\/lagoon-close-02\.jpg\'\)\] {
   background-image: url('/img/lagoon-close-02.jpg');
 }
@@ -760,6 +745,10 @@ p + p {
 }
 
 @media (min-width: 640px) {
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .sm\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -774,6 +763,10 @@ p + p {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .md\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }

themes/kosmos-22/layouts/partials/kif/board.html

@@ -0,0 +1,8 @@
+<ul class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-6 mb-8">
+{{ range site.Data.kif.board }}
+  <li>
+    {{ .name }}<br>
+    <span class="text-discreet text-sm">{{ .role }}</span>
+  </li>
+{{ end }}
+</ul>

themes/kosmos-22/layouts/partials/projects.html

@@ -7,7 +7,7 @@
   <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
   {{ range .links }}
     <div>
-      <h3 class="mb-4 text-sm uppercase text-zinc-500">{{ .section }}</h3>
+      <h3 class="mt-6">{{ .section }}</h3>
       <ul class="list-disc list-inside leading-relaxed">
       {{ range .items }}
         <li><a href="{{ .url }}">{{ .title | markdownify }}</a></li>

themes/kosmos-22/layouts/partials/services/community.html

@@ -1,5 +1,5 @@
 {{ range site.Data.services.community }}
-  <h3 class="mb-4 text-sm uppercase text-zinc-500">{{ .category }}</h3>
+  <h3>{{ .category }}</h3>
   <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6 mb-8">
   {{ range .items }}
     <li>

themes/kosmos-22/source/main.css

@@ -4,14 +4,14 @@
 
 @layer base {
   h2 {
-    @apply text-lg font-bold mb-6;
+    @apply text-lg font-bold mb-6 mt-8;
-  }
-
-  h2:not(:first-of-type) {
-    @apply mt-8;
   }
 
   h3 {
+    @apply mb-4 text-sm uppercase text-zinc-500;
+  }
+
+  h3:not(:first-child) {
     @apply mt-6;
   }