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
-site. It is built using the [Hugo](https://gohugo.io/) static site generator.
+This website is a simple static site. It is built using the
+[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/contact.md

@@ -1,10 +0,0 @@
----
-title: Contact Us
-menu:
-  main:
-    identifier: contact
-    name: Contact
-    weight: 20
----
-
-Contact content

content/foundation/_index.md

@@ -1,5 +1,7 @@
 ---
 title: Kosmos Infrastructure Foundation
+description: Providing physical infrastructure for Kosmos software and services
+headerImage: servers-02.jpg
 menu:
   main:
     identifier: foundation
@@ -7,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/projects/_index.md

@@ -0,0 +1,10 @@
+---
+title: Projects
+menu:
+  main:
+    identifier: projects
+    name: Projects
+    weight: 3
+---
+
+{{< partial "projects" >}}

content/services/_index.md

@@ -0,0 +1,10 @@
+---
+title: Services
+menu:
+  main:
+    identifier: services
+    name: Services
+    weight: 5
+---
+
+{{< partial "services/community" >}}

data/projects.yaml

@@ -0,0 +1,47 @@
+- name: Kosmos Accounts & Services
+  description: >-
+    Kosmos Accounts give people access to our hosted
+    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
+          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: 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 2024.
+  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/

data/services/community.yaml

@@ -0,0 +1,51 @@
+- category: Communication
+  items:
+    - name: Chat
+      url: https://wiki.kosmos.org/Services:Chat
+      description: Chat rooms and instant messaging (XMPP/Jabber)
+    - name: Social
+      url: https://kosmos.social
+      description: Social media (micro-blogging on the fediverse)
+    - 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
+- category: Account & Auxiliary services
+  items:
+    - name: Accounts
+      url: https://accounts.kosmos.org
+      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: Lightning Network
+      url: https://lightningaddress.com
+      description: A simple, always-on inbox for receiving sats
+- category: P2P Network Services
+  items:
+    - name: IPFS
+      url: https://wiki.kosmos.org/Kredits:IPFS
+      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

@@ -4,8 +4,15 @@
   "private": true,
   "description": "The website on kosmos.org",
   "scripts": {
-    "build:css": "",
-    "dev": "tailwindcss -i ./themes/kosmos-22/source/main.css -o ./themes/kosmos-22/static/css/main.css --watch"
+    "clean": "rm -rf public/*",
+    "build:css": "tailwindcss -i ./themes/kosmos-22/source/main.css -o ./themes/kosmos-22/assets/css/main.css",
+    "build:site": "hugo",
+    "build:release": "npm-run-all clean prod:css prod:site",
+    "prod:css": "npm run build:css -- --minify",
+    "prod:site": "hugo --gc --minify",
+    "dev": "npm-run-all --parallel dev:*",
+    "dev:css": "npm run build:css -- --watch",
+    "dev:site": "hugo server --disableFastRender"
   },
   "repository": {
     "type": "git",
@@ -14,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

@@ -0,0 +1,124 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+body, html {
+  box-sizing: border-box;
+  height: 100%;
+  font-size: 16px;
+}
+
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+
+body {
+  background-color: #fff;
+  color: #232323;
+  font-family: 'Open Sans', sans-serif;
+  text-rendering: optimizeLegibility;
+  text-align: center;
+}
+
+html, body, #wrapper {
+  min-height: 100%;
+}
+
+#wrapper {
+  min-height: 100%;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+header {
+  height: 100%;
+  max-width: 90%;
+  margin: 0 auto 10vh;
+  text-align: center;
+}
+
+header h1 {
+  display: inline-block;
+  margin-bottom: 2rem;
+  margin-right: -0.25em; /* fix trailing space from letter-spacing */
+  font-size: 7vw;
+  font-weight: 700;
+  letter-spacing: 0.5em;
+  text-transform: uppercase;
+  background: #232323 url(https://kredits.kosmos.org/img/bg-947d3bf6bb15a1a3b07afcba4c307690.jpg);
+  background-size: cover;
+  background-repeat: no-repeat;
+  -webkit-text-fill-color: transparent;
+  -webkit-background-clip: text;
+}
+
+header h2 {
+  font-size: 1rem;
+  font-weight: normal;
+  color: #888888;
+}
+
+main {
+  width: 768px;
+  max-width: 90%;
+  text-align: left;
+}
+
+main p {
+  line-height: 1.6em;
+  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;
+}
+
+@media screen and (max-width: 760px) {
+  header {
+    margin-top: 4rem;
+  }
+
+  header h1 {
+    font-size: 10vw;
+    margin-bottom: 1rem;
+  }
+
+  header h2 {
+    font-weight: 300;
+    font-size: 1rem;
+  }
+
+  footer {
+  }
+}

public/img/comet.svg

@@ -0,0 +1 @@
+<svg width="65.364" height="55.773" enable-background="new 0 0 100 100" version="1.1" viewBox="0 0 65.364 55.773" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g id="layer1" transform="translate(28.868 20.259)" fill="#000"><path id="path2" d="m22.81-9.2546-0.0137-0.0072c-0.0445-0.0196-0.0895-0.04052-0.13335-0.06078l-23.822-10.937s2.0034 9.219 2.914 11.778c0 0-27.292-8.1582-30.623-8.9354 1.0916 4.2618 20.006 40.848 20.006 40.848 3.8225 7.7608 12.677 12.083 21.912 12.083 12.949 0 23.446-10.497 23.446-23.446 6.6e-4 -9.4655-5.609-17.62-13.685-21.323z" fill="#fff" stroke-width=".65365"/></g></svg>

shortcodes/partial.html

@@ -0,0 +1 @@
+{{ partial (.Get 0) }}

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/baseof.html

@@ -4,7 +4,8 @@
     {{ partial "meta.html" . }}
     <title>{{ block "title" . }}{{ .Title }} | {{ .Site.Title }}{{ end }}</title>
     <link href='https://assets.kosmos.org/fonts/open-sans/open-sans.css' rel='stylesheet'>
-    <link href="/css/main.css" rel="stylesheet" />
+    {{ $css := resources.Get "css/main.css" | resources.Fingerprint }}
+    <link rel="stylesheet" href="{{ $css.RelPermalink }}" />
   </head>
   <body class="text-center">
     {{ partial "topnav" . }}

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

@@ -1,10 +1,21 @@
 {{ define "main" }}
-  <div class="w-full h-32 bg-[url('/img/lagoon-close-02.jpg')]
-              bg-[center_top_30rem] bg-cover">
-  </div>
+  {{ if .Params.HeaderImage }}
+    <!-- <div class="w&#45;full h&#45;32 bg&#45;[center_bottom_23rem] bg&#45;cover" -->
+    <!--      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">
-    <h2 class="text-2xl font-bold">{{ .Title }}</h1>
+    <h1 class="text-2xl font-bold">{{ .Title }}</h1>
+    {{ if .Description }}
+    <p class="mt-2 text-lg text-zinc-500">{{ .Description }}</p>
+    {{ end }}
   </header>
   <div class="content">
     {{ .Content }}

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

@@ -4,7 +4,10 @@
   </div>
   <div class="max-w-5xl mx-auto -mt-12 py-8 px-8 text-left bg-white">
   <header class="mb-8">
-    <h2 class="text-2xl font-bold">{{ .Title }}</h1>
+    <h1 class="text-2xl font-bold">{{ .Title }}</h1>
+    {{ if .Description }}
+    <p class="mt-2 text-lg text-zinc-500">{{ .Description }}</p>
+    {{ end }}
   </header>
   <div class="content">
     {{ .Content }}

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
-        governance based on contributions, called Kredits, which we started
-        using in production recently.
+        We also offer <a href="/services">hosted services</a> for a variety of
+        applications on a not-for-profit basis. And we recently created a
+        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>
-        (recommended) or on
-        <a href="https://twitter.com/KosmosHQ" rel="me">Twitter</a>.
+        <a href="https://kosmos.social/@kosmos" rel="me">Fediverse</a>
+        or on
+        <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

@@ -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="mt-6">{{ .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

@@ -0,0 +1,28 @@
+{{ range site.Data.services.community }}
+  <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>
+{{ end }}

themes/kosmos-22/layouts/shortcodes/partial.html

@@ -0,0 +1 @@
+{{ partial (.Get 0) (.Get 1) }}

themes/kosmos-22/source/main.css

@@ -1,3 +1,51 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+  h2 {
+    @apply text-lg font-bold mb-6 mt-8;
+  }
+
+  h3 {
+    @apply mb-4 text-sm uppercase text-zinc-500;
+  }
+
+  h3:not(:first-child) {
+    @apply mt-6;
+  }
+
+  p + p,
+  p + ul {
+    @apply mt-6;
+  }
+
+  /* ul { */
+  /*   @apply list-disc list-inside leading-relaxed; */
+  /* } */
+}
+
+@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; }
+
+  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/main.css

@@ -1,717 +0,0 @@
-/*
-! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com
-*/
-
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box;
-  /* 1 */
-  border-width: 0;
-  /* 2 */
-  border-style: solid;
-  /* 2 */
-  border-color: #e5e7eb;
-  /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-*/
-
-html {
-  line-height: 1.5;
-  /* 1 */
-  -webkit-text-size-adjust: 100%;
-  /* 2 */
-  -moz-tab-size: 4;
-  /* 3 */
-  -o-tab-size: 4;
-     tab-size: 4;
-  /* 3 */
-  font-family: Open Sans, sans-serif;
-  /* 4 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0;
-  /* 1 */
-  line-height: inherit;
-  /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0;
-  /* 1 */
-  color: inherit;
-  /* 2 */
-  border-top-width: 1px;
-  /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font family by default.
-2. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  /* 1 */
-  font-size: 1em;
-  /* 2 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0;
-  /* 1 */
-  border-color: inherit;
-  /* 2 */
-  border-collapse: collapse;
-  /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit;
-  /* 1 */
-  font-size: 100%;
-  /* 1 */
-  line-height: inherit;
-  /* 1 */
-  color: inherit;
-  /* 1 */
-  margin: 0;
-  /* 2 */
-  padding: 0;
-  /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-  -webkit-appearance: button;
-  /* 1 */
-  background-color: transparent;
-  /* 2 */
-  background-image: none;
-  /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield;
-  /* 1 */
-  outline-offset: -2px;
-  /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  /* 1 */
-  font: inherit;
-  /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::-moz-placeholder, textarea::-moz-placeholder {
-  opacity: 1;
-  /* 1 */
-  color: #9ca3af;
-  /* 2 */
-}
-
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  opacity: 1;
-  /* 1 */
-  color: #9ca3af;
-  /* 2 */
-}
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1;
-  /* 1 */
-  color: #9ca3af;
-  /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block;
-  /* 1 */
-  vertical-align: middle;
-  /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/*
-Ensure the default browser behavior of the `hidden` attribute.
-*/
-
-[hidden] {
-  display: none;
-}
-
-*, ::before, ::after {
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.ml-10 {
-  margin-left: 2.5rem;
-}
-
-.ml-20 {
-  margin-left: 5rem;
-}
-
-.-mt-8 {
-  margin-top: -2rem;
-}
-
-.-mt-10 {
-  margin-top: -2.5rem;
-}
-
-.-mt-12 {
-  margin-top: -3rem;
-}
-
-.mb-8 {
-  margin-bottom: 2rem;
-}
-
-.block {
-  display: block;
-}
-
-.flex {
-  display: flex;
-}
-
-.hidden {
-  display: none;
-}
-
-.h-16 {
-  height: 4rem;
-}
-
-.h-20 {
-  height: 5rem;
-}
-
-.h-28 {
-  height: 7rem;
-}
-
-.h-32 {
-  height: 8rem;
-}
-
-.h-48 {
-  height: 12rem;
-}
-
-.h-40 {
-  height: 10rem;
-}
-
-.h-36 {
-  height: 9rem;
-}
-
-.w-full {
-  width: 100%;
-}
-
-.max-w-5xl {
-  max-width: 64rem;
-}
-
-.list-none {
-  list-style-type: none;
-}
-
-.items-center {
-  align-items: center;
-}
-
-.items-baseline {
-  align-items: baseline;
-}
-
-.justify-between {
-  justify-content: space-between;
-}
-
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1rem * var(--tw-space-x-reverse));
-  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2rem * var(--tw-space-x-reverse));
-  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.border-b-4 {
-  border-bottom-width: 4px;
-}
-
-.border-b-2 {
-  border-bottom-width: 2px;
-}
-
-.border-teal-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity));
-}
-
-.border-emerald-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(16 185 129 / var(--tw-border-opacity));
-}
-
-.bg-teal-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(240 253 250 / var(--tw-bg-opacity));
-}
-
-.bg-slate-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
-}
-
-.bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
-.bg-\[url\(\'\/img\/lagoon-close-02\.jpg\'\)\] {
-  background-image: url('/img/lagoon-close-02.jpg');
-}
-
-.bg-cover {
-  background-size: cover;
-}
-
-.bg-center {
-  background-position: center;
-}
-
-.bg-top {
-  background-position: top;
-}
-
-.bg-\[center_top_20rem\] {
-  background-position: center top 20rem;
-}
-
-.bg-\[center_top_10rem\] {
-  background-position: center top 10rem;
-}
-
-.bg-\[center_bottom_10rem\] {
-  background-position: center bottom 10rem;
-}
-
-.bg-\[center_top_50rem\] {
-  background-position: center top 50rem;
-}
-
-.bg-\[center_top_40rem\] {
-  background-position: center top 40rem;
-}
-
-.bg-\[center_top_30rem\] {
-  background-position: center top 30rem;
-}
-
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
-.py-10 {
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
-}
-
-.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
-.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-
-.font-bold {
-  font-weight: 700;
-}
-
-.uppercase {
-  text-transform: uppercase;
-}
-
-@media (min-width: 640px) {
-  .sm\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-}
-
-@media (min-width: 768px) {
-  .md\:block {
-    display: block;
-  }
-}

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

@@ -57,8 +57,9 @@ header h1 {
 }
 
 header h2 {
-  font-weight: 300;
-  font-size: 1.4rem;
+  font-size: 1rem;
+  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;
   }
 }

themes/kosmos-22/static/img/comet.svg

@@ -0,0 +1 @@
+<svg width="65.364" height="55.773" enable-background="new 0 0 100 100" version="1.1" viewBox="0 0 65.364 55.773" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g id="layer1" transform="translate(28.868 20.259)" fill="#000"><path id="path2" d="m22.81-9.2546-0.0137-0.0072c-0.0445-0.0196-0.0895-0.04052-0.13335-0.06078l-23.822-10.937s2.0034 9.219 2.914 11.778c0 0-27.292-8.1582-30.623-8.9354 1.0916 4.2618 20.006 40.848 20.006 40.848 3.8225 7.7608 12.677 12.083 21.912 12.083 12.949 0 23.446-10.497 23.446-23.446 6.6e-4 -9.4655-5.609-17.62-13.685-21.323z" fill="#fff" stroke-width=".65365"/></g></svg>