Skip to content

Commit fca1157

Browse files
wyndchymewyndchyme
authored
Add files via upload
1 parent be83dc4 commit fca1157

File tree

10 files changed

+95
-47
lines changed

10 files changed

+95
-47
lines changed

‎seeds/img/image1.png‎

390 KB
Loading

‎seeds/img/image2.png‎

291 KB
Loading

‎seeds/img/image3.png‎

336 KB
Loading

‎seeds/img/image4.png‎

247 KB
Loading

‎seeds/img/image5.png‎

275 KB
Loading

‎seeds/img/image6.png‎

266 KB
Loading

‎seeds/img/image7.png‎

246 KB
Loading

‎seeds/img/image8.png‎

184 KB
Loading

‎seeds/img/image9.png‎

193 KB
Loading

‎seeds/index.html‎

Lines changed: 95 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -133,11 +133,50 @@
133133
.grid-item:hover {
134134
background: rgba(255, 255, 255, 0.4);
135135
}
136+
.grid-item img {
137+
width: 100%;
138+
height: 60%;
139+
object-fit: cover;
140+
border: 2px solid black;
141+
outline: 2px solid rgba(255, 255, 255, 0.3);
142+
}
143+
.seedNo {
144+
font-weight: normal;
145+
font-size: 18pt
146+
}
147+
.seedDesc {
148+
font-size: 14pt;
149+
}
150+
@media (max-width: 588px) {
151+
.seedNo {
152+
font-size: 24pt;
153+
}
154+
.seedDesc {
155+
font-size: 20pt;
156+
}
157+
.seedSubmitter {
158+
position: relative;
159+
top: 5px;
160+
font-size: 14pt;
161+
}
162+
}
163+
@media (max-width: 414px) {
164+
.seedNo {
165+
font-size: 18pt;
166+
}
167+
.seedDesc {
168+
font-size: 15pt;
169+
}
170+
.seedSubmitter {
171+
font-size: 12pt;
172+
top: 0px;
173+
}
174+
}
136175
</style>
137176
</head>
138177
<body>
139178
<div style="position: absolute; top: 0; left: 0; width: 100vw; height: 3.5em; display: flex; align-items: center; z-index: 3000;" class="header">
140-
<a href="/index.html" style="text-indent: 1rem;">
179+
<a href="/" style="text-indent: 1rem;">
141180
<span style="color: white; font-size: 20pt; filter: drop-shadow(0 3px 3px black); margin-left: 45px;" class="logo">
142181
<img src="/img/New_Nintendo_3DS_Edition.webp" style="width: 180px; vertical-align: middle; position: relative; bottom: 3px; image-rendering: auto;">
143182
<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;">
@@ -194,29 +233,6 @@
194233
0 2px 0 #966666;">
195234
<div class="grid-container">
196235

197-
<div class="grid-item">
198-
199-
</div>
200-
201-
<div class="grid-item">
202-
203-
</div>
204-
205-
<div class="grid-item">
206-
207-
</div>
208-
209-
<div class="grid-item">
210-
211-
</div>
212-
213-
<div class="grid-item">
214-
215-
</div>
216-
217-
<div class="grid-item">
218-
219-
</div>
220236
</div>
221237
</div>
222238

@@ -228,57 +244,74 @@
228244
<div class="grid-container">
229245

230246
<div class="grid-item">
231-
247+
<img src="/seeds/img/image5.png">
248+
<span class="seedNo">1853825569</span><br>
249+
<span class="seedDesc">Jungle</span><br>
250+
<span class="seedSubmitter"><i>Submitted by</i> Vance</span>
232251
</div>
233252

234253
<div class="grid-item">
235-
254+
<img src="/seeds/img/image6.png">
255+
<span class="seedNo">1578516642</span><br>
256+
<span class="seedDesc">Mesa</span><br>
257+
<span class="seedSubmitter"><i>Submitted by</i> Vance</span>
236258
</div>
237259

238260
<div class="grid-item">
239-
261+
<img src="/seeds/img/image9.png">
262+
<span class="seedNo">12808</span><br>
263+
<span class="seedDesc">Ice Spikes</span><br>
264+
<span class="seedSubmitter"><i>Submitted by</i> Vance</span>
240265
</div>
241266

242267
<div class="grid-item">
243-
268+
<img src="/seeds/img/image4.png">
269+
<span class="seedNo">1406069825</span><br>
270+
<span class="seedDesc">Mesa</span><br>
271+
<span class="seedSubmitter"><i>Submitted by</i> Vance</span>
244272
</div>
245273

246274
<div class="grid-item">
247-
275+
<img src="/seeds/img/image2.png">
276+
<span class="seedNo">1410403532</span><br>
277+
<span class="seedDesc">Ice Spikes</span><br>
278+
<span class="seedSubmitter"><i>Submitted by</i> Vance</span>
248279
</div>
249280

250281
<div class="grid-item">
251-
282+
<img src="/seeds/img/image1.png">
283+
<span class="seedNo">992826707</span><br>
284+
<span class="seedDesc">Mushroom Fields/Island</span><br>
285+
<span class="seedSubmitter"><i>Submitted by</i> CZX</span>
252286
</div>
253-
</div>
254-
</div>
255-
256-
<div class="tab-panel" id="tab3">
257-
<div class="grid-container">
258287

259288
<div class="grid-item">
260-
289+
<img src="/seeds/img/image7.png">
290+
<span class="seedNo">611821</span><br>
291+
<span class="seedDesc">Jungle</span><br>
292+
<span class="seedSubmitter"><i>Submitted by</i> Genspace</span>
261293
</div>
262294

263295
<div class="grid-item">
264-
296+
<img src="/seeds/img/image3.png">
297+
<span class="seedNo">1085382305</span><br>
298+
<span class="seedDesc">Islands</span><br>
299+
<span class="seedSubmitter"><i>Submitted by</i> puplays</span>
265300
</div>
266301

267302
<div class="grid-item">
268-
303+
<img src="/seeds/img/image8.png">
304+
<span class="seedNo">878996665</span><br>
305+
<span class="seedDesc">Valley, Woodland Mansion</span><br>
306+
<span class="seedSubmitter"><i>Submitted by</i> Cracko298</span>
269307
</div>
270308

271-
<div class="grid-item">
272-
273-
</div>
309+
</div>
310+
</div>
274311

275-
<div class="grid-item">
276-
277-
</div>
312+
<div class="tab-panel" id="tab3">
313+
<div class="grid-container">
278314

279-
<div class="grid-item">
280-
281-
</div>
282315
</div>
283316
</div>
284317

@@ -334,6 +367,21 @@
334367
window.addEventListener('load', stretchTabPanel);
335368
window.addEventListener('resize', stretchTabPanel);
336369
</script>
370+
<script>
371+
const containers = document.querySelectorAll('.grid-container');
372+
373+
containers.forEach(container => {
374+
const items = Array.from(container.querySelectorAll('.grid-item'));
375+
376+
items.sort((a, b) => {
377+
const descA = a.querySelector('.seedDesc').textContent.toLowerCase();
378+
const descB = b.querySelector('.seedDesc').textContent.toLowerCase();
379+
return descA.localeCompare(descB);
380+
});
381+
382+
items.forEach(item => container.appendChild(item));
383+
});
384+
</script>
337385

338386

339387

0 commit comments

Comments
 (0)