Initial neocities content

author: Tempest <pawnstar4@gmail.com> 2022-06-01 23:17:13 -0600
committer: Tempest <pawnstar4@gmail.com> 2022-06-01 23:17:13 -0600
commit: 4a8f1d3bd76a923dcb353ba585ba9b7626fe28a2 (patch)
tree: 6f0b9f5b115097f954bc69a943d905cfc4a46d8f
4 files changed, 126 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..09173fd
--- /dev/null
+++ b/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Ashe's Neo-Site</title>
+    <link rel="stylesheet" href="/resources/style.css"/>
+  </head>
+  <body>
+    <h1>
+      Hi, I'm Ashe
+      <aside>[she/her]</aside>
+    </h1>
+
+    <p>
+      I am a professional web developer, usually making use of tools like
+      React, Webpack, Typescript, etc - the whole mess of "modern" web dev
+      stuff.
+    </p>
+
+    <p>
+      This site is something different, a bit of an experiment in minimalism
+      for me.  A chance to return to my roots of carefully crafting a website
+      by hand.
+    </p>
+
+    <p>
+      As such, here are my rules for the site:
+    </p>
+
+    <ul>
+      <li>
+        No pre- or post-processing, transpilation, or other code-generation
+      </li>
+      <li>
+        To the best of my ability, the source will be clean and understandable
+      </li>
+      <li>
+        When used, javascript will be minimal, and intentional
+      </li>
+      <li>
+        The site will be usable in older or esoteric browsers (such as Lynx)
+      </li>
+    </ul>
+
+    <p>
+      I'm not ruling out JS or anything (making a delightful interactive
+      experience is still one of my favorite things to do), but I'm taking the
+      opportunity to step away from the tools I primarily use at work, and
+      practice my other skills.
+    </p>
+
+    <p style="
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        padding-right: min(80px, 20%);
+    ">
+      <span style="font-size: 24px">~</span>
+      <img alt="Ashe" height="80px" src="/resources/signature.svg" />
+    </p>
+  </body>
+</html>
diff --git a/not_found.html b/not_found.html
new file mode 100644
index 0000000..b96fcf9
--- /dev/null
+++ b/not_found.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Not Found</title>
+    <link rel="stylesheet" href="/resources/style.css"/>
+  </head>
+  <body>
+    <h1>
+      Not Found
+    </h1>
+
+    <p>
+      Sorry friend, you followed a link to something that doesn't exist.
+    </p>
+
+    <p>
+      Feel free to start back over at my
+      <a href="/">Home page</a>.
+    </p>
+  </body>
+</html>
diff --git a/resources/signature.svg b/resources/signature.svg
new file mode 100644
index 0000000..4d69a57
--- /dev/null
+++ b/resources/signature.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="538.976" height="auto" viewBox="0 0 142.604 83.456" fill="white"><path d="M54.604 1.176C43.158 20.393 24.232 53.76 12.243 69.112 5.036 78.339 5.123 77.945.6 80.81c-.752 1.16-1.058 2.192.661 2.646 16.11-11.59 36.723-19.474 53.9-30.104.12 6.764-.812 11.014-4.33 14.45.168.096 16.612-.37 20.272-3.929 10.575-10.284 18.11-28.074 20.414-33.529 3.998-9.462 5.664-14.712 6.106-16.833.422-2.021-.732-2.253-1.758-.155-2.96 6.05-5.538 12.318-8.063 18.616-4.019 10.258-8.67 19.065-11.657 29.15-.485 1.638 2.703 1.205 3.298.45 2.311-2.935 4.725-5.795 6.782-8.925 1.266-1.926 2.997-3.652 4.71-5.477 1.4-1.488 1.777-.189 1.607.756-.715 3.973-2.666 8.173-1.378 11.753.521 1.447 4.838 3.496 8.465.437.444-.374.915-.72 1.323-1.134 3.15-3.917 10.236-9.918 10.255-14.78-1.449-3.749-6.414.183-8.27 1.646-2.209 2.276-4.762 6.066-2.93 8.449 1.353 1.842 4.704 2.623 6.989 2.666 5.104.097 9.185-1.396 13.639-3.84 6.248-3.43 18.962-7.81 19.912-7.952 3.514-1.311 1.984-1.887-.569-1.497-4.72.883-9.098 3.074-13.607 4.725-4.691 1.717-8.827 4.17-13.618 5.587-1.759.52-3.93 1.146-5.753.933-1.764-.206-3.64-.872-4.953-2.067-1.687-1.536.467-4.005 1.834-5.398 2.07-2.108 7.14-4.306 5.387-.756-2.255 4.089-6.4 7.694-9.434 10.489-1.853 1.321-5.206 3.732-6.747.79-1.77-3.378 1.834-10.093 1.367-11.94-.667-2.64-1.857-2.678-3.613-1.04-1.05.98-3.56 3.43-5.593 6.461-1.43 2.133-3.326 4.374-4.708 6.02-1.878 2.515-2.848 2.988-1.91.713 3.266-7.926 7.452-18.333 7.492-18.366 0 0-3.006 3.502-6.12 8.802-2.705 4.836-5.216 9.996-9.377 13.014-5.03 3.648-8.907 3.07-15.124 3.672-3.476-.025-6.79.438-10.12-.45-1.285-.038-2.457.797.292 3.19 8.026 6.99 10.964-4.858 11.34-12.945l.283-3.402c-.03-1.44-.798-2.558-1.89-1.795-12.598 8.8-24.516 14.212-37.892 21.261l-6.993 3.685-1.04.473C28.293 49.87 37.65 30.92 50.494 9.845c.731-1.024.999-.837.945.19-7.554 20.092-14.22 40.717-22.962 60.098-.558 1.618.178 3.866 1.796 1.228 8.504-22.364 15.682-45.203 25.253-67.185 1.492-3.427.666-5.665-.921-3z"></path></svg>
diff --git a/resources/style.css b/resources/style.css
new file mode 100644
index 0000000..c0266f4
--- /dev/null
+++ b/resources/style.css
@@ -0,0 +1,43 @@
+* {
+  box-sizing: border-box;
+}
+
+html, body {
+  margin: 0;
+  padding: 0;
+  font-family: Arial, sans-serif;
+  background: #191316;
+}
+
+body {
+  min-height: 100vh;
+  background: #715a7f;
+  color: white;
+  max-width: 600px;
+  margin: 0 auto;
+  padding: 16px;
+}
+
+h1 > aside {
+  display: inline-block;
+  font-size: .5em;
+  font-weight: 100;
+  font-style: italic;
+  opacity: .6;
+  margin-left: 8px;
+}
+
+ul > li:not(:last-child) {
+  margin-bottom: 8px;
+}
+
+a {
+  color: white;
+  opacity: .8;
+}
+
+a[href^="https:"],
+a[href^="http:"],
+a[href^="//"] {
+  color: #fdd7ff;
+}
author	Tempest <pawnstar4@gmail.com>	2022-06-01 23:17:13 -0600
committer	Tempest <pawnstar4@gmail.com>	2022-06-01 23:17:13 -0600
commit	4a8f1d3bd76a923dcb353ba585ba9b7626fe28a2 (patch)
tree	6f0b9f5b115097f954bc69a943d905cfc4a46d8f