Add projects content

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

@@ -0,0 +1,19 @@
+{{ range site.Data.projects }}
+  <h2>{{ .name }}</h2>
+  <p>{{ .description | markdownify }}</p>
+  <p class="text-discreet">
+    <strong>Status:</strong> {{ .status | markdownify }}
+  </p>
+  <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>
+      <ul class="list-disc list-inside leading-relaxed">
+      {{ range .items }}
+        <li><a href="{{ .url }}">{{ .title | markdownify }}</a></li>
+      {{ end }}
+      </ul>
+    </div>
+  {{ end }}
+  </div>
+{{ end }}

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

@@ -4,7 +4,7 @@
   {{ range .items }}
     <li>
       <h4 class="text-lg font-bold mb-2">
-        <a href="{{ .url }}" class="border-b border-zinc-400">{{ .name }}</a>
+        <a href="{{ .url }}" class="!text-black">{{ .name }}</a>
       </h4>
       <p>{{ .description }}</p>
     </li>

themes/kosmos-22/source/main.css

@@ -4,6 +4,33 @@
 
 @layer base {
   h2 {
-    @apply text-lg font-bold mb-8;
+    @apply text-lg font-bold mb-6;
+  }
+
+  h2:not(:first-of-type) {
+    @apply mt-8;
+  }
+
+  h3 {
+    @apply mt-6;
+  }
+
+  p + p {
+    @apply mt-6;
   }
 }
+
+@layer components {
+  .text-discreet {
+    @apply text-zinc-500;
+  }
+
+  .content {
+    @apply pb-20;
+  }
+
+  .content a         { @apply text-sky-600 border-b border-zinc-300; }
+  .content a:hover   { @apply text-sky-700 border-b border-zinc-400; }
+  .content a:visited { @apply text-indigo-600 }
+  .content a:active  { @apply text-sky-500; }
+}