andrey/crablog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add navigation bar

Browse Source
This commit is contained in:
Kilerd Chan 2019-05-02 13:54:17 +08:00
parent dc1b19af1e
commit 63dc8393aa
2 changed files with 45 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
templates/homepage.html
View File

@ -4,26 +4,33 @@
{% block body %}
<section class="full-page">
<header>
<section class="container">
<h1>{{ setting.title }}</h1>
<p>{{ setting.description }}</p>
</section>
</header>
<section class="container">
{% for article in articles %}
<section class="article">
<p class="mate">{{ article.timestamp | date(format="%B %d, %Y") }}</p>
<a class="title" href="{% if article.article.url %}{{ article.article.url }}{% else %}archives/{{ article.article.id }}{% endif %}">{{ article.article.title }}</a>
<section class="yue desc">
{{ article.description|safe }}
<header>
<section class="container">
<h1>{{ setting.title }}</h1>
<p>{{ setting.description }}</p>
<nav>
<a href="/">HOMEPAGE</a>
<a href="https://portfolios.kilerd.me">PORTFOLIOS</a>
<a href="/about">ABOUT</a>
</nav>
</section>
</header>
<section class="container">
{% for article in articles %}
<section class="article">
<p class="mate">{{ article.timestamp | date(format="%B %d, %Y") }}</p>
<a class="title"
href="{% if article.article.url %}{{ article.article.url }}{% else %}archives/{{ article.article.id }}{% endif %}">{{
article.article.title }}</a>
<section class="yue desc">
{{ article.description|safe }}
</section>
</section>
{% endfor %}
</section>
{% endfor %}
</section>
</section>
{% endblock body %}

21
templates/resources/style.css
View File

@ -40,10 +40,29 @@ header p {
color: #A3ABB3;
margin: 0;
font-size: 1.2rem;
padding-bottom: 2rem;
}
header nav {
padding: 1rem 0;
}
header nav a:first-child {
margin-left: 0;
}
header nav a {
font-size: 1.05rem;
color: #dc1313;
margin: 0 5px;
/* font-size: .9rem; */
text-decoration: none;
}
header nav a:hover {
border-bottom: 1px solid #dc1313;
}
section.article {
padding: 3rem 0 2rem;