-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
208 lines (194 loc) · 35.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KEW3ZB0PPY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-KEW3ZB0PPY");
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Joshua Yang.</title>
<link rel="stylesheet" href="/styles/styles.css" />
<link rel="stylesheet" href="/styles/global.css" />
<link rel="icon" type="image/x-icon" href="/media/images/icons/favicon.ico" />
<script src="https://kit.fontawesome.com/e0dd0fb448.js" crossorigin="anonymous"></script>
<!-- gsap -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.0/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.0/CustomEase.min.js"></script>
</head>
<body>
<main>
<div id="mouse-trailer"></div>
<!-- <div class="scroll-tracker one"></div>
<div class="scroll-tracker two"></div> -->
<div id="menu-overlay"></div>
<nav class="header">
<div class="logo-container">
<a href="/"><img alt="JY Logo" src="/media/images/Logo/JY.png" id="logo" /></a>
</div>
<div class="loading-title-container">
<svg id="svg-loading-text" width="1664" height="308" viewBox="0 0 1664 308" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-outside-1_714_3" maskUnits="userSpaceOnUse" x="0.425781" y="0.873047" width="1663" height="307" fill="black">
<rect fill="white" x="0.425781" y="0.873047" width="1663" height="307" />
<path
d="M142.059 1.87305V6.00391H104.422V198.869C104.422 216.8 97.2617 230.967 82.9414 241.371C74.4349 247.613 64.429 250.734 52.9238 250.734C49.4355 250.734 43.1628 250.245 34.1055 249.266C21.7435 247.797 12.2272 240.514 5.55664 227.418C2.80273 221.971 1.42578 215.974 1.42578 209.426C1.42578 202.633 2.80273 196.727 5.55664 191.709C9.5957 184.671 15.7155 181.152 23.916 181.152C32.8509 181.152 38.8789 185.038 42 192.811C42.7344 195.075 43.1016 197.462 43.1016 199.971C43.1016 204.071 41.847 207.712 39.3379 210.895C35.4212 215.546 30.403 218.055 24.2832 218.422C22.1413 218.422 19.7852 218.055 17.2148 217.32C15.6237 216.953 13.9714 216.219 12.2578 215.117C10.6055 213.954 9.35091 213.036 8.49414 212.363C7.51497 213.404 7.02539 215.178 7.02539 217.688C7.02539 220.319 8.27995 224.205 10.7891 229.346C16.7253 241.096 28.0163 246.971 44.6621 246.971C50.7207 246.726 57.1159 245.012 63.8477 241.83C70.5794 238.587 73.9453 234.67 73.9453 230.08V6.00391H39.3379V1.87305H142.059Z"
/>
<path
d="M128.473 169.494C128.473 154.562 130.859 140.395 135.633 126.992C140.467 113.59 147.597 102.788 157.021 94.5879C166.446 86.3874 177.615 82.2871 190.527 82.2871C203.562 82.2871 214.762 86.4486 224.125 94.7715C233.549 103.033 240.648 113.773 245.422 126.992C250.195 140.15 252.582 153.827 252.582 168.025C252.46 181.795 249.951 195.075 245.055 207.865C240.159 220.594 232.999 230.937 223.574 238.893C214.211 246.787 203.195 250.734 190.527 250.734C178.043 250.734 167.15 246.848 157.848 239.076C148.607 231.304 141.477 221.206 136.459 208.783C131.502 196.36 128.84 183.264 128.473 169.494ZM190.895 86.418C179.94 86.418 171.862 89.4779 166.66 95.5977C161.52 101.717 158.245 110.224 156.838 121.117C155.492 131.949 154.818 147.463 154.818 167.658C154.818 186.079 155.522 200.674 156.93 211.445C158.398 222.155 161.734 230.57 166.936 236.689C172.199 242.809 180.185 245.869 190.895 245.869C201.665 245.869 209.652 242.932 214.854 237.057C220.055 231.12 223.36 222.828 224.768 212.18C226.236 201.47 226.971 186.63 226.971 167.658C226.971 148.564 226.298 133.51 224.951 122.494C223.605 111.479 220.331 102.727 215.129 96.2402C209.927 89.6921 201.849 86.418 190.895 86.418Z"
/>
<path
d="M307.477 83.3887C314.82 83.3887 320.91 84.5514 325.744 86.877C330.64 89.1413 335.597 92.0176 340.615 95.5059C345.633 98.9941 349.244 100.738 351.447 100.738C355.242 100.738 359.372 96.6074 363.84 88.3457H367.604V146.27C363.197 134.887 358.791 125.187 354.385 117.17C350.04 109.153 344.562 102.788 337.953 98.0762C327.855 90.7936 318.309 87.1523 309.312 87.1523C303.805 87.1523 299.184 88.6823 295.451 91.7422C287.679 97.6172 283.793 104.747 283.793 113.131C283.793 117.415 285.17 120.934 287.924 123.688C293.86 129.624 301.51 135.132 310.873 140.211C320.236 145.229 329.814 150.4 339.605 155.725C349.397 161.049 357.383 167.138 363.564 173.992C369.745 180.846 373.723 189.506 375.498 199.971C376.049 203.949 376.324 206.58 376.324 207.865C376.324 216.249 373.938 224.021 369.164 231.182C364.391 238.342 358.24 244.247 350.713 248.898C345.205 252.387 338.932 254.131 331.895 254.131C321.124 254.131 309.863 250.245 298.113 242.473C296.522 241.493 292.758 237.975 286.822 231.916C286.088 231.182 285.201 230.814 284.16 230.814C282.508 230.814 280.978 231.763 279.57 233.66C278.163 235.557 276.48 238.464 274.521 242.381C272.624 246.236 271.339 248.776 270.666 250L267.27 250.367V184.549C271.737 195.258 275.96 204.469 279.938 212.18C283.977 219.891 289.117 227.112 295.359 233.844C301.602 240.514 308.884 245.135 317.207 247.705C323.266 249.48 328.161 250.367 331.895 250.367C338.137 250.367 343.522 248.745 348.051 245.502C352.396 242.32 356.037 238.311 358.975 233.477C361.973 228.642 363.473 223.746 363.473 218.789C363.473 214.505 362.34 210.497 360.076 206.764C353.528 196.85 339.942 185.865 319.318 173.809C298.695 161.691 285.17 153.277 278.744 148.564C272.318 143.791 269.105 135.866 269.105 124.789C269.105 118.853 270.238 113.345 272.502 108.266C278.499 93.7617 290.158 85.4694 307.477 83.3887Z"
/>
<path
d="M443.703 6.37109V119.189C443.826 114.294 445.753 109.122 449.486 103.676C453.281 98.168 458.788 93.5475 466.01 89.8145C473.292 86.0814 481.768 84.2148 491.438 84.2148C503.432 84.2148 513.561 86.9382 521.822 92.3848C530.145 97.8314 534.307 107.378 534.307 121.025V245.869H562.121V250.734H482.441V246.236H508.328V114.232C508.328 107.378 506.829 101.289 503.83 95.9648C500.893 90.6406 496.762 87.9785 491.438 87.9785C483.91 87.9785 476.475 90.0286 469.131 94.1289C461.787 98.168 455.698 104.41 450.863 112.855C446.09 121.24 443.703 131.49 443.703 143.607V245.869H468.121V250.367C462.368 250.122 451.842 250 436.543 250C426.996 250 417.908 250.031 409.279 250.092C400.712 250.214 394.5 250.306 390.645 250.367L391.379 245.869H417.357V10.8691H390.277L390.645 6.73828L443.703 6.37109Z"
/>
<path
d="M561.479 83.3887H612.609V223.654C612.609 230.876 615.18 236.628 620.32 240.912C625.522 245.196 630.724 247.338 635.926 247.338C638.068 247.338 639.689 246.971 640.791 246.236C651.745 240.423 660.68 232.038 667.596 221.084C674.511 210.13 677.969 198.471 677.969 186.109V87.6113H647.584V83.0215H702.479V245.869H729.191V250H678.428L677.969 210.527C670.197 222.951 662.118 232.895 653.734 240.361C645.411 247.766 634.824 251.469 621.973 251.469C597.922 248.47 585.896 238.831 585.896 222.553V88.3457H561.479V83.3887Z"
/>
<path
d="M809.605 85.3164C823.62 90.2734 832.126 98.5352 835.125 110.102C839.654 125.156 841.918 142.965 841.918 163.527C841.918 168.668 841.796 173.809 841.551 178.949C841.367 184.09 841.092 190.148 840.725 197.125C840.357 204.102 840.021 211.568 839.715 219.523C839.409 227.418 839.256 233.813 839.256 238.709C839.745 242.503 842.775 244.4 848.344 244.4C851.71 244.4 854.586 243.635 856.973 242.105C863.154 237.516 866.55 227.724 867.162 212.73H870.1C869.61 222.216 868.202 230.049 865.877 236.23C863.551 242.411 859.206 246.512 852.842 248.531C849.048 249.755 845.529 250.367 842.285 250.367C834.207 250.367 828.087 247.368 823.926 241.371C819.091 233.844 815.939 226.072 814.471 218.055C805.964 236.23 794.826 246.634 781.057 249.266C777.324 250 773.682 250.367 770.133 250.367C761.137 250.367 753.242 247.368 746.449 241.371C736.168 231.702 731.027 217.779 731.027 199.604C732.068 185.712 739.197 174.574 752.416 166.189C757.434 163.007 766.767 159.733 780.414 156.367C794.122 152.94 802.965 150.615 806.943 149.391C810.921 148.105 813.063 145.658 813.369 142.047C814.593 129.624 815.205 121.852 815.205 118.73C815.205 99.8203 807.708 88.6823 792.715 85.3164C782.372 85.3164 774.049 86.2956 767.746 88.2539C761.443 90.151 756.333 93.6699 752.416 98.8105C752.906 100.891 754.589 102.727 757.465 104.318C760.402 105.848 763.064 107.317 765.451 108.725C767.838 110.132 769.154 112.09 769.398 114.6C769.398 120.597 768.817 124.85 767.654 127.359C766.492 129.807 763.921 131.215 759.943 131.582C754.252 131.582 749.723 131.031 746.357 129.93C743.053 128.767 740.697 126.288 739.289 122.494C738.555 119.924 738.188 117.568 738.188 115.426C738.188 107.898 742.074 100.861 749.846 94.3125C760.066 85.5612 772.458 81.1855 787.023 81.1855C794.306 81.1855 801.833 82.5625 809.605 85.3164ZM812.635 155.633L808.871 152.236C805.383 154.562 800.518 156.52 794.275 158.111C788.094 159.641 782.587 161.049 777.752 162.334C772.979 163.558 769.429 165.333 767.104 167.658C759.821 175.614 756.18 186.783 756.18 201.164C756.18 210.772 757.954 221.543 761.504 233.477C762.422 236.414 764.533 238.984 767.838 241.188C771.204 243.329 774.723 244.4 778.395 244.4C781.393 244.4 784.27 243.635 787.023 242.105C793.633 237.699 798.743 232.344 802.354 226.041C805.964 219.676 808.443 212.761 809.789 205.295C811.135 197.768 811.9 189.659 812.084 180.969C812.268 172.217 812.451 163.772 812.635 155.633Z"
/>
<path
d="M982.275 2.60742H1087.57V6.37109H1048L1105.93 121.025L1143.93 33.084C1145.7 29.1061 1146.59 25.5872 1146.59 22.5273C1146.59 11.5117 1134.81 6.00391 1111.25 6.00391V1.87305H1196.53V6.00391C1174.62 6.00391 1158.71 17.0195 1148.79 39.0508L1108.22 130.848V245.869H1146.96V250.734L1042.4 250V245.869H1078.11V126.717L1015.69 6.37109H982.275V2.60742Z"
/>
<path
d="M1251.33 85.3164C1265.35 90.2734 1273.85 98.5352 1276.85 110.102C1281.38 125.156 1283.64 142.965 1283.64 163.527C1283.64 168.668 1283.52 173.809 1283.28 178.949C1283.09 184.09 1282.82 190.148 1282.45 197.125C1282.08 204.102 1281.75 211.568 1281.44 219.523C1281.14 227.418 1280.98 233.813 1280.98 238.709C1281.47 242.503 1284.5 244.4 1290.07 244.4C1293.44 244.4 1296.31 243.635 1298.7 242.105C1304.88 237.516 1308.28 227.724 1308.89 212.73H1311.83C1311.34 222.216 1309.93 230.049 1307.6 236.23C1305.28 242.411 1300.93 246.512 1294.57 248.531C1290.77 249.755 1287.26 250.367 1284.01 250.367C1275.93 250.367 1269.81 247.368 1265.65 241.371C1260.82 233.844 1257.67 226.072 1256.2 218.055C1247.69 236.23 1236.55 246.634 1222.78 249.266C1219.05 250 1215.41 250.367 1211.86 250.367C1202.86 250.367 1194.97 247.368 1188.18 241.371C1177.89 231.702 1172.75 217.779 1172.75 199.604C1173.79 185.712 1180.92 174.574 1194.14 166.189C1199.16 163.007 1208.49 159.733 1222.14 156.367C1235.85 152.94 1244.69 150.615 1248.67 149.391C1252.65 148.105 1254.79 145.658 1255.1 142.047C1256.32 129.624 1256.93 121.852 1256.93 118.73C1256.93 99.8203 1249.43 88.6823 1234.44 85.3164C1224.1 85.3164 1215.78 86.2956 1209.47 88.2539C1203.17 90.151 1198.06 93.6699 1194.14 98.8105C1194.63 100.891 1196.32 102.727 1199.19 104.318C1202.13 105.848 1204.79 107.317 1207.18 108.725C1209.56 110.132 1210.88 112.09 1211.12 114.6C1211.12 120.597 1210.54 124.85 1209.38 127.359C1208.22 129.807 1205.65 131.215 1201.67 131.582C1195.98 131.582 1191.45 131.031 1188.08 129.93C1184.78 128.767 1182.42 126.288 1181.02 122.494C1180.28 119.924 1179.91 117.568 1179.91 115.426C1179.91 107.898 1183.8 100.861 1191.57 94.3125C1201.79 85.5612 1214.18 81.1855 1228.75 81.1855C1236.03 81.1855 1243.56 82.5625 1251.33 85.3164ZM1254.36 155.633L1250.6 152.236C1247.11 154.562 1242.24 156.52 1236 158.111C1229.82 159.641 1224.31 161.049 1219.48 162.334C1214.71 163.558 1211.16 165.333 1208.83 167.658C1201.55 175.614 1197.91 186.783 1197.91 201.164C1197.91 210.772 1199.68 221.543 1203.23 233.477C1204.15 236.414 1206.26 238.984 1209.56 241.188C1212.93 243.329 1216.45 244.4 1220.12 244.4C1223.12 244.4 1226 243.635 1228.75 242.105C1235.36 237.699 1240.47 232.344 1244.08 226.041C1247.69 219.676 1250.17 212.761 1251.52 205.295C1252.86 197.768 1253.63 189.659 1253.81 180.969C1253.99 172.217 1254.18 163.772 1254.36 155.633Z"
/>
<path
d="M1423.45 83.8477C1431.1 83.8477 1438.2 85.7448 1444.75 89.5391C1451.3 93.3333 1456.5 98.4434 1460.35 104.869C1464.27 111.234 1466.23 118.118 1466.23 125.523V245.869H1490V250H1413.26V245.869H1440.34L1439.97 124.789C1439.97 115.609 1438.96 108.051 1436.95 102.115C1434.93 96.1178 1430.79 92.14 1424.55 90.1816C1422.17 89.2025 1419.41 88.7129 1416.29 88.7129C1407.29 88.7129 1399.77 92.9661 1393.71 101.473C1380.92 118.547 1374.52 133.724 1374.52 147.004L1374.16 245.869H1398.94V250L1321.46 250.734V245.869H1348.54V95.5059H1320.36C1320.85 95.5059 1321.1 94.6185 1321.1 92.8438C1321.1 91.8034 1320.85 91.1608 1320.36 90.916H1374.52L1374.16 122.953C1379.36 114.569 1384.01 107.776 1388.11 102.574C1392.21 97.3112 1397.2 92.9049 1403.07 89.3555C1408.95 85.7448 1415.74 83.9089 1423.45 83.8477Z"
/>
<path
d="M1548.94 90.916C1556.77 87.1829 1564.54 85.3164 1572.25 85.3164C1587.37 85.3164 1600.53 91.3444 1611.73 103.4C1620.72 93.3639 1630.76 88.3457 1641.84 88.3457C1650.83 90.1816 1657.1 95.0469 1660.65 102.941C1661.63 105.512 1662.12 107.654 1662.12 109.367C1662.12 113.773 1660.62 117.292 1657.62 119.924C1654.87 122.188 1651.87 123.32 1648.63 123.32C1645.08 123.32 1642.17 122.066 1639.91 119.557C1638.19 117.537 1637.34 113.651 1637.34 107.898C1637.71 104.716 1638.84 102.329 1640.73 100.738C1642.63 99.0859 1646 97.709 1650.83 96.6074C1647.22 92.3236 1642.85 90.1816 1637.71 90.1816C1634.46 90.1816 1631.59 90.9466 1629.08 92.4766C1626.44 93.9453 1624.3 95.4141 1622.65 96.8828C1621.06 98.2904 1619.38 100.218 1617.6 102.666C1615.89 105.114 1614.94 106.46 1614.76 106.705C1623.26 120.475 1627.64 132.531 1627.88 142.873C1627.88 152.42 1626.84 160.529 1624.76 167.199C1622.68 173.87 1618.86 180.173 1613.29 186.109C1602.58 196.819 1589.54 202.694 1574.18 203.734C1570.33 203.612 1565.09 202.266 1558.48 199.695C1551.88 197.125 1546.95 195.84 1543.71 195.84C1539.6 195.84 1535.6 197.615 1531.68 201.164C1528.44 204.285 1526.81 207.406 1526.81 210.527C1526.81 212.608 1527.43 214.107 1528.65 215.025C1535.26 221.023 1545.17 224.021 1558.39 224.021C1562.13 224.021 1567.97 223.715 1575.93 223.104C1583.88 222.492 1589.82 222.186 1593.73 222.186C1607.87 222.186 1618.64 225.429 1626.05 231.916C1635.59 240.3 1640.37 250.337 1640.37 262.025C1640.37 266.554 1639.36 271.695 1637.34 277.447C1631.52 292.502 1617.23 301.773 1594.47 305.262C1587.68 305.996 1580.91 306.363 1574.18 306.363C1543.77 306.363 1522.68 297.337 1510.93 279.283C1509.22 276.896 1508.36 274.02 1508.36 270.654C1508.36 266.554 1509.74 262.546 1512.49 258.629C1515.86 253.611 1521 251.102 1527.92 251.102C1529.81 251.102 1532.2 251.622 1535.08 252.662C1542.24 255.783 1548.36 261.046 1553.44 268.451C1544.75 263.678 1538.63 261.291 1535.08 261.291C1532.08 261.291 1529.57 262.178 1527.55 263.953C1522.53 268.359 1520.02 272.857 1520.02 277.447C1520.02 279.895 1520.63 281.915 1521.86 283.506C1531.77 295.99 1547.96 302.232 1570.42 302.232C1581.92 302.232 1595.45 300.611 1610.99 297.367C1619.87 295.776 1626.26 289.381 1630.18 278.182C1630.91 275.979 1631.28 273.714 1631.28 271.389C1631.28 265.881 1629.41 260.618 1625.68 255.6C1621.58 251.01 1616.93 247.919 1611.73 246.328C1606.52 244.737 1600.96 243.88 1595.02 243.758C1589.08 243.574 1582.26 243.391 1574.55 243.207C1570.75 243.207 1565.74 243.421 1559.49 243.85C1553.25 244.217 1548.36 244.4 1544.81 244.4C1527.55 244.4 1517.15 238.862 1513.6 227.785C1512.86 225.582 1512.49 223.471 1512.49 221.451C1512.49 216.8 1515.13 211.139 1520.39 204.469C1522.53 201.776 1525.62 199.267 1529.66 196.941C1533.76 194.616 1536.94 192.994 1539.21 192.076C1524.64 178.001 1517.36 159.825 1517.36 137.549C1517.73 127.145 1520.73 117.874 1526.36 109.734C1531.99 101.534 1539.51 95.2611 1548.94 90.916ZM1594.1 98.4434C1591.29 92.2012 1585.01 89.0801 1575.28 89.0801C1569.47 89.0801 1564.21 90.0898 1559.49 92.1094C1553.68 94.4349 1549.34 100.524 1546.46 110.377C1543.58 120.23 1541.9 129.93 1541.41 139.477C1541.41 140.639 1541.35 142.23 1541.23 144.25C1541.1 146.27 1541.04 147.799 1541.04 148.84C1541.04 159.855 1541.96 169.188 1543.8 176.838C1545.63 184.426 1548.23 189.261 1551.6 191.342C1559.68 196.115 1566.81 198.502 1572.99 198.502C1579.6 198.502 1587.37 195.748 1596.3 190.24C1601.32 187.364 1603.83 171.452 1603.83 142.506C1603.34 126.778 1600.1 112.09 1594.1 98.4434Z"
/>
</mask>
<path
d="M142.059 1.87305V6.00391H104.422V198.869C104.422 216.8 97.2617 230.967 82.9414 241.371C74.4349 247.613 64.429 250.734 52.9238 250.734C49.4355 250.734 43.1628 250.245 34.1055 249.266C21.7435 247.797 12.2272 240.514 5.55664 227.418C2.80273 221.971 1.42578 215.974 1.42578 209.426C1.42578 202.633 2.80273 196.727 5.55664 191.709C9.5957 184.671 15.7155 181.152 23.916 181.152C32.8509 181.152 38.8789 185.038 42 192.811C42.7344 195.075 43.1016 197.462 43.1016 199.971C43.1016 204.071 41.847 207.712 39.3379 210.895C35.4212 215.546 30.403 218.055 24.2832 218.422C22.1413 218.422 19.7852 218.055 17.2148 217.32C15.6237 216.953 13.9714 216.219 12.2578 215.117C10.6055 213.954 9.35091 213.036 8.49414 212.363C7.51497 213.404 7.02539 215.178 7.02539 217.688C7.02539 220.319 8.27995 224.205 10.7891 229.346C16.7253 241.096 28.0163 246.971 44.6621 246.971C50.7207 246.726 57.1159 245.012 63.8477 241.83C70.5794 238.587 73.9453 234.67 73.9453 230.08V6.00391H39.3379V1.87305H142.059Z"
stroke="white"
stroke-width="2"
mask="url(#path-1-outside-1_714_3)"
/>
<path
d="M128.473 169.494C128.473 154.562 130.859 140.395 135.633 126.992C140.467 113.59 147.597 102.788 157.021 94.5879C166.446 86.3874 177.615 82.2871 190.527 82.2871C203.562 82.2871 214.762 86.4486 224.125 94.7715C233.549 103.033 240.648 113.773 245.422 126.992C250.195 140.15 252.582 153.827 252.582 168.025C252.46 181.795 249.951 195.075 245.055 207.865C240.159 220.594 232.999 230.937 223.574 238.893C214.211 246.787 203.195 250.734 190.527 250.734C178.043 250.734 167.15 246.848 157.848 239.076C148.607 231.304 141.477 221.206 136.459 208.783C131.502 196.36 128.84 183.264 128.473 169.494ZM190.895 86.418C179.94 86.418 171.862 89.4779 166.66 95.5977C161.52 101.717 158.245 110.224 156.838 121.117C155.492 131.949 154.818 147.463 154.818 167.658C154.818 186.079 155.522 200.674 156.93 211.445C158.398 222.155 161.734 230.57 166.936 236.689C172.199 242.809 180.185 245.869 190.895 245.869C201.665 245.869 209.652 242.932 214.854 237.057C220.055 231.12 223.36 222.828 224.768 212.18C226.236 201.47 226.971 186.63 226.971 167.658C226.971 148.564 226.298 133.51 224.951 122.494C223.605 111.479 220.331 102.727 215.129 96.2402C209.927 89.6921 201.849 86.418 190.895 86.418Z"
stroke="white"
stroke-width="2"
mask="url(#path-1-outside-1_714_3)"
/>
<path
d="M307.477 83.3887C314.82 83.3887 320.91 84.5514 325.744 86.877C330.64 89.1413 335.597 92.0176 340.615 95.5059C345.633 98.9941 349.244 100.738 351.447 100.738C355.242 100.738 359.372 96.6074 363.84 88.3457H367.604V146.27C363.197 134.887 358.791 125.187 354.385 117.17C350.04 109.153 344.562 102.788 337.953 98.0762C327.855 90.7936 318.309 87.1523 309.312 87.1523C303.805 87.1523 299.184 88.6823 295.451 91.7422C287.679 97.6172 283.793 104.747 283.793 113.131C283.793 117.415 285.17 120.934 287.924 123.688C293.86 129.624 301.51 135.132 310.873 140.211C320.236 145.229 329.814 150.4 339.605 155.725C349.397 161.049 357.383 167.138 363.564 173.992C369.745 180.846 373.723 189.506 375.498 199.971C376.049 203.949 376.324 206.58 376.324 207.865C376.324 216.249 373.938 224.021 369.164 231.182C364.391 238.342 358.24 244.247 350.713 248.898C345.205 252.387 338.932 254.131 331.895 254.131C321.124 254.131 309.863 250.245 298.113 242.473C296.522 241.493 292.758 237.975 286.822 231.916C286.088 231.182 285.201 230.814 284.16 230.814C282.508 230.814 280.978 231.763 279.57 233.66C278.163 235.557 276.48 238.464 274.521 242.381C272.624 246.236 271.339 248.776 270.666 250L267.27 250.367V184.549C271.737 195.258 275.96 204.469 279.938 212.18C283.977 219.891 289.117 227.112 295.359 233.844C301.602 240.514 308.884 245.135 317.207 247.705C323.266 249.48 328.161 250.367 331.895 250.367C338.137 250.367 343.522 248.745 348.051 245.502C352.396 242.32 356.037 238.311 358.975 233.477C361.973 228.642 363.473 223.746 363.473 218.789C363.473 214.505 362.34 210.497 360.076 206.764C353.528 196.85 339.942 185.865 319.318 173.809C298.695 161.691 285.17 153.277 278.744 148.564C272.318 143.791 269.105 135.866 269.105 124.789C269.105 118.853 270.238 113.345 272.502 108.266C278.499 93.7617 290.158 85.4694 307.477 83.3887Z"
stroke="white"
stroke-width="2"
mask="url(#path-1-outside-1_714_3)"
/>
<path
d="M443.703 6.37109V119.189C443.826 114.294 445.753 109.122 449.486 103.676C453.281 98.168 458.788 93.5475 466.01 89.8145C473.292 86.0814 481.768 84.2148 491.438 84.2148C503.432 84.2148 513.561 86.9382 521.822 92.3848C530.145 97.8314 534.307 107.378 534.307 121.025V245.869H562.121V250.734H482.441V246.236H508.328V114.232C508.328 107.378 506.829 101.289 503.83 95.9648C500.893 90.6406 496.762 87.9785 491.438 87.9785C483.91 87.9785 476.475 90.0286 469.131 94.1289C461.787 98.168 455.698 104.41 450.863 112.855C446.09 121.24 443.703 131.49 443.703 143.607V245.869H468.121V250.367C462.368 250.122 451.842 250 436.543 250C426.996 250 417.908 250.031 409.279 250.092C400.712 250.214 394.5 250.306 390.645 250.367L391.379 245.869H417.357V10.8691H390.277L390.645 6.73828L443.703 6.37109Z"
stroke="white"
stroke-width="2"
mask="url(#path-1-outside-1_714_3)"
/>
<path
d="M561.479 83.3887H612.609V223.654C612.609 230.876 615.18 236.628 620.32 240.912C625.522 245.196 630.724 247.338 635.926 247.338C638.068 247.338 639.689 246.971 640.791 246.236C651.745 240.423 660.68 232.038 667.596 221.084C674.511 210.13 677.969 198.471 677.969 186.109V87.6113H647.584V83.0215H702.479V245.869H729.191V250H678.428L677.969 210.527C670.197 222.951 662.118 232.895 653.734 240.361C645.411 247.766 634.824 251.469 621.973 251.469C597.922 248.47 585.896 238.831 585.896 222.553V88.3457H561.479V83.3887Z"
stroke="white"
stroke-width="2"
mask="url(#path-1-outside-1_714_3)"
/>
<path
d="M809.605 85.3164C823.62 90.2734 832.126 98.5352 835.125 110.102C839.654 125.156 841.918 142.965 841.918 163.527C841.918 168.668 841.796 173.809 841.551 178.949C841.367 184.09 841.092 190.148 840.725 197.125C840.357 204.102 840.021 211.568 839.715 219.523C839.409 227.418 839.256 233.813 839.256 238.709C839.745 242.503 842.775 244.4 848.344 244.4C851.71 244.4 854.586 243.635 856.973 242.105C863.154 237.516 866.55 227.724 867.162 212.73H870.1C869.61 222.216 868.202 230.049 865.877 236.23C863.551 242.411 859.206 246.512 852.842 248.531C849.048 249.755 845.529 250.367 842.285 250.367C834.207 250.367 828.087 247.368 823.926 241.371C819.091 233.844 815.939 226.072 814.471 218.055C805.964 236.23 794.826 246.634 781.057 249.266C777.324 250 773.682 250.367 770.133 250.367C761.137 250.367 753.242 247.368 746.449 241.371C736.168 231.702 731.027 217.779 731.027 199.604C732.068 185.712 739.197 174.574 752.416 166.189C757.434 163.007 766.767 159.733 780.414 156.367C794.122 152.94 802.965 150.615 806.943 149.391C810.921 148.105 813.063 145.658 813.369 142.047C814.593 129.624 815.205 121.852 815.205 118.73C815.205 99.8203 807.708 88.6823 792.715 85.3164C782.372 85.3164 774.049 86.2956 767.746 88.2539C761.443 90.151 756.333 93.6699 752.416 98.8105C752.906 100.891 754.589 102.727 757.465 104.318C760.402 105.848 763.064 107.317 765.451 108.725C767.838 110.132 769.154 112.09 769.398 114.6C769.398 120.597 768.817 124.85 767.654 127.359C766.492 129.807 763.921 131.215 759.943 131.582C754.252 131.582 749.723 131.031 746.357 129.93C743.053 128.767 740.697 126.288 739.289 122.494C738.555 119.924 738.188 117.568 738.188 115.426C738.188 107.898 742.074 100.861 749.846 94.3125C760.066 85.5612 772.458 81.1855 787.023 81.1855C794.306 81.1855 801.833 82.5625 809.605 85.3164ZM812.635 155.633L808.871 152.236C805.383 154.562 800.518 156.52 794.275 158.111C788.094 159.641 782.587 161.049 777.752 162.334C772.979 163.558 769.429 165.333 767.104 167.658C759.821 175.614 756.18 186.783 756.18 201.164C756.18 210.772 757.954 221.543 761.504 233.477C762.422 236.414 764.533 238.984 767.838 241.188C771.204 243.329 774.723 244.4 778.395 244.4C781.393 244.4 784.27 243.635 787.023 242.105C793.633 237.699 798.743 232.344 802.354 226.041C805.964 219.676 808.443 212.761 809.789 205.295C811.135 197.768 811.9 189.659 812.084 180.969C812.268 172.217 812.451 163.772 812.635 155.633Z"
stroke="white"
stroke-width="2"
mask="url(#path-1-outside-1_714_3)"
/>
<path
d="M982.275 2.60742H1087.57V6.37109H1048L1105.93 121.025L1143.93 33.084C1145.7 29.1061 1146.59 25.5872 1146.59 22.5273C1146.59 11.5117 1134.81 6.00391 1111.25 6.00391V1.87305H1196.53V6.00391C1174.62 6.00391 1158.71 17.0195 1148.79 39.0508L1108.22 130.848V245.869H1146.96V250.734L1042.4 250V245.869H1078.11V126.717L1015.69 6.37109H982.275V2.60742Z"
stroke="white"
stroke-width="2"
mask="url(#path-1-outside-1_714_3)"
/>
<path
d="M1251.33 85.3164C1265.35 90.2734 1273.85 98.5352 1276.85 110.102C1281.38 125.156 1283.64 142.965 1283.64 163.527C1283.64 168.668 1283.52 173.809 1283.28 178.949C1283.09 184.09 1282.82 190.148 1282.45 197.125C1282.08 204.102 1281.75 211.568 1281.44 219.523C1281.14 227.418 1280.98 233.813 1280.98 238.709C1281.47 242.503 1284.5 244.4 1290.07 244.4C1293.44 244.4 1296.31 243.635 1298.7 242.105C1304.88 237.516 1308.28 227.724 1308.89 212.73H1311.83C1311.34 222.216 1309.93 230.049 1307.6 236.23C1305.28 242.411 1300.93 246.512 1294.57 248.531C1290.77 249.755 1287.26 250.367 1284.01 250.367C1275.93 250.367 1269.81 247.368 1265.65 241.371C1260.82 233.844 1257.67 226.072 1256.2 218.055C1247.69 236.23 1236.55 246.634 1222.78 249.266C1219.05 250 1215.41 250.367 1211.86 250.367C1202.86 250.367 1194.97 247.368 1188.18 241.371C1177.89 231.702 1172.75 217.779 1172.75 199.604C1173.79 185.712 1180.92 174.574 1194.14 166.189C1199.16 163.007 1208.49 159.733 1222.14 156.367C1235.85 152.94 1244.69 150.615 1248.67 149.391C1252.65 148.105 1254.79 145.658 1255.1 142.047C1256.32 129.624 1256.93 121.852 1256.93 118.73C1256.93 99.8203 1249.43 88.6823 1234.44 85.3164C1224.1 85.3164 1215.78 86.2956 1209.47 88.2539C1203.17 90.151 1198.06 93.6699 1194.14 98.8105C1194.63 100.891 1196.32 102.727 1199.19 104.318C1202.13 105.848 1204.79 107.317 1207.18 108.725C1209.56 110.132 1210.88 112.09 1211.12 114.6C1211.12 120.597 1210.54 124.85 1209.38 127.359C1208.22 129.807 1205.65 131.215 1201.67 131.582C1195.98 131.582 1191.45 131.031 1188.08 129.93C1184.78 128.767 1182.42 126.288 1181.02 122.494C1180.28 119.924 1179.91 117.568 1179.91 115.426C1179.91 107.898 1183.8 100.861 1191.57 94.3125C1201.79 85.5612 1214.18 81.1855 1228.75 81.1855C1236.03 81.1855 1243.56 82.5625 1251.33 85.3164ZM1254.36 155.633L1250.6 152.236C1247.11 154.562 1242.24 156.52 1236 158.111C1229.82 159.641 1224.31 161.049 1219.48 162.334C1214.71 163.558 1211.16 165.333 1208.83 167.658C1201.55 175.614 1197.91 186.783 1197.91 201.164C1197.91 210.772 1199.68 221.543 1203.23 233.477C1204.15 236.414 1206.26 238.984 1209.56 241.188C1212.93 243.329 1216.45 244.4 1220.12 244.4C1223.12 244.4 1226 243.635 1228.75 242.105C1235.36 237.699 1240.47 232.344 1244.08 226.041C1247.69 219.676 1250.17 212.761 1251.52 205.295C1252.86 197.768 1253.63 189.659 1253.81 180.969C1253.99 172.217 1254.18 163.772 1254.36 155.633Z"
stroke="white"
stroke-width="2"
mask="url(#path-1-outside-1_714_3)"
/>
<path
d="M1423.45 83.8477C1431.1 83.8477 1438.2 85.7448 1444.75 89.5391C1451.3 93.3333 1456.5 98.4434 1460.35 104.869C1464.27 111.234 1466.23 118.118 1466.23 125.523V245.869H1490V250H1413.26V245.869H1440.34L1439.97 124.789C1439.97 115.609 1438.96 108.051 1436.95 102.115C1434.93 96.1178 1430.79 92.14 1424.55 90.1816C1422.17 89.2025 1419.41 88.7129 1416.29 88.7129C1407.29 88.7129 1399.77 92.9661 1393.71 101.473C1380.92 118.547 1374.52 133.724 1374.52 147.004L1374.16 245.869H1398.94V250L1321.46 250.734V245.869H1348.54V95.5059H1320.36C1320.85 95.5059 1321.1 94.6185 1321.1 92.8438C1321.1 91.8034 1320.85 91.1608 1320.36 90.916H1374.52L1374.16 122.953C1379.36 114.569 1384.01 107.776 1388.11 102.574C1392.21 97.3112 1397.2 92.9049 1403.07 89.3555C1408.95 85.7448 1415.74 83.9089 1423.45 83.8477Z"
stroke="white"
stroke-width="2"
mask="url(#path-1-outside-1_714_3)"
/>
<path
d="M1548.94 90.916C1556.77 87.1829 1564.54 85.3164 1572.25 85.3164C1587.37 85.3164 1600.53 91.3444 1611.73 103.4C1620.72 93.3639 1630.76 88.3457 1641.84 88.3457C1650.83 90.1816 1657.1 95.0469 1660.65 102.941C1661.63 105.512 1662.12 107.654 1662.12 109.367C1662.12 113.773 1660.62 117.292 1657.62 119.924C1654.87 122.188 1651.87 123.32 1648.63 123.32C1645.08 123.32 1642.17 122.066 1639.91 119.557C1638.19 117.537 1637.34 113.651 1637.34 107.898C1637.71 104.716 1638.84 102.329 1640.73 100.738C1642.63 99.0859 1646 97.709 1650.83 96.6074C1647.22 92.3236 1642.85 90.1816 1637.71 90.1816C1634.46 90.1816 1631.59 90.9466 1629.08 92.4766C1626.44 93.9453 1624.3 95.4141 1622.65 96.8828C1621.06 98.2904 1619.38 100.218 1617.6 102.666C1615.89 105.114 1614.94 106.46 1614.76 106.705C1623.26 120.475 1627.64 132.531 1627.88 142.873C1627.88 152.42 1626.84 160.529 1624.76 167.199C1622.68 173.87 1618.86 180.173 1613.29 186.109C1602.58 196.819 1589.54 202.694 1574.18 203.734C1570.33 203.612 1565.09 202.266 1558.48 199.695C1551.88 197.125 1546.95 195.84 1543.71 195.84C1539.6 195.84 1535.6 197.615 1531.68 201.164C1528.44 204.285 1526.81 207.406 1526.81 210.527C1526.81 212.608 1527.43 214.107 1528.65 215.025C1535.26 221.023 1545.17 224.021 1558.39 224.021C1562.13 224.021 1567.97 223.715 1575.93 223.104C1583.88 222.492 1589.82 222.186 1593.73 222.186C1607.87 222.186 1618.64 225.429 1626.05 231.916C1635.59 240.3 1640.37 250.337 1640.37 262.025C1640.37 266.554 1639.36 271.695 1637.34 277.447C1631.52 292.502 1617.23 301.773 1594.47 305.262C1587.68 305.996 1580.91 306.363 1574.18 306.363C1543.77 306.363 1522.68 297.337 1510.93 279.283C1509.22 276.896 1508.36 274.02 1508.36 270.654C1508.36 266.554 1509.74 262.546 1512.49 258.629C1515.86 253.611 1521 251.102 1527.92 251.102C1529.81 251.102 1532.2 251.622 1535.08 252.662C1542.24 255.783 1548.36 261.046 1553.44 268.451C1544.75 263.678 1538.63 261.291 1535.08 261.291C1532.08 261.291 1529.57 262.178 1527.55 263.953C1522.53 268.359 1520.02 272.857 1520.02 277.447C1520.02 279.895 1520.63 281.915 1521.86 283.506C1531.77 295.99 1547.96 302.232 1570.42 302.232C1581.92 302.232 1595.45 300.611 1610.99 297.367C1619.87 295.776 1626.26 289.381 1630.18 278.182C1630.91 275.979 1631.28 273.714 1631.28 271.389C1631.28 265.881 1629.41 260.618 1625.68 255.6C1621.58 251.01 1616.93 247.919 1611.73 246.328C1606.52 244.737 1600.96 243.88 1595.02 243.758C1589.08 243.574 1582.26 243.391 1574.55 243.207C1570.75 243.207 1565.74 243.421 1559.49 243.85C1553.25 244.217 1548.36 244.4 1544.81 244.4C1527.55 244.4 1517.15 238.862 1513.6 227.785C1512.86 225.582 1512.49 223.471 1512.49 221.451C1512.49 216.8 1515.13 211.139 1520.39 204.469C1522.53 201.776 1525.62 199.267 1529.66 196.941C1533.76 194.616 1536.94 192.994 1539.21 192.076C1524.64 178.001 1517.36 159.825 1517.36 137.549C1517.73 127.145 1520.73 117.874 1526.36 109.734C1531.99 101.534 1539.51 95.2611 1548.94 90.916ZM1594.1 98.4434C1591.29 92.2012 1585.01 89.0801 1575.28 89.0801C1569.47 89.0801 1564.21 90.0898 1559.49 92.1094C1553.68 94.4349 1549.34 100.524 1546.46 110.377C1543.58 120.23 1541.9 129.93 1541.41 139.477C1541.41 140.639 1541.35 142.23 1541.23 144.25C1541.1 146.27 1541.04 147.799 1541.04 148.84C1541.04 159.855 1541.96 169.188 1543.8 176.838C1545.63 184.426 1548.23 189.261 1551.6 191.342C1559.68 196.115 1566.81 198.502 1572.99 198.502C1579.6 198.502 1587.37 195.748 1596.3 190.24C1601.32 187.364 1603.83 171.452 1603.83 142.506C1603.34 126.778 1600.1 112.09 1594.1 98.4434Z"
stroke="white"
stroke-width="2"
mask="url(#path-1-outside-1_714_3)"
/>
</svg>
</div>
<div id="menu">
<!-- <h2>Menu</h2> -->
<div class="hamburger">
<div class="hamburger-line"></div>
</div>
<!-- <a class="menu-item" href="/about.html">Menu</a> -->
</div>
</nav>
<section>
<div class="image-container">
<img class="me" id="me" alt="me" src="/media/images/Hero/SF_T&R.JPG" />
<p id="about">
I am a 18 year old from California! I enjoy fitness, soccer, travel. Recently I've been learning how to camp and go backpacking and am trying to start some cool projects in my free time.
It's difficult to say what will happen in the next four years, but I've learned to enjoy the process.
</p>
</div>
<svg style="position: absolute; height: 0">
<defs>
<filter id="noise">
<feTurbulence baseFrequency="0.7,0.8" seed="0" type="fractalNoise" result="static">
<animate attributeName="seed" values="0;20" dur="500ms" repeatCount="indefinite" begin="me.mouseenter" />
</feTurbulence>
<feDisplacementMap in="SourceGraphic" in2="static">
<animate attributeName="scale" values="0;20;0" dur="500ms" repeatCount="1" begin="me.mouseenter" />
</feDisplacementMap>
</filter>
</defs>
</svg>
</section>
<!-- <footer>
<div class="copyright">
<h6>©2022-2023 Licensed By Joshua Yang</h6>
<h7>If you haven't noticed, this site is obviously not finished...20% done</h7>
</div>
<div class="links">
<a href="https://open.spotify.com/user/jjz133?si=cbdf4b34ebd14042" target="_blank"><i class="fa-brands fa-spotify fa-xl" style="color: #065a0c;"></i></a>
<a href="https://github.com/joshuayanggithub" target="_blank"><i class="fa-brands fa-github fa-xl" style="color: #470753;"></i></a>
</div>
</footer> -->
</main>
<aside class="overlay">
<div class="menu-column one">
<img src="/media/images/Menu/blurredme.JPG" />
<a href="/work.html">1. work</a>
</div>
<div class="menu-column two">
<a href="/experiences.html">2. experiences </a>
<img src="/media/images/Menu/sunsettx.JPG" />
</div>
<div class="menu-column three">
<img src="/media/images/Menu/chess.JPG" />
<a href="/contact.html">3. contact</a>
</div>
<div class="menu-column four">
<a href="/">4. home </a>
<img src="/media/images/Menu/path.JPG" />
</div>
</aside>
</body>
<script src="/scripts/script.js"></script>
<script src="/scripts/global.js"></script>
</html>