feat: added main header and hotlinks
This commit is contained in:
commit
0b09faee82
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
*.swp
|
||||
public/*
|
||||
40
config.toml
Normal file
40
config.toml
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
base_url = "http://127.0.0.1:1111"
|
||||
|
||||
title = "Dawn Theme"
|
||||
|
||||
compile_sass = false
|
||||
|
||||
build_search_index = true
|
||||
|
||||
[markdown]
|
||||
highlight_code = true
|
||||
|
||||
[extra]
|
||||
|
||||
# Optional - Sets the colorscheme based on base16: base00 is used for the background.
|
||||
#base00 = "#faf4ed"
|
||||
|
||||
# Optional - Sets the colorscheme based on base16: base05 is used for the foreground text.
|
||||
#base05 = "#575279"
|
||||
|
||||
# Optional - Sets the colorscheme based on base16: base0d is used for unvisited links.
|
||||
#base0d = "#286983"
|
||||
|
||||
# Optional - Sets the colorscheme based on base16: base0e is used for visited links.
|
||||
#base0e = "#907aa9"
|
||||
|
||||
# Optional - Sets the mimetype of the favicon.
|
||||
#favicon_mimetype = "image/png"
|
||||
|
||||
# Optional - Set the favicon.
|
||||
#favicon = "/favicon.png"
|
||||
|
||||
# Optional - Sets the text displayed as the title to be different. Default title is "Dawn Theme"
|
||||
#title_text = "Dawn Theme"
|
||||
|
||||
# Required - Menu options for the hotlinks under the title.
|
||||
menu = [
|
||||
{ name = "tags", url = "$BASE_URL/tags" },
|
||||
{ name = "archive", url = "$BASE_URL/archive" },
|
||||
{ name = "about me", url = "$BASE_URL/about" }
|
||||
]
|
||||
4
content/_index.md
Normal file
4
content/_index.md
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
+++
|
||||
paginate_by = 2
|
||||
sort_by = "date"
|
||||
+++
|
||||
60
content/showcase.md
Normal file
60
content/showcase.md
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
+++
|
||||
title = "Dawn Showcase"
|
||||
date = 2022-04-18
|
||||
[taxonomies]
|
||||
tags = ["zola", "theme", "showcase"]
|
||||
+++
|
||||
|
||||
Hi! This is a Showcase of the `Dawn` theme.
|
||||
|
||||
# Code:
|
||||
|
||||
```rust
|
||||
use std::error::Error;
|
||||
|
||||
#[derive(Debug)]
|
||||
struct Test {
|
||||
pub lang: String,
|
||||
pub content: String
|
||||
}
|
||||
|
||||
fn main() -> Result<(), Box<dyn Error>> {
|
||||
let a = Test {
|
||||
lang: "en".to_string(),
|
||||
content: "content".to_string()
|
||||
};
|
||||
println!("{:?}", a);
|
||||
Ok(())
|
||||
}
|
||||
```
|
||||
|
||||
## Inline
|
||||
|
||||
`print("Hi")`
|
||||
|
||||
### Typography
|
||||
|
||||
*Italic*, **Bold**, _**Italic Bold**_, [link](#)
|
||||
|
||||
|
||||
#### Quote
|
||||
|
||||
> Helo
|
||||
|
||||
|
||||
# Lists
|
||||
|
||||
- A
|
||||
- B
|
||||
|
||||
1. a
|
||||
2. b
|
||||
3. c
|
||||
|
||||
---
|
||||
|
||||
fin post summary
|
||||
|
||||
<!-- more -->
|
||||
|
||||
Next part
|
||||
BIN
static/UtsukushiMincho.ttf
Normal file
BIN
static/UtsukushiMincho.ttf
Normal file
Binary file not shown.
144
templates/index.html
Normal file
144
templates/index.html
Normal file
|
|
@ -0,0 +1,144 @@
|
|||
<!-- vim: set ft=html: -->
|
||||
<!--
|
||||
base00
|
||||
base05
|
||||
favicon_mimetype
|
||||
favicon
|
||||
title_text
|
||||
-->
|
||||
|
||||
<!DOCTYPE HTML>
|
||||
<html lang="{%- if config.default_language -%}{{ config.default_language }}{%- else -%}en{%- endif -%}">
|
||||
<head>
|
||||
<title>{%- block title %}{{ config.title }}{% endblock title -%}</title>
|
||||
{%- if config.generate_rss %}
|
||||
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="rss.xml") | safe }}">
|
||||
{%- endif %}
|
||||
|
||||
{%- if config.extra.favicon %}
|
||||
<link rel="shortcut icon" type="{{ config.extra.favicon_mimetype | default(value="image/x-icon") }}" href="{{ config.extra.favicon | safe }}">
|
||||
{%- endif %}
|
||||
{%- block extra_head %}
|
||||
{%- endblock extra_head %}
|
||||
|
||||
<style>
|
||||
|
||||
@font-face {
|
||||
font-family: "UtsukushiMincho";
|
||||
src: url(UtsukushiMincho.ttf);
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
font-family: UtsukushiMincho;
|
||||
|
||||
{%- if config.extra.base00 %}
|
||||
background-color: {{ config.extra.base00 }};
|
||||
{% else %}
|
||||
background-color: #faf4ed;
|
||||
{% endif -%}
|
||||
|
||||
{%- if config.extra.base05 %}
|
||||
color: {{ config.extra.base05 }};
|
||||
{% else %}
|
||||
color: #575279;
|
||||
{% endif -%}
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.header_title {
|
||||
font-weight: bolder;
|
||||
font-size: 2.5rem;
|
||||
|
||||
}
|
||||
|
||||
.header {
|
||||
|
||||
width: 50%;
|
||||
margin-top: 7rem;
|
||||
padding-top: 1rem;
|
||||
padding-left: 1rem;
|
||||
padding-bottom: 1.5rem;
|
||||
border-radius: 5px;
|
||||
{%- if config.extra.base00 %}
|
||||
border: solid {{ config.extra.base00 }};
|
||||
{% else %}
|
||||
border: solid #575279;
|
||||
{% endif -%}
|
||||
}
|
||||
|
||||
.menu_inner {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
padding: 0.1rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-left: 0.3rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.menu_list {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.menu_item {
|
||||
|
||||
{%- if config.extra.base0d %}
|
||||
color: {{ config.extra.base0d }};
|
||||
{% else %}
|
||||
color: #286983;
|
||||
{% endif -%}
|
||||
}
|
||||
|
||||
.menu_item:visited {
|
||||
|
||||
{%- if config.extra.base0e %}
|
||||
color: {{ config.extra.base0e }};
|
||||
{% else %}
|
||||
color: #907aa9;
|
||||
{% endif -%}
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% block header %}
|
||||
<div class="header">
|
||||
|
||||
<div class="header_title">
|
||||
{% block title_content %}
|
||||
{%- if config.extra.title_text %}
|
||||
{{ config.extra.title_text }}
|
||||
{% elif config.title %}
|
||||
{{ config.title }}
|
||||
{% else %}
|
||||
Dawn Theme
|
||||
{% endif -%}
|
||||
{% endblock title_content %}
|
||||
</div>
|
||||
|
||||
{% block header_menu %}
|
||||
<div class="header_menu">
|
||||
<nav class="header_nav">
|
||||
<ul class="menu_inner">
|
||||
{% for item in config.extra.menu %}
|
||||
<li class = "menu_list">
|
||||
<a class = "menu_item" href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
|
||||
{{ item.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
{% endblock header_menu %}
|
||||
|
||||
</div>
|
||||
{% endblock header %}
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user