Skip to content

Commit 9562a0d

Browse files
wyndchymewyndchyme
committed
Implemented seeds page grid, retooled home page
1 parent 741553b commit 9562a0d

File tree

6 files changed

+141
-16
lines changed

6 files changed

+141
-16
lines changed

‎attributions/index.html‎

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -117,21 +117,30 @@
117117
<li><img src="/img/logos/pfp/zexlo.png">Zexlo</li>
118118
</ul>
119119
<br>
120+
Pixel art icons created by
121+
<ul>
122+
<li><img src="/img/logos/pfp/wyndchymealt.png"> wyndchyme</li>
123+
<li><img src="/img/logos/pfp/zexlo.png">Zexlo</li>
124+
</ul>
125+
<br>
120126
Mods list compiled by
121127
<ul>
122128
<li><img src="/img/logos/pfp/wyndchymealt.png"> wyndchyme</li>
123129
<li><img src="/img/logos/pfp/pizza.png"> Pizzaleader</li>
124130
</ul>
125131
<br>
126-
News feed maintained by
132+
Seeds list compiled by
127133
<ul>
128-
<li><img src="/img/logos/pfp/wyndchymealt.png"> wyndchyme</li>
134+
<li><img src="/img/logos/pfp/vance.png">Vance</li>
135+
<li><img src="/img/logos/pfp/czx.png">CZX</li>
136+
<li><img src="/img/logos/pfp/genspace.png">GenSpace</li>
137+
<li><img src="/img/logos/pfp/fall.png">Fall</li>
138+
<li><img src="/img/logos/pfp/pizza.png"> Pizzaleader</li>
129139
</ul>
130140
<br>
131-
Pixel art icons created by
141+
News feed maintained by
132142
<ul>
133143
<li><img src="/img/logos/pfp/wyndchymealt.png"> wyndchyme</li>
134-
<li><img src="/img/logos/pfp/zexlo.png">Zexlo</li>
135144
</ul>
136145
<br>
137146
Previous site designed by

‎img/bg/stone.png‎

337 Bytes
Loading

‎img/logos/pfp/fall.png‎

114 KB
Loading

‎img/logos/pfp/genspace.png‎

310 KB
Loading

‎seeds/index.html‎

Lines changed: 124 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,7 @@
6363
.tab-btn.active {
6464
background: #225588;
6565
border-bottom: none;
66+
text-decoration: underline;
6667
}
6768
.tab-panel {
6869
display: none;
@@ -85,7 +86,38 @@
8586
margin-bottom: 2px;
8687
bottom: 2px;
8788
}
88-
89+
@media (max-width: 420px) {
90+
.tab-btn {
91+
font-size: 10pt;
92+
}
93+
}
94+
@media (max-width: 370px) {
95+
.tab-btn {
96+
font-size: 9pt;
97+
}
98+
.tab-btn img {
99+
display: none;
100+
}
101+
}
102+
.grid-container {
103+
display: grid;
104+
gap: 1em;
105+
padding: 1em;
106+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
107+
font-family: 'Minecraft Regular';
108+
font-weight: normal;
109+
}
110+
.grid-item {
111+
background: rgba(255, 255, 255, 0.2);
112+
padding: 1em;
113+
color: white;
114+
border: 2px solid black;
115+
outline: 2px solid rgba(255, 255, 255, 0.3);
116+
min-height: 100px;
117+
}
118+
.grid-item:hover {
119+
background: rgba(255, 255, 255, 0.4);
120+
}
89121
</style>
90122
</head>
91123
<body>
@@ -121,20 +153,104 @@
121153

122154
<div class="tab-container" style="margin-top: 7em;">
123155
<div class="tab-buttons">
124-
<button class="tab-btn active" data-tab="tab1">
125-
<img src="/img/gui/oreui/maps.png">Terrain
126-
</button>
127-
<button class="tab-btn" data-tab="tab2">
156+
<button class="tab-btn active" data-tab="tab1" style="background: rgb(118, 38, 38);">
128157
<img src="/img/gui/oreui/resourcepacks.png">Structures
158+
</button>
159+
<button class="tab-btn" data-tab="tab2" style="background: rgb(29, 86, 55);">
160+
<img src="/img/gui/oreui/maps.png">Terrain
129161
</button>
130162
<button class="tab-btn" data-tab="tab3">
131163
<img src="/img/gui/oreui/other.png">Other
132164
</button>
133165
</div>
134166
<div class="tab-content">
135-
<div class="tab-panel active" id="tab1">Content for Tab 1</div>
136-
<div class="tab-panel" id="tab2">Content for Tab 2</div>
137-
<div class="tab-panel" id="tab3">Content for Tab 3</div>
167+
<div class="tab-panel active" id="tab1" style="background: rgb(118, 38, 38)">
168+
<div class="grid-container">
169+
170+
<div class="grid-item">
171+
172+
</div>
173+
174+
<div class="grid-item">
175+
176+
</div>
177+
178+
<div class="grid-item">
179+
180+
</div>
181+
182+
<div class="grid-item">
183+
184+
</div>
185+
186+
<div class="grid-item">
187+
188+
</div>
189+
190+
<div class="grid-item">
191+
192+
</div>
193+
</div>
194+
</div>
195+
196+
<div class="tab-panel" id="tab2" style="background: rgb(29, 86, 55);">
197+
<div class="grid-container">
198+
199+
<div class="grid-item">
200+
201+
</div>
202+
203+
<div class="grid-item">
204+
205+
</div>
206+
207+
<div class="grid-item">
208+
209+
</div>
210+
211+
<div class="grid-item">
212+
213+
</div>
214+
215+
<div class="grid-item">
216+
217+
</div>
218+
219+
<div class="grid-item">
220+
221+
</div>
222+
</div>
223+
</div>
224+
225+
<div class="tab-panel" id="tab3">
226+
<div class="grid-container">
227+
228+
<div class="grid-item">
229+
230+
</div>
231+
232+
<div class="grid-item">
233+
234+
</div>
235+
236+
<div class="grid-item">
237+
238+
</div>
239+
240+
<div class="grid-item">
241+
242+
</div>
243+
244+
<div class="grid-item">
245+
246+
</div>
247+
248+
<div class="grid-item">
249+
250+
</div>
251+
</div>
252+
</div>
253+
138254
</div>
139255
</div>
140256

‎style.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -272,7 +272,7 @@ body {
272272
.sidebar {
273273
flex: 1 1 30%;
274274
min-width: 200px;
275-
background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.35)), url(img/bg/dark_oak_planks.png);
275+
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.7)), url(img/bg/stone.png);
276276
background-size: 32px;
277277
image-rendering: pixelated;
278278
font-size: 12pt;
@@ -289,7 +289,7 @@ body {
289289
}
290290

291291
.news h1 {
292-
color: rgb(255, 255, 184);
292+
color: rgb(224, 243, 255);
293293
font-weight: normal !important;
294294
}
295295

@@ -304,11 +304,11 @@ body {
304304
}
305305

306306
.news a {
307-
color: aquamarine;
307+
color: rgb(184, 229, 255);
308308
}
309309

310310
.news a:hover {
311-
color: rgb(88, 162, 137);
311+
color: rgb(112, 183, 225);
312312
}
313313

314314
@media (max-width: 768px) {

0 commit comments

Comments
 (0)