-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
166 lines (165 loc) · 18.5 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
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/style/index.css" rel="stylesheet">
<link href="/style/svelte.css" rel="stylesheet">
<title>Tianli</title>
<link rel="preconnect" href="https://cdn4.tianli0.top/">
<link rel="preconnect" href="https://cdn4.tianli0.top/gstatic" crossorigin="anonymous">
<meta name="description" content="Undergraduate student / Front-end / CN & EN & ES">
<meta property="og:title" content="Tianli">
<meta property="og:description" content="Undergraduate student / Front-end / CN & EN & ES">
<meta property="og:image" content="https://q1.qlogo.cn/g?b=qq&nk=507249007&s=640">
<meta property="og:url" content="https://www.tianli0.top">
<meta property="og:type" content="website">
<meta name="twitter:site" content="@0xJimmy">
<meta name="twitter:creator" content="@0xJimmy">
<meta name="twitter:title" content="Tianli">
<meta name="twitter:description" content="Undergraduate student / Front-end / CN & EN & ES">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://q1.qlogo.cn/g?b=qq&nk=507249007&s=640">
<link rel="manifest" href="/site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div id="svelte">
<div class="bg-hex-1A1D1A min-h-100vh flex flex-col">
<header class="svelte-1ena5bt">
<div class="mx-auto max-w-1024px py-60px md:py-80px xl:py-120px px-20px">
<div class="flex flex-col gap-30px items-start">
<svg width="182" height="182" viewBox="0 0 182 182" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-120px h-120px md:w-150px md:h-150px lg:w-180px lg:h-180px">
<path d="M65.8329 7.61157C81.0982 -2.46432 100.902 -2.46432 116.167 7.61157V7.61157C121.03 10.8211 126.461 13.0708 132.169 14.2397V14.2397C150.088 17.9091 164.091 31.9124 167.76 49.8313V49.8313C168.929 55.539 171.179 60.9705 174.388 65.8329V65.8329C184.464 81.0982 184.464 100.902 174.388 116.167V116.167C171.179 121.03 168.929 126.461 167.76 132.169V132.169C164.091 150.088 150.088 164.091 132.169 167.76V167.76C126.461 168.929 121.03 171.179 116.167 174.388V174.388C100.902 184.464 81.0982 184.464 65.8329 174.388V174.388C60.9705 171.179 55.539 168.929 49.8313 167.76V167.76C31.9124 164.091 17.9091 150.088 14.2397 132.169V132.169C13.0708 126.461 10.8211 121.03 7.61157 116.167V116.167C-2.46432 100.902 -2.46432 81.0982 7.61157 65.8329V65.8329C10.8211 60.9705 13.0708 55.539 14.2397 49.8313V49.8313C17.9091 31.9124 31.9123 17.9091 49.8313 14.2397V14.2397C55.539 13.0708 60.9705 10.8211 65.8329 7.61157V7.61157Z" fill="#C4C4C4"></path>
<path d="M65.8329 7.61157C81.0982 -2.46432 100.902 -2.46432 116.167 7.61157V7.61157C121.03 10.8211 126.461 13.0708 132.169 14.2397V14.2397C150.088 17.9091 164.091 31.9124 167.76 49.8313V49.8313C168.929 55.539 171.179 60.9705 174.388 65.8329V65.8329C184.464 81.0982 184.464 100.902 174.388 116.167V116.167C171.179 121.03 168.929 126.461 167.76 132.169V132.169C164.091 150.088 150.088 164.091 132.169 167.76V167.76C126.461 168.929 121.03 171.179 116.167 174.388V174.388C100.902 184.464 81.0982 184.464 65.8329 174.388V174.388C60.9705 171.179 55.539 168.929 49.8313 167.76V167.76C31.9124 164.091 17.9091 150.088 14.2397 132.169V132.169C13.0708 126.461 10.8211 121.03 7.61157 116.167V116.167C-2.46432 100.902 -2.46432 81.0982 7.61157 65.8329V65.8329C10.8211 60.9705 13.0708 55.539 14.2397 49.8313V49.8313C17.9091 31.9124 31.9123 17.9091 49.8313 14.2397V14.2397C55.539 13.0708 60.9705 10.8211 65.8329 7.61157V7.61157Z" fill="url(#pattern0)"></path>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_14_11" transform="scale(0.00138889)"></use>
</pattern>
<image id="image0_14_11" width="720" height="720" xlink:href="https://q1.qlogo.cn/g?b=qq&nk=507249007&s=640"></image>
</defs>
</svg>
<div class="flex flex-col gap-20px">
<h1 class="text-36px font-extrabold text-hex-fff">Tianli</h1>
<h2 class="text-18px text-hex-fff text-opacity-50 leading-7">Full time Optoelectronic Information Science and Engineering student, part time back-end developer.</h2>
</div>
<div class="flex rounded-full bg-hex-383934 py-8px px-8px md:py-10px md:px-10px text-14px">
<a href="mailto:wutianli@tianli0.top" class="flex gap-15px rounded-full bg-hex-D9EAD7 py-8px px-15px md:py-10px md:px-20px items-center">
<!-- HTML_TAG_START -->
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="ai ai-Envelope">
<path d="M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6z"></path>
<path d="M2 8l7.501 6.001a4 4 0 0 0 4.998 0L22 8"></path>
</svg>
<!-- HTML_TAG_END -->
<span class="text-hex-363C33 font-bold">wutianli@tianli0.top</span>
</a>
</div>
</div>
</div>
</header>
<div class="main bg-hex-EDEFE3 rounded-t-50px flex-1 py-15px pb-50px lg:py-50px svelte-16y6iu1">
<div class="mx-auto max-w-1024px px-10px lg:px-20px gap-40px flex flex-col">
<div class="flex flex-col bg-hex-FCF9EF px-30px py-40px lg:p-40px gap-20px rounded-50px">
<div class="flex items-center justify-between">
<span class="uppercase font-bold text-18px text-hex-000">Links</span>
</div>
<div class="grid gap-20px md:grid-cols-2 lg:grid-cols-3">
<a href="https://github.com/tianli0" class="bg-hex-F6F3D4 rounded-20px lg:rounded-30px py-20px px-30px flex gap-30px items-center" target="_blank" rel="me noopener noreferrer">
<div class="icon svelte-1kp182d">
<!-- HTML_TAG_START -->
<svg t="1699022761055" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8848" width="200" height="200"><path d="M0 556.416C0 602.816 4.352 644.8 13.024 682.336 21.696 719.904 33.728 752.544 49.088 780.224 64.416 807.936 83.968 832.32 107.648 853.344 131.36 874.368 157.056 891.552 184.768 904.928 212.48 918.272 244.096 929.12 279.648 937.472 315.2 945.824 351.52 951.648 388.576 955.008 425.632 958.336 466.336 960 510.752 960 555.488 960 596.384 958.336 633.44 955.008 670.496 951.648 706.88 945.824 742.592 937.472 778.304 929.12 810.112 918.272 837.984 904.928 865.856 891.552 891.712 874.368 915.584 853.344 939.456 832.32 959.168 807.936 974.688 780.224 990.208 752.544 1002.304 719.904 1010.976 682.336 1019.648 644.8 1024 602.816 1024 556.416 1024 473.632 996.288 402.016 940.896 341.6 943.872 333.568 946.624 324.48 949.152 314.304 951.648 304.128 953.984 289.6 956.16 270.752 958.336 251.872 957.504 230.112 953.664 205.408 949.824 180.704 942.72 155.488 932.352 129.792L924.864 128.288C919.52 127.296 910.752 127.52 898.56 129.024 886.368 130.528 872.192 133.536 856 138.048 839.808 142.56 818.944 151.232 793.408 164.096 767.872 176.928 740.928 193.056 712.544 212.416 663.808 199.04 596.864 192.384 511.744 192.384 426.944 192.384 360.192 199.04 311.456 212.416 283.072 193.056 255.968 176.928 230.08 164.096 204.224 151.232 183.616 142.56 168.256 138.048 152.896 133.536 138.528 130.624 125.184 129.28 111.84 127.936 103.392 127.52 99.904 128.032 96.384 128.544 93.632 129.12 91.648 129.792 81.28 155.488 74.176 180.672 70.368 205.408 66.528 230.112 65.696 251.872 67.84 270.752 70.016 289.6 72.352 304.128 74.848 314.304 77.376 324.48 80.128 333.568 83.136 341.6 27.712 402.016 0 473.632 0 556.416ZM125.696 682.08C125.696 634.016 147.552 589.952 191.296 549.888 204.288 537.888 219.488 528.8 236.832 522.592 254.208 516.448 273.824 512.928 295.68 512.096 317.536 511.264 338.496 511.424 358.528 512.608 378.56 513.76 403.264 515.36 432.64 517.344 462.016 519.36 487.392 520.352 508.736 520.352 530.112 520.352 555.488 519.36 584.864 517.344 614.24 515.36 638.944 513.76 658.976 512.608 679.008 511.424 699.936 511.264 721.792 512.096 743.68 512.928 763.296 516.448 780.64 522.592 798.016 528.768 813.184 537.888 826.208 549.888 869.952 589.28 891.808 633.344 891.808 682.08 891.808 710.816 888.224 736.256 881.024 758.464 873.856 780.672 864.672 799.264 853.504 814.304 842.304 829.312 826.784 842.08 806.944 852.608 787.072 863.104 767.712 871.2 748.832 876.896 729.984 882.56 705.792 886.976 676.224 890.144 646.688 893.312 620.32 895.232 597.12 895.904 573.92 896.576 544.448 896.928 508.736 896.928 473.024 896.928 443.552 896.576 420.352 895.904 397.152 895.232 370.784 893.312 341.248 890.144 311.712 886.976 287.52 882.56 268.64 876.896 249.792 871.2 230.432 863.104 210.56 852.608 190.688 842.08 175.168 829.312 164 814.304 152.8 799.264 143.616 780.672 136.448 758.464 129.28 736.256 125.696 710.816 125.696 682.08ZM640 672A2 3 2520 1 0 768 672 2 3 2520 1 0 640 672zM256 672A2 3 2520 1 0 384 672 2 3 2520 1 0 256 672z" fill="#000000" p-id="8849"></path></svg>
<!-- HTML_TAG_END -->
</div>
<div class="flex flex-col gap-5px">
<span class="font-bold text-18px">Github</span>
<span class="font-semibold tracking-wider text-11px opacity-70">@Tianli</span>
</div>
</a>
<a href="https://tianli-blog.club/" class="bg-hex-F6F3D4 rounded-20px lg:rounded-30px py-20px px-30px flex gap-30px items-center" target="_blank" rel="me noopener noreferrer">
<div class="icon svelte-1kp182d">
<!-- HTML_TAG_START -->
<svg t="1699021806709" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8709" width="200" height="200"><path d="M896 128l0 832L224 960c-53.024 0-96-42.976-96-96 0-53.024 42.976-96 96-96l608 0L832 0 192 0C121.6 0 64 57.6 64 128l0 768c0 70.4 57.6 128 128 128l768 0L960 128 896 128zM256 832 832 832 832 896 256 896z" fill="#000000" p-id="8710"></path></svg>
<!-- HTML_TAG_END -->
</div>
<div class="flex flex-col gap-5px">
<span class="font-bold text-18px">Blog</span>
<span class="font-semibold tracking-wider text-11px opacity-70">blog.tianli0.top</span>
</div>
</a>
<a href="http://www.coolapk.com/u/1382033" class="bg-hex-F6F3D4 rounded-20px lg:rounded-30px py-20px px-30px flex gap-30px items-center" target="_blank" rel="me noopener noreferrer">
<div class="icon svelte-1kp182d">
<!-- HTML_TAG_START -->
<svg t="1699023484485" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9126" width="200" height="200"><path d="M0 616.192l321.344 206.624 0-149.152L130.016 555.52l191.328-118.144L321.344 287.2 0 494.88 0 616.192zM389.312 896l110.592 0 162.048-768-111.328 0L389.312 896zM702.688 287.2l0 150.176 191.264 118.144-191.264 118.112 0 149.152L1024 616.192l0-121.312L702.688 287.2z" fill="#000000" p-id="9127"></path></svg>
<!-- HTML_TAG_END -->
</div>
<div class="flex flex-col gap-5px">
<span class="font-bold text-18px">CoolAPK</span>
<span class="font-semibold tracking-wider text-11px opacity-70">@Tianli</span>
</div>
</a>
</div>
</div>
<div class="flex flex-col bg-hex-FCF9EF px-30px py-40px lg:p-40px gap-20px rounded-50px">
<div class="flex items-center justify-between">
<span class="uppercase font-bold text-18px text-hex-000">Projects</span>
</div>
<div class="gap-20px grid md:grid-cols-2 lg:grid-cols-3">
<a class="bg-hex-F6F3D4 flex flex-col rounded-40px overflow-hidden" href="https://summary.tianli0.top" target="_blank" rel="noopener noreferrer">
<img class="h-100px object-cover" src="/img/summary.png" alt="Article AI Abstract Generation System" loading="lazy">
<div class="uppercase flex flex-col p-20px px-25px flex-1 text-hex-000">
<span class="font-bold">TianliGPT</span>
<span class="font-semibold text-xs leading-5 opacity-70">Article AI Abstract Generation System
</span>
</div>
</a>
<a class="bg-hex-F6F3D4 flex flex-col rounded-40px overflow-hidden" href="https://github.com/" target="_blank" rel="noopener noreferrer">
<img class="h-100px object-cover" src="img/autologin.png" alt="A simple CDN authentication server level" loading="lazy">
<div class="uppercase flex flex-col p-20px px-25px flex-1 text-hex-000">
<span class="font-bold">AutoLogin</span>
<span class="font-semibold text-xs leading-5 opacity-70">A simple campus network automatic login panel
</span>
</div>
</a>
<a class="bg-hex-F6F3D4 flex flex-col rounded-40px overflow-hidden" href="https://github.com/Tianli-CDN/cdn-server" target="_blank" rel="noopener noreferrer">
<img class="h-100px object-cover" src="img/cdn.png" alt="A simple jsdelivr image cache server level" loading="lazy">
<div class="uppercase flex flex-col p-20px px-25px flex-1 text-hex-000">
<span class="font-bold">Tianli-CDN</span>
<span class="font-semibold text-xs leading-5 opacity-70">A simple jsdelivr image cache server level
</span>
</div>
</a>
<a class="bg-hex-F6F3D4 flex flex-col rounded-40px overflow-hidden" href="https://github.com/TIANLI0/TencentCDNAuthentication" target="_blank" rel="noopener noreferrer">
<img class="h-100px object-cover" src="img/auth.png" alt="A simple CDN authentication server level" loading="lazy">
<div class="uppercase flex flex-col p-20px px-25px flex-1 text-hex-000">
<span class="font-bold">CDNAuthentication</span>
<span class="font-semibold text-xs leading-5 opacity-70">A simple CDN authentication server level
</span>
</div>
</a>
<a class="bg-hex-F6F3D4 flex flex-col rounded-40px overflow-hidden" href="https://ai.tianli0.top/" target="_blank" rel="noopener noreferrer">
<img class="h-100px object-cover" src="img/postchat.png" alt="One-stop website AI enhancement tool" loading="lazy">
<div class="uppercase flex flex-col p-20px px-25px flex-1 text-hex-000">
<span class="font-bold">PostChat</span>
<span class="font-semibold text-xs leading-5 opacity-70">One-stop website AI enhancement tool
</span>
</div>
</a>
<a class="bg-hex-F6F3D4 flex flex-col rounded-40px overflow-hidden" href="https://github.com/TIANLI0" target="_blank" rel="noopener noreferrer">
<img class="h-100px object-cover" src="img/more.png" alt="More products are still in development" loading="lazy">
<div class="uppercase flex flex-col p-20px px-25px flex-1 text-hex-000">
<span class="font-bold">More...</span>
<span class="font-semibold text-xs leading-5 opacity-70">More products are still in development
</span>
</div>
</a>
</div>
</div>
<div class="beian">
<a target="_blank" rel="noopener external nofollow noreferrer" href="http://beian.miit.gov.cn/">蜀ICP备2021004404号-1</a>
</div>
</div>
</div>
</div>
</div>
<script src="/index.js"></script>
</body></html>