Porti/index.html at main · saemscodes/Porti · 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
<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Sam Gatana — Developer</title>
  <meta name="description"
    content="Sam Gatana is a self-taught full-stack developer based in Nairobi, Kenya. Founder of CEKA, NOD, and Saem's Tunes — civic technology, faith apps, and music tools built solo." />
  <meta name="robots" content="index, follow" />
  <link rel="canonical" href="https://dev.saemstunes.com/" />

  <meta property="og:title" content="Hi, I'm Sam Gatana — Developer" />
  <meta property="og:description"
    content="Sam Gatana is a self-taught full-stack developer based in Nairobi, Kenya. Founder of CEKA, NOD, and Saem's Tunes — civic technology, faith apps, and music tools built solo." />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://dev.saemstunes.com/" />
  <meta property="og:image" content="https://dev.saemstunes.com/meta/og-image.webp" />

  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Sam Gatana — Developer" />
  <meta name="twitter:description"
    content="Sam Gatana is a self-taught full-stack developer based in Nairobi, Kenya. Founder of CEKA, NOD, and Saem's Tunes — civic technology, faith apps, and music tools built solo." />
  <meta name="twitter:image" content="https://dev.saemstunes.com/meta/twitter-image.webp" />

  <link rel="preload" href="/fonts/urbanist-400.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
  <link rel="preload" href="/fonts/urbanist-700.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
  <link rel="preload" href="/fonts/urbanist-900.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
  <link rel="preload" href="/fonts/pro-font-windows-400.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
  <link rel="preload" href="/fonts/pro-font-windows-700.woff2" as="font" type="font/woff2" crossorigin="anonymous" />

  <link rel="icon" type="image/png" href="/meta/favicon-96x96.png" sizes="96x96" />
  <link rel="icon" type="image/svg+xml" href="/meta/favicon.svg" />
  <link rel="shortcut icon" href="/meta/favicon.ico" />

  <meta name="theme-color" content="#dfd1bc" />
</head>

<body class="is-loading">
  <svg style="display: none" viewBox="0 0 56 61" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <path id="logo-path"
        d="M3 14 24 2C28 0 28 0 32 2L53 14C56 16 56 17 56 19L56 43C56 46 55 47 51 49L32 59C28 61 28 61 24 59L5 49C1 47 0 46 0 43L0 19C0 17 0 16 3 14M28 4 5 17 28 28 51 17 28 4M53 20 30 31 30 56 53 44 53 20M40 42 33 35C33 35 32 34 33 33 34 32 35 33 36 34L36 34 43 41C44 42 44 42 43 43L35 51C35 51 34 52 33 51 32 50 33 49 33 49L40 42M16 42 23 35C23 35 24 34 23 33 22 32 21 33 20 34L13 41C12 42 12 42 13 43L21 51C21 51 22 52 23 51 24 50 23 49 23 49L16 42">
      </path>
    </defs>
  </svg>
  <div id="app"></div>
  <div class="preloader">
    <svg class="preloader-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M12,3V6M5.64,5.64,7.76,7.76M3,12H6m-.36,6.36,2.12-2.12M12,18v3m6.36-2.64-2.12-2.12M21,12H18m.36-6.36L16.24,7.76"
        style="fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
    </svg>
  </div>
  <script type="module" src="./src/main.ts"></script>
</body>

</html>