Update build

This reverts commit c0b19223d8.

README.md

@@ -1,10 +1,14 @@
 # kosmos.org
 
-This website (or rather foundation for a future website) is a simple static
+This website is a simple static site. It is built using the
-site. It is built using the [Hugo](https://gohugo.io/) static site generator.
+[Hugo](https://gohugo.io/) static site generator.
 
 ## Getting started
 
 1. Clone this Git repository
 2. [Install Hugo](https://gohugo.io/getting-started/installing/)
-3. Run `hugo server`
+3. Run `npm run dev`
+
+## Build for production
+
+    npm run build:release

content/foundation/_index.md

@@ -1,6 +1,7 @@
 ---
 title: Kosmos Infrastructure Foundation
 description: Providing physical infrastructure for Kosmos software and services
+headerImage: servers-02.jpg
 menu:
   main:
     identifier: foundation
@@ -8,4 +9,69 @@ menu:
     weight: 10
 ---
 
-Foundation content
+The Kosmos Infrastructure Foundation (KIF) is the host organization for Kosmos
+hosted services. It acts as an infrastructure provider to the developers and
+users of [free and open-source
+software](https://en.wikipedia.org/wiki/Free_and_open-source_software). It is
+appointed this role by the Kosmos co-operative, and is run by members of the
+co-operative itself.
+
+The foundation also accepts financial contributions on behalf of the
+co-operative, both for the development and maintenance of Kosmos applications
+and infrastructure, and related free and open-source software, as well
+as for providing hosted services to individuals and organizations.
+
+## Our Mission
+
+We believe that neither the development nor usage of free software should be
+entirely dependent upon select corporations or VC-funded startup companies.
+Thus, we think that free software benefits from community-owned, sovereign and
+open communication and collaboration platforms that are only beholden to free
+software's most important stakeholders: its creators and users.
+
+In this context, our mission is as follows:
+
+<ul class="list-disc ml-4">
+  <li class="mb-2">
+    Provide community-controlled infrastructure for the collaborative
+    development of all Kosmos applications, as well as related and unrelated
+    free software
+  </li>
+  <li class="mb-2">
+    Provide a professional, reliable hosting environment for research,
+    development, testing, and demonstration of all Kosmos applications, as well
+    as related and unrelated free software
+  </li>
+  <li>
+    Provide, on a not-for-profit basis, easy-to-use services surrounding Kosmos
+    applications to end users, both individual and organizations
+  </li>
+  <li>
+    Help other organizations with both self-hosting and providing hosted
+    services to their own users or the wider public
+  </li>
+</ul>
+
+## Contact
+
+<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
+  <div>
+
+  ### Address
+
+  Kosmos Infrastructure Foundation  
+  Beta Building, Oficina 6  
+  Próspera ZEDE  
+  St. John’s Bay, Roatán, Islas de Bahia 34101  
+  Honduras
+
+  </div>
+  <div>
+
+  ### E-Mail
+
+  [foundation@kosmos.org](mailto:foundation@kosmos.org)
+  <span class="text-sm font-mono">([PGP](/0xC6C569307DE33574.asc))</span>
+
+  </div>
+</div>

content/services/_index.md

@@ -7,6 +7,4 @@ menu:
     weight: 5
 ---
 
-## Community Services
-
 {{< partial "services/community" >}}

data/projects.yaml

@@ -1,27 +1,3 @@
-- 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 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
@@ -35,7 +11,7 @@
   links:
     - section: Links
       items:
-        - title: Account dashboard (beta version)
+        - title: Account dashboard
           url: https://accounts.kosmos.org
         - title: Services
           url: "/services"
@@ -46,25 +22,26 @@
         - title: Chef cookbooks (infrastructure automation)
           url: https://gitea.kosmos.org/kosmos/chef
 
-- name: Kredits
+- name: Kosmos Chat
   description: >-
-    Kredits are a system for tracking opensource project
+    Kosmos Chat is a group chat application, based
-    contributions, enabling and facilitating the fair
+    exclusively on open protocols, standards, and data
-    and transparent use of project funds, as well as
+    formats. All of its components can be either
-    improving project management and governance.
+    self-hosted or connected to hosted services. No user
+    data is ever locked into hosted silos.
   status: >-
-    We have been experimenting with the system in
+    An alpha version of the client app is in use by developers, and a public
-    pre-production for a while, and have run multiple
+    beta version is planned for 2024.
-    trials for development grant payouts. Currently
-    working on production migration/launch.
   links:
     - section: Links
       items:
-        - title: Overview & technical details
+        - title: Overview & planned features (partially outdated)
-          url: https://wiki.kosmos.org/Kredits
+          url: https://wiki.kosmos.org/Kosmos_Chat
-        - title: Contribution Dashboard
+        - title: Web client (alpha version)
-          url: https://kredits.kosmos.org
+          url: https://hyperchannel.kosmos.org
     - section: Source code
       items:
-        - title: List of software and repositories
+        - title: Hyperchannel (Web client)
-          url: https://wiki.kosmos.org/Kredits#Software
+          url: https://github.com/67P/hyperchannel
+        - title: Sockethub (Protocol proxy)
+          url: https://github.com/sockethub/sockethub/

data/services/community.yaml

@@ -9,12 +9,16 @@
     - name: Forums
       url: https://community.kosmos.org
       description: Kosmos community forums and user support/help site
+    - name: E-Mail
+      description: A no-bullshit email account, with PGP extras
+    - name: Nostr
+      url: https://nostr.kosmos.org
+      description: A spam-free Nostr relay, zap wallet, and NIP-05 addresses
 - category: Software development
   items:
     - name: Gitea
       url: https://gitea.kosmos.org
       description: Code hosting and collaboration for software projects
-
     - name: Drone CI
       url: https://drone.kosmos.org
       description: Continuous integration and build pipelines
@@ -22,15 +26,26 @@
   items:
     - name: Accounts
       url: https://accounts.kosmos.org
-      description: Manage your Kosmos account, and invite new users
+      description: Manage your Kosmos account and services
+    - name: Storage
+      url: https://remotestorage.io
+      description: Personal data storage and synchronization for the Web
     - name: Sockethub
       url: https://sockethub.org
       description: Access other Internet protocols from Web apps
-    - name: IPFS Gateway
+    - name: Lightning Network
-      url: https://wiki.kosmos.org/Kredits:IPFS
+      url: https://lightningaddress.com
-      description: Web gateway for the IPFS decentralized filesystem
+      description: A simple, always-on inbox for receiving sats
-- category: Documentation
+- category: P2P Network Services
   items:
-    - name: Wiki
+    - name: IPFS
-      url: https://wiki.kosmos.org
+      url: https://wiki.kosmos.org/Kredits:IPFS
-      description: Kosmos documentation and knowledge base
+      description: Nodes and Web gateway for the IPFS decentralized filesystem
+    - name: Rootstock
+      url: https://rootstock.io/
+      description: Testnet and Mainnet full nodes with publicly accessible APIs
+- category: Coming Soon
+  items:
+    - name: Video Chat
+      description: Secure and flexible video conferencing, for 1:1 and groups
+      coming_soon: true

package.json

@@ -21,6 +21,7 @@
   "author": "Kosmos Contributors",
   "license": "MIT",
   "devDependencies": {
+    "npm-run-all": "^4.1.5",
     "tailwindcss": "3.0.24"
   }
 }

public/0xC6C569307DE33574.asc

@@ -0,0 +1,52 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+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
++7/QZWH35ajvGOdThw==
+=mM0O
+-----END PGP PUBLIC KEY BLOCK-----

public/css/style.css

@@ -57,8 +57,9 @@ header h1 {
 }
 
 header h2 {
-  font-weight: 300;
+  font-size: 1rem;
-  font-size: 1.4rem;
+  font-weight: normal;
+  color: #888888;
 }
 
 main {
@@ -72,6 +73,33 @@ main p {
   margin-bottom: 1em;
 }
 
+footer {
+  height: 100%;
+  max-width: 90%;
+  margin: 7vh auto;
+  text-align: center;
+}
+
+footer a {
+  font-size: 0.9rem;
+  font-weight: bold;
+  display: inline-block;
+  background-color: #444;
+  color: white;
+  text-decoration: none;
+  padding: 0.5em 2em;
+  border-radius: 0.5em;
+  border: 3px solid white;
+}
+
+footer a:hover  {
+  background-color: #555;
+}
+
+footer a:active {
+  border: 3px solid #ccc;
+}
+
 .hidden {
   display: none !important;
 }
@@ -82,10 +110,15 @@ main p {
   }
 
   header h1 {
-    font-size: 8vw;
+    font-size: 10vw;
+    margin-bottom: 1rem;
+  }
+
+  header h2 {
+    font-weight: 300;
+    font-size: 1rem;
   }
 
   footer {
-    margin-bottom: 4rem;
   }
 }

static/0xC6C569307DE33574.asc

@@ -0,0 +1,52 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+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
++7/QZWH35ajvGOdThw==
+=mM0O
+-----END PGP PUBLIC KEY BLOCK-----

themes/kosmos-22/layouts/_default/section.html

@@ -1,7 +1,15 @@
 {{ define "main" }}
-  <div class="w-full h-32 bg-[url('/img/lagoon-close-02.jpg')]
+  {{ if .Params.HeaderImage }}
-              bg-[center_top_30rem] bg-cover">
+    <!-- <div class="w&#45;full h&#45;32 bg&#45;[center_bottom_23rem] bg&#45;cover" -->
-  </div>
+    <!--      style="background&#45;image: url(/img/{{ .Params.HeaderImage }})"> -->
+    <div class="w-full h-32 bg-[center] bg-cover"
+         style="background-image: url(/img/{{ .Params.HeaderImage }})">
+    </div>
+  {{ else }}
+    <div class="w-full h-32 bg-[url('/img/lagoon-close-02.jpg')]
+                bg-[center_top_30rem] bg-cover">
+    </div>
+  {{ end }}
   <div class="max-w-5xl mx-auto -mt-12 py-8 px-8 text-left bg-white">
   <header class="mb-8">
     <h1 class="text-2xl font-bold">{{ .Title }}</h1>

themes/kosmos-22/layouts/index.html

@@ -11,30 +11,29 @@
   <div id="wrapper">
     <header>
       <h1>Kosmos</h1>
-      <h2>Group communication for the 21st century</h2>
+      <h2>Let a million servers bloom</h2>
     </header>
     <main>
       <p>
         We are an open co-operative of people, who are developing a free,
         open-source, and user-centric alternative to centralized group chat
         platforms, based on widely used protocols and standards.
+        <a href="/projects">Learn more about our projects</a>.
       </p>
       <p>
-        We also develop a system for rewarding contributors and enabling
+        We also offer <a href="/services">hosted services</a> for a variety of
-        governance based on contributions, called Kredits, which we started
+        applications on a not-for-profit basis. And we recently created a
-        using in production recently.
+        community-led <a href="/foundation">foundation</a> for this purpose.
       </p>
       <p>
-        You can find all relevant information and further links in our
-        <a href="https://wiki.kosmos.org">wiki</a>.
         We collaborate on source code on
         <a href="https://github.com/67P" rel="me">GitHub</a>
         as well as our own
         <a href="https://gitea.kosmos.org/kosmos" rel="me">Gitea</a>.
         For announcements and other news, you can follow us on the
-        <a href="https://kosmos.social/@kosmos" rel="me">fediverse</a>
+        <a href="https://kosmos.social/@kosmos" rel="me">Fediverse</a>
-        (recommended) or on
+        or on
-        <a href="https://twitter.com/KosmosHQ" rel="me">Twitter</a>.
+        <a href="https://njump.me/nprofile1qythwumn8ghj7mn0wd68ytntdaek6mmn9ehhyee0qy88wumn8ghj7mn0wvhxcmmv9uqzpvlpklqw7jpff0v9vgpml4rqvfw7jhf6lwy5uhcfk9xdru88p9703as9vx" rel="me">Nostr</a>.
       </p>
       <p class="hidden">
         For status and incident updates regarding Kosmos infrastructure, please follow
@@ -42,6 +41,11 @@
       </p>
     </main>
     <footer>
+      <p>
+        <a href="https://accounts.kosmos.org" class="block font-bold">
+          <span class="">Log in to your account</span>
+        </a>
+      </p>
     </footer>
   </div>
 </body>

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,12 +1,27 @@
 {{ 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>
+      {{ if .coming_soon }}
       <h4 class="text-lg font-bold mb-2">
+        {{ if .url }}
+        <a href="{{ .url }}" class="!text-zinc-500">{{ .name }}</a>
+        {{ else }}
+        <span class="!text-zinc-500">{{ .name }}</span>
+        {{ end }}
+      </h4>
+      <p class="text-zinc-500">{{ .description }}</p>
+      {{ else }}
+      <h4 class="text-lg font-bold mb-2">
+        {{ if .url }}
         <a href="{{ .url }}" class="!text-black">{{ .name }}</a>
+        {{ else }}
+        <span class="!text-black">{{ .name }}</span>
+        {{ end }}
       </h4>
       <p>{{ .description }}</p>
+      {{ end }}
     </li>
   {{ end }}
   </ul>

themes/kosmos-22/source/main.css

@@ -4,20 +4,25 @@
 
 @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;
   }
 
-  p + p {
+  p + p,
+  p + ul {
     @apply mt-6;
   }
+
+  /* ul { */
+  /*   @apply list-disc list-inside leading-relaxed; */
+  /* } */
 }
 
 @layer components {
@@ -33,4 +38,14 @@
   .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; }
+
+  input#mobile-nav-is-open + div > a svg:last-of-type          { @apply hidden; }
+  input#mobile-nav-is-open:checked + div > a svg:first-of-type { @apply hidden; }
+  input#mobile-nav-is-open:checked + div > a svg:last-of-type  { @apply block; }
+
+  input#mobile-nav-is-open + div > div.backdrop         { @apply hidden; }
+  input#mobile-nav-is-open:checked + div > div.backdrop { @apply block; }
+
+  input#mobile-nav-is-open + div > nav         { @apply hidden; }
+  input#mobile-nav-is-open:checked + div > nav { @apply block }
 }

themes/kosmos-22/static/css/style.css

@@ -57,8 +57,9 @@ header h1 {
 }
 
 header h2 {
-  font-weight: 300;
+  font-size: 1rem;
-  font-size: 1.4rem;
+  font-weight: normal;
+  color: #888888;
 }
 
 main {
@@ -72,6 +73,33 @@ main p {
   margin-bottom: 1em;
 }
 
+footer {
+  height: 100%;
+  max-width: 90%;
+  margin: 7vh auto;
+  text-align: center;
+}
+
+footer a {
+  font-size: 0.9rem;
+  font-weight: bold;
+  display: inline-block;
+  background-color: #444;
+  color: white;
+  text-decoration: none;
+  padding: 0.5em 2em;
+  border-radius: 0.5em;
+  border: 3px solid white;
+}
+
+footer a:hover  {
+  background-color: #555;
+}
+
+footer a:active {
+  border: 3px solid #ccc;
+}
+
 .hidden {
   display: none !important;
 }
@@ -82,10 +110,15 @@ main p {
   }
 
   header h1 {
-    font-size: 8vw;
+    font-size: 10vw;
+    margin-bottom: 1rem;
+  }
+
+  header h2 {
+    font-weight: 300;
+    font-size: 1rem;
   }
 
   footer {
-    margin-bottom: 4rem;
   }
 }