everydaythings.software/index.html at main · everydaythingssoftware/everydaythings.software · 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
<!DOCTYPE html>
<html>

<head>
  <title>Everyday Things</title>
  <link rel="icon" type="image/svg+xml" href="assets/favicon/favicon.svg">
  <link rel="icon" type="image/png" href="assets/favicon/favicon.png">
  <style>
    :root {
      --dark-blue: #0081CD;
      --light-blue: #7dcfff;
    }

    body {
      background-color: #000;
    }

    p,
    span,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: white;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      max-width: 72ch;
    }

    a {
      color: var(--light-blue)
    }
  </style>
</head>

<body>
  <nav>
    <div>
      <img src="assets/logo/Frame 4.svg" width="700" style="width: 30%" />
    </div>
  </nav>

  <section style="display: flex; flex-direction:column; justify-content: center; align-items: start; padding: 5% 10%;">
    <h1>Software doesn't need to <span
        style="background: linear-gradient(45deg,var(--light-blue),var(--dark-blue)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;">suck</span>.
    </h1>
    <p>
      We're carving out our little section of the world, one with well-designed software that cares about how people use
      it.
    </p>
    <p>
      Sometimes, it takes longer to make things this way. That's by design.
    </p>

    <div style="width: 100%; margin-top: 32vh; display: flex; justify-content: center;">
      <span>reach out: <a href="mailto:hello@everydaythings.software">hello@everydaythings.software</a> 💌</span>
    </div>
  </section>
</body>

</html>