snally-dev.github.io/index.html at main · snally-dev/snally-dev.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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Snally | Web Design and Experiments</title>

    <meta
      name="description"
      content="Snally creates web design, small applications, prototypes, and useful experiments for unusual ideas."
    >
    <link rel="canonical" href="https://snally.com/">
    <meta name="color-scheme" content="dark">
    <meta name="theme-color" content="#07110f">
    <meta name="robots" content="index,follow">

    <meta property="og:site_name" content="Snally">
    <meta property="og:title" content="Snally | Web Design and Experiments">
    <meta
      property="og:description"
      content="Web design and experiments for useful, unusual ideas."
    >
    <meta property="og:url" content="https://snally.com/">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://snally.com/assets/snally-logo.png">
    <meta property="og:image:alt" content="Snally logo">

    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Snally | Web Design and Experiments">
    <meta
      name="twitter:description"
      content="Web design and experiments for useful, unusual ideas."
    >
    <meta name="twitter:image" content="https://snally.com/assets/snally-logo.png">
    <meta name="twitter:image:alt" content="Snally logo">

    <link rel="icon" href="assets/snally-logo.png" type="image/png" sizes="1024x1024">
    <link rel="preload" as="image" href="assets/charging-snally.png">
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <a class="skip-link" href="#main">Skip to content</a>
    <div class="hero-bg" aria-hidden="true"></div>

    <main id="main">
      <header class="hero">
        <p class="eyebrow">Web design &middot; prototypes &middot; experiments</p>
        <img
          src="assets/charging-snally.png"
          alt=""
          class="mascot"
          width="500"
          height="375"
          fetchpriority="high"
          decoding="async"
        >
        <h1 class="name">Snally</h1>
        <p class="tagline">Web design and experiments for useful, unusual ideas.</p>
      </header>

      <section class="intro" aria-labelledby="intro-title">
        <h2 id="intro-title" class="section-title">What Snally Makes</h2>
        <p>
          Snally makes sharp websites, focused interfaces, small applications, and playful
          prototypes for useful ideas that do not need extra machinery.
        </p>
      </section>

      <footer class="contact">
        <nav aria-label="External links">
          <span class="connect-label">Explore Snally</span>
          <ul class="contact-list">
            <li>
              <a href="https://github.com/snally-dev" rel="me">GitHub</a>
            </li>
          </ul>
        </nav>
        <p class="project-credit">
          A project by <a href="https://derail.net/">Caleb Kinney</a>.
        </p>
      </footer>
    </main>
  </body>
</html>