Simplify design.

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "holllo-org",
+  "private": true,
   "scripts": {
     "start": "vite",
     "build": "vite build",

source/index.html

@@ -10,117 +10,7 @@
 {% block body %}
 <header class="page-header">
   <img alt="Holllo" src="/assets/holllo-mark.png">
-  <p class="byline">Creating free and open-source software.</p>
+  <p class="byline">Developing free and open-source software, forever.</p>
+  <a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
 </header>
-
-<div class="sections">
-  <h2 class="webextensions-header span-grid">WebExtensions</h2>
-
-  <section>
-    <h3>
-      <img src="/assets/fangs.png" alt="Fangs Logo">
-      {{ macros.link(link='Holllo/fangs/releases', text='Fangs', type='github') }}
-    </h3>
-
-    <p>
-      Create your own
-      {{ macros.link(link='https://duckduckgo.com/bang', text='DuckDuckGo Bangs') }}.
-    </p>
-
-    <p class="icons">
-      {{ macros.iconLink(link='Holllo/fangs', icon='github') }}
-      {{ macros.iconLink(link='fangs', icon='mozilla-firefox') }}
-      {{ macros.iconLink(link='dlllfannplfkhbiidhihagjkbmcolclf', icon='google-chrome') }}
-      {{ macros.iconLink(link='fgfkpbflhnljpfniippaagjjlncobhjd', icon='microsoft-edge') }}
-    </p>
-  </section>
-
-  <section>
-    <h3>
-      <img src="/assets/queue.png" alt="Queue Logo">
-      {{ macros.link(link='Holllo/queue/releases', text='Queue', type='github') }}
-    </h3>
-
-    <p>Easily save links so you can go through them later.</p>
-
-    <p class="icons">
-      {{ macros.iconLink(link='Holllo/queue', icon='github') }}
-      {{ macros.iconLink(link='holllo-queue', icon='mozilla-firefox') }}
-      {{ macros.iconLink(link='epnbikemcmienphlfmidkimpjnmohcbl', icon='google-chrome') }}
-      {{ macros.iconLink(link='aanjampfdpcnhoeglmfefmmegdbifaak', icon='microsoft-edge') }}
-    </p>
-  </section>
-
-  <h2 class="libraries-header span-grid">Libraries</h2>
-
-  <section>
-    <h3>
-      {{ macros.link(link='opml', type='crates-io', linkAsText=true) }}
-      &
-      {{ macros.link(link='opyml', type='pypi', linkAsText=true) }}
-    </h3>
-
-    <p>
-      {{ macros.link(link='https://www.rust-lang.org', text='Rust') }}
-      &
-      {{ macros.link(link='https://www.python.org', text='Python') }}
-      libraries for the
-      {{ macros.link(link='http://opml.org', text='OPML') }}
-      file format.
-    </p>
-
-    <p class="icons">
-      {{ macros.iconLink(link='Holllo/opml', icon='github') }}
-      {{ macros.iconLink(link='opml', icon='crates-io') }}
-      {{ macros.iconLink(link='Holllo/opyml', icon='github') }}
-      {{ macros.iconLink(link='opyml', icon='pypi') }}
-    </p>
-  </section>
-
-  <section>
-    <h3>
-      {{ macros.link(link='web-ext-native-messaging', type='crates-io', linkAsText=true) }}
-    </h3>
-
-    <p>
-      {{
-        macros.link(
-          link='https://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions/Native_messaging',
-          text='WebExtension Native Messaging'
-        )
-      }}
-      library for
-      {{ macros.link(link='https://www.rust-lang.org', text='Rust') }}.
-    </p>
-
-    <p class="icons">
-      {{ macros.iconLink(link='Holllo/web-ext-native-messaging', icon='github') }}
-      {{ macros.iconLink(link='web-ext-native-messaging', icon='crates-io') }}
-    </p>
-  </section>
-
-  <section>
-    <h3>
-      {{ macros.link(link='migration-helper', type='npm', linkAsText=true) }}
-    </h3>
-
-    <p>
-      A tiny
-      {{ macros.link(link='https://www.typescriptlang.org', text='TypeScript') }}
-      helper library for migrating data.
-    </p>
-
-    <p class="icons">
-      {{ macros.iconLink(link='Holllo/migration-helper', icon='github') }}
-      {{ macros.iconLink(link='migration-helper', icon='npm') }}
-    </p>
-  </section>
-</div>
-
-<footer class="page-footer">
-  <p>
-    &copy; Holllo 💖
-    <a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
-  </p>
-</footer>
 {% endblock %}

source/scss/common.scss

@@ -20,7 +20,6 @@ body {
   color: var(--foreground-1);
   font-family: Inter, sans-serif;
   font-size: 1.6rem;
-  padding: var(--spacing-16);
 }
 
 a {

source/scss/home/home.scss

@@ -8,6 +8,8 @@
   display: flex;
   flex-direction: column;
   gap: var(--spacing-16);
+  height: 100vh;
+  justify-content: center;
   padding: var(--spacing-16);
 
   img {