summary refs log tree commit diff
path: root/index.html
blob: f481f2260bab643c654a20eed0b9d5e7ab0c86d9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
  <head>
    <title>tempest.dev</title>
    <link rel="stylesheet" href="/resources/style.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <nav>
      <a href="/">Home</a>
      <a href="/about.html">About</a>
      <a href="/posts/">Posts</a>
    </nav>
    <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>
      <li>
        This site will be privacy-preserving, with no client-side analytics and
        all resources hosted directly alongside the site itself.  (Note that
        this site is hosted on Neocities, so your request data may still be used
        as described in <a target="_blank" href="https://neocities.org/privacy">
          their Privacy Policy</a>)
      </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>