yv1ing/MollyBlog
1
0
Fork 0
mirror of https://github.com/yv1ing/MollyBlog.git synced 2025-09-16 14:53:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

new: Added friends page and adjust page style

Browse Source
This commit is contained in:
yvling
2024-12-19 15:21:36 +08:00
parent 4491e806e0
commit 2fa6e78626
16 changed files with 240 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
templates/default/html/friend.html Normal file
View 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 }}