Skip to content

Commit

Permalink
assets(examples): update/reformat all HTML files, add goatcounter
Browse files Browse the repository at this point in the history
- for more info: https://www.goatcounter.com/ (GDPR compliant, no tracking, privacy friendly, opensource)
  • Loading branch information
postspectacular committed Mar 19, 2024
1 parent 6e3ec5f commit 22ed26d
Show file tree
Hide file tree
Showing 153 changed files with 3,919 additions and 3,158 deletions.
56 changes: 30 additions & 26 deletions examples/adaptive-threshold/index.html
Original file line number Diff line number Diff line change
@@ -1,29 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">⛱️</text></svg>'
/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>adaptive-threshold · @thi.ng/umbrella</title>
<link
href="https://unpkg.com/tachyons@4/css/tachyons.min.css"
rel="stylesheet"
/>
<style></style>
</head>
<body class="ma3 sans-serif">
<div id="app"></div>
<div>
<a
class="link"
href="https://github.com/thi-ng/umbrella/tree/develop/examples/adaptive-threshold"
>Source code</a
>
</div>
<script type="module" src="/src/index.ts"></script>
</body>
<head>
<link
rel="icon"
href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">⛱️</text></svg>'
/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>adaptive-threshold · @thi.ng/umbrella</title>
<link
href="https://unpkg.com/tachyons@4/css/tachyons.min.css"
rel="stylesheet"
/>
<script
data-goatcounter="https://thing.goatcounter.com/count"
async
src="//gc.zgo.at/count.js"
></script>
</head>
<body class="ma3 sans-serif">
<div id="app"></div>
<div>
<a
class="link"
href="https://github.com/thi-ng/umbrella/tree/develop/examples/adaptive-threshold"
>Source code</a
>
</div>
<script type="module" src="/src/index.ts"></script>
</body>
</html>
5 changes: 5 additions & 0 deletions examples/ascii-raymarch/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,11 @@
margin: 0;
}
</style>
<script
data-goatcounter="https://thing.goatcounter.com/count"
async
src="//gc.zgo.at/count.js"
></script>
</head>
<body>
<pre id="app"></pre>
Expand Down
83 changes: 44 additions & 39 deletions examples/async-effect/index.html
Original file line number Diff line number Diff line change
@@ -1,47 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">⛱️</text></svg>'
/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>async-effect · @thi.ng/umbrella</title>
<style>
html {
font: 100%/1.2 Helvetica, Arial, sans-serif;
}
<head>
<link
rel="icon"
href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">⛱️</text></svg>'
/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>async-effect · @thi.ng/umbrella</title>
<style>
html {
font: 100%/1.2 Helvetica, Arial, sans-serif;
}

#status {
padding: 0.5rem;
}
#status {
padding: 0.5rem;
}

#status.success {
background: #cf6;
}
#status.success {
background: #cf6;
}

#status.error {
background: #faa;
}
#status.error {
background: #faa;
}

pre {
padding: 0.5rem;
background: #eee;
}
</style>
</head>
pre {
padding: 0.5rem;
background: #eee;
}
</style>
<script
data-goatcounter="https://thing.goatcounter.com/count"
async
src="//gc.zgo.at/count.js"
></script>
</head>

<body>
<h1>async side effect handling</h1>
<p>
<a
href="https://github.com/thi-ng/umbrella/blob/master/examples/async-effect/src/index.ts"
>Source</a
>
</p>
<div id="app"></div>
<script type="module" src="/src/index.ts"></script>
</body>
<body>
<h1>async side effect handling</h1>
<p>
<a
href="https://github.com/thi-ng/umbrella/blob/master/examples/async-effect/src/index.ts"
>Source</a
>
</p>
<div id="app"></div>
<script type="module" src="/src/index.ts"></script>
</body>
</html>
83 changes: 44 additions & 39 deletions examples/big-font/index.html
Original file line number Diff line number Diff line change
@@ -1,42 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">⛱️</text></svg>'
/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>big-font · @thi.ng/umbrella</title>
<link
href="https://unpkg.com/tachyons@4/css/tachyons.min.css"
rel="stylesheet"
/>
<style>
@font-face {
font-family: "Iosevka Fixed SS04 Web";
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: normal;
src: url("/assets/iosevka-fixed-ss04-regular.woff2")
format("woff2");
}
pre {
font-family: "Iosevka Fixed SS04 Web", monospace;
}
</style>
</head>
<body class="pa3 bg-black white sans-serif">
<div id="app"></div>
<div>
<a
class="link"
href="https://github.com/thi-ng/umbrella/tree/develop/examples/big-font"
>Source code</a
>
</div>
<script type="module" src="/src/index.ts"></script>
</body>
<head>
<link
rel="icon"
href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">⛱️</text></svg>'
/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>big-font · @thi.ng/umbrella</title>
<link
href="https://unpkg.com/tachyons@4/css/tachyons.min.css"
rel="stylesheet"
/>
<style>
@font-face {
font-family: "Iosevka Fixed SS04 Web";
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: normal;
src: url("/assets/iosevka-fixed-ss04-regular.woff2")
format("woff2");
}
pre {
font-family: "Iosevka Fixed SS04 Web", monospace;
}
</style>
<script
data-goatcounter="https://thing.goatcounter.com/count"
async
src="//gc.zgo.at/count.js"
></script>
</head>
<body class="pa3 bg-black white sans-serif">
<div id="app"></div>
<div>
<a
class="link"
href="https://github.com/thi-ng/umbrella/tree/develop/examples/big-font"
>Source code</a
>
</div>
<script type="module" src="/src/index.ts"></script>
</body>
</html>
56 changes: 30 additions & 26 deletions examples/bitmap-font/index.html
Original file line number Diff line number Diff line change
@@ -1,30 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">⛱️</text></svg>'
/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>bitmap-font · @thi.ng/umbrella</title>
<link
href="https://unpkg.com/tachyons@4/css/tachyons.min.css"
rel="stylesheet"
/>
<style></style>
</head>
<head>
<link
rel="icon"
href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">⛱️</text></svg>'
/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>bitmap-font · @thi.ng/umbrella</title>
<link
href="https://unpkg.com/tachyons@4/css/tachyons.min.css"
rel="stylesheet"
/>
<script
data-goatcounter="https://thing.goatcounter.com/count"
async
src="//gc.zgo.at/count.js"
></script>
</head>

<body class="ma3 sans-serif">
<div id="app"></div>
<div>
<a
class="link blue"
href="https://github.com/thi-ng/umbrella/tree/develop/examples/bitmap-font"
>Source code</a
>
</div>
<script type="module" src="/src/index.ts"></script>
</body>
<body class="ma3 sans-serif">
<div id="app"></div>
<div>
<a
class="link blue"
href="https://github.com/thi-ng/umbrella/tree/develop/examples/bitmap-font"
>Source code</a
>
</div>
<script type="module" src="/src/index.ts"></script>
</body>
</html>
43 changes: 27 additions & 16 deletions examples/blurhash/index.html
Original file line number Diff line number Diff line change
@@ -1,19 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">⛱️</text></svg>'
/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>blurhash · @thi.ng/umbrella</title>
<link href="/css/style.css" rel="stylesheet">
</head>
<body>
<div id="app"></div>
<div><a class="link" href="https://github.com/thi-ng/umbrella/tree/develop/examples/blurhash">Source code</a></div>
<script type="module" src="/src/index.ts"></script>
</body>
<head>
<link
rel="icon"
href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">⛱️</text></svg>'
/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>blurhash · @thi.ng/umbrella</title>
<link href="/css/style.css" rel="stylesheet" />
<script
data-goatcounter="https://thing.goatcounter.com/count"
async
src="//gc.zgo.at/count.js"
></script>
</head>
<body>
<div id="app"></div>
<div>
<a
class="link"
href="https://github.com/thi-ng/umbrella/tree/develop/examples/blurhash"
>Source code</a
>
</div>
<script type="module" src="/src/index.ts"></script>
</body>
</html>
6 changes: 5 additions & 1 deletion examples/boid-basics/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,11 @@
href="https://unpkg.com/tachyons@4/css/tachyons.min.css"
rel="stylesheet"
/>
<style></style>
<script
data-goatcounter="https://thing.goatcounter.com/count"
async
src="//gc.zgo.at/count.js"
></script>
</head>
<body class="sans-serif">
<div id="app"></div>
Expand Down
Loading

0 comments on commit 22ed26d

Please sign in to comment.