-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
141 lines (131 loc) · 16.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hollow Knight</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap"
rel="stylesheet"
/>
<script src="js/svg-inject.min.js"></script>
</head>
<body>
<!-- Loading -->
<section class="bg-loader">
<svg
style="max-width: 144px"
width="85"
height="86"
viewBox="0 0 85 86"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="logo-hk"
fill-rule="evenodd"
clip-rule="evenodd"
d="M19.2326 44.5926C19.1054 44.3382 18.5834 43.8589 17.8421 43.1784C15.4389 40.9718 10.7307 36.6489 9.69972 31.0127C8.35072 23.6383 8.80025 19.5013 12.2178 14.1953C15.6353 8.88927 22.6501 6.64093 24.4487 7.54025C25.4169 8.02437 24.5088 9.02969 23.548 10.0933C22.724 11.0055 21.8613 11.9606 22.1104 12.6664C22.371 13.4047 23.2606 13.3671 24.0604 13.3332C24.917 13.297 25.6705 13.2652 25.438 14.1953C25.3123 14.698 24.7722 15.32 24.0808 16.1164C22.2981 18.1699 19.509 21.3824 20.2218 26.696C21.211 34.0705 24.4486 36.4087 25.348 36.8584C25.6178 36.9933 26.0656 36.8368 26.9026 36.5444C28.8559 35.8621 32.9288 34.4392 41.8057 34.2503C51.0012 34.0547 54.9471 35.5947 57.0045 36.3976C57.7843 36.7019 58.2928 36.9004 58.713 36.8584C60.242 36.7055 62.7601 33.0812 63.8393 27.955C64.9185 22.8288 62.0404 18.8718 59.7922 16.0839C58.6248 14.6363 59.3244 14.498 60.3424 14.2968C61.285 14.1104 62.5006 13.8701 62.7601 12.4866C63.0373 11.0085 61.6301 10.005 60.5124 9.20778C59.4538 8.45276 58.6548 7.88289 59.7922 7.27046C62.1306 6.01139 72.3829 9.15904 74.9909 22.1993C77.599 35.2396 66.8068 44.5926 65.7278 44.5926C65.2719 44.5926 65.3456 46.3901 65.4608 49.1986C65.6183 53.0384 65.8534 58.7681 64.9185 64.3778C63.2998 74.0905 55.2056 76.6986 52.1479 77.4181C49.0903 78.1375 41.2661 79.2167 33.0823 77.4181C24.8984 75.6194 20.6716 70.3133 19.7722 64.3778C19.2592 60.9922 19.3314 55.3828 19.388 50.9878C19.4306 47.6776 19.4644 45.0562 19.2326 44.5926ZM37.2191 59.8811C37.2191 64.0532 34.3603 67.4354 30.8338 67.4354C27.3074 67.4354 24.4486 64.0532 24.4486 59.8811C24.4486 55.7089 27.3074 52.3267 30.8338 52.3267C34.3603 52.3267 37.2191 55.7089 37.2191 59.8811ZM53.6767 67.4354C57.2032 67.4354 60.0619 64.0532 60.0619 59.8811C60.0619 55.7089 57.2032 52.3267 53.6767 52.3267C50.1502 52.3267 47.2915 55.7089 47.2915 59.8811C47.2915 64.0532 50.1502 67.4354 53.6767 67.4354Z"
fill="#E8E9F0"
/>
<path
d="M17.8421 43.1784L17.6731 43.3625L17.6731 43.3625L17.8421 43.1784ZM19.2326 44.5926L19.009 44.7044L19.009 44.7044L19.2326 44.5926ZM9.69972 31.0127L9.4538 31.0577L9.4538 31.0577L9.69972 31.0127ZM12.2178 14.1953L12.0076 14.0599L12.0076 14.0599L12.2178 14.1953ZM24.4487 7.54025L24.5605 7.31665L24.5605 7.31665L24.4487 7.54025ZM23.548 10.0933L23.3625 9.9257L23.3625 9.9257L23.548 10.0933ZM22.1104 12.6664L21.8747 12.7497L21.8747 12.7497L22.1104 12.6664ZM24.0604 13.3332L24.071 13.583L24.071 13.583L24.0604 13.3332ZM25.438 14.1953L25.1954 14.1347L25.1954 14.1347L25.438 14.1953ZM24.0808 16.1164L24.2696 16.2803L24.0808 16.1164ZM20.2218 26.696L19.974 26.7292L19.974 26.7292L20.2218 26.696ZM25.348 36.8584L25.4598 36.6348L25.4598 36.6348L25.348 36.8584ZM26.9026 36.5444L26.985 36.7804L26.985 36.7804L26.9026 36.5444ZM41.8057 34.2503L41.8003 34.0004L41.8003 34.0004L41.8057 34.2503ZM57.0045 36.3976L56.9136 36.6305L56.9136 36.6305L57.0045 36.3976ZM58.713 36.8584L58.6881 36.6096L58.6881 36.6096L58.713 36.8584ZM63.8393 27.955L63.5946 27.9035L63.5946 27.9035L63.8393 27.955ZM59.7922 16.0839L59.9868 15.927L59.9868 15.927L59.7922 16.0839ZM60.3424 14.2968L60.2939 14.0515L60.2939 14.0515L60.3424 14.2968ZM62.7601 12.4866L62.5144 12.4405L62.5144 12.4405L62.7601 12.4866ZM60.5124 9.20778L60.6576 9.00424L60.6576 9.00424L60.5124 9.20778ZM59.7922 7.27046L59.6737 7.05034L59.6737 7.05034L59.7922 7.27046ZM74.9909 22.1993L75.2361 22.1503L75.2361 22.1503L74.9909 22.1993ZM65.4608 49.1986L65.7106 49.1883L65.7106 49.1883L65.4608 49.1986ZM64.9185 64.3778L65.1651 64.4189L65.1651 64.4189L64.9185 64.3778ZM52.1479 77.4181L52.0907 77.1747L52.0907 77.1747L52.1479 77.4181ZM33.0823 77.4181L33.0286 77.6622L33.0286 77.6622L33.0823 77.4181ZM19.7722 64.3778L20.0194 64.3403L20.0194 64.3403L19.7722 64.3778ZM19.388 50.9878L19.638 50.991L19.638 50.991L19.388 50.9878ZM17.6731 43.3625C18.045 43.704 18.3568 43.9903 18.5917 44.223C18.836 44.4649 18.9669 44.6203 19.009 44.7044L19.4562 44.4808C19.371 44.3105 19.1773 44.0991 18.9435 43.8676C18.7003 43.6269 18.3805 43.3333 18.0112 42.9942L17.6731 43.3625ZM9.4538 31.0577C10.5022 36.7889 15.2799 41.1652 17.6731 43.3625L18.0112 42.9942C15.5978 40.7783 10.9593 36.5089 9.94564 30.9678L9.4538 31.0577ZM12.0076 14.0599C10.2843 16.7356 9.30093 19.1302 8.92377 21.7933C8.54732 24.4515 8.77737 27.3599 9.4538 31.0577L9.94564 30.9678C9.27307 27.2911 9.05339 24.4438 9.41883 21.8634C9.78358 19.2879 10.7338 16.9611 12.428 14.3307L12.0076 14.0599ZM24.5605 7.31665C24.0349 7.05384 23.1901 7.03937 22.2167 7.20822C21.2278 7.37977 20.0546 7.74983 18.8354 8.31387C16.3987 9.44112 13.7484 11.3572 12.0076 14.0599L12.428 14.3307C14.1047 11.7274 16.6706 9.86626 19.0453 8.76767C20.2318 8.21878 21.3631 7.86376 22.3021 7.70086C23.2567 7.53527 23.9632 7.577 24.3369 7.76386L24.5605 7.31665ZM23.7335 10.2609C24.2046 9.73941 24.6999 9.19418 24.9446 8.71275C25.0677 8.47051 25.149 8.20462 25.0966 7.94452C25.0411 7.66877 24.8494 7.4611 24.5605 7.31665L24.3369 7.76386C24.5321 7.86147 24.5899 7.96101 24.6064 8.04315C24.6261 8.14093 24.6018 8.28362 24.4989 8.48618C24.2914 8.89434 23.8522 9.38356 23.3625 9.9257L23.7335 10.2609ZM22.3462 12.5832C22.2642 12.351 22.3529 12.0283 22.6362 11.5938C22.9108 11.1726 23.3176 10.7213 23.7335 10.2609L23.3625 9.9257C22.9544 10.3775 22.5178 10.8598 22.2174 11.3207C21.9255 11.7683 21.7075 12.2761 21.8747 12.7497L22.3462 12.5832ZM24.0499 13.0835C23.641 13.1008 23.254 13.1155 22.9373 13.0453C22.6349 12.9783 22.4383 12.8444 22.3462 12.5832L21.8747 12.7497C22.043 13.2267 22.4216 13.4432 22.8291 13.5335C23.2224 13.6206 23.68 13.5996 24.071 13.583L24.0499 13.0835ZM25.6805 14.2559C25.745 13.9981 25.7523 13.7658 25.6731 13.5696C25.5898 13.363 25.4285 13.2391 25.2484 13.1689C25.0757 13.1017 24.875 13.0788 24.6783 13.072C24.4794 13.0652 24.2616 13.0745 24.0499 13.0835L24.071 13.583C24.2875 13.5739 24.4851 13.5657 24.6611 13.5717C24.8393 13.5778 24.9731 13.5983 25.0669 13.6348C25.1531 13.6684 25.1901 13.7087 25.2094 13.7566C25.2329 13.8149 25.2472 13.9274 25.1954 14.1347L25.6805 14.2559ZM24.2696 16.2803C24.6134 15.8844 24.9281 15.5221 25.1719 15.1952C25.413 14.872 25.605 14.5578 25.6805 14.2559L25.1954 14.1347C25.1452 14.3355 25.0044 14.5836 24.7712 14.8962C24.5407 15.2051 24.2397 15.5521 23.892 15.9526L24.2696 16.2803ZM20.4696 26.6627C19.7727 21.4674 22.4894 18.3308 24.2696 16.2803L23.892 15.9526C22.1067 18.009 19.2454 21.2973 19.974 26.7292L20.4696 26.6627ZM25.4598 36.6348C24.6445 36.2271 21.4494 33.9669 20.4696 26.6627L19.974 26.7292C20.9727 34.174 24.2527 36.5903 25.2362 37.082L25.4598 36.6348ZM26.8201 36.3084C26.3962 36.4565 26.0898 36.5632 25.8554 36.6183C25.6141 36.6749 25.5109 36.6603 25.4598 36.6348L25.2362 37.082C25.4549 37.1913 25.7104 37.1659 25.9697 37.105C26.236 37.0425 26.5719 36.9247 26.985 36.7804L26.8201 36.3084ZM41.8003 34.0004C32.8925 34.1899 28.7933 35.6191 26.8201 36.3084L26.985 36.7804C28.9184 36.105 32.9652 34.6885 41.811 34.5003L41.8003 34.0004ZM57.0954 36.1647C55.0122 35.3517 51.0336 33.8039 41.8003 34.0004L41.811 34.5003C50.9688 34.3054 54.882 35.8376 56.9136 36.6305L57.0954 36.1647ZM58.6881 36.6096C58.5253 36.6259 58.3296 36.597 58.0648 36.5182C57.7999 36.4395 57.4886 36.3182 57.0954 36.1647L56.9136 36.6305C57.3002 36.7814 57.6331 36.9115 57.9223 36.9975C58.2118 37.0836 58.4804 37.1329 58.7379 37.1071L58.6881 36.6096ZM63.5946 27.9035C63.0603 30.4415 62.1707 32.6021 61.2314 34.1414C60.7614 34.9116 60.2829 35.5199 59.8357 35.9417C59.3819 36.3697 58.9882 36.5796 58.6881 36.6096L58.7379 37.1071C59.2023 37.0607 59.6967 36.7602 60.1788 36.3054C60.6674 35.8445 61.1726 35.1977 61.6582 34.4019C62.63 32.8094 63.539 30.5946 64.0839 28.0065L63.5946 27.9035ZM59.5976 16.2408C61.847 19.0303 64.6475 22.9024 63.5946 27.9035L64.0839 28.0065C65.1894 22.7552 62.2338 18.7134 59.9868 15.927L59.5976 16.2408ZM60.2939 14.0515C60.0444 14.1009 59.7923 14.1502 59.5833 14.2203C59.3799 14.2885 59.1642 14.3926 59.0381 14.5868C58.9009 14.7982 58.91 15.0485 59.0085 15.3103C59.1053 15.5674 59.3003 15.8722 59.5976 16.2408L59.9868 15.927C59.7004 15.5718 59.5451 15.3164 59.4765 15.1342C59.4097 14.9567 59.4384 14.8884 59.4575 14.8591C59.4876 14.8126 59.5647 14.7539 59.7423 14.6944C59.9143 14.6367 60.1314 14.5933 60.3909 14.542L60.2939 14.0515ZM62.5144 12.4405C62.3997 13.0517 62.0819 13.3987 61.6845 13.6229C61.2713 13.8561 60.7726 13.9569 60.2939 14.0515L60.3909 14.542C60.8548 14.4503 61.4352 14.3378 61.9303 14.0584C62.4412 13.77 62.8609 13.305 63.0058 12.5326L62.5144 12.4405ZM60.3672 9.41132C60.9315 9.81378 61.5359 10.2465 61.9692 10.7541C62.3969 11.2554 62.6342 11.8015 62.5144 12.4405L63.0058 12.5326C63.1631 11.6936 62.8354 10.9989 62.3495 10.4296C61.8691 9.86664 61.211 9.39896 60.6576 9.00424L60.3672 9.41132ZM59.6737 7.05034C59.3734 7.21199 59.1509 7.39554 59.0482 7.62227C58.9358 7.87071 58.9915 8.11151 59.115 8.31521C59.2327 8.50956 59.4237 8.69265 59.6347 8.86588C59.8486 9.04153 60.1045 9.22396 60.3672 9.41132L60.6576 9.00424C60.391 8.8141 60.1501 8.64215 59.952 8.47947C59.7509 8.31436 59.6147 8.17514 59.5426 8.05609C59.4761 7.94639 59.4792 7.88271 59.5038 7.82845C59.5381 7.75249 59.6422 7.63514 59.9107 7.49058L59.6737 7.05034ZM75.2361 22.1503C73.9196 15.568 70.6689 11.4655 67.4352 9.16881C65.8203 8.02185 64.2091 7.32488 62.8455 6.99514C62.1638 6.8303 61.5398 6.75622 61.0053 6.76562C60.4745 6.77496 60.0143 6.86694 59.6737 7.05034L59.9107 7.49058C60.1547 7.3592 60.5264 7.27413 61.0141 7.26555C61.4979 7.25703 62.0789 7.32418 62.728 7.48113C64.0258 7.79496 65.5792 8.46385 67.1457 9.57645C70.2748 11.7989 73.4542 15.7903 74.7458 22.2483L75.2361 22.1503ZM65.7278 44.8426C65.8616 44.8426 66.0148 44.7784 66.1537 44.7061C66.3053 44.6272 66.4857 44.5133 66.688 44.3686C67.0934 44.0787 67.6026 43.6541 68.1705 43.1076C69.3067 42.014 70.6884 40.4219 71.9534 38.4196C74.483 34.4154 76.5564 28.7518 75.2361 22.1503L74.7458 22.2483C76.0335 28.6871 74.0149 34.2202 71.5307 38.1525C70.2887 40.1185 68.9331 41.6796 67.8238 42.7473C67.2689 43.2814 66.7783 43.6893 66.3972 43.9619C66.2062 44.0984 66.0466 44.1982 65.9228 44.2626C65.8609 44.2949 65.8116 44.3163 65.7745 44.3293C65.7344 44.3432 65.7214 44.3426 65.7278 44.3426V44.8426ZM65.7106 49.1883C65.6529 47.7799 65.6062 46.6393 65.63 45.8499C65.642 45.4526 65.6716 45.164 65.7194 44.9804C65.7437 44.8874 65.7674 44.8428 65.78 44.8263C65.7868 44.8172 65.768 44.8426 65.7278 44.8426V44.3426C65.5736 44.3426 65.4573 44.4241 65.3814 44.5244C65.3112 44.6171 65.2668 44.7348 65.2356 44.8542C65.1727 45.0955 65.1424 45.4317 65.1303 45.8349C65.1058 46.6464 65.1536 47.8088 65.211 49.2088L65.7106 49.1883ZM65.1651 64.4189C66.1048 58.7802 65.868 53.0259 65.7106 49.1883L65.211 49.2088C65.3686 53.051 65.6019 58.756 64.6719 64.3367L65.1651 64.4189ZM52.2052 77.6614C55.2842 76.937 63.5199 74.2907 65.1651 64.4189L64.6719 64.3367C63.0797 73.8903 55.127 76.4603 52.0907 77.1747L52.2052 77.6614ZM33.0286 77.6622C41.2591 79.4712 49.1228 78.3867 52.2052 77.6614L52.0907 77.1747C49.0578 77.8883 41.273 78.9623 33.1359 77.1739L33.0286 77.6622ZM19.525 64.4152C20.4405 70.4572 24.7478 75.8423 33.0286 77.6622L33.1359 77.1739C25.049 75.3965 20.9026 70.1694 20.0194 64.3403L19.525 64.4152ZM19.138 50.9846C19.0816 55.3701 19.0082 61.0044 19.525 64.4152L20.0194 64.3403C19.5102 60.9799 19.5813 55.3955 19.638 50.991L19.138 50.9846ZM19.009 44.7044C19.0208 44.7281 19.0408 44.7896 19.0612 44.9073C19.0806 45.0193 19.0974 45.1643 19.1114 45.3417C19.1395 45.6962 19.1556 46.1643 19.1632 46.7261C19.1784 47.8491 19.1594 49.3282 19.138 50.9846L19.638 50.991C19.6593 49.3372 19.6784 47.8505 19.6632 46.7193C19.6556 46.154 19.6393 45.673 19.6099 45.3022C19.5952 45.1169 19.5769 44.9551 19.5539 44.8221C19.5319 44.6948 19.5023 44.573 19.4562 44.4808L19.009 44.7044ZM30.8338 67.6854C34.5361 67.6854 37.4691 64.1502 37.4691 59.8811H36.9691C36.9691 63.9562 34.1845 67.1854 30.8338 67.1854V67.6854ZM24.1986 59.8811C24.1986 64.1502 27.1316 67.6854 30.8338 67.6854V67.1854C27.4832 67.1854 24.6986 63.9562 24.6986 59.8811H24.1986ZM30.8338 52.0767C27.1316 52.0767 24.1986 55.6119 24.1986 59.8811H24.6986C24.6986 55.8059 27.4832 52.5767 30.8338 52.5767V52.0767ZM37.4691 59.8811C37.4691 55.6119 34.5361 52.0767 30.8338 52.0767V52.5767C34.1845 52.5767 36.9691 55.8059 36.9691 59.8811H37.4691ZM59.8119 59.8811C59.8119 63.9562 57.0274 67.1854 53.6767 67.1854V67.6854C57.379 67.6854 60.3119 64.1502 60.3119 59.8811H59.8119ZM53.6767 52.5767C57.0274 52.5767 59.8119 55.8059 59.8119 59.8811H60.3119C60.3119 55.6119 57.379 52.0767 53.6767 52.0767V52.5767ZM47.5415 59.8811C47.5415 55.8059 50.3261 52.5767 53.6767 52.5767V52.0767C49.9744 52.0767 47.0415 55.6119 47.0415 59.8811H47.5415ZM53.6767 67.1854C50.3261 67.1854 47.5415 63.9562 47.5415 59.8811H47.0415C47.0415 64.1502 49.9744 67.6854 53.6767 67.6854V67.1854Z"
fill="#E8E9F0"
/>
</svg>
</section>
<!-- Particles -->
<div id="particles-js"></div>
<!-- Header -->
<header>
<nav class="navbar">
<div class="nav-menu">
<div class="logo ml-2">
<a href="#">
<img src="svg/logo.svg" onload="SVGInject(this)" />
</a>
</div>
<ul class="nav-list">
<li><a href="" class="nav-link">Home</a></li>
<li><a href="" class="nav-link">Story</a></li>
<li><a href="" class="nav-link">Wallpapers</a></li>
<li><a href="" class="nav-link">Characters</a></li>
</ul>
</div>
<div class="nav-social mr-2">
<img src="svg/facebook.svg" onload="SVGInject(this)" />
<img src="svg/instagram.svg" onload="SVGInject(this)" />
<img src="svg/youtube.svg" onload="SVGInject(this)" />
<img src="svg/twitter.svg" onload="SVGInject(this)" />
</div>
<div class="bx mr-2"></div>
</nav>
</header>
<!-- BG Video -->
<section class="bg-video">
<video autoplay muted loop class="video">
<source src="video/hollowknight.mp4" type="video/mp4" />
</video>
</section>
<!-- Container -->
<section class="container">
<div class="container-item-1">
<div class="px-1 item-1">
<img src="img/hollow-knight-text.png" onload="SVGInject(this)" />
</div>
<p class="my-2 item-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt
placerat lacinia feugiat fames consequat adipiscing interdum nunc
neque. Purus mi nisi consequat nec aliquam aliquet mauris urna. Aenean
eleifend turpis enim est et et, aliquet massa. Vitae nisl vitae.
</p>
<div class="buttons">
<a href="" class="btn">Buy now</a>
<a href="https://youtu.be/UAO2urG23S4" target="_blank" class="ml-2 btn-secondary">Watch the trailer</a>
</div>
<div class="flex align-items-center mt-2 item-3">
<a href="https://store.steampowered.com/app/367520/Hollow_Knight/" target="_blank">
<img class="w-auto" src="svg/steam.svg" onload="SVGInject(this)" />
</a>
<a href="https://store.playstation.com/pt-br/product/UP1822-CUSA13632_00-HOLLOWKNIGHT18US" target="_blank">
<img
class="w-auto ml-2"
src="svg/playstation.svg"
onload="SVGInject(this)"
/>
</a>
<a href="https://www.microsoft.com/pt-br/p/hollow-knight-edicao-coracao-vazio/9mw9469v91lm?activetab=pivot:overviewtab" target="_blank">
<img
class="w-auto ml-2"
src="svg/xbox.svg"
onload="SVGInject(this)"
/>
</a>
</div>
</div>
<div class="container-item-2 item-4">
<div class="js-tilt">
<img
src="img/the-knight.png"
class="the-knight"
onload="SVGInject(this)"
/>
</div>
</div>
</section>
<!-- Scripts -->
<script src="js/app.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tilt.js/1.2.1/tilt.jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js"></script>
<script>
$(".js-tilt").tilt({
perspective: 2000,
scale: 1.05,
});
</script>
</body>
</html>