https://fokus.dev/about/

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  
7  <title>About | fokus</title>
8
9  
10    <link rel="stylesheet" href="/assets/css/index.css" media="" >
11  
12
13  <meta name="description" content="UA+ (User agent plus), a different type of reset style sheet">
14  <meta name="theme-color" content="#0d7a6d">
15  <meta property="og:image" content="https://fokus.dev/media/images/sm.jpg?u=2404">
16  <meta property="og:locale" content="en_GB">
17  <meta property="og:type" content="website">
18
19  <meta property="og:url" content="https://matuzo.at">
20  <meta property="og:site_name" content="fokus.dev">
21  <meta name="author" content="Manuel Matuzović"> 
22  <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
23  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
24  <link rel="shortcut icon" href="/favicon.ico" />
25  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
26</head>
27<body>
28
29  
30<a href="#content" class="skip-link">Skip to content</a>
31
32<header class="site-header">
33  <div>
34    <a href="/" class="site-title">
35      fokus
36    </a>
37  </div>
38
39  <nav aria-label="Main" class="site-nav">
40  <ul>
41    <li>
42      <a href="/tools">
43        Tools
44      </a>
45    </li>
46    <li>
47      <a href="/snippets">
48        Snippets
49      </a>
50    </li>
51    <li>
52      <a href="/about">
53        About
54      </a>
55    </li>
56  </ul>
57</nav>
58</header>
59
60<main>
61  
62  <div class="content-wrapper" id="content">
63    <div class="content">
64      
65<h1>About</h1>
66<p>What you see here is a placeholder for a website. Currently, it only consists of uaplus.css. More will follow soon!</p>
67      
68      <footer class="site-footer">built with <a href="https://www.11ty.dev/" rel="noopener">eleventy</a> in Graz by <a href="https://www.matuzo.at" rel="noopener">matuzo</a></footer>
69    </div>
70  </div>
71  
72</main>
73

74<script>
75  if (document.querySelector('.pick-element')) {
76    document.querySelector('.pick-element').addEventListener('click', e => {
77      document.querySelector('.page-nav-dialog').showModal();
78    })
79  }
80</script>

80
81
82  
83  

83<script>
84  document.body.addEventListener('click', e => {
85    const button = e.target.closest('.show-code')
86    if (button) {
87      const dialog = button.closest('.example').querySelector('.example-dialog');
88      dialog.showModal();
89    }
90  })
91
92  const segments = location.pathname.split('/');
93  const id = segments[segments.length - 2]
94
95
96if (id) {
97  const item = document.querySelector(`#${id}`);
98  if (item) {
99    item.scrollIntoView()
100  }
101}
102</script>

102
103<div role="status" class="visually-hidden"></div>
104</body>
105</html>