✨ revamp
This commit is contained in:
@@ -4,60 +4,19 @@ layout: compress
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ page.lang | default: site.lang | default: " en " }}">
|
||||
{% include head.html %}
|
||||
<style>
|
||||
body {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
height: 75vh;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 5em;
|
||||
font-weight: bold;
|
||||
font-family: 'Fira Code';
|
||||
line-height: 1.1;
|
||||
color: #ff5555;
|
||||
text-shadow: 1px 0px 0px#b45151;
|
||||
}
|
||||
|
||||
.phrase {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.solution {
|
||||
border-radius: 4em 1em 2em 1em / 1em 5em 1em 3em;
|
||||
color: #0036c7;
|
||||
background: #ebebeb;
|
||||
font-family: 'Roboto';
|
||||
line-height: 1.188;
|
||||
text-decoration: none;
|
||||
padding: 5px 8px;
|
||||
border: 0;
|
||||
font-size: 15.625px;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.solution:hover {
|
||||
border: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
{% include header.html %}
|
||||
<body>
|
||||
<main aria-label="Content">
|
||||
{% include navbar.html %}
|
||||
<div class="wrapper">
|
||||
<div class="wrapper not-found">
|
||||
<div class="container">
|
||||
<div class="title">404</div>
|
||||
<p class="phrase">Hmm... Seems you lost from my 🎒 journey.</p>
|
||||
<a class="solution" href="{{ site.url }}">home</a>
|
||||
<p class="phrase">😕 Hmm... Seems you lost from my journey.</p>
|
||||
<a class="solution" href="{{ site.url }}">back home</a>
|
||||
</div>
|
||||
</div>
|
||||
{% include footer.html %}
|
||||
</main>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -1,21 +1,18 @@
|
||||
---
|
||||
layout: compress
|
||||
---
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ page.lang | default: site.lang | default: " en " }}">
|
||||
{% include header.html %}
|
||||
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
<body data-theme="{{ site.mode }}">
|
||||
{% include navbar.html %}
|
||||
<div class="wrapper">
|
||||
{% include jumbotron.html %}
|
||||
{% include author.html %}
|
||||
<main aria-label="Content">
|
||||
{{ content }}
|
||||
</main>
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -3,23 +3,12 @@ layout: default
|
||||
home: true
|
||||
---
|
||||
|
||||
{% for post in site.posts %}
|
||||
{% capture current_year %}
|
||||
{{post.date | date: "%Y"}}
|
||||
{% endcapture %}
|
||||
{% if current_year != previous_year %}
|
||||
{% assign previous_year = current_year %}
|
||||
<h4 class="post-header">
|
||||
<span role="img" aria-label="icon-book" aria-hidden="true">🎉</span>
|
||||
{{ current_year }}
|
||||
</h4>
|
||||
{% endif %}
|
||||
<article class="posts">
|
||||
<span class="posts-date">{{ post.date | date: "%b %d" }}</span>
|
||||
<header class="posts-header">
|
||||
<h4 class="posts-title">
|
||||
<a href="{{ post.url }}">{{ post.title | escape }}</a>
|
||||
</h4>
|
||||
</header>
|
||||
</article>
|
||||
<h4 class="posts-item-note">Recent Posts</h4>
|
||||
{% for post in site.posts %}
|
||||
<article class="post-item">
|
||||
<span class="post-item-date">{{ post.date | date: "%b %d, %Y" }}</span>
|
||||
<h4 class="post-item-title">
|
||||
<a href="{{ post.url }}">{{ post.title | escape }}</a>
|
||||
</h4>
|
||||
</article>
|
||||
{% endfor %}
|
||||
|
||||
@@ -5,16 +5,16 @@ layout: compress
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ page.lang | default: site.lang | default: " en " }}">
|
||||
|
||||
{% include head.html %}
|
||||
{% include header.html %}
|
||||
|
||||
<body>
|
||||
{% include navbar.html %}
|
||||
<div class="wrapper">
|
||||
<header class="header">
|
||||
<h1 class="header-title" itemprop="headline">{{ page.title | escape }}.</h1>
|
||||
<h1 class="header-title center" itemprop="headline">{{ page.title | escape }}.</h1>
|
||||
</header>
|
||||
<main class="page-content" aria-label="Content">
|
||||
{{ content }}
|
||||
{% include anchor_headings.html html=content anchorClass="anchor-head" beforeHeading=true h_min=4 h_max=4 %}
|
||||
</main>
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
|
||||
@@ -5,7 +5,7 @@ layout: compress
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
||||
|
||||
{% include head.html %}
|
||||
{% include header.html %}
|
||||
|
||||
<body>
|
||||
{% include navbar.html %}
|
||||
@@ -14,8 +14,18 @@ layout: compress
|
||||
<article itemscope itemtype="https://schema.org/BlogPosting">
|
||||
|
||||
<header class="header">
|
||||
{% if page.tags and page.tags != empty %}
|
||||
<div class="tags">
|
||||
{% assign tags = page.tags %}
|
||||
<span itemprop="keywords">
|
||||
{% for tag in tags %}
|
||||
<a class="tag"
|
||||
href="/tags/#{{tag | downcase | slugify}}">{{tag | upcase }}</a>{% unless forloop.last %},{% endunless %}
|
||||
{% endfor %}
|
||||
</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<h1 class="header-title" itemprop="headline">{{ page.title | escape }}</h1>
|
||||
|
||||
{% if page.date %}
|
||||
<div class="post-meta">
|
||||
<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
|
||||
@@ -30,42 +40,29 @@ layout: compress
|
||||
<span hidden itemprop="publisher" itemtype="Person">{{ site.author.name }}</span>
|
||||
<span hidden itemprop="image">{{ page.image }}</span>
|
||||
<span hidden itemprop="mainEntityOfPage">{{ page.excerpt }}</span>
|
||||
|
||||
{% if page.tags and page.tags != empty %}
|
||||
<div class="tags">
|
||||
{% assign tags = page.tags %}
|
||||
<span itemprop="keywords">
|
||||
{% for tag in tags %}
|
||||
<a class="tag"
|
||||
href="/tags/#{{tag | downcase | slugify}}">{{tag | downcase }}</a>{% unless forloop.last %},{% endunless %}
|
||||
{% endfor %}
|
||||
</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</header>
|
||||
|
||||
<div class="page-content" itemprop="articleBody">
|
||||
{{ content }}
|
||||
{% if page.modified %}
|
||||
<small>Updated at <b>{{page.modified | date: "%d %B %Y"}}</b></small>
|
||||
{% endif %}
|
||||
{% include anchor_headings.html html=content anchorClass="anchor-head" beforeHeading=true h_min=1 h_max=4 %}
|
||||
{% if page.tweet %}
|
||||
<p>Comments this article on
|
||||
<a href="https://twitter.com/{{site.username}}/status/{{page.tweet}}">Twitter</a>.
|
||||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
</article>
|
||||
{% if page.comments %}
|
||||
{% include comments.html%}
|
||||
{% endif %}
|
||||
|
||||
</main>
|
||||
{% if page.modified %}
|
||||
<small class="post-updated-at">updated_at {{page.modified | date: "%d-%m-%Y"}}</small>
|
||||
{% endif %}
|
||||
{% if page.next or page.previous %}
|
||||
{% include post-nav.html %}
|
||||
{% include navigation.html %}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user