Move to Page based design
This commit is contained in:
Waldehyd
parent
4fde39a50b
commit
5370e2e6c3
9 changed files with 694 additions and 315 deletions
|
|
@ -83,6 +83,15 @@
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
<!-- Forgejo -->
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://code.waldo.works" title="Forgejo" target="_blank">
|
||||||
|
<!--<i class="icon icon-social-github"></i>-->
|
||||||
|
<i class="fa-brands fa-git-alt"></i>
|
||||||
|
<span class="label">GitHub</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
{% if site.author.meetup_name %}
|
{% if site.author.meetup_name %}
|
||||||
<!-- Meetup -->
|
<!-- Meetup -->
|
||||||
<li class="navigation__item">
|
<li class="navigation__item">
|
||||||
|
|
@ -114,7 +123,7 @@
|
||||||
<li class="navigation__item"><a href="https://blog.zuehlke.cloud" title="link to Blog"><i class="fa-solid fa-link"></i> Blog</a></li>
|
<li class="navigation__item"><a href="https://blog.zuehlke.cloud" title="link to Blog"><i class="fa-solid fa-link"></i> Blog</a></li>
|
||||||
<!--<li class="navigation__item"><a href="{{ site.baseurl }}/#" title="link to Tweets" class="panel-button"><i class="icon icon-social-twitter"></i> Tweets</a></li>-->
|
<!--<li class="navigation__item"><a href="{{ site.baseurl }}/#" title="link to Tweets" class="panel-button"><i class="icon icon-social-twitter"></i> Tweets</a></li>-->
|
||||||
<li class="navigation__item"><a href="{{ site.baseurl }}/#projects" title="List of Projects" class="panel-button projects-button"><i class="fa-solid fa-file-code"></i> Projects</a></li>
|
<li class="navigation__item"><a href="{{ site.baseurl }}/#projects" title="List of Projects" class="panel-button projects-button"><i class="fa-solid fa-file-code"></i> Projects</a></li>
|
||||||
<li class="navigation__item"><a href="{{ site.baseurl }}/#projects" title="List of Projects" class="panel-button projects-button"><i class="fa-solid fa-file-code"></i> Art</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> 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> arts™</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> arts™</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
|
||||||
|
|
@ -1,21 +1,34 @@
|
||||||
---
|
---
|
||||||
title: "Cats Project"
|
|
||||||
layout: default
|
layout: default
|
||||||
|
robots: noindex
|
||||||
|
slug: projects
|
||||||
---
|
---
|
||||||
# 🚀 Project Nebula
|
<ul class="timeline">
|
||||||
|
{% for project in site.data.projects %}
|
||||||
Welcome to **Project Nebula**, a cosmic initiative to explore the outer edges of creativity.
|
<li class="timeline-inverted">
|
||||||
|
<div class="timeline-image">
|
||||||
## 🌌 Features
|
<a href="{{ project.url }}" target="_blank" style="display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;">
|
||||||
|
<img class="img-me" src="{{ project.img | prepend: site.baseurl }}" alt="">
|
||||||
- 🌠 Star-mapped navigation
|
</a>
|
||||||
- 🛰️ Real-time telemetry
|
</div>
|
||||||
- 🧠 Bullshit-assisted decision engine
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
## 📦 Installation
|
<h4>
|
||||||
|
<a href="{{ project.url }}" target="_blank">
|
||||||
```bash
|
{{ project.name }}
|
||||||
git clone https://github.com/yourusername/project-nebula.git
|
</a>
|
||||||
cd project-nebula
|
</h4>
|
||||||
npm install
|
</div>
|
||||||
```
|
<div class="timeline-body">
|
||||||
|
{% if project.desc %}
|
||||||
|
{{ project.desc | markdownify }}
|
||||||
|
{% else %}
|
||||||
|
<div repotext="{{ project.repo }}">
|
||||||
|
<span class="desc"></span>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@
|
||||||
layout: default
|
layout: default
|
||||||
slug: gallery
|
slug: gallery
|
||||||
---
|
---
|
||||||
|
<div class="panel-content">
|
||||||
|
|
||||||
<ul class="gallery-list">
|
<ul class="gallery-list">
|
||||||
{% for item in site.data.gallery %}
|
{% for item in site.data.gallery %}
|
||||||
|
|
@ -17,3 +18,4 @@ slug: gallery
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,195 +0,0 @@
|
||||||
<!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> Blog</a></li>
|
|
||||||
<!--<li class="navigation__item"><a href="/#" title="link to Tweets" class="panel-button"><i class="icon icon-social-twitter"></i> 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> 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> 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> 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>
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Gallery</title>
|
<title>Gallery</title>
|
||||||
<link rel="stylesheet" href="/css/main.css?1756663165565255400">
|
<link rel="stylesheet" href="/css/main.css?1757523353687792200">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width initial-scale=1" />
|
<meta name="viewport" content="width=device-width initial-scale=1" />
|
||||||
|
|
@ -147,7 +147,7 @@
|
||||||
<meta name="msapplication-TileImage" content="/images/favicons/mstile-144x144.png">
|
<meta name="msapplication-TileImage" content="/images/favicons/mstile-144x144.png">
|
||||||
<meta name="theme-color" content="#ffffff">
|
<meta name="theme-color" content="#ffffff">
|
||||||
|
|
||||||
<link rel="stylesheet" href="/css/main.css?1756663165565255400">
|
<link rel="stylesheet" href="/css/main.css?1757523353687792200">
|
||||||
<link rel="canonical" href="http://localhost:4000/gallery/">
|
<link rel="canonical" href="http://localhost:4000/gallery/">
|
||||||
<link rel="alternate" type="application/rss+xml" title="Simeon "Waldo" Wallrath" href="/feed.xml">
|
<link rel="alternate" type="application/rss+xml" title="Simeon "Waldo" Wallrath" href="/feed.xml">
|
||||||
|
|
||||||
|
|
@ -216,6 +216,15 @@
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Forgejo -->
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://code.waldo.works" title="Forgejo" target="_blank">
|
||||||
|
<!--<i class="icon icon-social-github"></i>-->
|
||||||
|
<i class="fa-brands fa-git-alt"></i>
|
||||||
|
<span class="label">GitHub</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -238,7 +247,7 @@
|
||||||
<li class="navigation__item"><a href="https://blog.zuehlke.cloud" title="link to Blog"><i class="fa-solid fa-link"></i> Blog</a></li>
|
<li class="navigation__item"><a href="https://blog.zuehlke.cloud" title="link to Blog"><i class="fa-solid fa-link"></i> Blog</a></li>
|
||||||
<!--<li class="navigation__item"><a href="/#" title="link to Tweets" class="panel-button"><i class="icon icon-social-twitter"></i> Tweets</a></li>-->
|
<!--<li class="navigation__item"><a href="/#" title="link to Tweets" class="panel-button"><i class="icon icon-social-twitter"></i> 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> 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> 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> Art</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> 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> arts™</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> arts™</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
@ -296,8 +305,8 @@
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
<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/main.js?1757523353687792200"></script>
|
||||||
<script type="text/javascript" src="/js/github_api.js?1756663165565255400"></script>
|
<script type="text/javascript" src="/js/github_api.js?1757523353687792200"></script>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title></title>
|
<title></title>
|
||||||
<link rel="stylesheet" href="/css/main.css?1756663165565255400">
|
<link rel="stylesheet" href="/css/main.css?1757523353687792200">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width initial-scale=1" />
|
<meta name="viewport" content="width=device-width initial-scale=1" />
|
||||||
|
|
@ -53,7 +53,7 @@
|
||||||
<meta name="msapplication-TileImage" content="/images/favicons/mstile-144x144.png">
|
<meta name="msapplication-TileImage" content="/images/favicons/mstile-144x144.png">
|
||||||
<meta name="theme-color" content="#ffffff">
|
<meta name="theme-color" content="#ffffff">
|
||||||
|
|
||||||
<link rel="stylesheet" href="/css/main.css?1756663165565255400">
|
<link rel="stylesheet" href="/css/main.css?1757523353687792200">
|
||||||
<link rel="canonical" href="http://localhost:4000/">
|
<link rel="canonical" href="http://localhost:4000/">
|
||||||
<link rel="alternate" type="application/rss+xml" title="Simeon "Waldo" Wallrath" href="/feed.xml">
|
<link rel="alternate" type="application/rss+xml" title="Simeon "Waldo" Wallrath" href="/feed.xml">
|
||||||
|
|
||||||
|
|
@ -122,6 +122,15 @@
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Forgejo -->
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://code.waldo.works" title="Forgejo" target="_blank">
|
||||||
|
<!--<i class="icon icon-social-github"></i>-->
|
||||||
|
<i class="fa-brands fa-git-alt"></i>
|
||||||
|
<span class="label">GitHub</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -144,7 +153,7 @@
|
||||||
<li class="navigation__item"><a href="https://blog.zuehlke.cloud" title="link to Blog"><i class="fa-solid fa-link"></i> Blog</a></li>
|
<li class="navigation__item"><a href="https://blog.zuehlke.cloud" title="link to Blog"><i class="fa-solid fa-link"></i> Blog</a></li>
|
||||||
<!--<li class="navigation__item"><a href="/#" title="link to Tweets" class="panel-button"><i class="icon icon-social-twitter"></i> Tweets</a></li>-->
|
<!--<li class="navigation__item"><a href="/#" title="link to Tweets" class="panel-button"><i class="icon icon-social-twitter"></i> 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> 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> 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> Art</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> 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> arts™</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> arts™</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
@ -263,8 +272,8 @@
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
<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/main.js?1757523353687792200"></script>
|
||||||
<script type="text/javascript" src="/js/github_api.js?1756663165565255400"></script>
|
<script type="text/javascript" src="/js/github_api.js?1757523353687792200"></script>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -1,51 +1,34 @@
|
||||||
function toggleMobileMenu() {
|
$(document).ready(function () {
|
||||||
$('.navigation-wrapper').toggleClass('visible');
|
|
||||||
$('.btn-mobile-menu__icon').toggleClass('hidden');
|
|
||||||
$('.btn-mobile-close__icon').toggleClass('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
$(document).ready(function () {
|
$('a.blog-button').click(function (e) {
|
||||||
$('a.panel-button').click(function (e) {
|
if ($('.panel-cover').hasClass('panel-cover--collapsed')) return
|
||||||
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()
|
currentWidth = $('.panel-cover').width()
|
||||||
if (currentWidth < 960) {
|
if (currentWidth < 960) {
|
||||||
$('.panel-cover').addClass('panel-cover--collapsed')
|
$('.panel-cover').addClass('panel-cover--collapsed')
|
||||||
$('.content-wrapper').addClass('animated slideInRight')
|
$('.content-wrapper').addClass('animated slideInRight')
|
||||||
} else {
|
} else {
|
||||||
$('.panel-cover').css('max-width', currentWidth)
|
$('.panel-cover').css('max-width', currentWidth)
|
||||||
$('.panel-cover').animate({'max-width': '530px', 'width': '40%'}, 400, swing = 'swing', function () {})
|
$('.panel-cover').animate({ 'max-width': '530px', 'width': '40%' }, 400, swing = 'swing', function () { })
|
||||||
}
|
}
|
||||||
$('.content-wrapper').addClass('showing');
|
|
||||||
})
|
})
|
||||||
|
|
||||||
if (window.location.hash && window.location.hash == '#projects') {
|
if (window.location.hash && window.location.hash == '#blog') {
|
||||||
$('a.panel-button').click();
|
$('.panel-cover').addClass('panel-cover--collapsed')
|
||||||
}
|
}
|
||||||
|
|
||||||
if (window.location.pathname !== '/' && window.location.pathname !== '/index.html') {
|
if (window.location.pathname !== '/' && window.location.pathname !== '/index.html') {
|
||||||
$('.panel-cover').addClass('panel-cover--collapsed')
|
$('.panel-cover').addClass('panel-cover--collapsed')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
$('.btn-mobile-menu').click(function () {
|
$('.btn-mobile-menu').click(function () {
|
||||||
if (!$('.navigation-wrapper').hasClass('animated bounceInDown')){
|
$('.navigation-wrapper').toggleClass('visible animated bounceInDown')
|
||||||
$('.navigation-wrapper').addClass('animated bounceInDown');
|
$('.btn-mobile-menu__icon').toggleClass('icon-list icon-x-circle animated fadeIn')
|
||||||
}
|
})
|
||||||
toggleMobileMenu();
|
|
||||||
|
$('.navigation-wrapper .blog-button').click(function () {
|
||||||
|
$('.navigation-wrapper').toggleClass('visible')
|
||||||
|
$('.btn-mobile-menu__icon').toggleClass('icon-list icon-x-circle animated fadeIn')
|
||||||
})
|
})
|
||||||
|
|
||||||
$('.navigation-wrapper .projects-button').click(function () {
|
|
||||||
toggleMobileMenu();
|
|
||||||
})
|
})
|
||||||
})
|
|
||||||
|
|
|
||||||
565
_site/projects/index.html
Normal file
565
_site/projects/index.html
Normal file
|
|
@ -0,0 +1,565 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Arts</title>
|
||||||
|
<link rel="stylesheet" href="/css/main.css?1757523353687792200">
|
||||||
|
<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>Arts</title>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||||
|
<meta name="description" content="
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
asdasd
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
asdasd
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
asdasd
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
asdasd
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
">
|
||||||
|
<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="Arts">
|
||||||
|
<meta name="twitter:description" content="
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
asdasd
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
asdasd
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
asdasd
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
asdasd
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
">
|
||||||
|
|
||||||
|
<meta name="twitter:image" content="/images/favicons/favicon-194x194.png" />
|
||||||
|
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:title" content="Arts">
|
||||||
|
<meta property="og:description" content="
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
asdasd
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
asdasd
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
asdasd
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
asdasd
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
">
|
||||||
|
<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?1757523353687792200">
|
||||||
|
<link rel="canonical" href="http://localhost:4000/projects/">
|
||||||
|
<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>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Forgejo -->
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://code.waldo.works" title="Forgejo" target="_blank">
|
||||||
|
<!--<i class="icon icon-social-github"></i>-->
|
||||||
|
<i class="fa-brands fa-git-alt"></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> Blog</a></li>
|
||||||
|
<!--<li class="navigation__item"><a href="/#" title="link to Tweets" class="panel-button"><i class="icon icon-social-twitter"></i> 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> 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> 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> 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?1757523353687792200"></script>
|
||||||
|
<script type="text/javascript" src="/js/github_api.js?1757523353687792200"></script>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
48
js/main.js
48
js/main.js
|
|
@ -1,56 +1,40 @@
|
||||||
---
|
---
|
||||||
layout: null
|
layout: null
|
||||||
sitemap:
|
sitemap:
|
||||||
exclude: 'yes'
|
exclude: 'yes'
|
||||||
---
|
---
|
||||||
function toggleMobileMenu() {
|
|
||||||
$('.navigation-wrapper').toggleClass('visible');
|
|
||||||
$('.btn-mobile-menu__icon').toggleClass('hidden');
|
|
||||||
$('.btn-mobile-close__icon').toggleClass('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
$('a.panel-button').click(function (e) {
|
{% if site.disable_landing_page != true %}
|
||||||
if ($('.content-wrapper').hasClass('showing')){
|
$('a.blog-button').click(function (e) {
|
||||||
$('.content-wrapper').removeClass('animated slideInRight')
|
if ($('.panel-cover').hasClass('panel-cover--collapsed')) return
|
||||||
$('.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()
|
currentWidth = $('.panel-cover').width()
|
||||||
if (currentWidth < 960) {
|
if (currentWidth < 960) {
|
||||||
$('.panel-cover').addClass('panel-cover--collapsed')
|
$('.panel-cover').addClass('panel-cover--collapsed')
|
||||||
$('.content-wrapper').addClass('animated slideInRight')
|
$('.content-wrapper').addClass('animated slideInRight')
|
||||||
} else {
|
} else {
|
||||||
$('.panel-cover').css('max-width', currentWidth)
|
$('.panel-cover').css('max-width', currentWidth)
|
||||||
$('.panel-cover').animate({'max-width': '530px', 'width': '40%'}, 400, swing = 'swing', function () {})
|
$('.panel-cover').animate({ 'max-width': '530px', 'width': '40%' }, 400, swing = 'swing', function () { })
|
||||||
}
|
}
|
||||||
$('.content-wrapper').addClass('showing');
|
|
||||||
})
|
})
|
||||||
|
|
||||||
if (window.location.hash && window.location.hash == '#projects') {
|
if (window.location.hash && window.location.hash == '#blog') {
|
||||||
$('a.panel-button').click();
|
$('.panel-cover').addClass('panel-cover--collapsed')
|
||||||
}
|
}
|
||||||
|
|
||||||
if (window.location.pathname !== '{{ site.baseurl }}/' && window.location.pathname !== '{{ site.baseurl }}/index.html') {
|
if (window.location.pathname !== '{{ site.baseurl }}/' && window.location.pathname !== '{{ site.baseurl }}/index.html') {
|
||||||
$('.panel-cover').addClass('panel-cover--collapsed')
|
$('.panel-cover').addClass('panel-cover--collapsed')
|
||||||
}
|
}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
$('.btn-mobile-menu').click(function () {
|
$('.btn-mobile-menu').click(function () {
|
||||||
if (!$('.navigation-wrapper').hasClass('animated bounceInDown')){
|
$('.navigation-wrapper').toggleClass('visible animated bounceInDown')
|
||||||
$('.navigation-wrapper').addClass('animated bounceInDown');
|
$('.btn-mobile-menu__icon').toggleClass('icon-list icon-x-circle animated fadeIn')
|
||||||
}
|
})
|
||||||
toggleMobileMenu();
|
|
||||||
|
$('.navigation-wrapper .blog-button').click(function () {
|
||||||
|
$('.navigation-wrapper').toggleClass('visible')
|
||||||
|
$('.btn-mobile-menu__icon').toggleClass('icon-list icon-x-circle animated fadeIn')
|
||||||
})
|
})
|
||||||
|
|
||||||
$('.navigation-wrapper .projects-button').click(function () {
|
|
||||||
toggleMobileMenu();
|
|
||||||
})
|
})
|
||||||
})
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue