-
Notifications
You must be signed in to change notification settings - Fork 0
/
interest.html
154 lines (123 loc) · 17.8 KB
/
interest.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="images/logo.gif" type="image/gif" sizes="16x16" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="referrer" content="origin" />
<meta name="author" content="ENKR | Pang Jing Hui | 彭竞辉" />
<meta name="description"
content="Pang Jing Hui, also known as EnKr, is a software developer and beatboxer. This is a pure HTML, CSS, and JS website developed and designed all by himself." />
<meta name="keywords"
content="enkr1, enkr, enkr beatbox, beatbox, singapore beatbox, asia beatboix, vonderie, vonderie beatbox, 555, 555 beatbox" />
<title>ENKR | INTEREST</title>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous" />
<link rel="stylesheet" href="css/style.css?v=3.0.0" />
<link href="https://fonts.googleapis.com/css2?family=Lora&display=swap" rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css2?family=Alegreya+Sans&family=Anonymous+Pro&family=K2D&family=Overpass+Mono&family=Radley&display=swap"
rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script type="text/javascript" defer src="js/main.js"></script>
</head>
<preloader-component></preloader-component>
<body class="interest-body">
<header id="interest-header">
<div class="toggle-nav-bar">
<div class="menu-toggler">
<div class="bar half start"></div>
<div class="bar half middle"></div>
<div class="bar half end"></div>
</div>
</div>
<div class="nav-logo-left">
<a href="/">ENKR</a>
</div>
<nav class="top-nav nav-up">
<ul class="nav-list top-nav-list">
<div class="nav-logo">
<a href="/">ENKR</a>
</div>
<div class="nav-link-container">
<li><a href="/" class="nav-link">Home</a></li>
<li><a href="/#about" class="nav-link">About</a></li>
<li>
<a href="/#specialisation" class="nav-link">Specialisation</a>
</li>
<li><a href="/#experience" class="nav-link">Experience</a></li>
<li><a href="/#portfolio" class="nav-link">Portfolio</a></li>
<li><a href="/#contact" class="nav-link">Contact</a></li>
<!-- <li><a href="interest" class="nav-link">Interest</a></li> -->
<p class="designedby">Designed and developed by ENKR</p>
</div>
</ul>
<div id="_progress"></div>
</nav>
<div class="secondary-desktop-nav-bar"></div>
<!-- id="svg-beatbox" -->
<svg id="svg-beatbox" width="1639" height="190" viewBox="0 0 1639 190" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M85.9924 89.8913C104.766 92.4456 118.163 97.8949 126.185 106.239C134.206 114.413 138.217 124.29 138.217 135.87C138.217 145.576 135.742 154.176 130.793 161.668C125.843 169.161 118.761 175.036 109.545 179.293C100.328 183.38 89.4058 185.424 76.7764 185.424C72.1684 185.424 68.243 185.339 65.0003 185.168C54.0776 184.828 43.3255 184.658 32.7442 184.658C18.7494 184.658 8.16804 184.913 1 185.424V180.315C7.14403 179.975 11.5814 179.293 14.3121 178.272C17.2134 177.25 19.1761 175.292 20.2001 172.397C21.2241 169.502 21.7361 164.819 21.7361 158.348V31.6522C21.7361 25.1812 21.2241 20.4982 20.2001 17.6033C19.1761 14.7083 17.2134 12.75 14.3121 11.7283C11.5814 10.7065 7.14403 10.0254 1 9.68479V4.5761C8.16804 5.08696 18.5788 5.34239 32.2322 5.34239L59.8803 5.08696C63.123 4.91667 66.7923 4.83153 70.8884 4.83153C88.2964 4.83153 101.608 8.49276 110.825 15.8152C120.211 23.1377 124.905 32.8442 124.905 44.9348C124.905 54.8116 121.747 63.6667 115.433 71.5C109.289 79.3333 99.4752 85.2935 85.9924 89.3804V89.8913ZM64.4883 9.68479C59.1976 9.68479 55.1869 10.2808 52.4563 11.4728C49.8962 12.6649 48.1042 14.7935 47.0802 17.8587C46.0562 20.9239 45.5442 25.5217 45.5442 31.6522V89.3804H62.6963C76.691 89.3804 86.4191 85.6341 91.8804 78.1413C97.5125 70.4783 100.328 60.346 100.328 47.7446C100.328 34.9728 97.5125 25.4366 91.8804 19.1359C86.2484 12.8351 77.1177 9.68479 64.4883 9.68479ZM64.7443 179.549C96.6591 179.549 112.617 164.649 112.617 134.848C112.617 121.395 108.947 111.178 101.609 104.196C94.4405 97.2138 82.9204 93.7228 67.0483 93.7228H45.5442V158.348C45.5442 164.478 46.0562 168.991 47.0802 171.886C48.1042 174.781 49.8962 176.824 52.4563 178.016C55.1869 179.038 59.283 179.549 64.7443 179.549Z"
stroke="#9796F0" stroke-width="2" />
<path
d="M297.503 152.728C297.503 162.435 298.101 173.333 299.295 185.424C287.69 184.913 268.149 184.658 240.671 184.658C207.903 184.658 183.156 184.913 166.431 185.424V180.315C172.575 179.975 177.012 179.293 179.743 178.272C182.644 177.25 184.607 175.292 185.631 172.397C186.655 169.502 187.167 164.819 187.167 158.348V31.6522C187.167 25.1812 186.655 20.4982 185.631 17.6033C184.607 14.7083 182.644 12.75 179.743 11.7283C177.012 10.7065 172.575 10.0254 166.431 9.68479V4.5761C183.156 5.08696 207.903 5.34239 240.671 5.34239C265.759 5.34239 283.594 5.08696 294.175 4.5761C292.981 15.8152 292.383 25.8623 292.383 34.7174C292.383 41.3587 292.639 46.6377 293.151 50.5544H287.263C286.069 39.4855 284.533 31.3116 282.655 26.0326C280.778 20.5833 277.621 16.6667 273.183 14.2826C268.746 11.7283 262.005 10.4511 252.959 10.4511H231.711C225.567 10.4511 221.044 10.962 218.143 11.9837C215.412 12.8352 213.535 14.7083 212.511 17.6033C211.487 20.4982 210.975 25.1812 210.975 31.6522V91.9348H227.871C233.844 91.9348 238.453 90.5725 241.695 87.8478C244.938 84.9529 247.071 81.6322 248.095 77.8859C249.29 73.9692 250.229 69.1159 250.911 63.3261L251.679 58.2174H257.567C257.055 65.3696 256.799 73.3732 256.799 82.2283V94.4891C256.799 103.174 257.311 115.264 258.335 130.761H252.447C252.277 129.569 251.765 125.482 250.911 118.5C250.058 111.348 247.669 105.984 243.743 102.408C239.989 98.8315 234.698 97.0435 227.871 97.0435H210.975V158.348C210.975 164.819 211.487 169.502 212.511 172.397C213.535 175.292 215.412 177.25 218.143 178.272C221.044 179.123 225.567 179.549 231.711 179.549H250.399C260.981 179.549 269.002 178.187 274.463 175.462C280.095 172.567 284.191 168.054 286.751 161.924C289.311 155.623 291.189 146.428 292.383 134.337H298.271C297.759 138.935 297.503 145.065 297.503 152.728Z"
stroke="#9796F0" stroke-width="2" />
<path
d="M487.552 163.967C491.648 174.525 497.536 179.975 505.217 180.315V185.424C498.39 184.913 489.259 184.658 477.824 184.658C463.147 184.658 452.224 184.913 445.056 185.424V180.315C451.542 179.975 456.15 179.208 458.88 178.016C461.782 176.654 463.232 174.27 463.232 170.864C463.232 167.969 462.208 163.967 460.16 158.859L444.544 116.967H382.592L372.096 144.043C368.682 153.239 366.976 160.221 366.976 164.989C366.976 170.268 368.768 174.1 372.352 176.484C376.107 178.868 381.739 180.145 389.248 180.315V185.424C379.52 184.913 369.706 184.658 359.808 184.658C352.128 184.658 345.728 184.913 340.608 185.424V180.315C349.141 178.272 355.882 170.864 360.832 158.092L420.992 3.29891H425.088L487.552 163.967ZM442.496 111.859L413.824 35.4837L384.64 111.859H442.496Z"
stroke="#9796F0" stroke-width="2" />
<path
d="M650.133 4.5761C648.939 16.6667 650.901 27.5652 650.901 37.2717C650.901 45.7862 651.157 52.7681 651.669 58.2174H645.781C644.416 45.1051 642.709 35.3985 640.661 29.0978C638.613 22.6268 635.029 17.9438 629.909 15.0489C624.789 11.9837 616.938 10.4511 606.357 10.4511H592.533V155.793C592.533 162.946 593.216 168.139 594.581 171.375C595.946 174.61 598.336 176.824 601.749 178.016C605.162 179.208 610.709 179.975 618.389 180.315V185.424C609.514 184.913 596.97 184.658 580.757 184.658C563.69 184.658 551.061 184.913 542.869 185.424V180.315C550.549 179.975 556.095 179.208 559.509 178.016C562.922 176.824 565.311 174.61 566.677 171.375C568.042 168.139 568.725 162.946 568.725 155.793V10.4511H554.901C544.319 10.4511 536.469 11.9837 531.349 15.0489C526.229 17.9438 522.645 22.6268 520.597 29.0978C518.549 35.3985 516.842 45.1051 515.477 58.2174H509.589C510.101 52.7681 510.357 45.7862 510.357 37.2717C510.357 27.5652 509.759 16.6667 508.564 4.5761C522.73 5.08696 546.794 5.34239 580.757 5.34239C614.549 5.34239 635.968 5.08696 650.133 4.5761Z"
stroke="#9796F0" stroke-width="2" />
<path
d="M771.246 89.8913C790.019 92.4456 803.417 97.8949 811.438 106.239C819.459 114.413 823.47 124.29 823.47 135.87C823.47 145.576 820.995 154.176 816.046 161.668C811.097 169.161 804.014 175.036 794.798 179.293C785.582 183.38 774.659 185.424 762.03 185.424C757.422 185.424 753.496 185.339 750.254 185.168C739.331 184.828 728.579 184.658 717.998 184.658C704.003 184.658 693.421 184.913 686.253 185.424V180.315C692.397 179.975 696.835 179.293 699.565 178.272C702.467 177.25 704.429 175.292 705.453 172.397C706.477 169.502 706.989 164.819 706.989 158.348V31.6522C706.989 25.1812 706.477 20.4982 705.453 17.6033C704.429 14.7083 702.467 12.75 699.565 11.7283C696.835 10.7065 692.397 10.0254 686.253 9.68479V4.5761C693.421 5.08696 703.832 5.34239 717.486 5.34239L745.134 5.08696C748.376 4.91667 752.046 4.83153 756.142 4.83153C773.55 4.83153 786.862 8.49276 796.078 15.8152C805.465 23.1377 810.158 32.8442 810.158 44.9348C810.158 54.8116 807.001 63.6667 800.686 71.5C794.542 79.3333 784.728 85.2935 771.246 89.3804V89.8913ZM749.742 9.68479C744.451 9.68479 740.44 10.2808 737.71 11.4728C735.15 12.6649 733.358 14.7935 732.334 17.8587C731.31 20.9239 730.798 25.5217 730.798 31.6522V89.3804H747.95C761.944 89.3804 771.672 85.6341 777.134 78.1413C782.766 70.4783 785.582 60.346 785.582 47.7446C785.582 34.9728 782.766 25.4366 777.134 19.1359C771.502 12.8351 762.371 9.68479 749.742 9.68479ZM749.998 179.549C781.912 179.549 797.87 164.649 797.87 134.848C797.87 121.395 794.201 111.178 786.862 104.196C779.694 97.2138 768.174 93.7228 752.302 93.7228H730.798V158.348C730.798 164.478 731.31 168.991 732.334 171.886C733.358 174.781 735.15 176.824 737.71 178.016C740.44 179.038 744.536 179.549 749.998 179.549Z"
stroke="#9796F0" stroke-width="2" />
<path
d="M932.539 1C948.752 1 962.917 4.66123 975.035 11.9837C987.323 19.3062 996.795 29.9493 1003.45 43.913C1010.28 57.7065 1013.69 74.2246 1013.69 93.4674C1013.69 112.199 1010.19 128.803 1003.19 143.277C996.368 157.752 986.725 168.991 974.267 176.995C961.979 184.998 947.984 189 932.283 189C916.069 189 901.818 185.339 889.53 178.016C877.413 170.694 867.941 160.136 861.114 146.342C854.458 132.379 851.13 115.775 851.13 96.5326C851.13 77.8007 854.543 61.1975 861.37 46.7228C868.368 32.2482 878.01 21.0091 890.298 13.0054C902.757 5.00181 916.837 1 932.539 1ZM931.515 5.59782C920.592 5.59782 910.949 9.42934 902.586 17.0924C894.394 24.5851 887.994 35.1431 883.386 48.7663C878.949 62.3895 876.73 77.971 876.73 95.5109C876.73 113.221 879.205 128.803 884.154 142.255C889.274 155.708 896.101 166.096 904.634 173.418C913.168 180.741 922.725 184.402 933.307 184.402C944.229 184.402 953.787 180.656 961.979 173.163C970.341 165.5 976.741 154.857 981.179 141.234C985.787 127.61 988.091 112.029 988.091 94.4891C988.091 76.779 985.531 61.1975 980.411 47.7446C975.461 34.2917 968.72 23.904 960.187 16.5815C951.653 9.25906 942.096 5.59782 931.515 5.59782Z"
stroke="#9796F0" stroke-width="2" />
<path
d="M1161.61 167.288C1164.86 172.226 1167.59 175.547 1169.81 177.25C1172.02 178.953 1175.01 179.889 1178.77 180.06V185.424C1167.16 184.743 1159.82 184.402 1156.75 184.402C1151.12 184.402 1139.09 184.743 1120.65 185.424V180.06C1127.31 180.06 1132 179.804 1134.73 179.293C1137.46 178.612 1138.83 177.505 1138.83 175.973C1138.83 174.611 1138.23 173.078 1137.04 171.375L1093.26 104.451L1065.61 145.576C1059.13 155.283 1055.89 162.775 1055.89 168.054C1055.89 172.482 1057.85 175.632 1061.77 177.505C1065.7 179.208 1071.33 180.145 1078.67 180.315V185.424C1068.94 184.913 1057.42 184.658 1044.11 184.658C1034.72 184.658 1027.47 184.913 1022.35 185.424V180.315C1027.47 179.634 1032.33 177.335 1036.94 173.418C1041.72 169.502 1046.5 163.967 1051.28 156.815L1089.93 99.3424L1039.76 22.712C1036.51 17.7736 1033.78 14.4529 1031.57 12.75C1029.35 11.0471 1026.36 10.1105 1022.61 9.94022V4.5761C1034.21 5.25725 1041.55 5.59782 1044.62 5.59782C1056.06 5.59782 1068.09 5.25725 1080.72 4.5761V9.94022C1074.57 9.94022 1070.14 10.4511 1067.41 11.4728C1064.85 12.3243 1063.57 13.6866 1063.57 15.5598C1063.57 16.5815 1064.33 18.4547 1065.87 21.1794L1105.81 81.9728L1130.89 44.4239C1138.23 33.6957 1141.9 25.5217 1141.9 19.9022C1141.9 16.3261 1140.28 13.7717 1137.04 12.2391C1133.79 10.7065 1128.85 9.85507 1122.19 9.68479V4.5761C1131.92 5.08696 1141.73 5.34239 1151.63 5.34239C1161.02 5.34239 1168.27 5.08696 1173.39 4.5761V9.68479C1168.27 10.3659 1163.32 12.6649 1158.54 16.5815C1153.93 20.4982 1149.24 26.0326 1144.46 33.1848L1108.62 86.5706L1161.61 167.288Z"
stroke="#9796F0" stroke-width="2" />
<path
d="M1274.46 9.68479C1268.31 10.0254 1263.79 10.7065 1260.89 11.7283C1258.16 12.75 1256.28 14.7083 1255.26 17.6033C1254.23 20.4982 1253.72 25.1812 1253.72 31.6522V158.348C1253.72 164.819 1254.23 169.502 1255.26 172.397C1256.28 175.292 1258.16 177.25 1260.89 178.272C1263.79 179.293 1268.31 179.975 1274.46 180.315V185.424C1266.61 184.913 1255.77 184.658 1241.94 184.658C1227.27 184.658 1216.34 184.913 1209.18 185.424V180.315C1215.32 179.975 1219.76 179.293 1222.49 178.272C1225.39 177.25 1227.35 175.292 1228.38 172.397C1229.4 169.502 1229.91 164.819 1229.91 158.348V31.6522C1229.91 25.1812 1229.4 20.4982 1228.38 17.6033C1227.35 14.7083 1225.39 12.75 1222.49 11.7283C1219.76 10.7065 1215.32 10.0254 1209.18 9.68479V4.5761C1216.34 5.08696 1227.27 5.34239 1241.94 5.34239C1255.6 5.34239 1266.43 5.08696 1274.46 4.5761V9.68479Z"
stroke="#9796F0" stroke-width="2" />
<path
d="M1464.38 9.68479C1458.4 10.0254 1453.96 10.962 1451.06 12.4946C1448.16 13.8569 1446.2 16.2409 1445.18 19.6467C1444.15 22.8822 1443.64 27.7355 1443.64 34.2065V186.701H1437.75L1330.23 20.9239V155.793C1330.23 162.435 1330.74 167.373 1331.77 170.609C1332.96 173.844 1335.18 176.228 1338.42 177.761C1341.67 179.123 1346.7 179.975 1353.53 180.315V185.424C1347.38 184.913 1338.68 184.658 1327.41 184.658C1317.17 184.658 1309.24 184.913 1303.61 185.424V180.315C1309.58 179.975 1314.02 179.123 1316.92 177.761C1319.82 176.228 1321.78 173.844 1322.81 170.609C1323.83 167.203 1324.34 162.264 1324.34 155.793V31.6522C1324.34 25.1812 1323.83 20.4982 1322.81 17.6033C1321.78 14.7083 1319.82 12.75 1316.92 11.7283C1314.19 10.7065 1309.75 10.0254 1303.61 9.68479V4.5761C1309.24 5.08696 1317.17 5.34239 1327.41 5.34239C1335.09 5.34239 1341.75 5.08696 1347.38 4.5761L1437.75 143.533V34.2065C1437.75 27.5652 1437.15 22.6268 1435.96 19.3913C1434.94 16.1558 1432.8 13.8569 1429.56 12.4946C1426.32 10.962 1421.28 10.0254 1414.45 9.68479V4.5761C1420.6 5.08696 1429.3 5.34239 1440.57 5.34239C1450.81 5.34239 1458.74 5.08696 1464.38 4.5761V9.68479Z"
stroke="#9796F0" stroke-width="2" />
<path
d="M1562.99 1C1573.06 1 1581.34 2.44746 1587.82 5.34239C1594.31 8.06704 1601.39 12.154 1609.07 17.6033C1611.29 19.3062 1613 20.1576 1614.19 20.1576C1617.43 20.1576 1619.57 14.9638 1620.59 4.5761H1626.48C1625.8 15.6449 1625.46 35.2283 1625.46 63.3261H1619.57C1618.03 54.3007 1616.41 46.8931 1614.7 41.1033C1613 35.1431 1610.35 29.9493 1606.77 25.5217C1601.82 19.3913 1595.33 14.538 1587.31 10.962C1579.46 7.38587 1571.18 5.59782 1562.48 5.59782C1551.22 5.59782 1541.32 9.25906 1532.78 16.5815C1524.25 23.904 1517.68 34.3768 1513.07 48C1508.46 61.4529 1506.16 77.2047 1506.16 95.2554C1506.16 125.908 1511.02 148.386 1520.75 162.69C1530.65 176.824 1546.1 183.891 1567.09 183.891C1577.33 183.891 1586.2 181.252 1593.71 175.973C1596.78 173.929 1598.75 171.971 1599.6 170.098C1600.62 168.054 1601.14 165.33 1601.14 161.924V137.402C1601.14 130.25 1600.45 125.056 1599.09 121.821C1597.72 118.585 1595.33 116.371 1591.92 115.179C1588.51 113.987 1582.96 113.221 1575.28 112.88V107.772C1584.15 108.283 1596.19 108.538 1611.38 108.538C1622.98 108.538 1631.86 108.283 1638 107.772V112.88C1634.07 113.221 1631.17 113.902 1629.3 114.924C1627.59 115.946 1626.39 117.904 1625.71 120.799C1625.2 123.694 1624.94 128.377 1624.94 134.848V185.424H1619.82C1619.65 182.018 1618.97 178.783 1617.78 175.717C1616.58 172.482 1614.96 170.864 1612.91 170.864C1611.89 170.864 1610.86 171.12 1609.84 171.63C1608.82 172.141 1607.02 173.333 1604.46 175.207C1598.49 179.804 1592.26 183.21 1585.78 185.424C1579.46 187.808 1572.38 189 1564.53 189C1546.95 189 1531.84 185.424 1519.22 178.272C1506.76 170.949 1497.2 160.476 1490.54 146.853C1483.89 133.23 1480.56 116.967 1480.56 98.0652C1480.56 78.6522 1484.06 61.6232 1491.06 46.9783C1498.22 32.163 1508.04 20.8388 1520.5 13.0054C1532.95 5.00181 1547.12 1 1562.99 1Z"
stroke="#9796F0" stroke-width="2" />
</svg>
</header>
<section class="bbx-achievements" id="bbx-achievements">
<div class="container">
<div class="section-heading">
<h1>my achievements in beatboxing</h1>
</div>
<!--
Champion of Clementi Community Centre '18 (first battle in my life)
Champion of Radiance Beatbox Jam '19
Champion of A Cappella Beatbox Battle '19
Champion of Cypher Beatbox Battle '19
Top 16 Armageddon international beatbox competition '19
Top 8 The Capital Beatbox Battle '19
Champion of A Cappella Beatbox Battle '19 tagteam
Top 4 Werewolf Beatbox Championship '19 tagteam
-->
<!-- <div class="skill" data-aos="fade-in" data-aos-delay="100"> -->
</div>
</section>
<footer-component></footer-component>
<script>
const svgBeatbox = document.querySelectorAll("#svg-beatbox path");
for (let i = 0; i < svgBeatbox.length; i++) {
svgBeatbox[i].style.strokeDasharray = svgBeatbox[i].getTotalLength();
svgBeatbox[i].style.strokeDashoffset = svgBeatbox[i].getTotalLength();
// console.log(`Letter ${i} is ${svgBeatbox[i].getTotalLength()}`);
}
</script>
</body>
</html>