DomHarris.github.io/index.html at master · DomHarris/DomHarris.github.io · GitHub

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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>theChief - Dom Harris</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
  <h1>Heyo</h1>

  <p>I'm Dom, or theChief. By day, I'm the <strong>Web Games Advocate</strong> at <a href="https://crazygames.com">CrazyGames</a>. By night, I sleep if my two kids allow it. By weekend, I make games. By some fourth measure of time, I host game jams. My life is video games, <strong>pity me.</strong></p>

  <p>My games are typically loud and silly! This site is clearly not. Getting things to <strong>go fast</strong> is something of a special interest - I am generally of the opinion that most software these days is terrible, and it's because people stopped caring: "computers are fast enough". No. Wrong. Bad.</p>

  <p>If you want to say hello, use the <a href="#guestbook">guestbook</a> below.</p>

  <div class="stuff">
    <div class="stuff-item">
      <p><a href="https://wayfarer.games">Wayfarer Games</a></p>
      <p>Stuff I've made</p>
    </div>
    <div class="stuff-item">
      <p><a href="https://wayfarer-games.com/blog">Blog</a></p>
      <p>Stuff I've written</p>
    </div>
    <div class="stuff-item">
      <p><a href="https://wayfarergames.itch.io">Itch</a></p>
      <p>Weird janky experimental stuff</p>
    </div>
    <div class="stuff-item">
      <p><a href="https://itch.io/jam/bullet-jam-7">Bullet Hell Jam 7</a></p>
      <p>The next game jam I'm hosting</p>
    </div>
  </div>

  <section class="webring" id="webring" aria-labelledby="webring-heading">
    <h2 id="webring-heading">Other cool sites:</h2>
    <p class="webring-loading" id="webring-status">Loading webring…</p>
  </section>

  <div id="guestbook">
    <script
      src="https://giscus.app/client.js"
      data-repo="domharris/domharris.github.io"
      data-repo-id="MDEwOlJlcG9zaXRvcnk4OTE3NTU3OA=="
      data-category="General"
      data-category-id="DIC_kwDOBVC2Gs4C5Ryx"
      data-mapping="pathname"
      data-strict="0"
      data-reactions-enabled="0"
      data-emit-metadata="0"
      data-input-position="top"
      data-theme="https://domharris.uk/css/giscus.css"
      data-lang="en"
      data-loading="lazy"
      crossorigin="anonymous"
      async></script>
  </div>

  <section class="colophon" aria-label="Design credits">
    <hr class="colophon-line">
    <p>Palette: <a href="https://lospec.com/palette-list/one-bit-moonbeam">One-Bit Moonbeam</a> by <a href="https://lospec.com/starrysunrise">StarrySunrise</a>.</p>
    <p>Font: <a href="https://fonts.google.com/specimen/Gabarito">Gabarito</a> by <a href="https://naipefoundry.com">Naipe Foundry</a> (Leandro Assis, Álvaro Franca, Felipe Casaprima).</p>
    <p>Site: <a href="https://domharris.uk">Me</a> lol</p>
    <p>Webring: <a href="https://willdotwhite.github.io/webring">Will</a></p>
    <p>Guestbook: <a href="https://giscus.app">Giscus</a></p>
    <p>Hosted via <a href="https://github.com/domharris/domharris.github.io">GitHub Pages</a></p>
    <hr class="colophon-line">
  </section>

  <script>
    (function () {
      var root = document.getElementById('webring');
      var status = document.getElementById('webring-status');
      var here = location.hostname;
      fetch('https://willdotwhite.github.io/webring/data.json')
        .then(function (r) { return r.json(); })
        .then(function (sites) {
          status.remove();
          var ul = document.createElement('ul');
          (Array.isArray(sites) ? sites : []).forEach(function (site) {
            if (!site || !site.url) return;
            try {
              if (new URL(site.url).hostname === here) return;
            } catch (e) {
              return;
            }
            var li = document.createElement('li');
            var a = document.createElement('a');
            a.href = site.url;
            a.textContent = site.title || site.name || site.url;
            li.appendChild(a);
            if (site.description) {
              var d = document.createElement('span');
              d.className = 'webring-desc';
              d.textContent = site.description;
              li.appendChild(d);
            }
            ul.appendChild(li);
          });
          root.appendChild(ul);
        })
        .catch(function () {
          status.textContent = 'Webring could not be loaded.';
          status.className = 'webring-error';
        });
    })();
  </script>
</body>
</html>