-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (136 loc) · 10.2 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
<!DOCTYPE html>
<html lang="zh-CN" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta data-n-head="ssr" vmid="description" name="description" content="CloudTown是一个面向网站开发者的云端小镇，会不时不时发布一些服务器、域名优惠活动信息，可以在这里交流技术、分享经验，互相帮助，合作共赢。">
<meta name="KEYWords" contect="CloudTown,cloudtown,Cloudtown,云镇,云端小镇,Clancy,优惠,服务器,域名,vps,html,h5,css,php,java,python,c#,c++,c,活动,前端,后端,草根站长,个人网站,技术,交流,分享,问题,帮助,赞助,工作室,涩图,102456">
<title>CloudTown | 云镇</title>
<link rel="stylesheet" href="css/style.css">
<meta name="baidu-site-verification" content="codeva-IWBhctszxI" />
</head>
<body>
<div class="card" data-state="#about">
<div class="card-header">
<div class="card-cover" style="background-image: url('img/user.jpg')"></div>
<img class="card-avatar" src="img/user.jpg" alt="avatar" />
<h1 class="card-fullname">CloudTown | 云镇</h1>
<h2 class="card-jobtitle">草根站长之家</h2>
</div>
<div class="card-main">
<div class="card-section is-active" id="about">
<div class="card-content">
<div class="card-subtitle">关于</div>
<div class="card-desc"><p>欢迎来到CloudTown！</p>
<p>太阳在苹果上，湖里的汽车在叫，我觉得这只能算一种习惯性的螃蟹。爱因斯坦是一百九十六个松鼠的总和，三角形的衣服是杉树的根，天花板亲吻我的鞋，包括头发和牛奶，霜降一般地。月亮是意义不明的佛洛西斯，也许像昨天。每秒钟都是新的铁栅栏和云母，比如黄昏。</p>
<p>How lucky to meet you!</p><p>•蘑菇森林的尽头，新世界的起点•</p><p>希望能够在比特之海的繁星下再次与你相见！</p>
</div>
</div>
<div class="card-social">
<a href="#"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M15.997 3.985h2.191V.169C17.81.117 16.51 0 14.996 0c-3.159 0-5.323 1.987-5.323 5.639V9H6.187v4.266h3.486V24h4.274V13.267h3.345l.531-4.266h-3.877V6.062c.001-1.233.333-2.077 2.051-2.077z" /></svg></a>
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M512 97.248c-19.04 8.352-39.328 13.888-60.48 16.576 21.76-12.992 38.368-33.408 46.176-58.016-20.288 12.096-42.688 20.64-66.56 25.408C411.872 60.704 384.416 48 354.464 48c-58.112 0-104.896 47.168-104.896 104.992 0 8.32.704 16.32 2.432 23.936-87.264-4.256-164.48-46.08-216.352-109.792-9.056 15.712-14.368 33.696-14.368 53.056 0 36.352 18.72 68.576 46.624 87.232-16.864-.32-33.408-5.216-47.424-12.928v1.152c0 51.008 36.384 93.376 84.096 103.136-8.544 2.336-17.856 3.456-27.52 3.456-6.72 0-13.504-.384-19.872-1.792 13.6 41.568 52.192 72.128 98.08 73.12-35.712 27.936-81.056 44.768-130.144 44.768-8.608 0-16.864-.384-25.12-1.44C46.496 446.88 101.6 464 161.024 464c193.152 0 298.752-160 298.752-298.688 0-4.64-.16-9.12-.384-13.568 20.832-14.784 38.336-33.248 52.608-54.496z" /></svg></a>
<a href="#"><svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path d="M301 256c0 24.852-20.148 45-45 45s-45-20.148-45-45 20.148-45 45-45 45 20.148 45 45zm0 0" />
<path d="M332 120H180c-33.086 0-60 26.914-60 60v152c0 33.086 26.914 60 60 60h152c33.086 0 60-26.914 60-60V180c0-33.086-26.914-60-60-60zm-76 211c-41.355 0-75-33.645-75-75s33.645-75 75-75 75 33.645 75 75-33.645 75-75 75zm86-146c-8.285 0-15-6.715-15-15s6.715-15 15-15 15 6.715 15 15-6.715 15-15 15zm0 0" />
<path d="M377 0H135C60.562 0 0 60.563 0 135v242c0 74.438 60.563 135 135 135h242c74.438 0 135-60.563 135-135V135C512 60.562 451.437 0 377 0zm45 332c0 49.625-40.375 90-90 90H180c-49.625 0-90-40.375-90-90V180c0-49.625 40.375-90 90-90h152c49.625 0 90 40.375 90 90zm0 0" /></svg></a>
<a href="#"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M23.994 24v-.001H24v-8.802c0-4.306-.927-7.623-5.961-7.623-2.42 0-4.044 1.328-4.707 2.587h-.07V7.976H8.489v16.023h4.97v-7.934c0-2.089.396-4.109 2.983-4.109 2.549 0 2.587 2.384 2.587 4.243V24zM.396 7.977h4.976V24H.396zM2.882 0C1.291 0 0 1.291 0 2.882s1.291 2.909 2.882 2.909 2.882-1.318 2.882-2.909A2.884 2.884 0 002.882 0z" /></svg></a>
</div>
</div>
<div class="card-section" id="experience">
<div class="card-content">
<div class="card-subtitle">时间轴</div>
<div class="card-timeline">
<div class="card-item" data-year="2023">
<div class="card-item-title">注册域名 <span>2023-01-21</span></div>
<div class="card-item-desc">购入域名CloudTown.TOP，钱包 -6.78软妹币. ˶⍤⃝˶꒳ᵒ꒳</div>
</div>
<div class="card-item" data-year="2023">
<div class="card-item-title">购买服务器 <span>2023-01-22</span></div>
<div class="card-item-desc">租赁46云服务器，钱包 -15软妹币. （｀Δ´）！</div>
</div>
<div class="card-item" data-year="2023">
<div class="card-item-title">尝试部署网站 <span>2023-01-22</span></div>
<div class="card-item-desc">（然而尝试了数款源码还是觉得不行），钱包 -2软妹币. (>o<)</div>
</div>
<div class="card-item" data-year="2023">
<div class="card-item-title">重置网站主页 <span>2023-01-24</span></div>
<div class="card-item-desc">删库但没有跑路，顺便重置了网站主页，尝试在知乎上寻求帮助</br>ฅ՞•ﻌ•՞ฅ</div>
</div>
<div class="card-item" data-year="2023">
<div class="card-item-title">迁移至Netlify托管 <span>2023-02-26</span></div>
<div class="card-item-desc">临时托管服务器到期了，只能先用静态托管凑合凑合.</br>最近学业比较紧，打算过几天有空了捣鼓个Hexo博客，当然还是白嫖GitHub的仓库啦.</br>ヾ(๑╹ヮ╹๑)ﾉ”</br><!-- 啊啊啊啊啊还有 <nobr id="days"></nobr> 天就中考了，加油鸭！ (•̀ᴗ•́)و ̑̑ --></div>
</div>
<div class="card-item" data-year="2023">
<div class="card-item-title">更新主页，加入公共API接口 <span>2023-04-08</span></div>
<div class="card-item-desc">中考加油鸭ο(=•ω＜=)ρ⌒☆</div>
</div>
<div class="card-item" data-year="2024">
<div class="card-item-title">修复友链展示页面，更新奇奇怪怪工具箱 <span>2024-04-04</span></div>
<div class="card-item-desc">时间过得好快啊…不知不觉间CloudTown.top已经运行一年多了呢</div>
</div>
</div>
</div>
</div>
<div class="card-section" id="contact">
<div class="card-content">
<div class="card-subtitle">联系我</div>
<div class="card-contact-wrapper">
<div class="card-contact">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" />
<circle cx="12" cy="10" r="3" /></svg>
CloudTown.TOP
</div>
<div class="card-contact">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z" /></svg>(+86) 我才不告诉你呢</div>
<div class="card-contact">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
<path d="M22 6l-10 7L2 6" /></svg>
[email protected]
</div>
<a href="friend/"><button class="contact-me">友情链接</button></a>
</div>
</div>
</div>
<div class="card-buttons">
<button data-section="#about" class="is-active">个人主页</button>
<button data-section="#experience">时间轴</button>
<button data-section="#contact">联系我们</button>
<a href="tools/" target="_blank"><button data-section="">奇奇怪怪工具箱</button></a>
</div>
</div>
</div>
<script src="js/script.js"></script>
<script>
// 中考倒计时
setInterval(function () {
// 现在的日期
var d = new Date();
// 目标日期
var dd = new Date(2023, 6, 14);
// 日期对象-日期对象=得到时间戳差
var diff = dd - d;
// 将时间戳差变为时间对象 此时的时间对象是相对于1970年1月1日的
// 计算和1970年1月1日8时0分相差了多久
var time = new Date(diff);
var p=new Date(0);
var year = time.getFullYear() - 1970;
var month = time.getMonth() - 1 + 1; //getMonth()返回的月份是从0开始计算，所以加了个1
var date = time.getDate() - 1;
var hours = time.getHours() - 8; //减去8个小时的时区
var minutes = time.getMinutes();
var seconds = time.getSeconds();
var info = document.getElementById('days');
// 剩下的总天数
days_left = parseInt(diff / (1000 * 24 * 60 * 60));
// info.innerHTML = "还剩下" +year+"年"+ month + "个月" + (date-60) + "天" + hours + "小时" + minutes + "分钟" + seconds + "秒" + "<br>还剩下" + days_left + "天";
info.innerHTML = days_left;
}, 1000);
</script>
</body>
</html>