Skip to content

Commit f88e153

Browse files
committed
Completed Tools page
1 parent bec5144 commit f88e153

File tree

5 files changed

+364
-1
lines changed

5 files changed

+364
-1
lines changed
Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<base target="_blank">
5+
<style>
6+
button {
7+
padding: 5px;
8+
color: rgba(255, 255, 255, 0.7);
9+
background-color: rgb(137, 114, 77);
10+
border: 2px solid rgb(255, 207, 148);
11+
outline: 2px solid rgba(0, 0, 0, 0.5);
12+
display: flex;
13+
justify-content: center;
14+
align-items: center;
15+
padding-left: 8px;
16+
}
17+
button:hover {
18+
cursor: pointer;
19+
}
20+
21+
.container {
22+
display: flex;
23+
flex-direction: column;
24+
justify-content: center;
25+
align-items: center;
26+
height: 45vh;
27+
color: rgba(255, 255, 255, 0.7);
28+
background-color: rgba(137, 114, 77, 0.3);
29+
border: 2px solid rgb(255, 207, 148);
30+
outline: 2px solid rgba(0, 0, 0, 0.5);
31+
}
32+
.input-container {
33+
display: flex;
34+
flex-direction: row;
35+
}
36+
input[type="text"] {
37+
width: 30vw;
38+
max-width: 200px;
39+
height: 25px;
40+
font-size: 18px;
41+
text-align: center;
42+
font-family: 'Minecraft Regular', sans-serif;
43+
margin-right: 10px;
44+
border: 2px solid rgba(137, 114, 77, 0.5);
45+
outline: 2px solid rgba(0, 0, 0, 0.6);
46+
padding: 5px;
47+
}
48+
button {
49+
font-size: 18px;
50+
font-family: 'Minecraft Regular', sans-serif;
51+
}
52+
#result {
53+
position: absolute;
54+
font-size: 18px;
55+
font-family: 'Minecraft Regular', sans-serif;
56+
margin-top: 80px;
57+
}
58+
@font-face {
59+
font-family: 'Minecraft Regular';
60+
font-style: normal;
61+
font-weight: normal;
62+
src: local('Minecraft Regular'), url('/plugins/font/1_MinecraftRegular1.woff') format('woff');
63+
}
64+
.toolDescription {
65+
font-family: 'Minecraft Regular';
66+
margin-top: 10px;
67+
font-size: 14pt;
68+
}
69+
</style>
70+
</head>
71+
<body>
72+
<div class="container">
73+
<div class="input-container">
74+
<input type="text" id="inputNumber">
75+
<button onclick="calculate()">Convert</button>
76+
</div>
77+
<div id="result" style="color: #EFEFEF"></div>
78+
</div>
79+
80+
<div class="toolDescription">
81+
This is an interactive online calculator that converts 3DS block storage values into megabytes (MB). This allows your world sizes in a cross-platform storage standard.
82+
</div>
83+
84+
<script>
85+
function calculate() {
86+
const inputBlocks = parseInt(document.getElementById("inputNumber").value);
87+
const bytesPerBlock = 128 * 1024; // 128KB per block
88+
const bytesTotal = inputBlocks * bytesPerBlock;
89+
const megabytes = bytesTotal / (1024 * 1024); // Convert bytes to megabytes
90+
const resultElement = document.getElementById("result");
91+
resultElement.innerHTML = megabytes.toFixed(2) + " MB"; // Display result with 2 decimal places
92+
resultElement.style.color = "#EFEFEF"; // Set text color
93+
}
94+
</script>
95+
</body>
96+
</html>
Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<base target="_blank">
5+
<style>
6+
button {
7+
padding: 5px;
8+
color: rgba(255, 255, 255, 0.7);
9+
background-color: rgb(137, 114, 77);
10+
border: 2px solid rgb(255, 207, 148);
11+
outline: 2px solid rgba(0, 0, 0, 0.5);
12+
display: flex;
13+
justify-content: center;
14+
align-items: center;
15+
padding-left: 8px;
16+
}
17+
button:hover {
18+
cursor: pointer;
19+
}
20+
21+
.container {
22+
display: flex;
23+
flex-direction: column;
24+
justify-content: center;
25+
align-items: center;
26+
height: 45vh;
27+
color: rgba(255, 255, 255, 0.7);
28+
background-color: rgba(137, 114, 77, 0.3);
29+
border: 2px solid rgb(255, 207, 148);
30+
outline: 2px solid rgba(0, 0, 0, 0.5);
31+
}
32+
.input-container {
33+
display: flex;
34+
flex-direction: row;
35+
}
36+
input[type="text"] {
37+
width: 30vw;
38+
max-width: 200px;
39+
height: 25px;
40+
font-size: 18px;
41+
text-align: center;
42+
font-family: 'Minecraft Regular', sans-serif;
43+
margin-right: 10px;
44+
border: 2px solid rgba(137, 114, 77, 0.5);
45+
outline: 2px solid rgba(0, 0, 0, 0.6);
46+
padding: 5px;
47+
}
48+
button {
49+
font-size: 18px;
50+
font-family: 'Minecraft Regular', sans-serif;
51+
}
52+
#result {
53+
position: absolute;
54+
font-size: 18px;
55+
font-family: 'Minecraft Regular', sans-serif;
56+
margin-top: 80px;
57+
}
58+
@font-face {
59+
font-family: 'Minecraft Regular';
60+
font-style: normal;
61+
font-weight: normal;
62+
src: local('Minecraft Regular'), url('/plugins/font/1_MinecraftRegular1.woff') format('woff');
63+
}
64+
.toolDescription {
65+
font-family: 'Minecraft Regular';
66+
margin-top: 10px;
67+
font-size: 14pt;
68+
}
69+
</style>
70+
</head>
71+
<body>
72+
<div class="container">
73+
<div class="input-container">
74+
<input type="text" id="inputNumber">
75+
<button onclick="calculate()">Calculate</button>
76+
</div>
77+
<div id="result" style="color: #EFEFEF"></div>
78+
</div>
79+
80+
<div class="toolDescription">
81+
This is an interactive online calculator that uses a method discovered by SprinkzMC. It calculates given negative seeds into positive ones that can be inputted into <i>Minecraft: New Nintendo 3DS Edition's</i> seed selector.
82+
</div>
83+
84+
<script>
85+
function calculate() {
86+
const inputNumber = document.getElementById("inputNumber").value;
87+
const result = 4294967296 - Math.abs(inputNumber);
88+
const resultElement = document.getElementById("result");
89+
resultElement.innerHTML = result;
90+
resultElement.style.color = "#EFEFEF"; // Set text color
91+
}
92+
</script>
93+
</body>
94+
</html>

plugins/template/tools/onlinemodmaker.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@
1616
}
1717
#file-select {
1818
margin-bottom: 10px;
19-
border: 2px solid #EFEFEF;
2019
color: rgba(255, 255, 255, 0.7);
2120
background-color: rgb(137, 114, 77);
2221
border: 2px solid rgb(255, 207, 148);

tools/blockstomegabytes/index.html

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
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+
<link rel="stylesheet" href="/plugins/flickity/flickity.css" media="screen">
9+
<script src="/plugins/flickity/flickity.pkgd.js"></script>
10+
<title>Blocks to Megabytes &#8226 Minecraft 3DS Community</title>
11+
<style>
12+
html {
13+
background-color: rgb(255, 207, 148);
14+
}
15+
#templateContainer {
16+
position: absolute;
17+
top: 12em;
18+
width: 94vw !important;
19+
margin-left: 3vw;
20+
}
21+
.modMakerHeader {
22+
width: 100%;
23+
height: 70px;
24+
color: white;
25+
position: relative;
26+
font-family: 'Minecraft Regular';
27+
font-size: 24pt;
28+
margin-top: 100px;
29+
background-color: rgba(255, 255, 255, 0.1);
30+
text-indent: 0.5em;
31+
}
32+
@media (max-width: 500px) {
33+
.modMakerHeader {
34+
font-size: 20pt;
35+
}
36+
}
37+
</style>
38+
</head>
39+
<body>
40+
<div style="position: absolute; top: 0; left: 0; width: 100vw; height: 3.5em; display: flex; align-items: center;" class="header">
41+
<a href="/" style="text-indent: 1rem;">
42+
<span style="color: white; font-size: 20pt; filter: drop-shadow(0 3px 3px black); margin-left: 45px;" class="logo">
43+
<img src="/img/New_Nintendo_3DS_Edition.webp" style="width: 180px; vertical-align: middle; position: relative; bottom: 3px; image-rendering: auto;">
44+
<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;">
45+
Community
46+
</span>
47+
</span>
48+
</a>
49+
<div id="vines" class="vines"></div>
50+
<div class="vines" id="leftVines">
51+
<img src="/img/bg/vine.png" style="width: 32px; position: absolute; left: 32px; top: 0;">
52+
<img src="/img/bg/vine.png" style="width: 32px; position: absolute; left: 32px; top: 32px;">
53+
</div>
54+
</div>
55+
56+
<div class="dropDownContainer closed">
57+
<div class="dropDown">
58+
<div id="dropDownContent"></div>
59+
</div>
60+
<div class="dropDownButton" id="dropDownToggle">
61+
<img src="/img/gui/arrow.png" style="width: 32px;" id="dropDownArrow">
62+
</div>
63+
</div>
64+
65+
<div class="modMakerHeader">
66+
<div style="position: relative; top: 13px;">
67+
Blocks to Megabytes<br>
68+
</div>
69+
</div>
70+
71+
<div id="templateContainer" style="width:100%; height: 100%; border:none;"></div>
72+
73+
<script>
74+
const container = document.getElementById('templateContainer');
75+
const iframe = document.createElement('iframe');
76+
iframe.src = '/plugins/template/tools/blockstomegabytes.html';
77+
iframe.style.width = '94vw';
78+
iframe.style.height = '100vh';
79+
iframe.style.border = 'none';
80+
container.appendChild(iframe);
81+
</script>
82+
83+
<script src="/scripts/main/dropdown.js"></script>
84+
<script src="/scripts/main/vines.js"></script>
85+
<script src="/scripts/main/header.js"></script>
86+
</body>
87+
</html>

tools/negativeseed/index.html

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
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+
<link rel="stylesheet" href="/plugins/flickity/flickity.css" media="screen">
9+
<script src="/plugins/flickity/flickity.pkgd.js"></script>
10+
<title>Negative Seed Calculator &#8226 Minecraft 3DS Community</title>
11+
<style>
12+
html {
13+
background-color: rgb(255, 207, 148);
14+
}
15+
#templateContainer {
16+
position: absolute;
17+
top: 12em;
18+
width: 94vw !important;
19+
margin-left: 3vw;
20+
}
21+
.modMakerHeader {
22+
width: 100%;
23+
height: 70px;
24+
color: white;
25+
position: relative;
26+
font-family: 'Minecraft Regular';
27+
font-size: 24pt;
28+
margin-top: 100px;
29+
background-color: rgba(255, 255, 255, 0.1);
30+
text-indent: 0.5em;
31+
}
32+
@media (max-width: 500px) {
33+
.modMakerHeader {
34+
font-size: 20pt;
35+
}
36+
}
37+
</style>
38+
</head>
39+
<body>
40+
<div style="position: absolute; top: 0; left: 0; width: 100vw; height: 3.5em; display: flex; align-items: center;" class="header">
41+
<a href="/" style="text-indent: 1rem;">
42+
<span style="color: white; font-size: 20pt; filter: drop-shadow(0 3px 3px black); margin-left: 45px;" class="logo">
43+
<img src="/img/New_Nintendo_3DS_Edition.webp" style="width: 180px; vertical-align: middle; position: relative; bottom: 3px; image-rendering: auto;">
44+
<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;">
45+
Community
46+
</span>
47+
</span>
48+
</a>
49+
<div id="vines" class="vines"></div>
50+
<div class="vines" id="leftVines">
51+
<img src="/img/bg/vine.png" style="width: 32px; position: absolute; left: 32px; top: 0;">
52+
<img src="/img/bg/vine.png" style="width: 32px; position: absolute; left: 32px; top: 32px;">
53+
</div>
54+
</div>
55+
56+
<div class="dropDownContainer closed">
57+
<div class="dropDown">
58+
<div id="dropDownContent"></div>
59+
</div>
60+
<div class="dropDownButton" id="dropDownToggle">
61+
<img src="/img/gui/arrow.png" style="width: 32px;" id="dropDownArrow">
62+
</div>
63+
</div>
64+
65+
<div class="modMakerHeader">
66+
<div style="position: relative; top: 13px;">
67+
Negative Seed Calculator<br>
68+
</div>
69+
</div>
70+
71+
<div id="templateContainer" style="width:100%; height: 100%; border:none;"></div>
72+
73+
<script>
74+
const container = document.getElementById('templateContainer');
75+
const iframe = document.createElement('iframe');
76+
iframe.src = '/plugins/template/tools/negativeseed.html';
77+
iframe.style.width = '94vw';
78+
iframe.style.height = '100vh';
79+
iframe.style.border = 'none';
80+
container.appendChild(iframe);
81+
</script>
82+
83+
<script src="/scripts/main/dropdown.js"></script>
84+
<script src="/scripts/main/vines.js"></script>
85+
<script src="/scripts/main/header.js"></script>
86+
</body>
87+
</html>

0 commit comments

Comments
 (0)