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

5
_includes/footer.html Normal file
View file

@ -0,0 +1,5 @@
<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="{{ site.baseurl }}/js/main.js?{{site.time | date: '%s%N'}}"></script>
<script type="text/javascript" src="{{ site.baseurl }}/js/github_api.js?{{site.time | date: '%s%N'}}"></script>

69
_includes/head.html Normal file
View file

@ -0,0 +1,69 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
{% if page.robots %}
<meta name="robots" content="{{ page.robots }}">
{% endif %}
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html }}{% else %}{{ site.description }}{% endif %}">
<meta name="author" content="{{ site.author.name }}">
<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="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
<meta name="twitter:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html }}{% else %}{{ site.description }}{% endif %}">
{% if site.author.twitter_username %}
<meta name="twitter:creator" content="{{ site.author.twitter_username }}">
{% endif %}
<meta name="twitter:image" content="{{ site.baseurl }}/images/favicons/favicon-194x194.png" />
<meta property="og:type" content="article">
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
<meta property="og:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html }}{% else %}{{ site.description }}{% endif %}">
<meta property="og:image" content="{{ site.baseurl }}/images/favicons/favicon-194x194.png" />
<link rel="apple-touch-icon" sizes="57x57" href="{{ site.baseurl }}/images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="{{ site.baseurl }}/images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="{{ site.baseurl }}/images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="{{ site.baseurl }}/images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="{{ site.baseurl }}/images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="{{ site.baseurl }}/images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="{{ site.baseurl }}/images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="{{ site.baseurl }}/images/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="{{ site.baseurl }}/images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="{{ site.baseurl }}/images/favicons/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="{{ site.baseurl }}/images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="{{ site.baseurl }}/images/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="{{ site.baseurl }}/images/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="{{ site.baseurl }}/images/favicons/manifest.json">
<link rel="shortcut icon" href="{{ site.baseurl }}/images/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="msapplication-TileImage" content="{{ site.baseurl }}/images/favicons/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css?{{site.time | date: '%s%N'}}">
<link rel="canonical" href="{% if page.canonical %}{{ page.canonical }}{% else %}{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}{% endif %}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ site.baseurl }}/feed.xml">
{% if site.google_analytics %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{ site.google_analytics }}');
</script>
{% endif %}
</head>

130
_includes/header.html Normal file
View file

@ -0,0 +1,130 @@
<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({{ site.baseurl }}{{ site.bkimage }})">
<div class="panel-main">
<div class="panel-main__inner panel-inverted">
<div class="panel-main__content">
<a href="{{ site.baseurl }}/" title="link to home of {{ site.title }}">
<div class="user-images">
<img src="{{ site.baseurl }}{{ site.profilepic }}" class="user-image" alt="My Profile Photo">
<div class="user-divider"></div>
<img src="{{ site.baseurl }}{{ site.secondprofilepic }}" class="user-image" alt="Second Profile Photo">
</div>
<h1 class="panel-cover__title panel-title">{{ site.title }}</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 -->
{% if site.author.mastodon %}
<!-- Mastodon -->
<li class="navigation__item">
<a href="https://mastodon.social/@{{ site.author.mastodon }}" title="@{{ site.author.mastodon }} on Mastodon" target="_blank">
<i class="fa-brands fa-mastodon"></i>
<span class="label">Mastodon</span>
</a>
</li>
{% endif %}
{% if site.author.twitter_username %}
<!-- Twitter -->
<li class="navigation__item">
<a href="https://twitter.com/{{ site.author.twitter_username }}" title="@{{ site.author.twitter_username }} on Twitter" target="_blank">
<!--<i class="icon icon-social-twitter"></i>-->
<i class="fa-brands fa-twitter"></i>
<span class="label">Twitter</span>
</a>
</li>
{% endif %}
{% if site.author.facebook_username %}
<!-- Facebook -->
<li class="navigation__item">
<a href="http://fb.me/{{ site.author.facebook_username }}" title="{{ site.author.facebook_username }} on Facebook" target="_blank">
<!--<i class="icon icon-social-facebook"></i>-->
<i class="fa-brands fa-facebook"></i>
<span class="label">Facebook</span>
</a>
</li>
{% endif %}
{% if site.author.linkedin_username %}
<!-- LinkedIn -->
<li class="navigation__item">
<a href="https://www.linkedin.com/in/{{ site.author.linkedin_username }}" title="{{ site.author.linkedin_username }} on LinkedIn" target="_blank">
<!--<i class="icon icon-social-linkedin"></i>-->
<i class="fa-brands fa-linkedin"></i>
<span class="label">LinkedIn</span>
</a>
</li>
{% endif %}
{% if site.author.github_username %}
<!-- GitHub -->
<li class="navigation__item">
<a href="https://www.github.com/{{ site.author.github_username }}" title="{{ site.author.github_username }} 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>
{% endif %}
{% if site.author.meetup_name %}
<!-- Meetup -->
<li class="navigation__item">
<a href="https://www.meetup.com/{{ site.author.meetup_name }}" title="Meetup {{ site.author.meetup_name }}" target="_blank">
<!--<div style="font-size: 1.4rem;"><i class="fab fa-meetup fa-lg"></i></div>-->
<i class="fa-brands fa-meetup"></i>
<span class="label">Meetup</span>
</a>
</li>
{% endif %}
{% if site.author.email %}
<!-- Email -->
<li class="navigation__item">
<a href="mailto:{{ site.author.email }}" title="Email {{ site.author.email }}" target="_blank">
<!--<i class="icon icon-mail"></i>-->
<i class="fa-solid fa-envelope"></i>
<span class="label">Email</span>
</a>
</li>
{% endif %}
</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="{{ site.baseurl }}/#" title="link to Tweets" class="panel-button"><i class="icon icon-social-twitter"></i>&nbsp;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>&nbsp;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>&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>