waldo/Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Started building a Website with Jekyll based on Uno-Timeline

Browse source
This commit is contained in:
Waldehyd 2025-08-31 20:00:05 +02:00
commit 2d9e9fb878
103 changed files with 6371 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

21
_site/LICENSE Normal file
View file

@ -0,0 +1,21 @@
MIT License
Copyright (c) 2020 Thomas Zühlke
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

195
_site/arts/index.html Normal file
View file

@ -0,0 +1,195 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cats Project</title>
<link rel="stylesheet" href="/css/main.css?1756663165565255400">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Cats Project</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<meta name="description" content="🚀 Project Nebula
">
<meta name="author" content="Simeon Wallrath">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Cats Project">
<meta name="twitter:description" content="🚀 Project Nebula
">
<meta name="twitter:image" content="/images/favicons/favicon-194x194.png" />
<meta property="og:type" content="article">
<meta property="og:title" content="Cats Project">
<meta property="og:description" content="🚀 Project Nebula
">
<meta property="og:image" content="/images/favicons/favicon-194x194.png" />
<link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicons/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="/images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/images/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/images/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/images/favicons/manifest.json">
<link rel="shortcut icon" href="/images/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="msapplication-TileImage" content="/images/favicons/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="/css/main.css?1756663165565255400">
<link rel="canonical" href="http://localhost:4000/arts/">
<link rel="alternate" type="application/rss+xml" title="Simeon "Waldo" Wallrath" href="/feed.xml">
</head>
</head>
<body>
<span class="mobile btn-mobile-menu">
<i class="fas fa-bars btn-mobile-menu__icon"></i>
<i class="far fa-times-circle btn-mobile-close__icon hidden"></i>
</span>
<header class="panel-cover" style="background-image: url(/images/bk1.jpg)">
<div class="panel-main">
<div class="panel-main__inner panel-inverted">
<div class="panel-main__content">
<a href="/" title="link to home of Simeon "Waldo" Wallrath">
<div class="user-images">
<img src="/images/Pic_01.jpg" class="user-image" alt="My Profile Photo">
<div class="user-divider"></div>
<img src="/images/Pic_02.png" class="user-image" alt="Second Profile Photo">
</div>
<h1 class="panel-cover__title panel-title">Simeon "Waldo" Wallrath</h1>
</a>
<hr class="panel-cover__divider">
<p class="panel-cover__description">
PhD-Student in Chemistry Didactics, 3D-Artist, Musician, Game Developer
</p>
<hr class="panel-cover__divider panel-cover__divider--secondary">
</div>
<div class="navigation-wrapper">
<nav class="cover-navigation navigation--social">
<ul class="navigation">
<!-- https://mastodon.social/@tzuehlke@mstdn.social -->
<!-- Mastodon -->
<li class="navigation__item">
<a href="https://mastodon.social/@waldo@chaos.social" title="@waldo@chaos.social on Mastodon" target="_blank">
<i class="fa-brands fa-mastodon"></i>
<span class="label">Mastodon</span>
</a>
</li>
<!-- GitHub -->
<li class="navigation__item">
<a href="https://www.github.com/waldehyd" title="waldehyd on GitHub" target="_blank">
<!--<i class="icon icon-social-github"></i>-->
<i class="fa-brands fa-github"></i>
<span class="label">GitHub</span>
</a>
</li>
<!-- Email -->
<li class="navigation__item">
<a href="mailto:waldo@waldo.works" title="Email waldo@waldo.works" target="_blank">
<!--<i class="icon icon-mail"></i>-->
<i class="fa-solid fa-envelope"></i>
<span class="label">Email</span>
</a>
</li>
</ul>
</nav>
<!--<nav class="cover-navigation cover-navigation--primary">-->
<nav class="cover-navigation navigation--social">
<ul class="navigation">
<li class="navigation__item"><a href="https://blog.zuehlke.cloud" title="link to Blog"><i class="fa-solid fa-link"></i>&nbsp;Blog</a></li>
<!--<li class="navigation__item"><a href="/#" title="link to Tweets" class="panel-button"><i class="icon icon-social-twitter"></i>&nbsp;Tweets</a></li>-->
<li class="navigation__item"><a href="/#projects" title="List of Projects" class="panel-button projects-button"><i class="fa-solid fa-file-code"></i>&nbsp;Projects</a></li>
<li class="navigation__item"><a href="/#projects" title="List of Projects" class="panel-button projects-button"><i class="fa-solid fa-file-code"></i>&nbsp;Art</a></li>
<li class="navigation__item"><a href="/gallery" title="List of Projects" class="panel-button projects-button"><i class="fa-solid fa-file-code"></i>&nbsp;arts™</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="panel-cover--overlay"></div>
</div>
</header>
<div class="content-wrapper">
<div class="left-line"></div>
<div class="content-wrapper__inner">
<h1 id="-project-nebula">🚀 Project Nebula</h1>
<p>Welcome to <strong>Project Nebula</strong>, a cosmic initiative to explore the outer edges of creativity.</p>
<h2 id="-features">🌌 Features</h2>
<ul>
<li>🌠 Star-mapped navigation</li>
<li>🛰️ Real-time telemetry</li>
<li>🧠 Bullshit-assisted decision engine</li>
</ul>
<h2 id="-installation">📦 Installation</h2>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git clone https://github.com/yourusername/project-nebula.git
<span class="nb">cd </span>project-nebula
npm <span class="nb">install</span>
</code></pre></div></div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="/js/main.js?1756663165565255400"></script>
<script type="text/javascript" src="/js/github_api.js?1756663165565255400"></script>
</div>
</body>
</html>

1
_site/css/main.css Normal file
View file

File diff suppressed because one or more lines are too long

1
_site/css/main.css.map Normal file
View file

File diff suppressed because one or more lines are too long

304
_site/gallery/index.html Normal file
View file

@ -0,0 +1,304 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Gallery</title>
<link rel="stylesheet" href="/css/main.css?1756663165565255400">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Gallery</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<meta name="description" content="
First Artwork
2023
Second Artwork
2024
Third Artwork
2021
">
<meta name="author" content="Simeon Wallrath">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Gallery">
<meta name="twitter:description" content="
First Artwork
2023
Second Artwork
2024
Third Artwork
2021
">
<meta name="twitter:image" content="/images/favicons/favicon-194x194.png" />
<meta property="og:type" content="article">
<meta property="og:title" content="Gallery">
<meta property="og:description" content="
First Artwork
2023
Second Artwork
2024
Third Artwork
2021
">
<meta property="og:image" content="/images/favicons/favicon-194x194.png" />
<link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicons/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="/images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/images/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/images/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/images/favicons/manifest.json">
<link rel="shortcut icon" href="/images/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="msapplication-TileImage" content="/images/favicons/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="/css/main.css?1756663165565255400">
<link rel="canonical" href="http://localhost:4000/gallery/">
<link rel="alternate" type="application/rss+xml" title="Simeon "Waldo" Wallrath" href="/feed.xml">
</head>
</head>
<body>
<span class="mobile btn-mobile-menu">
<i class="fas fa-bars btn-mobile-menu__icon"></i>
<i class="far fa-times-circle btn-mobile-close__icon hidden"></i>
</span>
<header class="panel-cover" style="background-image: url(/images/bk1.jpg)">
<div class="panel-main">
<div class="panel-main__inner panel-inverted">
<div class="panel-main__content">
<a href="/" title="link to home of Simeon "Waldo" Wallrath">
<div class="user-images">
<img src="/images/Pic_01.jpg" class="user-image" alt="My Profile Photo">
<div class="user-divider"></div>
<img src="/images/Pic_02.png" class="user-image" alt="Second Profile Photo">
</div>
<h1 class="panel-cover__title panel-title">Simeon "Waldo" Wallrath</h1>
</a>
<hr class="panel-cover__divider">
<p class="panel-cover__description">
PhD-Student in Chemistry Didactics, 3D-Artist, Musician, Game Developer
</p>
<hr class="panel-cover__divider panel-cover__divider--secondary">
</div>
<div class="navigation-wrapper">
<nav class="cover-navigation navigation--social">
<ul class="navigation">
<!-- https://mastodon.social/@tzuehlke@mstdn.social -->
<!-- Mastodon -->
<li class="navigation__item">
<a href="https://mastodon.social/@waldo@chaos.social" title="@waldo@chaos.social on Mastodon" target="_blank">
<i class="fa-brands fa-mastodon"></i>
<span class="label">Mastodon</span>
</a>
</li>
<!-- GitHub -->
<li class="navigation__item">
<a href="https://www.github.com/waldehyd" title="waldehyd on GitHub" target="_blank">
<!--<i class="icon icon-social-github"></i>-->
<i class="fa-brands fa-github"></i>
<span class="label">GitHub</span>
</a>
</li>
<!-- Email -->
<li class="navigation__item">
<a href="mailto:waldo@waldo.works" title="Email waldo@waldo.works" target="_blank">
<!--<i class="icon icon-mail"></i>-->
<i class="fa-solid fa-envelope"></i>
<span class="label">Email</span>
</a>
</li>
</ul>
</nav>
<!--<nav class="cover-navigation cover-navigation--primary">-->
<nav class="cover-navigation navigation--social">
<ul class="navigation">
<li class="navigation__item"><a href="https://blog.zuehlke.cloud" title="link to Blog"><i class="fa-solid fa-link"></i>&nbsp;Blog</a></li>
<!--<li class="navigation__item"><a href="/#" title="link to Tweets" class="panel-button"><i class="icon icon-social-twitter"></i>&nbsp;Tweets</a></li>-->
<li class="navigation__item"><a href="/#projects" title="List of Projects" class="panel-button projects-button"><i class="fa-solid fa-file-code"></i>&nbsp;Projects</a></li>
<li class="navigation__item"><a href="/#projects" title="List of Projects" class="panel-button projects-button"><i class="fa-solid fa-file-code"></i>&nbsp;Art</a></li>
<li class="navigation__item"><a href="/gallery" title="List of Projects" class="panel-button projects-button"><i class="fa-solid fa-file-code"></i>&nbsp;arts™</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="panel-cover--overlay"></div>
</div>
</header>
<div class="content-wrapper">
<div class="left-line"></div>
<div class="content-wrapper__inner">
<ul class="gallery-list">
<li class="gallery-item">
<a href="/images/Pic_01.jpg" data-lightbox="gallery">
<img src="/images/Pic_01.jpg" alt="First Artwork">
</a>
<div class="info">
<h3>First Artwork</h3>
<p>2023</p>
</div>
</li>
<li class="gallery-item">
<a href="/images/Pic_01.jpg" data-lightbox="gallery">
<img src="/images/Pic_01.jpg" alt="Second Artwork">
</a>
<div class="info">
<h3>Second Artwork</h3>
<p>2024</p>
</div>
</li>
<li class="gallery-item">
<a href="/images/Pic_01.jpg" data-lightbox="gallery">
<img src="/images/Pic_01.jpg" alt="Third Artwork">
</a>
<div class="info">
<h3>Third Artwork</h3>
<p>2021</p>
</div>
</li>
</ul>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="/js/main.js?1756663165565255400"></script>
<script type="text/javascript" src="/js/github_api.js?1756663165565255400"></script>
</div>
</body>
</html>

BIN
_site/images/Pic_01.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
_site/images/Pic_02.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 137 KiB

BIN
_site/images/bk1.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3 MiB

BIN
_site/images/cover.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 202 KiB

BIN
_site/images/favicons/android-chrome-144x144.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
_site/images/favicons/android-chrome-192x192.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
_site/images/favicons/android-chrome-36x36.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
_site/images/favicons/android-chrome-48x48.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
_site/images/favicons/android-chrome-72x72.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
_site/images/favicons/android-chrome-96x96.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
_site/images/favicons/apple-touch-icon-114x114.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
_site/images/favicons/apple-touch-icon-120x120.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
_site/images/favicons/apple-touch-icon-144x144.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
_site/images/favicons/apple-touch-icon-152x152.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
_site/images/favicons/apple-touch-icon-180x180.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
_site/images/favicons/apple-touch-icon-57x57.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

BIN
_site/images/favicons/apple-touch-icon-60x60.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
_site/images/favicons/apple-touch-icon-72x72.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
_site/images/favicons/apple-touch-icon-76x76.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
_site/images/favicons/apple-touch-icon-precomposed.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
_site/images/favicons/apple-touch-icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

12
_site/images/favicons/browserconfig.xml Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="/images/favicons/mstile-70x70.png"/>
<square150x150logo src="/images/favicons/mstile-150x150.png"/>
<square310x310logo src="/images/favicons/mstile-310x310.png"/>
<wide310x150logo src="/images/favicons/mstile-310x150.png"/>
<TileColor>#00aba9</TileColor>
</tile>
</msapplication>
</browserconfig>

BIN
_site/images/favicons/favicon-16x16.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 980 B

BIN
_site/images/favicons/favicon-194x194.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
_site/images/favicons/favicon-32x32.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
_site/images/favicons/favicon-96x96.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8.5 KiB

BIN
_site/images/favicons/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

41
_site/images/favicons/manifest.json Normal file
View file

@ -0,0 +1,41 @@
{
"name": "Jekyll-Uno",
"icons": [
{
"src": "\/images\/favicons\/android-chrome-36x36.png",
"sizes": "36x36",
"type": "image\/png",
"density": 0.75
},
{
"src": "\/images\/favicons\/android-chrome-48x48.png",
"sizes": "48x48",
"type": "image\/png",
"density": 1
},
{
"src": "\/images\/favicons\/android-chrome-72x72.png",
"sizes": "72x72",
"type": "image\/png",
"density": 1.5
},
{
"src": "\/images\/favicons\/android-chrome-96x96.png",
"sizes": "96x96",
"type": "image\/png",
"density": 2
},
{
"src": "\/images\/favicons\/android-chrome-144x144.png",
"sizes": "144x144",
"type": "image\/png",
"density": 3
},
{
"src": "\/images\/favicons\/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image\/png",
"density": 4
}
]
}

BIN
_site/images/favicons/mstile-144x144.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
_site/images/favicons/mstile-150x150.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
_site/images/favicons/mstile-310x150.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7 KiB

BIN
_site/images/favicons/mstile-310x310.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
_site/images/favicons/mstile-70x70.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.4 KiB

57
_site/images/favicons/safari-pinned-tab.svg Normal file
View file

@ -0,0 +1,57 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013
</metadata>
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M2379 5116 c-2 -2 -35 -6 -74 -10 -222 -19 -495 -86 -705 -173 -101
-41 -312 -146 -351 -173 -15 -11 -30 -20 -33 -20 -10 0 -217 -149 -276 -199
-161 -135 -304 -283 -421 -436 -281 -368 -455 -810 -506 -1285 -15 -136 -8
-503 11 -615 3 -16 8 -43 10 -60 16 -117 90 -399 126 -480 5 -11 21 -49 36
-85 167 -413 463 -793 832 -1069 50 -38 89 -71 87 -73 -3 -3 1 -5 7 -5 7 0 51
-24 97 -53 77 -47 310 -170 325 -170 3 0 25 -9 49 -19 108 -49 292 -106 437
-135 111 -22 129 -25 195 -32 33 -4 64 -9 69 -12 5 -3 104 -6 220 -8 308 -3
514 25 791 108 731 219 1337 773 1628 1488 63 155 133 403 151 530 3 25 8 54
10 66 30 151 28 545 -3 749 -26 169 -90 415 -136 520 -7 17 -26 61 -41 99 -15
38 -49 110 -76 160 -27 50 -56 107 -66 126 -9 19 -20 37 -23 40 -4 3 -21 30
-40 60 -18 30 -36 57 -39 60 -3 3 -17 21 -30 40 -107 159 -312 375 -487 513
-66 52 -289 207 -298 207 -2 0 -45 22 -95 49 -207 113 -521 224 -720 255 -19
3 -44 8 -56 10 -12 2 -45 7 -74 11 -29 4 -62 9 -74 12 -24 5 -452 14 -457 9z
m411 -814 c25 -6 59 -13 75 -16 79 -14 252 -85 325 -133 71 -47 86 -59 148
-118 159 -149 232 -339 235 -608 1 -111 -7 -254 -17 -317 -17 -97 -17 -100 5
-100 36 0 76 -28 95 -67 18 -39 25 -164 12 -228 -17 -82 -63 -175 -115 -231
-20 -21 -67 -100 -105 -174 -206 -401 -424 -614 -702 -685 -118 -30 -282 -28
-396 5 -270 77 -516 333 -700 725 -21 44 -56 99 -77 122 -140 149 -177 459
-62 518 15 8 37 15 49 15 16 0 19 5 16 23 -25 121 -38 384 -25 502 13 107 40
223 59 250 4 6 11 21 15 35 23 76 146 221 250 295 143 101 331 174 495 192 30
3 57 7 59 9 9 8 320 -4 361 -14z m-878 -2957 c-6 -197 20 -286 152 -528 49
-90 180 -266 257 -347 57 -59 147 -137 195 -170 l46 -31 72 54 c119 90 263
247 351 382 21 33 41 62 44 65 19 17 119 223 147 305 26 74 28 92 29 238 0
109 3 156 11 153 28 -11 246 -80 399 -126 285 -87 446 -153 572 -236 63 -41
153 -126 153 -143 0 -13 -125 -142 -205 -211 -97 -84 -312 -240 -331 -240 -4
0 -15 -6 -23 -14 -27 -24 -267 -141 -371 -181 -58 -22 -261 -85 -269 -83 -3 1
-24 -4 -46 -10 -201 -56 -591 -76 -840 -41 -208 29 -367 68 -536 133 -137 52
-349 154 -349 168 0 5 -3 7 -8 4 -10 -6 -232 141 -232 154 0 6 -4 9 -8 6 -5
-3 -19 5 -33 17 -13 12 -62 54 -109 94 -102 87 -200 187 -200 206 0 17 77 88
151 138 118 81 331 168 624 255 50 14 149 46 220 69 72 24 132 44 135 44 3 1
3 -55 2 -124z m814 100 c19 -14 45 -41 60 -61 35 -45 29 -58 -70 -162 l-76
-79 89 -220 88 -221 -32 -43 c-36 -51 -184 -189 -202 -189 -6 0 -13 -5 -15
-12 -9 -26 -160 101 -227 190 l-38 52 88 222 89 222 -55 49 c-59 52 -115 126
-115 151 0 9 25 40 56 71 l56 55 136 0 c129 0 137 -1 168 -25z"/>
<path d="M2043 3668 c-119 -40 -232 -146 -298 -278 -27 -54 -28 -57 -21 -185
3 -71 10 -148 15 -170 5 -22 12 -57 15 -77 3 -20 15 -77 25 -125 11 -48 19
-89 17 -90 -1 -2 -13 23 -26 55 -30 73 -75 139 -100 147 -26 8 -65 -19 -80
-56 -11 -26 -9 -111 3 -169 9 -42 63 -134 98 -167 21 -20 42 -46 45 -58 8 -23
119 -249 154 -310 100 -179 231 -319 350 -377 105 -50 192 -70 319 -70 281 0
471 116 634 385 18 31 36 54 39 51 3 -3 6 1 5 8 -1 7 34 85 78 173 53 109 94
177 126 213 80 88 123 256 85 330 -46 89 -116 51 -176 -96 -21 -52 -25 -40 -9
28 14 59 16 71 23 116 7 44 17 99 23 129 2 11 6 50 8 88 l5 67 -47 1 c-27 0
-64 2 -83 4 -19 1 -67 6 -105 9 -92 7 -152 16 -285 42 -266 52 -482 162 -696
355 -29 25 -59 46 -68 46 -9 0 -42 -9 -73 -19z"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
_site/images/tzuehlke copy.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

271
_site/index.html Normal file
View file

@ -0,0 +1,271 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="/css/main.css?1756663165565255400">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="noindex">
<title>Simeon "Waldo" Wallrath</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<meta name="description" content="Business Card Page">
<meta name="author" content="Simeon Wallrath">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Simeon "Waldo" Wallrath">
<meta name="twitter:description" content="Business Card Page">
<meta name="twitter:image" content="/images/favicons/favicon-194x194.png" />
<meta property="og:type" content="article">
<meta property="og:title" content="Simeon "Waldo" Wallrath">
<meta property="og:description" content="Business Card Page">
<meta property="og:image" content="/images/favicons/favicon-194x194.png" />
<link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicons/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="/images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/images/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/images/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/images/favicons/manifest.json">
<link rel="shortcut icon" href="/images/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="msapplication-TileImage" content="/images/favicons/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="/css/main.css?1756663165565255400">
<link rel="canonical" href="http://localhost:4000/">
<link rel="alternate" type="application/rss+xml" title="Simeon "Waldo" Wallrath" href="/feed.xml">
</head>
</head>
<body>
<span class="mobile btn-mobile-menu">
<i class="fas fa-bars btn-mobile-menu__icon"></i>
<i class="far fa-times-circle btn-mobile-close__icon hidden"></i>
</span>
<header class="panel-cover" style="background-image: url(/images/bk1.jpg)">
<div class="panel-main">
<div class="panel-main__inner panel-inverted">
<div class="panel-main__content">
<a href="/" title="link to home of Simeon "Waldo" Wallrath">
<div class="user-images">
<img src="/images/Pic_01.jpg" class="user-image" alt="My Profile Photo">
<div class="user-divider"></div>
<img src="/images/Pic_02.png" class="user-image" alt="Second Profile Photo">
</div>
<h1 class="panel-cover__title panel-title">Simeon "Waldo" Wallrath</h1>
</a>
<hr class="panel-cover__divider">
<p class="panel-cover__description">
PhD-Student in Chemistry Didactics, 3D-Artist, Musician, Game Developer
</p>
<hr class="panel-cover__divider panel-cover__divider--secondary">
</div>
<div class="navigation-wrapper">
<nav class="cover-navigation navigation--social">
<ul class="navigation">
<!-- https://mastodon.social/@tzuehlke@mstdn.social -->
<!-- Mastodon -->
<li class="navigation__item">
<a href="https://mastodon.social/@waldo@chaos.social" title="@waldo@chaos.social on Mastodon" target="_blank">
<i class="fa-brands fa-mastodon"></i>
<span class="label">Mastodon</span>
</a>
</li>
<!-- GitHub -->
<li class="navigation__item">
<a href="https://www.github.com/waldehyd" title="waldehyd on GitHub" target="_blank">
<!--<i class="icon icon-social-github"></i>-->
<i class="fa-brands fa-github"></i>
<span class="label">GitHub</span>
</a>
</li>
<!-- Email -->
<li class="navigation__item">
<a href="mailto:waldo@waldo.works" title="Email waldo@waldo.works" target="_blank">
<!--<i class="icon icon-mail"></i>-->
<i class="fa-solid fa-envelope"></i>
<span class="label">Email</span>
</a>
</li>
</ul>
</nav>
<!--<nav class="cover-navigation cover-navigation--primary">-->
<nav class="cover-navigation navigation--social">
<ul class="navigation">
<li class="navigation__item"><a href="https://blog.zuehlke.cloud" title="link to Blog"><i class="fa-solid fa-link"></i>&nbsp;Blog</a></li>
<!--<li class="navigation__item"><a href="/#" title="link to Tweets" class="panel-button"><i class="icon icon-social-twitter"></i>&nbsp;Tweets</a></li>-->
<li class="navigation__item"><a href="/#projects" title="List of Projects" class="panel-button projects-button"><i class="fa-solid fa-file-code"></i>&nbsp;Projects</a></li>
<li class="navigation__item"><a href="/#projects" title="List of Projects" class="panel-button projects-button"><i class="fa-solid fa-file-code"></i>&nbsp;Art</a></li>
<li class="navigation__item"><a href="/gallery" title="List of Projects" class="panel-button projects-button"><i class="fa-solid fa-file-code"></i>&nbsp;arts™</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="panel-cover--overlay"></div>
</div>
</header>
<div class="content-wrapper">
<div class="left-line"></div>
<div class="content-wrapper__inner">
<ul class="timeline">
<li class="timeline-inverted">
<div class="timeline-image">
<a href="https://virtuos.world" target="_blank" style="display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;">
<img class="img-me" src="https://blog.zuehlke.cloud/wp-content/uploads/2024/04/AzureCostExportPAYG-Overview-945x293.png" alt="">
</a>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>
<a href="https://virtuos.world" target="_blank">
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
</a>
</h4>
</div>
<div class="timeline-body">
<p>asdasd</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<a href="https://virtuos.world" target="_blank" style="display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;">
<img class="img-me" src="https://blog.zuehlke.cloud/wp-content/uploads/2024/04/AzureCostExportPAYG-Overview-945x293.png" alt="">
</a>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>
<a href="https://virtuos.world" target="_blank">
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
</a>
</h4>
</div>
<div class="timeline-body">
<p>asdasd</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<a href="https://virtuos.world" target="_blank" style="display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;">
<img class="img-me" src="https://blog.zuehlke.cloud/wp-content/uploads/2024/04/AzureCostExportPAYG-Overview-945x293.png" alt="">
</a>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>
<a href="https://virtuos.world" target="_blank">
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
</a>
</h4>
</div>
<div class="timeline-body">
<p>asdasd</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<a href="https://virtuos.world" target="_blank" style="display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;">
<img class="img-me" src="https://blog.zuehlke.cloud/wp-content/uploads/2024/04/AzureCostExportPAYG-Overview-945x293.png" alt="">
</a>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>
<a href="https://virtuos.world" target="_blank">
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
</a>
</h4>
</div>
<div class="timeline-body">
<p>asdasd</p>
</div>
</div>
</li>
</ul>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="/js/main.js?1756663165565255400"></script>
<script type="text/javascript" src="/js/github_api.js?1756663165565255400"></script>
</div>
</body>
</html>

32
_site/js/github_api.js Normal file
View file

@ -0,0 +1,32 @@
console.log("github_api loaded");
$(document).ready(function() {
users = []
repos = []
$(".ghbtn").each( function () {
var user = $(this).attr('user');
var repo = $(this).attr('repo');
repos.push(user + '/' + repo);
if (users.indexOf($(this).attr('user')) === -1) {
users.push($(this).attr('user'))
}
})
//console.log(1, repos)
for (var i = 0; i < repos.length; i++) {
//console.log("URL: "+"https://api.github.com/repos/" + repos[i]);
$.ajax({
type: "GET",
url: "https://api.github.com/repos/" + repos[i],
tryCount : 0,
retryLimit : 3,
async: true,
dataType: "json",
success: function (data) {
x = data.name;
//console.log("User/Repo: " + data.full_name + " Star: " + data.stargazers_count+ " Forks: "+data.forks_count + " Watchers: "+data.watchers_count);
$("div[repo='" + x + "']").find("span[class='star']").html("&nbsp;"+data.stargazers_count);
$("div[repo='" + x + "']").find("span[class='fork']").html("&nbsp;"+data.forks_count);
$("div[repo='" + x + "']").find("span[class='watchers']").html("&nbsp;"+data.watchers_count);
$("div[repotext='" + x + "']").find("span[class='desc']").html(data.description);
}
})}
});

51
_site/js/main.js Normal file
View file

@ -0,0 +1,51 @@
function toggleMobileMenu() {
$('.navigation-wrapper').toggleClass('visible');
$('.btn-mobile-menu__icon').toggleClass('hidden');
$('.btn-mobile-close__icon').toggleClass('hidden');
}
$(document).ready(function () {
$('a.panel-button').click(function (e) {
if ($('.content-wrapper').hasClass('showing')){
$('.content-wrapper').removeClass('animated slideInRight')
$('.panel-cover').removeClass('panel-cover--collapsed')
$('.panel-cover').css('max-width', '100%')
$('.panel-cover').animate({'width': '100%'}, 400, swing = 'swing', function () {})
$('.content-wrapper').removeClass('showing')
history.pushState("", document.title, window.location.pathname + window.location.search);
//window.location.hash = '' // leaves #
e.preventDefault();
return;
}
$('.panel-cover').addClass('panel-cover--collapsed');
currentWidth = $('.panel-cover').width()
if (currentWidth < 960) {
$('.panel-cover').addClass('panel-cover--collapsed')
$('.content-wrapper').addClass('animated slideInRight')
} else {
$('.panel-cover').css('max-width', currentWidth)
$('.panel-cover').animate({'max-width': '530px', 'width': '40%'}, 400, swing = 'swing', function () {})
}
$('.content-wrapper').addClass('showing');
})
if (window.location.hash && window.location.hash == '#projects') {
$('a.panel-button').click();
}
if (window.location.pathname !== '/' && window.location.pathname !== '/index.html') {
$('.panel-cover').addClass('panel-cover--collapsed')
}
$('.btn-mobile-menu').click(function () {
if (!$('.navigation-wrapper').hasClass('animated bounceInDown')){
$('.navigation-wrapper').addClass('animated bounceInDown');
}
toggleMobileMenu();
})
$('.navigation-wrapper .projects-button').click(function () {
toggleMobileMenu();
})
})