index.html


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
75
76
77
78
79
80
81
82

<!DOCTYPE html>
<html lang="en-GB">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="/reset.css" />
    <link rel="stylesheet" href="/base.css" />
    <link rel="stylesheet" href="/hcard.css" />
  </head>

  <body>
    <section class="h-card">
      <img class="u-photo" src="/headshot.jpg" height="256" width="256" />

      <div>
        <h1>
          <a class="p-name u-url u-uid" href="https://joeac.net" rel="me">
            Joe Carstairs
          </a>
        </h1>

        <p>
          Hi! 👋 My name is <span class="p-given-name">Joe</span>
          <span class="p-family-name">Carstairs</span>. I’m a
          <span class="p-job-title">software developer</span> at
          <a class="p-org" href="https://www.scottlogic.com">Scott Logic</a>, a
          graduate of Philosophy and Mathematics at the University of Edinburgh,
          a committed Christian and a pretty rubbish poet.
        </p>

        <p>
          I’m also the <span class="p-job-title">secretary</span> of the
          <a class="p-org" href="https://scotsleidassocie.org">Scots Language Society</a>.
          <a href="https://github.com/joeacarstairs/lallans-wabsteid-astro">Help me maintain our website!</a>
        </p>

        <p>
          Email me at
          <a class="u-email" href="mailto:joeacarstairs@gmail.com">joeacarstairs@gmail.com</a>
          with your thoughts on metaethics, Scots verse and eschatology.
        </p>

        <p>
          Or get me on
          <a href="https://www.facebook.com/joe.carstairs.5" rel="me">Facebook</a>,
          <a href="https://mastodon.social/@joe_carstairs" rel="me">Mastodon</a>
          or <a href="https://github.com/joeacarstairs" rel="me">GitHub</a>.
        </p>
      </div>
    </section>

    <section class="h-feed">
      <h2 class="p-name">
        My blog
      </h2>

      <aside>
        <p class="hidden">
          This blog is written by <a class="p-author h-card" href="/">Joe Carstairs</a>
        </p>

        <p>
          <a class="u-url" href="https://joeac.net/blog">Permalink</a>
        </p>
      </aside>

      <ul>
        <li>
          2024
          <ul>
            <li class="h-entry">
              <a class="u-url p-name" href="/blog/2024/01/14/sapiens_on_religion">
                Harari’s <i>Sapiens</i> on Religion
              </a>
            </li>
          </ul>
        </li>
      </ul>
    </section>
  </body>
</html>