blog/_layouts/default.html

66 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% include favicons.html %}
<link rel="stylesheet" type="text/css" href="/css/reset.min.css" />
<link rel="stylesheet" type="text/css" href="/css/styles{% if jekyll.environment == 'production' %}.min{% endif %}.css" />
<link rel="stylesheet" type="text/css" href="/css/fontawesome-all.min.css" />
<link rel="alternate" type="application/atom+xml" href="/atom.xml" />
<link rel="alternate" type="application/feed+json" href="/feed.json" />
{%- if page.content contains 'class="highlight"' -%}
<link rel="stylesheet" type="text/css" href="/css/monokai{% if jekyll.environment == 'production' %}.min{% endif %}.css" />
{% endif %}
<script src="/js/jquery-3.7.1.slim.min.js"></script>
{% seo -%}
</head>
<body>
<div id="without-footer">
<header class="cd-auto-hide-header">
<img src="/img/portrait.jpg" alt="Picture">
<h1>{{ site.name }}</h1>
<nav class="cd-primary-nav">
<a href="#cd-navigation" class="nav-trigger">
<em aria-hidden="true"></em>
PAGES
</a>
<ul id="cd-navigation">
<li><a href="/" {% if page.url == '/' %}class="active"{% endif %}><i class="fas fa-home"></i>Home</a></li>
<li><a href="/blog/" {% if page.url contains '/blog/' %}class="active"{% endif %}><i class="fas fa-paper-plane"></i>Blog</a></li>
<li><a href="/about/" {% if page.url == '/about/' %}class="active"{% endif %}><i class="fas fa-info-circle"></i>About...</a></li>
</ul>
</nav>
</header>
<div id="cd-hero"></div>
<nav class="cd-secondary-nav">
<ul>
<li><a class="{% if page.url contains 'articles' %}active{% endif %}" href="/blog/articles/"><i class="fas fa-pencil-alt"></i>Articles</a></li>
<li><a class="{% if page.url contains 'programming' %}active{% endif %}" href="/blog/programming/"><i class="fas fa-code"></i>Programming</a></li>
<li><a class="{% if page.url contains 'tutorials' %}active{% endif %}" href="/blog/tutorials/"><i class="fas fa-book-open"></i>Tutorials</a></li>
<li><a class="{% if page.url contains 'musics' %}active{% endif %}" href="/blog/musics/"><i class="fas fa-music"></i>Musics</a></li>
<li><a class="{% if page.url contains 'hacking' %}active{% endif %}" href="/blog/hacking/"><i class="fas fa-cogs"></i>Hacking</a></li>
<li><a class="{% if page.url contains 'security' %}active{% endif %}" href="/blog/security/"><i class="fas fa-lock"></i>Security</a></li>
</ul>
</nav>
<main class="cd-main-content sub-nav-hero">
{{ content }}
</main>
</div>
<footer>All rights reserved &copy; &mdash; {{ site.author.name }} &mdash; {{ site.posts.last.date | date: "%Y" }} - {{ "now" | date: "%Y" }}</footer>
<script src="/js/main{% if jekyll.environment == 'production' %}.min{% endif %}.js"></script>
</body>
</html>