effordstudio-site/index.html at main · philwhiles/effordstudio-site · 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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Efford Studio Limited</title>
  <meta name="description" content="Efford Studio Limited — independent apps for musicians and creatives." />
  <style>
    :root { color-scheme: light dark; }
    body { margin:0; font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
    .wrap { max-width: 780px; margin: 0 auto; padding: 64px 20px; }
    .card {
      border: 1px solid rgba(127,127,127,.25);
      border-radius: 16px;
      padding: 28px;
      background: rgba(127,127,127,.06);
    }
    h1 { margin: 0 0 8px; font-size: 34px; letter-spacing: -0.02em; }
    p { margin: 10px 0; }
    .muted { opacity: .75; }
    a.btn {
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-top: 14px;
      padding: 10px 14px;
      border-radius: 10px;
      border: 1px solid rgba(127,127,127,.35);
      text-decoration:none;
    }
    a.btn:hover { background: rgba(127,127,127,.10); }
    footer {
      margin-top: 22px;
      font-size: 12px;
      line-height: 1.45;
      opacity: .62;
    }
  </style>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <div class="wrap">
    <div class="card">
      <h1>Efford Studio Limited</h1>
      <p class="muted">We are an independent applications development company catering for musicians and creatives, based in the South West of England.</p>
      <p>Check out our products:</p>

      <p>
        <a class="btn" href="https://www.frettler.app" rel="noopener">
          <img src="images/frettly-icon.png" alt="Frettler icon" class="btn-icon">
          <span>Frettler for macOS</span>
        </a>
      </p>

      <p>Contact Efford Studio here:</p>
      <p><span class="email">contact@effordstudio.com</span></p>

      <footer>
        &copy; <span id="y"></span> Efford Studio Limited<br>
        Registered in England and Wales • Company number 17037547<br>
        Registered office: 128 City Road, London, United Kingdom, EC1V 2NX
      </footer>
    </div>
  </div>
  <script>document.getElementById("y").textContent = new Date().getFullYear();</script>
</body>
</html>