Skip to content

Commit 228ca0c

Browse files
committed
Add footer html
1 parent 86fcb7a commit 228ca0c

File tree

5 files changed

+60
-0
lines changed

5 files changed

+60
-0
lines changed

static/footer.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

tailwind.config.js

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
// Install tailwindcss standalone CLI, see https://tailwindcss.com/blog/standalone-cli.
2+
// Or install node version of tailwindcss.
3+
//
4+
// tailwindcss -o static/footer.css --watch --minify
5+
6+
module.exports = {
7+
content: [
8+
'./templates/**/*.html',
9+
],
10+
corePlugins: {
11+
// Disable preflight styles.
12+
preflight: false,
13+
},
14+
plugins: [
15+
// A plugin to truncate text to a fixed number of lines.
16+
require('@tailwindcss/line-clamp'),
17+
],
18+
}

templates/footer.html

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<div class="bg-[#0f1125] p-10 pt-20 text-slate-300 translate-y-[-8rem]">
2+
<div class="flex justify-center mb-28 top-16 font-bold">
3+
<div class="text-sm md:text-2xl border-solid border-2 border-[#674646] py-3">
4+
<span class="bg-[#674646] p-4">订阅方式:</span>
5+
<span class="px-2 md:px-4">
6+
<a class="hover:underline" href="/feed.xml">RSS</a>
7+
<a class="hover:underline" href="https://t.me/tod_magazine">Telegram 频道</a>
8+
</span>
9+
</div>
10+
</div>
11+
<div class="container mx-auto flex flex-col sm:flex-row">
12+
<div class="text-sm max-w-sm">
13+
<div class="bg-[#674646] w-12 h-5 my-4"></div>
14+
<a class="text-4xl font-bold text-slate-100" href="/">O11Y 杂志</a>
15+
<div class="py-6">
16+
专注于可观测性领域的独立开源技术杂志
17+
</div>
18+
</div>
19+
<div class="flex flex-col sm:flex-row sm:justify-around grow">
20+
<div class="pt-12 sm:pt-0">
21+
<div class="bg-[#674646] w-5 h-5 my-4"></div>
22+
<div class="text-xl font-bold mb-4">责任编辑</div>
23+
</div>
24+
<div class="pt-12 sm:pt-0">
25+
<div class="bg-[#674646] w-5 h-5 my-4"></div>
26+
<div class="text-xl font-bold mb-4">更多</div>
27+
<a class="my-2 block hover:underline" href="/about">关于杂志</a>
28+
<a class="my-2 block hover:underline" href="/faq">常见问题</a>
29+
<a class="my-2 block hover:underline" href="https://github.com/zineland/o11y">Github</a>
30+
</div>
31+
</div>
32+
</div>
33+
</div>
34+
<div class="absolute bottom-0 left-0 right-0 h-36 bg-[#0f1125]">
35+
<div class="text-xs text-slate-400 text-center mt-12">
36+
Copyright © 2022 O11Y 杂志
37+
</div>
38+
</div>

templates/head.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<link rel="stylesheet" href="/static/footer.css">

zine.toml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,8 @@ secondary_color = "#faf8f3"
1717
main_color = "#674646"
1818
link_color = "#36a5ea"
1919
background_image = "/static/bg.svg"
20+
head_template = "templates/head.html"
21+
footer_template = "templates/footer.html"
2022

2123
[[issue]]
2224
slug = "1"

0 commit comments

Comments
 (0)