www.lurk.org

LURK www landing page
git clone https://git.lurk.org/repos/www.lurk.org.git
Log | Files | Refs

commit d9d021ff28770ed2fcb8c8d97fc9adf8635099d4
parent b2b21d0f17d0f5840809eab36740973de5e883ff
Author: ugrnm <ultrageranium@bleu255.com>
Date:   Wed Aug 21 15:31:38 +0200

sections
Diffstat:
index.html | 7+++++--
style.css | 43+++++++++++++++++++++++++++++++++++++++----
2 files changed, 44 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html
@@ -9,8 +9,7 @@
 </head>
 
 <body>
-<header></header>
-<main>
+<header>
   <h1 id="lurkers-of-the-world-unite">LURKers of the world unite!</h1>
   <p>Welcome to LURK, we host, facilitate and archive discussions around net- and computational culture and politics, proto- and post-free culture practices, (experimental) (sound) (new media) (software) art, and things like that…</p>
   <p>We’re <a href="#pls-send-halp">volunteer run</a> and wish to:</p>
@@ -20,7 +19,9 @@
     <li>provide ourselves with something high-quality to procrastinate with, share good memes and eat pop-corn;</li>
     <li>etc.</li>
   </ul>
+</header>
 
+<main>
   <h2 id="services">Services</h2>
   <p>LURK provides a few community services composed of mailinglists, chat and access to the Fediverse. In addition to offering these platforms, we try to document how they are set up on <a href="#wiki">a wiki</a>.</p>
   
@@ -51,9 +52,11 @@
   <h2 id="our-communities">Our Communities</h2>
   <p>LURK is used by several communities coming from a variety of cultural, ethnic and professional backgrounds. We strive for LURK to be welcoming to people of these various backgrounds and provide a non-toxic and harrassement-free enviroment. To that extent we’re in the process of writing a Code of Conduct, Terms of Services and Privacy Statement, and have moderators on different platforms.</p>
 
+  <div id="halp">
   <h2 id="pls-send-halp">Pls send halp</h2>
   <p>Big tech and an abusive misunderstanding of free and open source software practices have led us to believe that software production, server maintenance and online services should be free as in gratis. However there is no such things as a free lunch and software does not exist in a vacuum. If we want sustainable alternatives and a diverse culural sector, these alternatives and the humans behind them, need to be supported. If LURK is useful to you, and if you can afford it, please help us by donating.</p>
   <p>You can support us through <a href="https://liberapay.com/LURK/">Liberapay</a>, Patreon (soon), PayPal (via Liberapay), or by international Bank Transfer (drop us an email at contact).</p>
+  </div>
 
   <h2 id="contact">Contact</h2>
   <p>You can reach us here: lurk <em>NOSPAMpls</em> at <em>NOSPAM</em> bleu255 <em>NOSPAM</em> dot <em>NOSPAM</em> com</p>
diff --git a/style.css b/style.css
@@ -1,6 +1,6 @@
 @font-face {
-  font-family: 'Route159-Regular';
-  src: url('fonts/Route159-Regular.woff') format('woff');
+  font-family: 'Route159-SemiBold';
+  src: url('fonts/Route159-SemiBold.woff') format('woff');
 }
 
 @font-face {
@@ -13,18 +13,48 @@
   src: url('fonts/Route159-BoldItalic.woff') format('woff');
 }
 
-html {
+html, body {
   font-size: 120%;
+  margin: 0;
+}
+
+header {
+  background-color: #000;
+  color: #DDEEFF;
+}
+
+#halp {
+  background-color: #D90;
 }
 
 * {
-  font-family: "Route159-Regular", Fallback, sans-serif;
+  font-family: "Route159-SemiBold", Fallback, sans-serif;
+
 }
 
 h1, h2, h3 {
   font-family: "Route159-Heavy", Fallback, sans-serif;
   font-weight: normal;
   font-style: normal;
+  color: #FFFFFF;
+  text-transform: uppercase;
+}
+
+h1 {
+  word-spacing: 105%;
+  letter-spacing: 0.1em;
+  padding-top: 2em;
+}
+
+h2 {
+  word-spacing: 110%;
+  letter-spacing: 0.1em;
+}
+
+h3 {
+  word-spacing: 110%;
+  letter-spacing: 0.1em;
+  color: #DDEEFF;
 }
 
 em {
@@ -33,5 +63,10 @@ em {
   font-style: normal;
 }
 
+p, li {
+  font-kerning: auto;
+  word-spacing: 110%;
+  letter-spacing: 0.02em;
+}