mirror of
https://github.com/yv1ing/MollyBlog.git
synced 2025-09-16 14:53:45 +08:00
new: Added friends page and adjust page style
This commit is contained in:
yv1ing
@@ -4,7 +4,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ .site_info.title }}</title>
|
||||
<title>{{ .site_info.title }} | {{ .about.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">
|
||||
@@ -19,25 +19,27 @@
|
||||
<body>
|
||||
<div class="root-container">
|
||||
|
||||
<!-- menu -->
|
||||
<div class="container p-3">
|
||||
<div class="row pt-lg-3">
|
||||
<div class="col">
|
||||
{{ range $i, $v := .menu.Items }}
|
||||
<span class="main-menu-item">
|
||||
<i class="{{ $v.Icon }} m-icon"></i>
|
||||
<a class="main-menu-link" href="{{ $v.Url }}"> {{ $v.Name }} </a>
|
||||
</span>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 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 class="col mx-auto">
|
||||
<h3 class="about-title"># {{ .about.title }}</h3>
|
||||
<div class="about-content">
|
||||
{{ .about.content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,30 +4,19 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ .site_info.title }}</title>
|
||||
<title>{{ .site_info.title }} | {{ .history_post.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/global.css">
|
||||
<link rel="stylesheet" href="../assets/css/archive.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">
|
||||
<!-- header -->
|
||||
<div class="container p-3">
|
||||
<div class="row pt-3 pt-md-4 pt-lg-5">
|
||||
<div class="col main-logo">
|
||||
<div class="main-logo-img" style="background-image: url('{{ .site_info.logo }}');"></div>
|
||||
<div class="main-logo-txt">
|
||||
{{ .site_info.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-md-none" style="height: 30px;"></div>
|
||||
|
||||
<!-- menu -->
|
||||
<div class="container p-3">
|
||||
@@ -41,24 +30,24 @@
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-4">
|
||||
<div class="search-wrap">
|
||||
<input class="search-input" id="archive-search-input" type="text">
|
||||
|
||||
<button class="search-button" onclick="search()">
|
||||
<i class="fa-solid fa-magnifying-glass"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- body -->
|
||||
<div class="container p-3">
|
||||
<div class="row pt-lg-3">
|
||||
<h4 class="history-post-title"># {{ .history_post.title }}</h4>
|
||||
<div class="col-12 col-lg-9">
|
||||
<div>
|
||||
<h3 class="history-post-title"># {{ .history_post.title }}</h3>
|
||||
<div class="row pt-4">
|
||||
<div class="search-wrap">
|
||||
<input class="search-input" id="archive-search-input" type="text">
|
||||
|
||||
<button class="search-button" onclick="search()">
|
||||
<i class="fa-solid fa-magnifying-glass"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-4">
|
||||
<div class="col">
|
||||
{{ range $i, $v := .history_post.posts }}
|
||||
<div class="row history-post-item">
|
||||
<div class="col history-post-item-wrap">
|
||||
@@ -83,23 +72,6 @@
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- special info -->
|
||||
<!-- motto -->
|
||||
<div class="col-lg-3 d-none d-lg-grid carousel slide special-info-area">
|
||||
<div id="archive-motto-container"></div>
|
||||
</div>
|
||||
{{ .site_info.motto_html }}
|
||||
<script>
|
||||
const options = {
|
||||
strings: motto,
|
||||
typeSpeed: 30,
|
||||
startDelay: 100,
|
||||
showCursor: false,
|
||||
};
|
||||
new Typed("#archive-motto-container", options);
|
||||
</script>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row pt-3 pt-lg-4">
|
||||
|
||||
@@ -16,17 +16,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<div class="root-container">
|
||||
<!-- header -->
|
||||
<div class="container p-3">
|
||||
<div class="row pt-3 pt-md-4 pt-lg-5">
|
||||
<div class="col main-logo">
|
||||
<div class="main-logo-img" style="background-image: url('{{ .site_info.logo }}');"></div>
|
||||
<div class="main-logo-txt">
|
||||
{{ .site_info.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-md-none" style="height: 30px;"></div>
|
||||
|
||||
<!-- menu -->
|
||||
<div class="container p-3">
|
||||
@@ -44,9 +34,9 @@
|
||||
<!-- body -->
|
||||
<div class="container p-3">
|
||||
<div class="row pt-lg-3">
|
||||
<h4 class="categorized-post-title"># {{ .categorized_post.title }}</h4>
|
||||
<div class="col-12">
|
||||
<div>
|
||||
<h3 class="categorized-post-title"># {{ .categorized_post.title }}</h3>
|
||||
<div class="row">
|
||||
<div class="col pt-4">
|
||||
{{ range $i, $v := .categorized_post.posts }}
|
||||
<div class="row categorized-post-item">
|
||||
<div class="col categorized-post-item-wrap">
|
||||
|
||||
80
templates/default/html/friend.html
Normal file
80
templates/default/html/friend.html
Normal file
@@ -0,0 +1,80 @@
|
||||
{{ define "friend.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 }} | {{ .friend.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/friend.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">
|
||||
<div class="d-block d-md-none" style="height: 30px;"></div>
|
||||
|
||||
<!-- menu -->
|
||||
<div class="container p-3">
|
||||
<div class="row pt-lg-3">
|
||||
<div class="col mx-auto">
|
||||
{{ range $i, $v := .menu.Items }}
|
||||
<span class="main-menu-item">
|
||||
<i class="{{ $v.Icon }} m-icon"></i>
|
||||
<a class="main-menu-link" href="{{ $v.Url }}"> {{ $v.Name }} </a>
|
||||
</span>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- body -->
|
||||
<div class="container p-3">
|
||||
<div class="row pt-3">
|
||||
<div class="col mx-auto">
|
||||
<h3 class="friend-title"># {{ .friend.title }}</h3>
|
||||
<div class="friend-content">
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4">
|
||||
{{ range $i, $v := .friend.list }}
|
||||
<div class="col">
|
||||
<div class="friend-item" onclick="goto('{{ $v.Link }}')">
|
||||
<img class="friend-avatar" src="{{ $v.Avatar }}">
|
||||
<div class="friend-info-wrap">
|
||||
<div class="friend-name">
|
||||
{{ $v.Name }}
|
||||
</div>
|
||||
<div class="friend-description">
|
||||
{{ $v.Description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- footer -->
|
||||
<div class="footer">
|
||||
{{ .site_info.copyright }}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function goto(path) {
|
||||
window.location.href = path;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
{{ end }}
|
||||
@@ -17,10 +17,11 @@
|
||||
</head>
|
||||
<body>
|
||||
<div class="root-container">
|
||||
<div class="d-block d-md-none" style="height: 30px;"></div>
|
||||
|
||||
<!-- menu -->
|
||||
<div class="container p-3">
|
||||
<div class="row pt-3 pt-md-4 pt-lg-5">
|
||||
<div class="row pt-lg-3">
|
||||
<div class="col-12 col-md-9 mx-auto post-menu">
|
||||
{{ range $i, $v := .menu.Items }}
|
||||
<i class="{{ $v.Icon }} m-icon"></i>
|
||||
|
||||
@@ -16,17 +16,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<div class="root-container">
|
||||
<!-- header -->
|
||||
<div class="container p-3">
|
||||
<div class="row pt-3 pt-md-4 pt-lg-5">
|
||||
<div class="col main-logo">
|
||||
<div class="main-logo-img" style="background-image: url('{{ .site_info.logo }}');"></div>
|
||||
<div class="main-logo-txt">
|
||||
{{ .site_info.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-md-none" style="height: 30px;"></div>
|
||||
|
||||
<!-- menu -->
|
||||
<div class="container p-3">
|
||||
@@ -38,24 +28,24 @@
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-4">
|
||||
<div class="search-wrap">
|
||||
<input class="search-input" id="search-search-input" type="text">
|
||||
|
||||
<button class="search-button" onclick="search()">
|
||||
<i class="fa-solid fa-magnifying-glass"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- body -->
|
||||
<div class="container p-3">
|
||||
<div class="row pt-lg-3">
|
||||
<h4 class="search-post-title"># {{ .search_post.title }}</h4>
|
||||
<div class="col-12 col-lg-9">
|
||||
<div>
|
||||
<h3 class="search-post-title"># {{ .search_post.title }}</h3>
|
||||
<div class="row pt-4">
|
||||
<div class="search-wrap">
|
||||
<input class="search-input" id="search-search-input" type="text">
|
||||
|
||||
<button class="search-button" onclick="search()">
|
||||
<i class="fa-solid fa-magnifying-glass"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-4">
|
||||
<div class="col">
|
||||
{{ range $i, $v := .search_post.posts }}
|
||||
<div class="row search-post-item">
|
||||
<div class="col search-post-item-wrap">
|
||||
|
||||
@@ -17,17 +17,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<div class="root-container">
|
||||
<!-- header -->
|
||||
<div class="container p-3">
|
||||
<div class="row pt-3 pt-md-4 pt-lg-5">
|
||||
<div class="col main-logo">
|
||||
<div class="main-logo-img" style="background-image: url('{{ .site_info.logo }}');"></div>
|
||||
<div class="main-logo-txt">
|
||||
{{ .site_info.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-md-none" style="height: 30px;"></div>
|
||||
|
||||
<!-- menu -->
|
||||
<div class="container p-3">
|
||||
@@ -44,9 +34,9 @@
|
||||
<!-- body -->
|
||||
<div class="container p-3">
|
||||
<div class="row pt-lg-3">
|
||||
<h4 class="tagged-post-title"># {{ .tagged_post.title }}</h4>
|
||||
<div class="col-12 col-md-8">
|
||||
<div>
|
||||
<h3 class="tagged-post-title"># {{ .tagged_post.title }}</h3>
|
||||
<div class="row">
|
||||
<div class="col pt-4">
|
||||
{{ range $i, $v := .tagged_post.posts }}
|
||||
<div class="row tagged-post-item">
|
||||
<div class="col tagged-post-item-wrap">
|
||||
|
||||
Reference in New Issue
Block a user