revamp

This commit is contained in:
piharpi
2020-03-09 22:37:39 +07:00
parent 7067f11243
commit 1fabbf8ea7
122 changed files with 4524 additions and 1482 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 %}

View File

@@ -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>

View File

@@ -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>