mirror of
https://github.com/yv1ing/MollyBlog.git
synced 2025-09-16 14:53:45 +08:00
80 lines
2.8 KiB
HTML
80 lines
2.8 KiB
HTML
{{ 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 }} |