ab6b2bb8fe
- Galerie laedt Bilder dynamisch per JavaScript statt Jekyll-Loop - nginx autoindex liefert JSON-Bilderliste - Nextcloud-Ordner (Websitebilder) wird als Volume gemountet - ImageMagick generiert automatisch 512px Thumbnails - Hintergrund-Check alle 60s fuer neue Bilder - Neuer entrypoint.sh fuer Thumbnail-Generierung + nginx Start Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
109 lines
4.6 KiB
HTML
109 lines
4.6 KiB
HTML
---
|
|
layout: default
|
|
---
|
|
|
|
<!-- Wrapper -->
|
|
<div id="wrapper">
|
|
|
|
<!-- Header -->
|
|
<header id="header">
|
|
<h1><a href="index.html"><strong>{{ site.header.title }}</strong> {{ site.header.subtitle }}</a></h1>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#footer">About <i class="fa fa-info-circle text-fg"></i></a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Main -->
|
|
<div id="main" data-exif='{{ site.exif }}'>
|
|
<!-- Galerie wird dynamisch per JavaScript geladen -->
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer" class="panel">
|
|
<div class="inner split">
|
|
<div>
|
|
<section>
|
|
<h2>{{ site.footer.name }}</h2>
|
|
{% if site.footer.bio and site.footer.bio != "" %}
|
|
<p>{{ site.footer.bio }}</p>
|
|
{% endif %}
|
|
</section>
|
|
<section>
|
|
<h2>Follow me on ...</h2>
|
|
<ul class="icons">
|
|
{% if site.social_urls.facebook %}
|
|
<li>
|
|
<a href="{{ site.social_urls.facebook }}" class="icon brands fa-facebook">
|
|
<span class="label">Facebook</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if site.social_urls.twitter %}
|
|
<li>
|
|
<a href="{{ site.social_urls.twitter }}" class="icon brands fa-twitter">
|
|
<span class="label">Twitter</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if site.social_urls.instagram %}
|
|
<li>
|
|
<a href="{{ site.social_urls.instagram }}" class="icon brands fa-instagram">
|
|
<span class="label">Instagram</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if site.social_urls.dribbble %}
|
|
<li>
|
|
<a href="{{ site.social_urls.dribbble }}" class="icon brands fa-dribbble">
|
|
<span class="label">Dribbble</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if site.social_urls.github %}
|
|
<li>
|
|
<a href="{{ site.social_urls.github }}" class="icon brands fa-github">
|
|
<span class="label">GitHub</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if site.social_urls.linkedin %}
|
|
<li>
|
|
<a href="{{ site.social_urls.linkedin }}" class="icon brands fa-linkedin">
|
|
<span class="label">LinkedIn</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</section>
|
|
<p class="copyright">
|
|
© {{ site.author }}. Design: {{ site.web_design }}
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<section>
|
|
<h2>Kontakt</h2>
|
|
<form method="post" action="mailto:tom@mischlabs.de" enctype="text/plain">
|
|
<div class="fields">
|
|
<div class="field half">
|
|
<input type="text" name="name" id="name" placeholder="Name" />
|
|
</div>
|
|
<div class="field half">
|
|
<input type="text" name="email" id="email" placeholder="Email" />
|
|
</div>
|
|
<div class="field">
|
|
<textarea name="message" id="message" rows="4" placeholder="Message"></textarea>
|
|
</div>
|
|
</div>
|
|
<ul class="actions">
|
|
<li><input type="submit" value="Senden" class="primary" /></li>
|
|
<li><input type="reset" value="Zuruecksetzen" /></li>
|
|
</ul>
|
|
</form>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|