new theme

This commit is contained in:
Jan Krutisch 2022-10-20 22:03:55 +02:00
parent 5314819ba0
commit 459e385622
13 changed files with 175 additions and 52 deletions

View file

@ -1,38 +1,75 @@
<footer class="site-footer h-card">
<data class="u-url" href="{{ "/" | relative_url }}"></data>
<!-- Footer -->
<div class="wrapper">
<hr>
<div class="footer-col-wrapper">
<div class="footer-col">
<p class="feed-subscribe">
<a href="{{ 'feed.xml' | relative_url }}">
<svg class="svg-icon orange">
<use xlink:href="{{ 'assets/minima-social-icons.svg#rss' | relative_url }}"></use>
</svg><span>Subscribe</span>
</a>
</p>
{%- if site.author %}
<ul class="contact-list">
{% if site.author.name -%}
<li class="p-name">{{ site.author.name | escape }}</li>
{% endif -%}
{% if site.author.email -%}
<li><a class="u-email" href="mailto:{{ site.author.email }}">{{ site.author.email }}</a></li>
{%- endif %}
<li><a href="{{ '/impressum' | relative_url }}">Impressum</a></li>
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<ul class="list-inline text-center">
{% if site.email %}
<li class="list-inline-item">
<a href="mailto:{{ site.email | encode_email }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="far fa-envelope fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
{% if site.twitter_username %}
<li class="list-inline-item">
<a href="https://twitter.com/{{ site.twitter_username }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
{% if site.facebook_username %}
<li class="list-inline-item">
<a href="https://www.facebook.com/{{ site.facebook_username }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
{% if site.linkedin_username %}
<li class="list-inline-item">
<a href="https://www.linkedin.com/in/{{ site.linkedin_username }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
{% if site.github_username %}
<li class="list-inline-item">
<a href="https://github.com/{{ site.github_username }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
{% if site.instagram_username %}
<li class="list-inline-item">
<a href="https://instagram.com/{{ site.instagram_username }}">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
</ul>
{%- endif %}
</div>
<div class="footer-col">
<p>{{ site.description | escape }}</p>
<p class="copyright text-muted">Copyright &copy; {{ site.author }} {{ 'now' | date: "%Y" }} - <a href="{{'/impressum' | relative_url}}">Impressum</a></p>
</div>
</div>
<div class="social-links">
{%- include social.html -%}
</div>
</div>
</footer>
</footer>

26
_includes/navbar.html Normal file
View file

@ -0,0 +1,26 @@
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand" href="{{"/" | relative_url }}">{{ site.title | escape }}</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menü
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="{{"/" | relative_url }}">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{"/ueber" | relative_url }}">Über</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ "/posts" | relative_url }}">Artikel</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{"/kontakt" | relative_url }}">Kontakt</a>
</li>
</ul>
</div>
</div>
</nav>