Initial neocities content
commit
4a8f1d3bd7
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@ -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;
|
||||
}
|
||||
Loading…
Reference in New Issue