actix/actix-website
1
0
Fork 0
mirror of https://github.com/actix/actix-website synced 2024-11-27 10:02:57 +01:00
Code Issues Releases Wiki Activity

add blog nav

Browse Source
This commit is contained in:
krircc 2018-01-07 18:14:51 +08:00
parent 0e64cbdf63
commit 14f4da6fd0
6 changed files with 72 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_includes/header.liquid
View File

@ -7,6 +7,7 @@
<div id="rnav">
<li> <a href="/tutorials" title="tutorials">Tutorials</a></li>
<li> <a href="/docs" title="docs">Docs</a></li>
<li> <a href="/blog" title="blog">Blog</a></li>
<li> <a href="/community" title="community">Community</a></li>
<li> <a href="/more" title="github">More</a></li>
</div>

29
_layouts/blog.liquid Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
{% include "head.liquid" %}
</head>
<body>
<header>
{% include "header.liquid" %}
</header>
<main>
<section class="docs">
<div class="inner">
<aside>
<p>2018</p>
<ul>
<li><a {%if route == "Blog-example"%}class="active"{%endif%} href="/blog/Blog-example.html">Blog Example</a></li>
</ul>
</aside>
<main>
{{ content }}
</main>
</div>
</section>
</main>
<footer>
{% include "footer.liquid" %}
</footer>
</body>
</html>

8
_layouts/docs.liquid
View File

@ -8,20 +8,20 @@
{% include "header.liquid" %}
</header>
<main>
<section class="docs">
<section class="blog">
<div class="inner">
<aside>
<p>Basics</p>
<ul>
<li><a {%if route == "Basics-example"%}class="active"{%endif%} href="/docs/Basics-example.html">Basics Example</a></li>
<li><a {%if route == "Basics-example"%}class="active"{%endif%} href="/blog/Basics-example.html">Basics Example</a></li>
</ul>
<p>Reference</p>
<ul>
<li><a {%if route == "Reference-example"%}class="active"{%endif%} href="/docs/Reference-example.html">Reference Example</a></li>
<li><a {%if route == "Reference-example"%}class="active"{%endif%} href="/blog/Reference-example.html">Reference Example</a></li>
</ul>
<p>Advance</p>
<ul>
<li><a {%if route == "Advance-example"%}class="active"{%endif%} href="/docs/Advance-example.html">Advance Example</a></li>
<li><a {%if route == "Advance-example"%}class="active"{%endif%} href="/blog/Advance-example.html">Advance Example</a></li>
</ul>
<p>Misc</p>
<ul>

8
blog/Blog-example.md Normal file
View File

@ -0,0 +1,8 @@
extends: blog.liquid
title: "Blog::Blog Example"
route: Blog-example
---
## Basics Example
The words is comming.

13
blog/index.md Normal file
View File

@ -0,0 +1,13 @@
extends: blog.liquid
title: "Blog"
route: ""
---
## Documentation
Welcome to the Actix-web Blog!
If you feel like contributing further, you can fork that repo,
branch from `source`, and submit a pull request.
Contributions are always welcome!

29
public/css/styles.css
View File

@ -70,7 +70,7 @@ ul, ol, li {
}
/* ----------------------------------------section----------------------------------------*/
section.docs aside ul li a {
section.docs aside ul li a, section.blog aside ul li a {
display: inline-block;
margin-bottom: 0.25rem;
text-decoration: none;
@ -80,7 +80,11 @@ section.docs aside ul li a {
section.docs aside ul li a.active,
section.docs aside ul li a:hover,
section.docs aside ul li a:active,
section.docs aside ul li a:focus {
section.docs aside ul li a:focus,
section.blog aside ul li a.active,
section.blog aside ul li a:hover,
section.blog aside ul li a:active,
section.blog aside ul li a:focus {
font-weight: bold;
background: var(--orange);
color: var(--white);
@ -227,19 +231,21 @@ footer p {
padding-top: 5rem;
width: 88%;
}
section.docs .inner {
section.docs .inner, section.blog .inner {
display: flex;
}
section.docs aside {
section.docs aside, section.blog aside {
flex: 0 1 30%;
}
section.docs aside p {
section.docs aside p, section.blog aside p {
font-size: 1.3rem;
}
section.docs main {
section.docs main, section.blog main {
flex: 0 1 70%;
}
.columns {
display: flex;
}
@ -285,17 +291,16 @@ footer p {
width: 77%;
}
section.docs .inner {
section.docs .inner, section.blog .inner {
display: flex;
}
section.docs aside {
section.docs aside, section.blog aside {
flex: 0 1 30%;
}
section.docs aside p {
section.docs aside p, section.blog aside p {
font-size: 1.3rem;
}
section.docs main {
section.docs main, section.blog main {
flex: 0 1 70%;
}