Add projects content

content/projects/_index.md

@@ -7,4 +7,4 @@ menu:
     weight: 3
 ---
 
-Projects content
+{{< partial "projects" >}}

data/projects.yaml

@@ -0,0 +1,70 @@
+- name: Kosmos Chat
+  description: >-
+    Kosmos Chat is a group chat application, based
+    exclusively on open protocols, standards, and data
+    formats. All of its components can be either
+    self-hosted or connected to hosted services. No user
+    data is ever locked into hosted silos.
+  status: >-
+    An alpha version of the client app is already in use by developers, and
+    a public beta version is planned for 2022.
+  links:
+    - section: Links
+      items:
+        - title: Overview & planned features (partially outdated)
+          url: https://wiki.kosmos.org/Kosmos_Chat
+        - title: Web client (alpha version)
+          url: https://hyperchannel.kosmos.org
+    - section: Source code
+      items:
+        - title: Hyperchannel (Web client)
+          url: https://github.com/67P/hyperchannel
+        - title: Sockethub (Protocol proxy)
+          url: https://github.com/sockethub/sockethub/
+
+- name: Kosmos Accounts & Services
+  description: >-
+    Kosmos Accounts give people access to our [hosted
+    services]({{< ref "/services" >}}). An account
+    dashboard and control panel offers account management
+    functionality and additional integrations.
+  status: >-
+    Accounts are in beta and already in use by some
+    developers and other users. Registration is
+    currently by invitation only.
+  links:
+    - section: Links
+      items:
+        - title: Account dashboard (beta version)
+          url: https://accounts.kosmos.org
+        - title: Services
+          url: "/services"
+    - section: Source code
+      items:
+        - title: Akkounts (account dashboard/control panel)
+          url: https://gitea.kosmos.org/kosmos/akkounts
+        - title: Chef cookbooks (infrastructure automation)
+          url: https://gitea.kosmos.org/kosmos/chef
+
+- name: Kredits
+  description: >-
+    Kredits are a system for tracking opensource project
+    contributions, enabling and facilitating the fair
+    and transparent use of project funds, as well as
+    improving project management and governance.
+  status: >-
+    We have been experimenting with the system in
+    pre-production for a while, and have run multiple
+    trials for development grant payouts. Currently
+    working on production migration/launch.
+  links:
+    - section: Links
+      items:
+        - title: Overview & technical details
+          url: https://wiki.kosmos.org/Kredits
+        - title: Contribution Dashboard
+          url: https://kredits.kosmos.org
+    - section: Source code
+      items:
+        - title: List of software and repositories
+          url: https://wiki.kosmos.org/Kredits#Software

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; }
+}