-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
366 lines (365 loc) · 23.7 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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="Shin" />
<meta name="robots" content="index, follow" />
<meta name="description" content="This is Shin' s personal website" />
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap"
rel="stylesheet"
/>
<!-- CSS Link -->
<link rel="stylesheet" href="./style/main.css" />
<title>首頁 | Shin Front End Developer</title>
</head>
<body>
<!-- Animation -->
<div class="animation">
<div class="logo">
<svg
width="102"
height="113"
viewBox="0 0 102 113"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M51.3652 51.592L27.0019 4.47669L26.303 3.125H24.7812H9.3125H5.08493L7.12181 6.82952L42.1094 70.4623V108V110.5H44.6094H58.1094H60.6094V108V70.4623L95.5969 6.82952L97.6338 3.125H93.4062H78.0781H76.5601L75.8599 4.4719L51.3652 51.592Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="first"
/>
</svg>
<svg
width="93"
height="116"
viewBox="0 0 93 116"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M84.8477 88.4453L84.8501 88.44C88.3985 80.5547 90.1328 71.4261 90.1328 61.1172V54.6484C90.1328 44.3868 88.3987 35.284 84.8525 27.4013C81.301 19.4597 76.1671 13.3132 69.423 9.0829C62.7458 4.81809 55.0523 2.71875 46.4297 2.71875C37.9294 2.71875 30.2819 4.85059 23.5658 9.16037C16.877 13.4357 11.7493 19.5981 8.1528 27.5301C4.55887 35.4565 2.79688 44.5146 2.79688 54.6484V62.0312V62.0434L2.79699 62.0555C2.89355 72.0011 4.70568 80.8712 8.30338 88.6087L8.30744 88.6175L8.31156 88.6261C11.9618 96.3212 17.1123 102.346 23.7787 106.607L23.79 106.614C30.461 110.827 38.0811 112.906 46.5703 112.906C55.2346 112.906 62.9315 110.833 69.5687 106.609C76.2125 102.381 81.2963 96.288 84.8477 88.4453ZM64.8889 28.0915L64.8941 28.0984C69.3154 33.9651 71.7031 42.6525 71.7031 54.5078V62.0866C71.564 73.6521 69.1606 82.1642 64.8226 87.9501C60.5656 93.5819 54.5931 96.4453 46.5703 96.4453C38.6572 96.4453 32.599 93.4427 28.1237 87.4099C23.6217 81.2312 21.2266 72.5584 21.2266 61.1172V53.6091C21.3654 42.4002 23.804 33.9938 28.2458 28.0993C32.6709 22.2421 38.6418 19.3203 46.4297 19.3203C54.478 19.3203 60.5267 22.2612 64.8889 28.0915Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="second"
/>
</svg>
<svg
width="85"
height="115"
viewBox="0 0 85 115"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M81.7656 5.625V3.125H79.2656H65.6953H63.1953V5.625V75.0234C63.1953 81.9639 61.2965 86.9961 57.8104 90.4822L57.8052 90.4873L57.8002 90.4925C54.3787 93.9537 49.2728 95.8672 42.0703 95.8672C34.9771 95.8672 29.8831 93.9617 26.4055 90.4872C22.9121 86.9505 21.0156 81.8886 21.0156 74.9531V5.625V3.125H18.5156H5.15625H2.65625V5.625V75.375V75.3861L2.65635 75.3971C2.75507 86.5525 6.33581 95.587 13.6002 102.186C20.8222 108.747 30.4048 111.906 42.0703 111.906H42.1193L42.1683 111.904L45.7542 111.764L45.7959 111.762L45.8376 111.759C56.6266 110.974 65.4005 107.34 71.9101 100.68C78.4687 94.0176 81.716 85.4674 81.7656 75.2465V75.2344V5.625Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="third"
/>
</svg>
<svg
width="33"
height="48"
viewBox="0 0 33 48"
fill="none"
style="margin-right: 1rem"
xmlns="http://www.w3.org/2000/svg"
class="dot"
>
<path
d="M13.3752 43.4524L14.9166 44.5094L16.3665 43.3301C20.2052 40.208 23.3227 36.1062 25.7527 31.1002C28.2443 26.0643 29.5234 20.9556 29.5234 15.7969V5.60156V3.10156H27.0234H14.2969H11.7969V5.60156V17.307C11.6187 23.2366 9.53014 29.08 5.37506 34.8706L3.88613 36.9456L5.99243 38.3899L13.3752 43.4524Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="fourth"
/>
</svg>
<svg
width="75"
height="115"
viewBox="0 0 75 115"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M56.0469 3.125H53.5469V5.625V78.3187C53.5018 84.1823 51.8854 88.4072 48.9938 91.3379L48.9879 91.3439L48.9819 91.35C46.0968 94.3142 42.2778 95.8672 37.2734 95.8672C31.6293 95.8672 27.6956 94.3584 25.068 91.6967C22.4552 89.0032 21 85.1294 21 79.7344V77.2344H18.5H5H2.5V79.7344C2.5 89.6449 5.51961 97.6661 11.8178 103.444C18.0829 109.191 26.6816 111.906 37.2734 111.906C47.5615 111.906 56.0521 108.988 62.4712 102.93C68.9834 96.8287 72.1172 88.446 72.1172 78.1172V5.625V3.125H69.6172H56.0469Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="fifth"
/>
</svg>
<svg
width="89"
height="113"
viewBox="0 0 89 113"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M83.7344 110.5H86.2344V108V5.625V3.125H83.7344H70.1641H67.6641V5.625V47.1406H21.0547V5.625V3.125H18.5547H5.05469H2.55469V5.625V108V110.5H5.05469H18.5547H21.0547V108V63.1797H67.6641V108V110.5H70.1641H83.7344Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="sixth"
/>
</svg>
<svg
width="24"
height="113"
viewBox="0 0 24 113"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.75 110.5H21.25V108V5.625V3.125H18.75H5.25H2.75V5.625V108V110.5H5.25H18.75Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="seventh"
/>
</svg>
<svg
width="89"
height="113"
viewBox="0 0 89 113"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M83.7344 110.5H86.2344V108V5.625V3.125H83.7344H70.1641H67.6641V5.625V47.1406H21.0547V5.625V3.125H18.5547H5.05469H2.55469V5.625V108V110.5H5.05469H18.5547H21.0547V108V63.1797H67.6641V108V110.5H70.1641H83.7344Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="eighth"
/>
</svg>
<svg
width="45"
height="21"
viewBox="0 0 45 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="bar"
>
<path
d="M39.3125 18.1172H41.8125V15.6172V5V2.5H39.3125H5H2.5V5V15.6172V18.1172H5H39.3125Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="ninth"
/>
</svg>
<svg
width="102"
height="113"
viewBox="0 0 102 113"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M51.2676 72.1168L74.3304 108.708L75.0659 109.875H76.4453H92.4766H97.0512L94.5806 106.025L62.3267 55.7608L93.8116 6.34332L96.2602 2.5H91.7031H75.8125H74.4274L73.6929 3.67432L51.2674 39.5295L28.7099 3.66887L27.9746 2.5H26.5938H10.7734H6.21103L8.66633 6.3454L40.2183 55.7608L7.89724 106.023L5.42009 109.875H10H25.9609H27.3363L28.0725 108.713L51.2676 72.1168Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="tenth"
/>
</svg>
<svg
width="24"
height="113"
viewBox="0 0 24 113"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.75 110.5H21.25V108V5.625V3.125H18.75H5.25H2.75V5.625V108V110.5H5.25H18.75Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="eleventh"
/>
</svg>
<svg
width="89"
height="113"
viewBox="0 0 89 113"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M83.7344 110.5H86.2344V108V5.625V3.125H83.7344H70.3047H67.8047V5.625V76.4573L20.719 4.25933L19.9792 3.125H18.625H5.05469H2.55469V5.625V108V110.5H5.05469H18.625H21.125V108V37.5071L68.0711 109.367L68.8111 110.5H70.1641H83.7344Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="twelfth"
/>
</svg>
<br />
<svg
width="142"
height="144"
viewBox="0 0 142 144"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.678 85.6573L14.0965 85.2065L13.7677 87.8064C12.1907 100.279 9.49413 112.879 5.23528 121.259L3.94863 123.791L6.62315 124.746C7.54562 125.076 9.05474 125.692 10.5215 126.382C12.0592 127.106 13.2751 127.785 13.8009 128.215L16.2214 130.195L17.6201 127.398C22.4082 117.822 25.7658 103.682 27.7927 90.0723L28.1519 87.6606L25.75 87.2413L16.678 85.6573ZM45.0697 87.7355L43.372 88.2294V79.6668L50.6253 79.2077C51.5225 81.4671 52.1947 83.6115 52.6471 85.5312L45.0697 87.7355ZM43.372 137.944V90.8973L43.4785 91.1402C46.9849 99.1347 49.7907 109.828 50.4814 116.459L50.7923 119.443L53.6712 118.599L60.26 116.668V138.232V140.732H62.76H72.264H74.764V138.232V84.428H76.584H80.132V102.232C80.132 107.342 80.692 111.613 83.2215 114.486C85.8401 117.46 89.934 118.268 95.016 118.268H111.864L112.119 118.268C115.236 118.268 118.749 118.269 121.028 117.781L123.269 117.3L122.985 115.026C122.699 112.741 122.274 108.768 122.135 106.54L121.954 103.643L119.116 104.251C117.388 104.622 113.741 104.772 111.72 104.772H95.016C94.8006 104.772 94.6429 104.761 94.5299 104.746C94.506 104.658 94.4777 104.53 94.4512 104.352C94.3836 103.898 94.348 103.267 94.348 102.376V84.428H122.376H124.628V125.992C124.628 126.078 124.627 126.154 124.624 126.224C124.608 126.225 124.592 126.227 124.575 126.228C124.181 126.229 123.659 126.234 123.03 126.24C120.168 126.267 115.096 126.316 109.813 126.086L105.349 125.892L107.519 129.798C108.822 132.144 110.144 136.154 110.389 138.236L110.645 140.41L112.833 140.444C121.953 140.586 128.488 140.335 132.892 138.704L133.001 138.664L133.106 138.614C135.343 137.54 137.032 136.004 138.087 133.747C139.09 131.6 139.42 129.008 139.42 125.992V13.384V10.884H136.92H62.76H60.26V13.384V65.9829C57.8045 60.8377 54.891 55.5782 51.8858 51.0299L50.7556 49.3192L48.8568 50.0928L42.7859 52.5661C48.4951 44.349 54.016 35.8477 58.6867 28.3911L60.1865 25.9966L57.6272 24.7995L48.6992 20.6235L46.5253 19.6067L45.4206 21.7372C41.8688 28.5871 37.1776 36.6975 32.0573 44.6455C30.7138 42.9679 29.239 41.2284 27.6329 39.4739C32.9154 31.3823 38.6754 20.4781 43.2585 11.177L44.485 8.6879L41.8819 7.72675L32.5219 4.27076L30.2024 3.41432L29.3204 5.72424C26.6678 12.6715 22.4331 21.9962 18.24 29.6556C17.5558 29.0248 16.8785 28.4152 16.2128 27.8161L16.1924 27.7978L14.282 26.0784L12.6161 28.0357L6.85614 34.8037L5.32653 36.601L7.03285 38.2315C12.9599 43.8951 19.4553 51.2335 23.5861 57.2628C21.167 60.6689 18.7598 63.8759 16.4409 66.8079L7.6434 67.1904L4.98949 67.3057L5.26552 69.9478L6.27352 79.5958L6.52299 81.9836L8.9189 81.8309L28.868 80.5603V137.944V140.444H31.368H40.872H43.372V137.944ZM74.764 70.932V25.388H86.7285L85.3974 25.8594L78.4854 28.3074L75.8188 29.2518L77.0839 31.782C79.5018 36.6178 81.636 42.8109 82.7643 47.748H77.736H75.236V50.248V58.744V61.244H77.736H91.796V70.932H76.584H74.764ZM88.4364 27.0369L87.5545 25.388H109.317L109.01 26.5884C107.467 32.6186 104.211 41.5392 101.542 47.1594L101.262 47.748H95.6698L95.61 47.389C94.698 41.9169 91.8672 33.4508 88.4364 27.0369ZM120.863 27.7163L113.878 25.388H124.628V70.932H122.376H106.012V61.244H121.512H124.012V58.744V50.248V47.748H121.512H114.635C116.551 43.8401 118.613 39.3131 120.605 34.9418C121.193 33.6508 121.775 32.3735 122.345 31.1296L123.505 28.5972L120.863 27.7163ZM39.8948 56.8862C41.5187 59.525 43.0783 62.4001 44.5752 65.36L33.097 65.918C35.3252 63.0008 37.5814 59.9268 39.8262 56.7747L39.8948 56.8862ZM60.26 98.33C59.1422 94.787 57.8498 91.2392 56.4858 88.0092L60.26 86.2673V98.33Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="thirteenth"
/>
</svg>
<svg
width="150"
height="137"
viewBox="0 0 150 137"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M28.92 26.356H26.42V28.856V101.864V104.364H28.92H48.553C38.1859 109.955 22.3801 115.783 9.42314 119.173L5.05353 120.317L8.34262 123.412C10.6544 125.588 13.7275 129.214 15.4 131.444L16.427 132.813L18.0749 132.351C33.6281 127.99 53.1442 120.283 65.9146 112.65L69.1539 110.714L66.1078 108.486L60.4715 104.364H89.2494L83.8149 109.388L80.7373 112.234L84.7033 113.59C101.443 119.312 118.298 126.745 128.372 132.279L129.775 133.05L131.062 132.098L140.998 124.754L144.277 122.331L140.63 120.508C130.918 115.652 116.073 109.554 101.404 104.364H123.528H126.028V101.864V28.856V26.356H123.528H80.2342C81.1084 23.7363 81.9662 20.9814 82.7758 18.252H134.472H136.972V15.752V5.95999V3.45999H134.472H15.096H12.596V5.95999V15.752V18.252H15.096H65.6615C65.1165 20.9698 64.442 23.764 63.7405 26.356H28.92ZM109.652 47.956H42.364V39.852H109.652V47.956ZM109.652 69.268H42.364V61.02H109.652V69.268ZM109.652 90.724H42.364V82.476H109.652V90.724Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="fourteenth"
/>
</svg>
<svg
width="138"
height="144"
viewBox="0 0 138 144"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M69.052 52.832V50.332H66.552H14.136H11.636V52.832V138.368V140.868H14.136H24.36H26.86V138.368V109.908H53.684V126.56C53.684 126.581 53.6839 126.602 53.6837 126.621C53.5701 126.635 53.4372 126.647 53.2817 126.658L53.269 126.658L53.2563 126.659C51.5466 126.791 45.1996 126.798 37.9959 126.51L33.5495 126.332L35.7106 130.222C37.0183 132.576 38.3763 136.369 38.9056 138.883L39.3235 140.868H41.352H41.4302C46.2621 140.868 50.3261 140.868 53.6845 140.647C57.047 140.425 59.9424 139.971 62.3528 138.938L62.3681 138.931L62.3834 138.925C64.7169 137.887 66.514 136.424 67.6439 134.214C68.7217 132.106 69.052 129.583 69.052 126.704V52.832ZM109.605 125.936L109.595 125.937L109.586 125.938C107.566 126.072 99.9064 126.078 91.1139 125.789L86.7254 125.645L88.8415 129.493C90.3283 132.196 91.9521 136.42 92.4686 139.002L92.8651 140.985L94.8871 141.012C105.709 141.154 113.417 140.906 118.55 138.981L118.575 138.971L118.6 138.961C121.156 137.939 123.147 136.442 124.394 134.023C125.573 131.737 125.932 128.907 125.932 125.552V49.952V47.452H123.432H112.92H110.42V49.952V125.552C110.42 125.672 110.417 125.772 110.412 125.855C110.225 125.886 109.965 125.915 109.605 125.936ZM96.412 54.272V51.772H93.912H83.976H81.476V54.272V112.736V115.236H83.976H93.912H96.412V112.736V54.272ZM104.179 27.724C107.629 22.716 111.258 17.1838 114.356 11.9055L115.918 9.24414L112.991 8.26828L101.759 4.52429L99.6301 3.81481L98.6954 5.85436C95.7523 12.2757 90.7439 21.043 86.1297 27.724H54.4719L53.8235 26.3931C50.9535 20.502 44.7455 11.8057 39.008 5.62686L37.8596 4.39011L36.2832 4.99286L26.4912 8.73686L23.1907 9.99881L25.4792 12.6911C29.3228 17.2131 33.5422 22.9117 36.3455 27.724H5.20801H2.70801V30.224V40.016V42.516H5.20801H132.936H135.436V40.016V30.224V27.724H132.936H104.179ZM26.86 96.412V87.012H53.684V96.412H26.86ZM53.684 64.548V73.66H26.86V64.548H53.684Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="fifteenth"
/>
</svg>
<svg
width="144"
height="143"
viewBox="0 0 144 143"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M135.98 12.672V10.172H133.48H123.4H120.9V12.672V34.652H104.156V5.76001V3.26001H101.656H91.432H88.932V5.76001V34.652H74.06V12.672V10.172H71.56H61.768H59.268V12.672V46.656V49.156H61.768H133.48H135.98V46.656V12.672ZM56.636 34.272V31.772H54.136H39.212V7.34401V4.84401H36.712H27.064H24.564V7.34401V31.772H8.91996H6.41996V34.272V43.92V46.42H8.91996H38.3963L38.2523 48.1801C36.9651 63.9126 33.5256 86.5482 30.5294 99.8174L30.4324 100.247C21.1619 102.292 12.6171 104.066 5.75919 105.248L3.12238 105.703L3.75479 108.303L6.34679 118.959L6.94292 121.41L9.3883 120.792C15.9515 119.134 23.5463 117.276 31.5771 115.311L32.554 115.072C40.6783 113.085 49.2165 110.994 57.54 108.899V136.8V139.3H60.04H69.544H72.044V136.8V92.068H79.86V135.36V137.86H82.36H90.712H93.212V135.36V92.068H101.604V135.072V137.572H104.104H112.456H114.956V135.072V133.733C115.459 135.088 115.859 136.423 116.038 137.499L116.386 139.588H118.504C124.669 139.588 129.184 139.494 132.97 137.618C134.977 136.702 136.328 135.249 137.101 133.29C137.822 131.465 137.996 129.308 137.996 127.008V80.352V77.852H135.496H101.556C102.391 75.328 103.224 72.6489 104.048 69.9988C104.104 69.819 104.16 69.6394 104.216 69.46H138.52H141.02V66.96V57.456V54.956H138.52H55.432H52.932V57.456V66.96V69.46H55.432H87.459C86.9438 72.3053 86.3405 75.2103 85.7209 77.852H60.04H57.54V80.352V94.2873L56.049 94.6139L44.7792 97.0825C47.7373 83.7225 50.9236 65.3359 53.1506 50.9258L53.51 48.6008L51.211 48.1011L43.4781 46.42H54.136H56.636V43.92V34.272ZM115.425 125.95L114.956 125.933V92.068H123.348V126.013C121.933 126.082 118.879 126.073 115.425 125.95ZM26.6044 98.2271L28.7245 97.8795L28.6998 95.7313C28.5534 82.9917 26.0764 63.9511 22.7359 48.9912L22.223 46.6942L19.8993 47.0677L11.8353 48.3637L9.28086 48.7742L9.77868 51.313C12.6395 65.9033 14.916 84.8854 14.916 97.2V100.143L17.8204 99.6671L26.6044 98.2271Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="sixteenth"
/>
</svg>
<svg
width="140"
height="115"
viewBox="0 0 140 115"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M134.368 96.844H77.972V19.188H127.168H129.668V16.688V5.74399V3.24399H127.168H13.408H10.908V5.74399V16.688V19.188H13.408H61.308V96.844H5.91998H3.41998V99.344V110V112.5H5.91998H134.368H136.868V110V99.344V96.844H134.368Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="seventeenth"
/>
</svg>
<svg
width="146"
height="141"
viewBox="0 0 146 141"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M134.676 10.52V8.01999H132.176H68.672H66.172V10.52V55.448V57.948H68.672H132.176H134.676V55.448V10.52ZM64.8998 84.9001L66.1351 83.2806L64.7985 81.7435C64.4159 81.3035 63.8718 80.7019 63.2048 79.98H63.344H92.092V92.116H66.656H64.156V94.616V103.976V106.476H66.656H92.092V120.052H56.864H54.364V122.552V132.2V134.7H56.864H140.24H142.74V132.2V122.552V120.052H140.24H107.748V106.476H133.904H136.404V103.976V94.616V92.116H133.904H107.748V79.98H137.072H139.572V77.48V67.976V65.476H137.072H63.344H60.844V67.976V77.4634C56.3099 72.6864 49.5266 65.802 45.828 62.5145V57.372H61.328H63.828V54.872V44.792V42.292H61.328H45.828V22.4242C51.985 20.8918 57.7489 19.0156 62.5776 17.0037L65.8892 15.6238L63.448 12.9949L55.96 4.93086L54.7366 3.61332L53.0982 4.35394C42.9176 8.95615 24.3466 13.0931 8.22732 15.6837L4.78169 16.2374L6.41454 19.3217C7.6512 21.6576 8.99187 24.9065 9.50247 27.0766L10.031 29.3227L12.3121 28.9755C18.0113 28.1083 24.2833 27.1286 30.46 25.9462V42.292H9.48801H6.98801V44.792V54.872V57.372H9.48801H27.947C22.1419 72.7106 13.0748 89.1815 4.89378 98.2716L3.59472 99.715L4.67189 101.331C6.41608 103.947 8.8206 107.863 9.70831 110.527L11.1248 114.776L13.998 111.34C19.6688 104.557 25.4298 94.6447 30.46 83.9564V135.656V138.156H32.96H43.328H45.828V135.656V81.1529C49.3745 85.7378 52.7143 90.4128 54.2614 93.1203L56.1326 96.3949L58.4198 93.3961L64.8998 84.9001ZM119.164 43.732H80.964V22.38H119.164V43.732Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="eighteenth"
/>
</svg>
<svg
width="137"
height="143"
viewBox="0 0 137 143"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.244 133.624V126.476H50.448H52.948V123.976V80.92V78.42H50.448H18.244V70.028H49.008H51.508V67.528V28.072V25.572H49.008H31.6397C33.8608 20.3277 36.2256 14.3531 38.1156 9.0375L39.1323 6.17785L36.1309 5.72764L24.6109 3.99964L22.2659 3.6479L21.7907 5.97099C20.6243 11.6737 18.4943 19.3221 16.2922 25.572H5.95203H3.45203V28.072V133.624V136.124H5.95203H15.744H18.244V133.624ZM131.088 26.252H133.588V23.752V14.104V11.604H131.088H54.768H52.268V14.104V23.752V26.252H54.768H85.1V38.964H60.096H57.596V41.464V116.488V118.988H60.096H69.888H72.388V116.488V53.756H85.1V137.8V140.3H87.6H97.68H100.18V137.8V105.157L101.443 107.999C102.569 110.533 103.876 114.272 104.122 116.606L104.357 118.844H106.608C110.485 118.844 113.76 118.809 116.497 118.564C119.231 118.319 121.624 117.85 123.671 116.871C125.888 115.811 127.373 114.19 128.238 112.066C129.053 110.063 129.268 107.728 129.268 105.256V41.464V38.964H126.768H100.18V26.252H131.088ZM103.797 104.485L100.18 104.384V53.756H114.332V104.628C112.538 104.627 108.46 104.614 103.797 104.485ZM38.3 92.636V112.26H18.244V92.636H38.3ZM37.004 39.788V55.956H18.244V39.788H37.004Z"
stroke="white"
stroke-width="2"
class="thePaths"
id="nineteenth"
/>
</svg>
</div>
</div>
<!-- Orange Background -->
<img class="orange-bkg" src="./ICONS/OrangeBackground.svg" alt="" />
<!-- Navbar -->
<header>
<nav>
<ul>
<li><a class="active" href="#">首頁</a></li>
<li><a href="./resume.html">我的履歷</a></li>
<li><a href="./contact.html">聯絡方式</a></li>
<li><a href="./project.html">Project</a></li>
</ul>
</nav>
</header>
<!-- Introduction -->
<main>
<section class="left">
<h1>Hi, I am <br />YOU, JHIH-SHIN</h1>
<p>
在高中的時候就讀體育班，雖然比賽成績不錯
但仔細想想，體育這件事好像不是很適合我
所以在高中畢業後，開始認真思考自己想達成的目標
</p>
<p>
在選擇大學時，由於高中很愛玩遊戲曾經有使用過Unity來製作簡單的遊戲
在這個過程第一次接觸到程式，雖然只是毛皮，不過想了想便選擇了資工系
在大學時因為一門前端網頁的課程而開始對前端產生興趣
便開始尋找各種途徑學習，例如 : Udemy 、 MDN 、或是去參加前端的社群
雖然途中遇到許多挫折，但也感覺到了自己的成長，而發自內心的感到開心
雖然現在的能力可能不是很足夠，但我會再更加努力追上業界的腳步
</p>
<p>希望我的未來能成為一個很棒的前端工程師</p>
</section>
<section class="right">
<img src="./img/123.jpg" alt="" />
</section>
</main>
<!-- Link -->
<footer>
<a href="https://www.facebook.com/profile.php?id=100003228495833">
<img src="./icons/facebook.svg" alt="facebook" title="facebook" />
</a>
<a href="https://www.instagram.com/shin_0113_/">
<img src="./icons/instagram.svg" alt="instagram" title="instagram" />
</a>
<a href="https://github.com/a5512167086">
<img src="./icons/github-brands.svg" alt="github" title="github" />
</a>
</footer>
<script src="./script/script.js"></script>
</body>
</html>