sabithpocker.github.io/about.html at master · sabithpocker/sabithpocker.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
<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="preconnect" href="https://fonts.gstatic.com" />
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;300;400;600;700&display=swap"
    rel="stylesheet" />
  <link href="dist/css/style.css" rel="stylesheet" />
  <script type="module" src="dist/js/components/mm-spirograph.js"></script>
  <script type="module" src="dist/js/components/ui-elements/side-bar.js"></script>
  <script type="module" src="dist/js/components/ui-elements/background-audio.js"></script>
  <script type="module" src="dist/js/components/ui-elements/fullscreen-button.js"></script>
  <script type="module" src="dist/js/about.js"></script>
  <title>About - Markup Monks</title>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-B0BEV3T4NK"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-B0BEV3T4NK');
  </script>
</head>

<body>
  <div class="content" data-content>
    <side-bar></side-bar>
    <section class="highlight">
      <header class="highlight__header">
        <h1 class="highlight__main-header">Sabith<br />Pocker</h1>
        <h5 class="highlight__sub-header">Meditating on Code</h5>
      </header>
      <div class="highlight__items">
        <mm-spirograph class="highlight__item spirograph--normal" fixed-circle-radius="690.2810128000001"
          moving-circle-radius="2.4890719999899353" moving-circle-locus-length="616.4489008" repeat-count="500"
          density="0.1" frozen="true" frozen="true" data-spirograph="about"></mm-spirograph>
      </div>
    </section>
    <background-audio audio-src="paperback.mp3" attribution-text="Audio by bensound" /></background-audio>
    <fullscreen-button></fullscreen-button>
  </div>
</body>

</html>