Skip to content

Commit 2f199ef

Browse files
wyndchymewyndchyme
authored
Add files via upload
0 parents  commit 2f199ef

37 files changed

+1101
-0
lines changed

‎404.html‎

Lines changed: 140 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,140 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link href="style.css" rel="stylesheet">
7+
<link rel="icon" type="image/x-icon" href="/img/favicon.ico?">
8+
<title>Minecraft 3DS Community &#8226 Home</title>
9+
<style>
10+
.header {
11+
overflow: visible;
12+
}
13+
#vines {
14+
position: absolute;
15+
top: 0;
16+
left: 0;
17+
height: 100%;
18+
pointer-events: none;
19+
}
20+
</style>
21+
</head>
22+
<body>
23+
<script>
24+
function generateVines() {
25+
const vinesContainer = document.getElementById('vines');
26+
vinesContainer.innerHTML = "";
27+
28+
const vineWidth = 32;
29+
const gap = 64;
30+
const spacing = vineWidth + gap;
31+
const maxHeight = 5;
32+
const minLeft = 360;
33+
34+
const header = document.querySelector('.header');
35+
const headerWidth = header.offsetWidth;
36+
vinesContainer.style.width = headerWidth + 'px';
37+
38+
const availableWidth = headerWidth - minLeft;
39+
const totalColumns = Math.floor(availableWidth / spacing);
40+
41+
for (let i = 0; i < totalColumns; i++) {
42+
if (i % 4 === 0) continue;
43+
const vineHeight = Math.floor(Math.random() * maxHeight) + 1;
44+
const left = minLeft + i * spacing;
45+
46+
for (let j = 0; j < vineHeight; j++) {
47+
const vine = document.createElement('img');
48+
vine.src = 'img/bg/vine.png';
49+
vine.style.width = vineWidth + 'px';
50+
vine.style.position = 'absolute';
51+
vine.style.left = `${left}px`;
52+
vine.style.top = `${j * vineWidth}px`;
53+
vine.style.display = 'block';
54+
vinesContainer.appendChild(vine);
55+
}
56+
}
57+
}
58+
59+
window.addEventListener('DOMContentLoaded', generateVines);
60+
61+
let resizeTimeout;
62+
window.addEventListener('resize', () => {
63+
clearTimeout(resizeTimeout);
64+
resizeTimeout = setTimeout(() => {
65+
location.reload();
66+
}, 250);
67+
});
68+
</script>
69+
70+
71+
<div style="position: absolute; top: 0; left: 0; width: 100vw; height: 3.5em; display: flex; align-items: center;" class="header">
72+
<a href="index.html" style="text-indent: 1rem;">
73+
<span style="color: white; font-size: 20pt; filter: drop-shadow(0 3px 3px black); margin-left: 20px;">
74+
<img src="img/New_Nintendo_3DS_Edition.webp" style="width: 180px; vertical-align: middle; position: relative; bottom: 3px; image-rendering: auto;">
75+
<span style="position: absolute; display: inline-block; color: yellow; transform-origin: left; transform: translateX(-100px) translateY(25px) scale(0.65) rotate(-15deg); animation: scaleText 2s ease-in-out infinite;">
76+
Community
77+
</span>
78+
</span>
79+
</a>
80+
81+
<div id="vines" class="vines">
82+
</div>
83+
</div>
84+
85+
86+
<div class="dropDownContainer closed">
87+
<div class="dropDown">
88+
<div style="margin-top: 8px; margin-left: 15px; line-height: 2; font-size: 16pt; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); height: 100%;">
89+
<span class="dropDownItems" onclick="window.location.href='index.html';">
90+
<img src="img/gui/home.png" alt="Home">Home
91+
<img src="img/gui/expfull.png" class="expImage" data-full="img/gui/expfull.png" alt="Expand">
92+
</span>
93+
<img src="img/gui/exp.png" style="position: absolute;">
94+
<span class="dropDownItems" onclick="window.location.href='index.html';">
95+
<img src="img/gui/unistore.png" style="position: relative; bottom: 1px;">Unistore
96+
<img src="img/gui/expfull.png" class="expImage" data-full="img/gui/expfull.png">
97+
</span>
98+
<img src="img/gui/exp.png" style="position: absolute;">
99+
<span class="dropDownItems" onclick="window.location.href='404.html';">
100+
<img src="img/gui/mods.png" style="position: relative; bottom: 1px;">Mods
101+
<img src="img/gui/expfull.png" class="expImage" data-full="img/gui/expfull.png">
102+
</span>
103+
<img src="img/gui/exp.png" style="position: absolute;">
104+
<span class="dropDownItems" onclick="window.location.href='404.html';">
105+
<img src="img/gui/tools.png">Tools
106+
<img src="img/gui/expfull.png" class="expImage" data-full="img/gui/expfull.png">
107+
</span>
108+
<img src="img/gui/exp.png" style="position: absolute;">
109+
<span class="dropDownItems" onclick="window.location.href='404.html';">
110+
<img src="img/gui/tutorials.png" style="position: relative; right: 1px;">Tutorials
111+
<img src="img/gui/expfull.png" class="expImage" data-full="img/gui/expfull.png">
112+
</span>
113+
<img src="img/gui/exp.png" style="position: absolute;">
114+
<span class="dropDownItems" onclick="window.location.href='404.html';">
115+
<img src="img/gui/faqs.png" style="position: relative; bottom: 1px;">FAQs
116+
<img src="img/gui/expfull.png" class="expImage" data-full="img/gui/expfull.png">
117+
</span>
118+
<img src="img/gui/exp.png" style="position: absolute;">
119+
<img src="img/gui/config.png" style="position: absolute; right: 10px; bottom: 20px; width: 30px;">
120+
</div>
121+
</div>
122+
<div class="dropDownButton" id="dropDownToggle">
123+
<img src="img/gui/arrow.png" style="width: 32px;" id="dropDownArrow">
124+
</div>
125+
</div>
126+
127+
128+
<script>
129+
document.getElementById("dropDownToggle").addEventListener("click", function () {
130+
const container = document.querySelector(".dropDownContainer");
131+
const arrow = document.getElementById("dropDownArrow");
132+
133+
container.classList.toggle("closed");
134+
arrow.classList.toggle("flipped");
135+
});
136+
</script>
137+
138+
139+
</body>
140+
</html>

‎img/New_Nintendo_3DS_Edition.webp‎

24.9 KB
Loading

‎img/bg/dark_oak_planks.png‎

202 Bytes
Loading

‎img/bg/dirt.png‎

200 Bytes
Loading

‎img/bg/spruce_planks.png‎

202 Bytes
Loading

‎img/bg/stone_bricks.png‎

199 Bytes
Loading

‎img/bg/vine.png‎

198 Bytes
Loading

‎img/favicon.ico‎

4.19 KB
Binary file not shown.

‎img/gui/arrow.png‎

150 Bytes
Loading

‎img/gui/button.png‎

1.41 KB
Loading

0 commit comments

Comments
 (0)