new about

a-flyleaf · Jan 13, 2022 · 8092cf3 · 8092cf3
1 parent 83fa047
commit 8092cf3
Show file tree

Hide file tree

Showing 5 changed files with 57 additions and 0 deletions.
diff --git a/about.md → about/about.md b/about.md → about/about.md
diff --git a/about/index.html b/about/index.html
@@ -0,0 +1,57 @@
+---
+layout: none
+---
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+
+		<title>about a-flyleaf, kinda</title>
+
+		<style>
+			*{margin:0; padding:0; box-sizing:border-box; font-size:100%;}
+			body{overflow-x:hidden;}
+			main,footer{display:block;}
+			img{max-width:100%; height:auto;}
+		</style>
+	</head>
+	<body>
+		<main>
+			<figure><picture>
+				<source media="(min-width:641px)" srcset="self-portrait-full.png">
+				<img src="self-portrait-640.jpg" alt="self-portrait.png, or .jpg if your browser is small"/>
+				</picture><figcaption>
+					<p>self-portrait.mdp</p>
+					<details><summary>description/transcript:</summary>
+					skdfjdskj?
+					</details>
+			</figcaption></figure>
+
+			<ul>
+				<li>amorphous internet nerd</li>
+				<li>terminal rambler</li>
+				<li>hobbyist digital artist, HTML/CSS coder, and story-wrangler</li>
+			</ul><ul>
+				<li>bullet-point-overuser</li>
+				<li>meta-appreciator</li>
+				<li>archival enjoyer</li>
+				<li>recovering perfectionist</li>
+			</ul>
+
+			<p>Tools of the trade include (but are not limited to)</p>
+			<ul>
+				<li><b>art:</b> <a href="https://firealpaca.com/" target="_blank">FireAlpaca</a> for desktop, <a href="https://medibangpaint.com/en/" target="_blank">MediBang Paint</a> for iPad</li>
+				<li><b>code:</b> <a href="https://notepad-plus-plus.org/" target="_blank">Notepad++</a></li>
+			</ul>
+			<p>*Links open in new tabs.</p>
+
+			<p>Email is <a href="mailto:a-flyleaf@pm.me">a-flyleaf@protonmail.com</a> (spambots do not interact). It gets checked once in a blue moon.</p>
+
+			<p><a href="{{site.url}}">← back to index</a></p>
+		</main>
+
+		<footer><p>page made and designed on a total whim January 13, 2022</p></footer>
+	</body>
+</html>
diff --git a/about/self-portrait-640.jpg b/about/self-portrait-640.jpg
diff --git a/about/self-portrait-640.png b/about/self-portrait-640.png
diff --git a/about/self-portrait-full.png b/about/self-portrait-full.png