Zaydsite now

assets/css/main.css

@@ -1,25 +1,18 @@
-/* Fonts */
-@font-face {
-    font-family: Super Pixel;
-    src: url('/assets/fonts/super_pixel.ttf');
-}
-
 @font-face {
     font-family: FiraCode Bold;
     src: url('/assets/fonts/fira_code_v6.2/woff2/FiraCode-Bold.woff2');
 }
 
 @font-face {
-    font-family: FiraCode;
-    src: url('/assets/fonts/fira_code_v6.2/woff2/FiraCode-Regular.woff2');
+	font-family: Fira Sans;
+	src: url('/assets/fonts/Fira_Sans/FiraSans-Regular.woff2');
 }
 
 @font-face {
-    font-family: ATT PC6300;
-    src: url('/assets/fonts/oldschool_pc_font_pack_v2.2/Web437_ATT_PC6300.woff')
+	font-family: Fira Sans Bold;
+	src: url('/assets/fonts/Fira_Sans/FiraSans-Bold.woff2');
 }
 
-
 body {
     margin-top: 2%;
     margin-left: 5%;
@@ -57,13 +50,14 @@ body {
 
 .navbar h1 {
     margin-bottom: 0px;
+	margin-right: 10px;
 }
 
 .navbar h1 a {
     color: #bb53f3;
-    font-size: 30px;
+    font-size: 35px;
     display: inline;
-    font-family: Super Pixel;
+    font-family: FiraCode Bold;
 }
 
 @media (min-width: 600px) {
@@ -74,14 +68,19 @@ body {
 
 /* Main content */
 
-main {
-    color: white;
-    font-family: FiraCode;
+@media (min-width: 600px) {
+	main, footer {
 		width: 70%;
+	}
+}
+main, footer {
+    color: white;
+    font-family: Fira Sans;
+	font-size: 20px;
 }
 
 main h2 {
-    font-family: ATT PC6300;
+    font-family: Fira Sans Bold;
     font-size: 40px;
     margin-top: 20px;
     margin-bottom: 0px;
@@ -91,7 +90,7 @@ main p {
     margin-top: 5px;
 }
 
-main a {
+main a, footer a {
     text-decoration: none;
     color: #418cf6;
 }

assets/fonts/Fira_Sans/OFL.txt

@@ -0,0 +1,93 @@
+Copyright (c) 2012-2015, The Mozilla Foundation and Telefonica S.A.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

blog.html

@@ -6,15 +6,15 @@
 		<title>Zaydsite NOW!</title>
 	</head>
 	<body>
-        <ul class="navbar">
-            <li><h1><a href="/">wanderlost</a></h1></li>
-            <li><a href="/me.html">me</a></li>
+		<nav class="navbar">
+			<li><h1 class="title"><a href="/">wanderlost</a></h1></li>
 			<li><a href="/links.html">links</a></li>
-            <li><a href="/contact.html">contact</a></li>
 			<li><a href="/blog.html">blog</a></li>
-        </ul>
-        <div class="main">
-	    <p>Soon...</p>
-        </div>
+		</nav>
+		<main>
+			<hr>
+			<h2>Blog</h2>
+			<p>Nothing here for now...</p>
+		</main>
 	</body>
 </html>

contact.html

@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>        
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="stylesheet" href="/assets/css/main.css">
-        <title>Zaydsite NOW!</title>
-    </head>
-    <body>
-        <ul class="navbar">
-            <li><h1><a href="/">wanderlost</a></h1></li>
-            <li><a href="/me.html">me</a></li>
-            <li><a href="/links.html">links</a></li>
-            <li><a href="/contact.html">contact</a></li>
-            <li><a href="/blog.html">blog</a></li>
-        </ul>
-        <div class="main">
-	    <p>Soon...</p>
-        </div>
-    </body>
-</html>

index.html

@@ -8,23 +8,29 @@
 	<body>
 		<nav class="navbar">
 			<li><h1 class="title"><a href="/">wanderlost</a></h1></li>
-            <li><a href="/me.html">me</a></li>
 			<li><a href="/links.html">links</a></li>
-            <li><a href="/contact.html">contact</a></li>
 			<li><a href="/blog.html">blog</a></li>
 		</nav>
 		<main>
 			<hr>
-            <h2>Welcome!</h2>
+			<h2>Home</h2>
 			<p>
-                This is my own home on the web. You probably know me as Zayd.
-                Someday hosting will move to my own machines (and off the
-                clearnet), but for now <a href="https://fsky.io">FSKY</a> is
-                hosting my site.
+				Welcome! This is my home on the web. Thanks to FSKY for hosting it, or whoever the
+				admins of the mirror you're viewing this on are. Hopefully I'll have a blog up soon.
+			</p>
+			<p>
+				I'm Zayd, as you probably already know. I like privacy, open source, archival and
+				tinkering, but I'll try not to make it too boring to read about. I collect CDs (and
+				rip tons of them) and contribute to MusicBrainz often.
+			</p>
+			<p>
+				If you need to contact me, my JID (XMPP address) is <a href="xmpp:zayd@telepath.im">
+				zayd@telepath.im</a>. Please use OMEMO for encryption. I also have a public chatroom
+				if you want to join that, it's on <a href="xmpp:home@room.telepath.im?join">XMPP</a>
+				and <a href="ircs://irc.telepath.im:6697/#souljaville">IRC (clearnet, SSL)</a>, also
+				available on <a href="irc+insecure://[200:7f:cdc2:733a:9eb5:4de7:8fa2:9d5a]:6667">
+				Yggdrasil</a>
 			</p>
 		</main>
-        <footer>
-            <p><a href="/credits.html">Credits</a></p>
-        </footer>
 	</body>
 </html>

links.html

@@ -6,15 +6,53 @@
 		<title>Zaydsite NOW!</title>
 	</head>
 	<body>
-        <ul class="navbar">
-            <li><h1><a href="/">wanderlost</a></h1></li>
-            <li><a href="/me.html">me</a></li>
+		<nav class="navbar">
+			<li><h1 class="title"><a href="/">wanderlost</a></h1></li>
 			<li><a href="/links.html">links</a></li>
-            <li><a href="/contact.html">contact</a></li>
 			<li><a href="/blog.html">blog</a></li>
-        </ul>
-        <div class="main">
-	    <p>Soon...</p>
-        </div>
+		</nav>
+		<main>
+			<hr>
+			<h2>Links</h2>
+			<p>Here's some links to sites I like</p>
+			<h3>People I know and their organizations</h3>
+			<a href="https://ari.lt/">
+			  <img src="/assets/images/badges/associated/ari.png"
+				   alt="Ari-web">
+			</a>
+			<a href="https://fsky.io/">
+			  <img src="/assets/images/badges/associated/fsky.png"
+				   alt="FSKY">
+			</a>
+			<a href="https://h2.gay/">
+			  <img src="/assets/images/badges/associated/hydrogen.gif"
+				   alt="Hydrogen">
+			</a>
+			<a href="https://freetards.xyz/">
+			  <img src="/assets/images/badges/associated/lda.png"
+				   alt="LDA">
+			</a>
+			<a href="https://themcgovern.net">
+			  <img src="/assets/images/badges/associated/mcneb.gif"
+				   alt="mcneb10">
+			</a>
+			<a href="https://squarebowl.club">
+			  <img src="/assets/images/badges/associated/plate.gif"
+				   alt="Plate">
+			</a>
+			<a href="https://purplebored.pl">
+			  <img src="/assets/images/badges/associated/purplebored.png"
+				   alt="Purplebored">
+			</a>
+			<a href="https://telepath.im">
+			  <img src="/assets/images/badges/associated/telepath.png"
+				   alt="Telepath">
+			</a>
+			<a href="https://xameren.fsky.io">
+			  <img src="/assets/images/badges/associated/xameren.png"
+				   alt="Xameren">
+			</a>
+			
+		</main>
 	</body>
 </html>

me.html

@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>        
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="stylesheet" href="/assets/css/main.css">
-        <title>Zaydsite NOW!</title>
-    </head>
-    <body>
-        <nav class="navbar">
-            <li><h1 class="title"><a href="/">wanderlost</a></h1></li>
-            <li><a href="/me.html">me</a></li>
-            <li><a href="/links.html">links</a></li>
-            <li><a href="/contact.html">contact</a></li>
-            <li><a href="/blog.html">blog</a></li>
-        </nav>
-        <main>
-            <hr>
-            <h2>me</h2>
-            <p>
-                I'm Zayd, though I also go by a few different names in some
-                places. I'm a hobbyist archivist (usually working with optical
-                mediums, specifically CDDA). I also write code when I'm not
-                feeling lazy. I very much believe in privacy and user rights
-                in technology.
-            </p>
-            <p>
-                I listen to a lot of different genres, but I tend to go for nu
-                metal the most and listen to a lot of artists in that genre that
-                few have heard of. Some of them are End7, Missile Girl Scoot,
-                Flofactor, Spyndakit, and more.
-            </p>
-            <h3>interests</h3>
-            <ul>
-                <li>archival</li>
-                <li>data preservation</li>
-                <li>music</li>
-                <li>open source</li>
-                <li>privacy</li>
-                <li>programming</li>
-                <li>unix</li>
-            </ul>
-        </main>
-        <footer>
-            <p><a href="/credits.html">Credits</a></p>
-        </footer>
-    </body>
-</html>