-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (124 loc) · 13.1 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
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="浅川曦 孤岛 个人博客 博客 浅川 晨曦 blog">
<meta name="description" content="你发现了信息之海中的一座孤岛。这里会有些什么呢？">
<title>淺川 / 欢迎登岛！</title>
<style>
* {
font-family: '微软雅黑';
color: rgb(84, 70, 63);
}
*::selection{
background-color: rgba(0, 0, 0, 0.3);
}
h1 {
font-size: 70px;
letter-spacing: 10px;
}
p {
font-size: 20px;
letter-spacing: 3px;
}
body {margin:0;}
@media screen and (max-width: 600px){
h1 {
font-size: 40px;
letter-spacing: 7px;
}
p {
font-size: 15px;
letter-spacing: 2px;
}
}
</style>
<script src="./JS/zepto.min.js"></script>
<script src="./JS/page.js"></script>
<script src="./JS/bar.js"></script>
</head>
<body>
<div class="background">
<link rel="stylesheet" href="./CSS/bg.css">
<div class="cover"></div>
</div>
<div class="bar">
<link rel="stylesheet" type="text/css" href="./CSS/head.css">
<ul class="topbar">
<li class="bar-main"><strong><a href="javascript:void(0)">主页</a></strong></li>
<li><a href="./creations.html">作品集</a></li>
<li><a href="https://blog.shirori-net.work/">部落格</a></li>
<li><a href="./opensource.html">开源协议</a></li>
</ul>
</div>
<div class="readme maincontainer">
<h1 id="slogan">...</h1>
<p>没有人能自全，没有人是孤岛，每人都是大陆的一片，</p>
<p>要为本土应卯那便是一块土地，那便是一方海角，那便是一座庄园。</p>
<p>歡迎來到這座位於互聯網上的孤島：但此刻，這座島<strong>并不孤獨</strong>。</p>
<p>你可以稱呼島主為<strong>晨曦/淺川曦</strong>，但請你自己去探索有關他的一切：這個笨蛋并不擅長自我介紹。</p>
<p>或者你也可以<a href="javascript:rollOnce()" class="rollatag"><strong>點擊這裏</strong></a>，也許可以得到有關島主的一個小標簽。</p>
<link rel="stylesheet" href="./CSS/rolltag.css">
<div class="roll-tag" style="z-index: 0;"></div>
<p class="notenough">沒有找到想要的？<a href="javascript:addATag()" class="addatag"><strong>戳這裏為島主貼一個標簽</strong></a></p>
<div class="noadd" style="z-index: 0;"></div>
</div>
<div style="
margin-left: 7.5%;
margin-right: 7.5%;
margin-top: 60px;
margin-bottom: 30px;" class="maincontainer">
<p>很期待有一天能和你在沒有黑夜的地方相會！</p>
<p>你也可以在这里找到岛主的一些踪迹：</p>
</div>
<div class="contact-me maincontainer">
<link rel="stylesheet" type="text/css" href="./CSS/contact-me.css">
<a href="https://twitter.com/Evenin_eko" class="twi" target="_blank">
<svg t="1727098237351" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4241" width="40px" height="40px"><path d="M673.5 143.5c54.7-2.6 107.8 18.7 145.4 58.5 33-5.3 64.9-16.2 94.2-32.2l22.9-12.7c-11.1 34.3-31.8 64.7-59.7 87.5-6.1 5.7-12.9 10.6-20.2 14.5v0.3c36-3.8 71.2-13.4 104.1-28.5v0.5c-16.8 27.3-37.9 51.8-62.4 72.5-9.6 7.6-19.1 15.3-28.7 23.2 1.6 40.1-1.3 80.2-8.5 119.7C814.6 656 693 798.1 500.3 859c-84.6 24.7-173.9 28.4-260.2 10.8-37-8.9-73.1-20.9-108.1-35.9-17.9-7.9-35.3-16.9-52-27.2-5.3-3.4-10.8-6.6-16.1-10 19.5 2.7 39.1 3.5 58.8 2.4 18.1-3.2 35.8-2.4 52.5-6.1 38.7-7.5 76-21.1 110.4-40.3 18.2-8.4 34.9-19.5 49.8-33-18.7 0-37.2-3.4-54.7-10-55.5-19.1-98.8-63.3-116.7-119.2 18 1.8 69.9 6.6 82.1-3.7-21.8-3.1-42.4-11.5-60.1-24.5-55.6-33.6-88.7-94.6-86.6-159.5 6.3 2.9 12.5 6.1 18.8 9 12.4 5 25.4 8.6 38.6 10.8 8.1 2.8 16.7 3.6 25.2 2.4h-0.9c-9.3-10.8-24.4-18.2-33.6-29.8C107.3 348.6 92 285.8 106 226c4.6-16.9 11.3-33.2 19.7-48.5 0.3 0.3 0.6 0.3 0.9 0.5 4.8 7.1 10.3 13.7 16.6 19.5 16.2 19.7 34.5 37.5 54.7 53 65.2 53.9 142.2 91.6 224.8 110.2 27 6.9 54.7 10.5 82.5 10.8-7.1-28.8-6.8-58.9 0.9-87.5 13.3-55.6 51.8-101.9 104.1-125 13.2-5.6 26.8-9.9 40.8-12.9 7.6-0.8 15-1.6 22.5-2.6z m0 0" fill="#54463f" p-id="4242"></path></svg>
<span>Twitter</span>
</a>
<a href="https://t.me/asakawaShio" class="tele" target="_blank">
<svg t="1727163520421" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4097" width="40px" height="40px"><path d="M834.24 127.872a95.168 95.168 0 0 0-29.856 7.136h-0.128c-9.12 3.616-52.48 21.856-118.4 49.504l-236.224 99.488c-169.504 71.36-336.128 141.632-336.128 141.632l1.984-0.768s-11.488 3.776-23.488 12a64.96 64.96 0 0 0-18.752 18.144c-5.888 8.64-10.624 21.856-8.864 35.52 2.88 23.104 17.856 36.96 28.608 44.608 10.88 7.744 21.248 11.36 21.248 11.36h0.256l156.256 52.64c7.008 22.496 47.616 156 57.376 186.752 5.76 18.368 11.36 29.856 18.368 38.624 3.392 4.48 7.36 8.224 12.128 11.232a35.808 35.808 0 0 0 7.872 3.392l-1.6-0.384c0.48 0.128 0.864 0.512 1.216 0.64 1.28 0.352 2.144 0.48 3.776 0.736 24.736 7.488 44.608-7.872 44.608-7.872l1.12-0.896 92.256-84 154.624 118.624 3.52 1.504c32.224 14.144 64.864 6.272 82.112-7.616 17.376-13.984 24.128-31.872 24.128-31.872l1.12-2.88 119.488-612.128c3.392-15.104 4.256-29.248 0.512-42.976a57.824 57.824 0 0 0-24.992-33.504 59.904 59.904 0 0 0-34.144-8.64z m-3.232 65.6c-0.128 2.016 0.256 1.792-0.64 5.664v0.352l-118.368 605.76c-0.512 0.864-1.376 2.752-3.744 4.64-2.496 1.984-4.48 3.232-14.88-0.896l-189.12-144.992-114.24 104.128 24-153.28 308.992-288c12.736-11.84 8.48-14.336 8.48-14.336 0.896-14.528-19.232-4.256-19.232-4.256l-389.632 241.376-0.128-0.64-186.752-62.88v-0.128l-0.48-0.096a8.64 8.64 0 0 0 0.96-0.384l1.024-0.512 0.992-0.352s166.752-70.272 336.256-141.632c84.864-35.744 170.368-71.744 236.128-99.52 65.76-27.616 114.368-47.872 117.12-48.96 2.624-1.024 1.376-1.024 3.264-1.024z" p-id="4098" fill="#54463f"></path></svg> <span>Telegram</span>
</a>
<a href="https://github.com/chenxineko" class="gith" target="_blank">
<svg t="1727163715774" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6155" width="40px" height="40px"><path d="M512 42.666667A464.64 464.64 0 0 0 42.666667 502.186667 460.373333 460.373333 0 0 0 363.52 938.666667c23.466667 4.266667 32-9.813333 32-22.186667v-78.08c-130.56 27.733333-158.293333-61.44-158.293333-61.44a122.026667 122.026667 0 0 0-52.053334-67.413333c-42.666667-28.16 3.413333-27.733333 3.413334-27.733334a98.56 98.56 0 0 1 71.68 47.36 101.12 101.12 0 0 0 136.533333 37.973334 99.413333 99.413333 0 0 1 29.866667-61.44c-104.106667-11.52-213.333333-50.773333-213.333334-226.986667a177.066667 177.066667 0 0 1 47.36-124.16 161.28 161.28 0 0 1 4.693334-121.173333s39.68-12.373333 128 46.933333a455.68 455.68 0 0 1 234.666666 0c89.6-59.306667 128-46.933333 128-46.933333a161.28 161.28 0 0 1 4.693334 121.173333A177.066667 177.066667 0 0 1 810.666667 477.866667c0 176.64-110.08 215.466667-213.333334 226.986666a106.666667 106.666667 0 0 1 32 85.333334v125.866666c0 14.933333 8.533333 26.88 32 22.186667A460.8 460.8 0 0 0 981.333333 502.186667 464.64 464.64 0 0 0 512 42.666667" fill="#54463f" p-id="6156"></path></svg>
<span>Github</span>
</a>
<a href="https://music.163.com/#/user/home?id=70581203" class="nete" target="_blank">
<svg t="1727098399878" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7391" width="40px" height="40px"><path d="M604.71296 63.911253c-53.548373 19.667627-95.06816 77.038933-95.06816 132.222293 0 16.390827 3.822933 43.165013 8.741547 59.55584 4.911787 16.390827 7.645867 30.59712 6.557013 31.143253-0.546133 1.092267-18.03264 9.28768-38.792533 18.57536-72.669867 33.3312-124.576427 101.07904-134.956373 176.479573-18.029227 126.76096 60.101973 230.57408 173.202773 230.57408 72.666453 0 134.95296-43.165013 160.631467-110.36672 16.940373-45.89568 11.47904-104.905387-20.21376-204.89216-8.192-25.678507 54.64064 9.28768 95.617707 54.091093 50.26816 54.637227 68.297387 135.502507 46.987947 214.17984-19.124907 69.389653-77.03552 136.598187-146.428587 168.28416-184.674987 84.691627-385.737387-11.472213-440.920747-210.899627-20.763307-74.8544-13.66016-145.33632 22.401707-222.921387 27.86304-60.101973 86.326613-120.203947 146.97472-150.254933 48.626347-24.040107 58.463573-32.23552 62.83264-52.452693 3.826347-18.57536-8.741547-45.89568-25.678507-55.18336-36.061867-19.67104-118.019413 21.30944-192.8704 96.160427-68.84352 68.84352-101.625173 128.39936-119.657813 216.91392-38.792533 187.948373 57.91744 387.92192 227.84 470.429013 61.740373 30.59712 112.551253 42.06592 182.490453 42.06592 154.077867 0 289.57696-78.67392 355.689813-206.527147 32.781653-62.83264 40.977067-100.532907 37.700267-175.93344-2.73408-72.123733-10.92608-102.720853-40.98048-152.439467-49.718613-82.50368-134.406827-142.05952-216.364373-152.9856l-27.316907-3.280213-9.84064-32.781653c-13.653333-45.349547-12.56448-60.101973 4.37248-73.212587 18.029227-14.206293 37.700267-14.752427 62.286507-1.092267 46.441813 26.22464 54.64064 28.409173 73.216 22.398293 19.124907-6.007467 36.05504-30.047573 36.05504-51.357013 0-19.67104-26.76736-48.080213-63.924907-66.112853C696.507733 55.169707 639.68256 50.797227 604.71296 63.911253zM574.65856 460.032c19.12832 71.031467 20.76672 91.245227 9.291093 113.646933-18.57536 34.966187-72.666453 46.987947-99.44064 21.85216-22.401707-20.759893-29.50144-39.8848-29.50144-78.677333 0-40.434347 10.92608-67.20512 36.604587-90.699093 18.578773-17.483093 57.91744-38.2464 62.28992-33.327787C555.54048 395.014827 564.82816 425.065813 574.65856 460.032z" p-id="7392" fill="#54463f"></path></svg>
<span>Netease</span>
</a>
<a href="https://steamcommunity.com/chenxineko" class="steam" target="_blank">
<svg t="1727163657268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5144" width="40px" height="40px"><path d="M904.009143 332.580571a139.666286 139.666286 0 0 1-139.446857 139.446858c-77.129143 0-139.446857-62.281143-139.446857-139.446858s62.281143-139.446857 139.446857-139.446857a139.629714 139.629714 0 0 1 139.446857 139.446857zM464.018286 756.553143a142.153143 142.153143 0 0 0-142.848-142.848c-10.276571 0-20.553143 1.133714-30.866286 3.437714l59.428571 23.990857c58.294857 23.442286 86.857143 89.161143 63.414858 147.419429s-89.709714 86.857143-148.004572 62.866286c-23.442286-9.142857-46.848-18.870857-70.290286-28.013715a142.848 142.848 0 0 0 126.281143 75.995429 142.153143 142.153143 0 0 0 142.848-142.848zM938.276571 333.129143a174.628571 174.628571 0 0 0-174.299428-174.299429c-96.585143 0-174.848 78.299429-174.848 174.299429a174.372571 174.372571 0 0 0 174.848 174.299428 174.262857 174.262857 0 0 0 174.299428-174.299428z m85.723429 0a259.803429 259.803429 0 0 1-259.986286 259.986286l-249.709714 182.272c-9.142857 98.304-92.562286 175.433143-193.133714 175.433142-92.562286 0-170.861714-65.718857-189.696-153.161142L0.036571 745.106286v-245.138286l222.281143 89.709714a189.257143 189.257143 0 0 1 118.857143-26.294857l162.304-232.557714c1.133714-142.299429 117.723429-257.718857 260.571429-257.718857a260.169143 260.169143 0 0 1 259.986285 259.986285z" fill="#54463f" p-id="5145"></path></svg> <span>Steam</span>
</a>
<a href="mailto:[email protected]" class="mail" target="_blank">
<svg t="1727098477822" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9496" width="40px" height="40px"><path d="M926.47619 355.644952V780.190476a73.142857 73.142857 0 0 1-73.142857 73.142857H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142857V355.644952l304.103619 257.828572a170.666667 170.666667 0 0 0 220.745142 0L926.47619 355.644952zM853.333333 170.666667a74.044952 74.044952 0 0 1 26.087619 4.778666 72.704 72.704 0 0 1 30.622477 22.186667 73.508571 73.508571 0 0 1 10.678857 17.67619c3.169524 7.509333 5.12 15.652571 5.607619 24.210286L926.47619 243.809524v24.380952L559.469714 581.241905a73.142857 73.142857 0 0 1-91.306666 2.901333l-3.632762-2.925714L97.52381 268.190476v-24.380952a72.899048 72.899048 0 0 1 40.155428-65.292191A72.97219 72.97219 0 0 1 170.666667 170.666667h682.666666z" p-id="9497" fill="#54463f"></path></svg>
<span>Email</span>
</a>
</div>
<div style="
margin-left: 7.5%;
margin-right: 7.5%;
margin-top: 60px;
" class="maincontainer">
<p>同樣的，歡迎繼續探索這座島嶼：</p>
</div>
<div class="links maincontainer">
<link rel="stylesheet" href="./CSS/links.css">
<ul>
<li><a class="items" href="https://blog.shirori-net.work/" target="_self"><strong>部落格</strong><span>思考的碎片与随笔 >></span></a></li>
<li><a class="items" href="./creations.html" target="_self"><strong>作品集</strong><span>创意与灵感的迸发 >></span></a></li>
<li><a class="items" href="javascript:void(0)" target="_self"><strong>好友鏈</strong><span>在世界的尽头相会 >></span></a></li>
</ul>
</div>
<div class="bottombar maincontainer">
<link rel="stylesheet" href="./CSS/bottombar.css">
<ul>
<li class="whereTogo"><a href="./404.html">那些被遗忘的尘埃，亦是珍贵的宝物。</a></li>
<li><a href="./opensource.html">开源协议</a></li>
</ul>
</div>
</body>
</html>