refacotr(css): Refactor css for easy maintenance

1. Refactored CSS for robustness
2. Add dark-mode choose
3. Add sans and serif
This commit is contained in:
2022-01-17 19:51:11 +08:00
parent 468c390ea7
commit 4682bede9f
26 changed files with 2519 additions and 2872 deletions

View File

@@ -1,6 +1,6 @@
<#macro layout title>
<!DOCTYPE html>
<html lang="zh-CN" data-font="sans" data-mode="dark">
<html lang="zh-CN" data-font="sans" data-darkmode="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
@@ -9,20 +9,14 @@
<meta name="description" content="${meta_description!}" />
<@global.head />
<#-- 公共样式表 -->
<link rel="stylesheet" href="${theme_base!}/source/plugins/normalize.css"/>
<link rel="stylesheet" href="${theme_base!}/source/plugins/animate.css"/>
<link rel="stylesheet" href="${theme_base!}/source/plugins/remixicon/remixicon.css"/>
<link rel="stylesheet" href="${theme_base!}/source/css/font.css"/>
<link rel="stylesheet" href="${theme_base!}/source/css/color.css"/>
<link rel="stylesheet" href="${theme_base!}/source/css/markdown.css"/>
<link rel="stylesheet" href="${theme_base!}/source/css/redemption.css"/>
<#-- 自定义样式表 -->
<link rel="stylesheet" href="${theme_base!}/source/css/redemption.css"/>
<link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css">
</head>
<body>
<div class="container animate__animated animate__fadeInDown">
@@ -32,7 +26,7 @@
<#-- 脚注 -->
<footer>
<#-- <#include "menu.ftl"> -->
<div class="copyright">
<a href="https://www.7wate.com">Designed by 7Wate.</a>
<a href="https://halo.run">Proudly published with Halo</a>
@@ -45,15 +39,8 @@
<#-- 自定义JS代码 -->
<script src="${theme_base!}/source/js/redemption.js"></script>
<#-- 公共JS代码 -->
<script src="${theme_base!}/source/plugins/heti/heti-addon.js"></script>
<script>
const heti = new Heti('.heti');
heti.autoSpacing();
</script>
</body>
<#include "menu.ftl">
</html>
</#macro>