Skip to content
This repository was archived by the owner on Jun 6, 2025. It is now read-only.

Commit 58e52a4

Browse files
pizza-beeppizza-beep
authored
Merge pull request #30 from Zexlo/main
UI refresh #2 - text format cleanup with backdrop
2 parents b1586eb + f4ddde8 commit 58e52a4

File tree

7 files changed

+237
-93
lines changed

7 files changed

+237
-93
lines changed

‎assets/images/header.png‎

-82 Bytes
Loading

‎assets/images/headerdark.png‎

-87 Bytes
Loading

‎css/styles.css‎

Lines changed: 113 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,44 @@
22
overflow: hidden;
33
}
44
/* General Styles */
5+
6+
/* Grid Layout */
7+
.grid-container {
8+
display: grid;
9+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
10+
gap: 1rem;
11+
padding: 2rem;
12+
background-color: inherit;
13+
border: 2px transparent;
14+
padding-top: 0.4rem;
15+
padding-left: 3rem;
16+
margin: auto;
17+
overflow:hidden;
18+
}
19+
20+
/* Card Styles */
21+
22+
.card h2 {
23+
margin: 0 0 0.2rem;
24+
font-size: 1.1rem;
25+
}
26+
27+
.card p {
28+
margin: 0;
29+
font-size: 0.9rem;
30+
color: inherit;
31+
}
32+
533
body {
34+
635
font-family: Arial, sans-serif;
736
margin: 0;
837
padding: 0;
938
color: #fff;
10-
text-align: center;
1139
background-color: #ffffff;
1240
transition: background-color 0.3s, color 0.3s;
1341
background: url("../assets/images/BGdark.png");
42+
background-attachment: fixed;
1443
zoom: 115%;
1544

1645
.card {
@@ -24,17 +53,33 @@ body {
2453
}
2554
.sliding-background {
2655
z-index: 1;
27-
background: url("../assets/images/headerdark.png") repeat-x;
56+
background: url("../assets/images/headerdark.png") repeat;
2857
height: 90px;
2958
width: 5076px;
3059
border-bottom: 3px solid #000;
3160
animation: slide 120s linear infinite; /* remove this line to make it static again */
32-
}
33-
61+
}
62+
table {
63+
border-collapse: collapse;
64+
border-style: ridge;
65+
margin-left: 10%;
66+
width: 80%;
67+
border-color: #dddddd;
68+
}
69+
td, th {
70+
border: 1px solid;
71+
text-align: center;
72+
background-color: #313233;
73+
padding: 6px;
74+
}
75+
main {
76+
background-color: #222;
77+
}
3478
}
3579

3680
body.light-mode {
3781
background: url("../assets/images/BG.png");
82+
background-attachment: fixed;
3883
zoom: 115%;
3984
color: #000; /* Dark text for light mode */
4085

@@ -49,12 +94,33 @@ zoom: 115%;
4994
}
5095
.sliding-background {
5196
z-index: 1;
52-
background: url("../assets/images/header.png") repeat-x;
97+
background: url("../assets/images/header.png") repeat;
5398
height: 90px;
5499
width: 5076px;
55100
border-bottom: 3px solid #000;
56101
animation: slide 120s linear infinite; /* remove this line to make it static again */
102+
}
103+
table {
104+
border-collapse: collapse;
105+
border-style: ridge;
106+
margin-left: 10%;
107+
width: 80%;
108+
border-color: #101010;
57109
}
110+
td, th {
111+
border: 1px solid;
112+
text-align: center;
113+
background-color: #888;
114+
padding: 6px;
115+
}
116+
117+
.grid-container {
118+
background-color: inherit;
119+
}
120+
121+
main {
122+
background-color: #777;
123+
}
58124
}
59125

60126
@keyframes slide{
@@ -125,31 +191,6 @@ zoom: 115%;
125191
overflow-y: auto; /* Add scroll if content exceeds max-height */
126192
}
127193

128-
/* Grid Layout */
129-
.grid-container {
130-
display: grid;
131-
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
132-
gap: 1rem;
133-
padding: 2rem;
134-
padding-top: 0.4rem;
135-
padding-left: 3rem;
136-
margin: auto;
137-
overflow:hidden;
138-
}
139-
140-
/* Card Styles */
141-
142-
.card h2 {
143-
margin: 0 0 0.2rem;
144-
font-size: 1.1rem;
145-
}
146-
147-
.card p {
148-
margin: 0;
149-
font-size: 0.9rem;
150-
color: inherit;
151-
}
152-
153194
summary {
154195
font-size: x-large;
155196
}
@@ -190,3 +231,45 @@ summary {
190231
transition: max-height 0.2s ease-out;
191232
margin-bottom: 10px;
192233
}
234+
235+
ol {
236+
text-align: left;
237+
margin-left: -2%;
238+
margin-right: 10%;
239+
}
240+
241+
ul {
242+
text-align: left;
243+
margin-left: -2.5%;
244+
margin-right: 10%;
245+
}
246+
247+
main {
248+
padding: 8px;
249+
padding-bottom: 100%;
250+
border: 2px solid;
251+
border-color: inherit;
252+
border-bottom-color: transparent;
253+
text-align: left;
254+
margin-top:-5px;
255+
margin-bottom:-50px;
256+
margin-left: 10%;
257+
margin-right: 10%;
258+
}
259+
260+
/* #toc_container {
261+
display: table;
262+
font-size: 95%;
263+
margin-bottom: 1em;
264+
padding: 20px;
265+
width: auto;
266+
}
267+
268+
.toc_title {
269+
font-weight: 700;
270+
text-align: left;
271+
}
272+
273+
#toc_container li, #toc_container ul, #toc_container ul li{
274+
list-style: outside none none !important;
275+
} */

‎js/main.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@ document.addEventListener('DOMContentLoaded', () => {
4141
const blurToggle = document.getElementById('blurToggle');
4242
if (themeToggle) themeToggle.checked = isLight;
4343
if (blurToggle) blurToggle.checked = useBlur;
44+
applySettings();
4445
};
4546

4647
// Apply theme, background, and header settings

‎sections/Json editing.html‎

Lines changed: 93 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -11,49 +11,109 @@
1111
<div class="container">
1212
<div class="header-content">
1313
<a href="../index.html">
14-
<img align="middle"
15-
src="../assets/images/mc3dsmoddingwiki.png" alt="Minecraft 3DS Wiki" class="wiki-logo">
14+
<img src="../assets/images/mc3dsmoddingwiki.png" alt="Minecraft 3DS Wiki" class="wiki-logo">
1615
</a>
17-
<img align="right"
18-
src="../assets/images/gear.png" alt="Settings" class="settings-icon" id="settingsIcon">
16+
<img src="../assets/images/gear.png" alt="Settings" class="settings-icon" id="settingsIcon">
1917
<div class="sliding-background"></div>
2018
</div>
2119
</div>
2220
</header>
21+
<!-- <div id="toc_container">
22+
<p class="toc_title">Contents</p>
23+
<ul class="toc_list">
24+
<li><a href="#table">1 First Point Header</a>
25+
<ul>
26+
<li><a href="#First_Sub_Point_1">1.1 First Sub Point 1</a></li>
27+
<li><a href="#First_Sub_Point_2">1.2 First Sub Point 2</a></li>
28+
</ul>
29+
</li>
30+
<li><a href="#Second_Point_Header">2 Second Point Header</a></li>
31+
<li><a href="#Third_Point_Header">3 Third Point Header</a></li>
32+
</ul>
33+
</div> -->
2334

2435
<main>
25-
<h2>How to Edit Json Files</h2>
36+
<h2 id="table">How to Edit Json Files</h2>
2637
<p>Learn how to edit json files using these json commands for mc3ds,
2738
each command will contain a description and snippet of code</p>
2839

29-
<button type="button" class="collapsible">is_baby</button>
30-
<div class="content">
31-
<h2>minecraft:is_baby</h2>
32-
<p>This command is used for component groups which reflect baby varients.</p>
33-
<h2>Code snippet</h2>
34-
<p>"minecraft:is_baby": { },</p>
35-
</div>
36-
<button type="button" class="collapsible">scale</button>
37-
<div class="content">
38-
<h2>minecraft:scale</h2>
39-
<p>This command is used to rescale a compontent groups model, such as babies.</p>
40-
<h2>Code snippet</h2>
41-
<p>"minecraft:scale": {"value": X},</p>
42-
</div>
43-
<button type="button" class="collapsible">movement</button>
44-
<div class="content">
45-
<h2>minecraft:movement</h2>
46-
<p>This command is used to set a compontent groups movement speed.</p>
47-
<h2>Code snippet</h2>
48-
<p>"minecraft:movement": { "value": X},</p>
49-
</div>
50-
<button type="button" class="collapsible">equipment</button>
51-
<div class="content">
52-
<h2>minecraft:equipment</h2>
53-
<p>This command is used to set a compontent groups held weapon or armor, such as skeletons.</p>
54-
<h2>Code snippet</h2>
55-
<p> "minecraft:equipment": { "table": "loot_tables/entities/X.json"},</p>
56-
</div>
40+
<table>
41+
<tr>
42+
<th style="width:15%">Name</th>
43+
<th style="width:45%">Function</th>
44+
<th style="width:100%">Code</th>
45+
</tr>
46+
<tr>
47+
<td>is_baby</td>
48+
<td>This command is used for component groups which reflect baby varients.</td>
49+
<td>"minecraft:is_baby": { }</td>
50+
</tr>
51+
<tr>
52+
<td>scale</td>
53+
<td>This command is used to rescale a compontent groups model, such as babies.</td>
54+
<td>"minecraft:scale": {"value": X}</td>
55+
</tr>
56+
<tr>
57+
<td>movement</td>
58+
<td>This command is used to set a compontent groups movement speed.</td>
59+
<td>"minecraft:movement": { "value": X}</td>
60+
</tr>
61+
<tr>
62+
<td>equipment</td>
63+
<td>This command is used to set a compontent groups held weapon or armor, such as skeletons.</td>
64+
<td>"minecraft:equipment": { "table": "loot_tables/entities/X.json"}</td>
65+
</tr>
66+
<tr>
67+
<td>test</td>
68+
<td>test2</td>
69+
<td>test3</td>
70+
</tr>
71+
<tr>
72+
<td>test</td>
73+
<td>test2</td>
74+
<td>test3</td>
75+
</tr>
76+
<tr>
77+
<td>test</td>
78+
<td>test2</td>
79+
<td>test3</td>
80+
</tr>
81+
<tr>
82+
<td>test</td>
83+
<td>test2</td>
84+
<td>test3</td>
85+
</tr>
86+
<tr>
87+
<td>test</td>
88+
<td>test2</td>
89+
<td>test3</td>
90+
</tr>
91+
<tr>
92+
<td>test</td>
93+
<td>test2</td>
94+
<td>test3</td>
95+
</tr>
96+
<tr>
97+
<td>test</td>
98+
<td>test2</td>
99+
<td>test3</td>
100+
</tr>
101+
<tr>
102+
<td>test</td>
103+
<td>test2</td>
104+
<td>test3</td>
105+
</tr>
106+
<tr>
107+
<td>test</td>
108+
<td>test2</td>
109+
<td>test3</td>
110+
</tr>
111+
<tr>
112+
<td>test</td>
113+
<td>test2</td>
114+
<td>test3</td>
115+
</tr>
116+
</table>
57117
</main>
58118
<!-- Settings Menu Modal -->
59119
<div class="settings-modal" id="settingsModal">

‎sections/dumping-assets.html‎

Lines changed: 19 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -6,20 +6,20 @@
66
<title>Dumping Assets</title>
77
<link rel="stylesheet" href="../css/styles.css">
88
</head>
9-
<body>
10-
<header>
11-
<div class="container">
12-
<div class="header-content">
13-
<a href="../index.html">
14-
<img align="middle"
15-
src="../assets/images/mc3dsmoddingwiki.png" alt="Minecraft 3DS Wiki" class="wiki-logo">
16-
</a>
17-
<img align="right"
18-
src="../assets/images/gear.png" alt="Settings" class="settings-icon" id="settingsIcon">
19-
<div class="sliding-background"></div>
20-
</div>
21-
</div>
22-
</header>
9+
<header>
10+
<div class="container">
11+
<div class="header-content">
12+
<a href="../index.html">
13+
<img align="middle"
14+
src="../assets/images/mc3dsmoddingwiki.png" alt="Minecraft 3DS Wiki" class="wiki-logo">
15+
</a>
16+
<img align="right"
17+
src="../assets/images/gear.png" alt="Settings" class="settings-icon" id="settingsIcon">
18+
<div class="sliding-background"></div>
19+
</div>
20+
</div>
21+
</header>
22+
<body>
2323
<main>
2424
<h1>How to Dump and Extract Minecraft: N3DS Edition Assets</h1>
2525
<h2>Prerequisites</h2>
@@ -40,10 +40,13 @@ <h2>Prerequisites</h2>
4040

4141
<h2>Dumping</h2>
4242
<p>
43-
Dumping the base game (1.0) is not necessary but should be done just in case. Its RomFS is not referenced much when modding, but if you want to do things like make custom music, for example, then you will have to dump it.
43+
Dumping the base game (1.0) is not necessary but should be done just in case.
44+
Its RomFS is not referenced much when modding, but if you want to do things like make custom music,
45+
for example, then you will have to dump it.
4446
</p>
4547
<p>
46-
You will need to dump the game's update (1.9) to do anything for modding, as most things will apply to the update.
48+
You will need to dump the game's update (1.9) to do anything for modding,
49+
as most things will apply to the update.
4750
</p>
4851

4952
<h3>Dumping the Cartridge (1.0)</h3>

0 commit comments

Comments
 (0)