new: Added about me page and fixed some bugs

2025-09-16 14:53:45 +08:00 · 2024-12-19 11:23:19 +08:00
parent 0d419dabd1
commit cbd6d07d52
15 changed files with 267 additions and 40 deletions
--- a/templates/default/assets/css/about.css
+++ b/templates/default/assets/css/about.css
@@ -0,0 +1,71 @@
+pre {
+    padding: 10px;
+    border-radius: 4px;
+    border: var(--secondary-text-color) 1px dashed;
+}
+
+table {
+    width: 100%;
+}
+
+tr, th, td {
+    height: 30px;
+    padding: 10px;
+    border-radius: 4px;
+    border: 1px var(--secondary-text-color) solid;
+    color: var(--primary-text-color);
+}
+
+
+.about-title-wrap {
+    text-align: center;
+}
+
+.about-title {
+    color: var(--primary-color);
+}
+
+.about-content {
+    line-height: 1.6;
+    max-width: 1000px;
+    color: var(--primary-text-color);
+}
+
+.about-content h1,
+.about-content h2 {
+    margin-top: 4rem;
+    margin-bottom: 1rem;
+}
+
+.about-content h3,
+.about-content h4 {
+    margin-top: 3rem;
+    margin-bottom: 2rem;
+}
+
+.about-content h5,
+.about-content h6 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+}
+
+.about-content p {
+    line-height: 1.8;
+}
+
+.about-content img {
+    margin-top: 1rem;
+    margin-bottom: 2rem;
+}
+
+.about-content img {
+    max-width: 100%;
+}
+
+.about-footer {
+    width: 100%;
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+    text-align: center;
+    color: var(--secondary-text-color);
+}
--- a/templates/default/html/about.html
+++ b/templates/default/html/about.html
@@ -0,0 +1,66 @@
+{{ define "about.html" }}
+
+<html lang="{{ .site_info.language }}">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ .site_info.title }}</title>
+    <link rel="icon" type="image/x-icon" href="{{ .site_info.logo }}"/>
+    <link rel="stylesheet" href="../assets/css/lib/fontawesome.all.min.css">
+    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">
+    <link rel="stylesheet" href="../assets/css/lib/xcode-dark.css">
+    <link rel="stylesheet" href="../assets/css/global.css">
+    <link rel="stylesheet" href="../assets/css/about.css">
+    <script src="../assets/js/lib/typed.umd.js"></script>
+    <script src="../assets/js/lib/jquery.min.js"></script>
+    <script src="../assets/js/lib/bootstrap.min.js"></script>
+    <script src="../assets/js/lib/fontawesome.all.min.js"></script>
+</head>
+<body>
+<div class="root-container">
+
+    <!-- body -->
+    <div class="container p-3">
+        <div class="row pt-lg-3">
+            <div class="col-8 mx-auto">
+                <div class="about-title-wrap">
+                    <h3 class="about-title"># {{ .about.title }}</h3>
+                    <div class="row pt-3">
+                        <div class="col-12 col-md-9 mx-auto post-menu">
+                            {{ range $i, $v := .menu.Items }}
+                            <i class="{{ $v.Icon }} m-icon"></i>
+                            <a class="main-menu-link" href="{{ $v.Url }}"> {{ $v.Name }} </a>
+                            {{ end }}
+                        </div>
+                    </div>
+                </div>
+                <div class="about-content-wrap">
+                    <div class="about-content">
+                        {{ .about.content }}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- post footer -->
+    {{ if .about.success }}
+    <div class="about-footer">
+        {{ .site_info.copyright }}
+    </div>
+    {{ end }}
+</div>
+
+
+
+<!-- footer -->
+{{ if not .about.success }}
+<div class="footer">
+    {{ .site_info.copyright }}
+</div>
+{{ end }}
+
+</body>
+</html>
+
+{{ end }}