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,24 +9,22 @@ menu:
     weight: 10
 ---
 
-The Kosmos Infrastructure Foundation (KIF) is the legal, physical, and financial
+The Kosmos Infrastructure Foundation (KIF) is the host organization for Kosmos
-host organization for Kosmos hosted services.
+hosted services. It acts as an infrastructure provider to the developers and
-
+users of [free and open-source
-It acts as an infrastructure provider to the developers and users of Kosmos
+software](https://en.wikipedia.org/wiki/Free_and_open-source_software). It is
-software. It is appointed this role by the Kosmos co-operative, and is run by
+appointed this role by the Kosmos co-operative, and is run by members of the
-members of the co-operative itself.
+co-operative itself.
 
 The foundation also accepts financial contributions on behalf of the
-co-operative, both for the development and maintenance of Kosmos (and related)
+co-operative, both for the development and maintenance of Kosmos applications
-software, as well as for providing hosted services to people and organizations.
+and infrastructure, and related free and open-source software, as well
-As per the KIF's founding statutes, which are legally binding, any and all of
+as for providing hosted services to individuals and organizations.
-its funds must only be used for these purposes.
 
 ## Our Mission
 
-We believe that neither the development nor usage of [free and open-source
+We believe that neither the development nor usage of free software should be
-software](https://en.wikipedia.org/wiki/Free_and_open-source_software) should
+entirely dependent upon select corporations or VC-funded startup companies.
-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.
@@ -40,7 +39,8 @@ In this context, our mission is as follows:
   </li>
   <li class="mb-2">
     Provide a professional, reliable hosting environment for research,
-    development, testing, and demonstration of all Kosmos applications
+    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
@@ -52,21 +52,18 @@ In this context, our mission is as follows:
   </li>
 </ul>
 
-## Board of Directors
-
-{{< partial "kif/board" >}}
-
 ## Contact
 
 <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
   <div>
 
-  ### Snail Mail
+  ### Address
 
-  Stichting Kosmos Infrastructure Foundation  
+  Kosmos Infrastructure Foundation  
-  Herengracht 449A  
+  Beta Building, Oficina 6  
-  1017 BR Amsterdam  
+  Próspera ZEDE  
-  Netherlands
+  St. John’s Bay, Roatán, Islas de Bahia 34101  
+  Honduras
 
   </div>
   <div>
@@ -74,6 +71,7 @@ In this context, our mission is as follows:
   ### 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/kif/board.yaml

@@ -1,10 +0,0 @@
-- 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

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" }}
+  {{ 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">
     <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/services/community.html

@@ -3,10 +3,25 @@
   <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/layouts/partials/topnav.html

@@ -1,17 +1,20 @@
 <header class="max-w-5xl mx-auto px-8 text-left">
-  <div class="w-full flex items-center justify-items-stretch h-20">
+  <div class="w-full h-20 flex items-center justify-items-stretch">
-    <div class="grow-0 shrink-0">
+    <div class="grow md:grow-0 shrink-0">
-      <svg class="inline-block align-top -mt-0.5 mr-1 w-auto h-6"  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="#000" stroke-width=".65365"/></g></svg>
+      <svg class="inline-block align-top -mt-0.5 mr-1.5 w-auto h-6"  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="#000" stroke-width=".65365"/></g></svg>
-      <h1 class="inline-block uppercase font-bold">{{ .Site.Title }}</h1>
+      <h1 class="inline-block uppercase font-bold">
+        <a href="{{ .Site.Home.RelPermalink }}">{{ .Site.Title }}</a>
+      </h1>
     </div>
     <nav class="hidden md:block md:grow">
       <ul class="ml-16 flex items-baseline space-x-8">
         {{ $currentPage := . }}
         {{ range .Site.Menus.main }}
-        <li class="{{ if $currentPage.IsMenuCurrent "main" . }}border-b-2 border-teal-500{{ end }}">
+        <li>
           <a href="{{ .URL }}" class="font-bold">
-            {{ .Pre }}
+            <span class="{{ if $currentPage.IsMenuCurrent "main" . }}border-b-2 border-teal-500{{ end }}">
-            <span>{{ .Name }}</span>
+              {{ .Name }}
+            </span>
           </a>
         </li>
         {{ end }}
@@ -19,6 +22,11 @@
     </nav>
     <nav class="hidden md:block md:grow-0 md:shrink-0">
       <ul class="ml-16 flex items-baseline space-x-6">
+        <li>
+          <a href="https://accounts.kosmos.org" class="font-bold">
+            <span class="px-2">Log in</span>
+          </a>
+        </li>
         <li>
           <a href="https://kosmos.social/@kosmos" target="_blank" title="Follow us on the Fediverse">
             <svg class="inline-block align-top mr-1 w-auto h-5" viewBox="0 0 216.4144 232.00976" version="1.1"><path d="M107.86523 0C78.203984.2425 49.672422 3.4535937 33.044922 11.089844c0 0-32.97656262 14.752031-32.97656262 65.082031 0 11.525-.224375 25.306175.140625 39.919925 1.19750002 49.22 9.02375002 97.72843 54.53124962 109.77343 20.9825 5.55375 38.99711 6.71547 53.505856 5.91797 26.31125-1.45875 41.08203-9.38867 41.08203-9.38867l-.86914-19.08984s-18.80171 5.92758-39.91796 5.20508c-20.921254-.7175-43.006879-2.25516-46.390629-27.94141-.3125-2.25625-.46875-4.66938-.46875-7.20313 0 0 20.536953 5.0204 46.564449 6.21289 15.915.73001 30.8393-.93343 45.99805-2.74218 29.07-3.47125 54.38125-21.3818 57.5625-37.74805 5.0125-25.78125 4.59961-62.916015 4.59961-62.916015 0-50.33-32.97461-65.082031-32.97461-65.082031C166.80539 3.4535938 138.255.2425 108.59375 0h-.72852zM74.296875 39.326172c12.355 0 21.710234 4.749297 27.896485 14.248047l6.01367 10.080078 6.01563-10.080078c6.185-9.49875 15.54023-14.248047 27.89648-14.248047 10.6775 0 19.28156 3.753672 25.85156 11.076172 6.36875 7.3225 9.53907 17.218828 9.53907 29.673828v60.941408h-24.14454V81.869141c0-12.46875-5.24453-18.798829-15.73828-18.798829-11.6025 0-17.41797 7.508516-17.41797 22.353516v32.375002H96.207031V85.423828c0-14.845-5.815468-22.353515-17.417969-22.353516-10.49375 0-15.740234 6.330079-15.740234 18.798829v59.148439H38.904297V80.076172c0-12.455 3.171016-22.351328 9.541015-29.673828 6.568751-7.3225 15.172813-11.076172 25.851563-11.076172z" fill="#000"/></svg></svg>
@@ -43,5 +51,44 @@
         </li>
       </ul>
     </nav>
+    <label class="-mr-2 block md:hidden" aria-hidden="true">
+      <input id="mobile-nav-is-open" type="checkbox" class="hidden" />
+      <div>
+        <a id="toggle-mobile-nav" tabindex="0" title="Open menu"
+           class="inline-flex items-center justify-center p-2 text-black
+                   rounded-md bg-transparent hover:bg-zinc-100
+                   focus:outline-none focus:ring-2 focus:ring-offset-2
+                   focus:ring-offset-zinc-400 focus:ring-white">
+          <!-- Heroicon name: outline/menu -->
+          <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg"
+               fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+          </svg>
+          <!-- Heroicon name: outline/x -->
+          <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg"
+               fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+          </svg>
+        </a>
+        <div class="backdrop absolute top-20 left-0 right-0 bottom-0 bg-zinc-800/70"></div>
+        <nav class="absolute top-20 left-0 right-0 bg-white px-8 pt-2 pb-8">
+          <ul class="flex flex-col items-start items-stretch space-y-6">
+            {{ $currentPage := . }}
+            {{ range .Site.Menus.main }}
+            <li>
+              <a href="{{ .URL }}" class="block font-bold">
+                <span class="{{ if $currentPage.IsMenuCurrent "main" . }}border-b-2 border-teal-500{{ end }}">{{ .Name }}</span>
+              </a>
+            </li>
+            {{ end }}
+            <li>
+              <a href="https://accounts.kosmos.org" class="block font-bold">
+                <span class="">Log in</span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </label>
   </div>
 </header>

themes/kosmos-22/source/main.css

@@ -38,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;
   }
 }