-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (125 loc) · 6.67 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Hey,Kegongteng</title>
<meta name="ThemeName" content="Gridea Theme Rocky by EryouHao" />
<meta name="referrer" content="always" />
<link rel="shortcut icon" href="/favicon.ico">
<link rel="mask-icon" href="/safari-pinned-tab.svg">
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet preload" as="style"> -->
<link href="/media/css/remixicon.css" rel="stylesheet" as="font">
<script defer src="https://umami.spircape.com/random-string.js" data-website-id="482b30be-2d7f-4029-8a13-1c4e35438894"></script>
<link rel="stylesheet" href="/media/css/tailwind.css">
<link rel="stylesheet" href="/styles/main.css">
<link rel="alternate" type="application/atom+xml" title="Hey,Kegongteng - Atom Feed" href="/atom.xml">
<meta name="socialText" content="Share & Communicate" />
<meta name="description" content="Follow me 👉" />
<meta name="keywords" content=" " />
<link rel="canonical" href="https://hey.kegongteng.cn/" />
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css" /> -->
<!-- <link rel="preload" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" as="font"/> -->
</head>
<body>
<div class="antialiased flex flex-col min-h-screen" id="app">
<div class="nav py-3 md:py-8 fixed w-full z-10 bg-gray-50 dark:bg-gray-700 transition-all duration-300" :class="{ 'scroll': scrolled }">
<div class="flex justify-end px-4">
<div class="w-20 h-20 flex justify-center items-center rounded-full md:hidden" @click="showMenu = !showMenu">
<i class="ri-close-circle-fill text-2xl" v-show="showMenu"></i>
<i class="ri-menu-line text-2xl" v-show="!showMenu"></i>
</div>
</div>
<nav class="max-w-4xl w-full mx-auto text-center flex flex-col md:flex-row justify-center md:block" :class="`${ showMenu ? 'block' : 'hidden' }`">
<a href="/link" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
友链
</a>
<a href="/container" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
集装箱
</a>
<a href="/contributors" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
贡献者
</a>
<a href="/gallery" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
相册
</a>
<a href="/message" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
留言板
</a>
<!--<a href="https://hey.kegongteng.cn/atom.xml" target="_blank" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
RSS
</a>-->
</nav>
</div>
<div class="max-w-4xl w-full mx-auto ">
<header class="flex py-16 md:py-16 mt-12 flex-col md:flex-row px-4 md:px-0 animated fadeIn">
<div class="flex-1 order-2 md:order-1 md:pr-16">
<h1 class="text-4xl font-bold text-center md:text-left">
Hey,Kegongteng
</h1>
<div class="text-xl text-gray-500 mt-4 text-center md:text-left">
Share & Communicate
</div>
<div class="mt-8 text-center md:text-left">
<a href="https://kegongteng.cn" arget="_blank"
class="text-sm bg-yellow-50 dark:bg-indigo-500 dark:text-gray-700 font-semibold px-4 py-2 inline-block yellow-btn transition-fast rounded">Homepage</a>
</div>
</div>
<div
class="md:mx-8 flex-shrink-0 self-start rounded-full border-4 border-dotted border-transparent hover:border-yellow-50 p-2 w-32 h-32 order-1 md:order-2 mx-auto">
<!-- s3-dotted-->
<img class="rounded-full object-cover" src="https://hey.kegongteng.cn/images/avatar.png?v=1735303825756"
alt="Hey,Kegongteng" width="100%" height="100%">
</div>
</header>
<div
class="shadow-box bg-white dark:bg-gray-600 border-gray-300 rounded-none md:rounded-lg -mx-1 md:mx-0 md:px-0">
<div
class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
<div class="flex-1 order-2 md:order-1">
<h2 class="text-2xl font-semibold mb-4">
<a href="https://hey.kegongteng.cn/container/"
class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
友链集装箱
</a>
</h2>
<div class="mb-4 text-xs text-gray-500">2024-03-31</div>
<div class="mb-4 text-gray-500 dark:text-gray-300">
一.免责声明
本博客遵守中华人民共和国相关法律。本页内容仅作为方便学习而产生的快速链接的链接方式,对与友情链接中存在的链接等均为其他网站。我本人能力有限无法逐个甄别每篇文章的每个字,并无法获知是否在收录后原作者是否对链接增加了违反法律甚至其...
</div>
<div class="overflow-hidden">
</div>
</div>
</div>
<div
class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
<div class="flex-1 order-2 md:order-1">
<h2 class="text-2xl font-semibold mb-4">
<a href="https://hey.kegongteng.cn/message/"
class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
留言板
</a>
</h2>
<div class="mb-4 text-xs text-gray-500">2024-02-02</div>
<div class="mb-4 text-gray-500 dark:text-gray-300">
Enjoy your browsing the site and feel free to leave a message here! I am more than glad to hear from you.
...
</div>
<div class="overflow-hidden">
</div>
</div>
</div>
</div>
<footer class="py-12 text-center px-4 md:px-0" v-pre>
Share & Communicate<br>
Powered by <a href="https://kegongteng.cn" target="_blank">Kegongteng</a>
</footer>
</div>
</div>
<!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script> -->
<script src="https://hey.kegongteng.cn/media/scripts/vue.min.js"></script>
<script src="https://hey.kegongteng.cn/media/scripts/main.js"></script>
</body>
</html>