Skip to content

Commit ca0839e

Browse files
randomairbornerandomairborne
committed
Fix text decoration
1 parent bca99f9 commit ca0839e

File tree

4 files changed

+257
-125
lines changed

4 files changed

+257
-125
lines changed

‎assets/index.css

+187-61
Original file line numberDiff line numberDiff line change
@@ -1,123 +1,249 @@
11
@font-face {
2-
font-family: "Monaspace Neon";
3-
src: url("/MonaspaceNeon-Regular.woff");
4-
font-display: swap;
2+
font-family: "Monaspace Neon";
3+
src: url("/MonaspaceNeon-Regular.woff");
4+
font-display: swap;
55
}
66

77
body {
8-
text-align: center;
9-
background: hsl(200, 4%, 10%);
10-
font-family: "Monaspace Neon", "Courier New", "Courier", monospace;
11-
color: #ffffff;
12-
min-height: 99vh;
13-
display: grid;
14-
grid-template-rows: auto 1fr auto;
15-
overflow-x: hidden;
16-
margin: 0px;
17-
padding: 0px;
8+
text-align: center;
9+
background: hsl(200, 4%, 10%);
10+
font-family: "Monaspace Neon", "Courier New", "Courier", monospace;
11+
color: #ffffff;
12+
min-height: 99vh;
13+
display: grid;
14+
grid-template-rows: auto 1fr auto;
15+
overflow-x: hidden;
16+
margin: 0px;
17+
padding: 0px;
1818
}
1919

2020
body#apiBody {
21-
margin-left: 20%;
22-
margin-right: 20%;
21+
margin-left: 20%;
22+
margin-right: 20%;
2323
}
2424

2525
input {
26-
background: hsl(192, 2%, 40%);
27-
border: #1b8b77;
28-
color: #ffffff;
29-
padding: 20px;
30-
border-radius: 3px;
26+
background: hsl(192, 2%, 40%);
27+
border: #1b8b77;
28+
color: #ffffff;
29+
padding: 20px;
30+
border-radius: 3px;
3131
}
3232

3333
input::placeholder {
34-
color: hsl(192, 2%, 70%);
34+
color: hsl(192, 2%, 70%);
3535
}
3636

3737
a {
38-
color: #43baf4;
38+
color: #43baf4;
3939
}
4040

4141
img {
42-
image-rendering: pixelated;
42+
image-rendering: pixelated;
4343
}
4444

4545
button {
46-
border: none;
47-
border-radius: 5px;
48-
padding: 15px;
49-
color: white;
50-
cursor: pointer;
51-
display: inline-block;
52-
background-color: #43baf4;
53-
text-align: center;
54-
text-decoration: none;
55-
margin-bottom: 10px;
46+
border: none;
47+
border-radius: 5px;
48+
padding: 15px;
49+
color: white;
50+
cursor: pointer;
51+
display: inline-block;
52+
background-color: #43baf4;
53+
text-align: center;
54+
text-decoration: none;
55+
margin: 10px 0;
5656
}
5757

5858
footer {
59-
min-height: 50px;
60-
margin-top: 10px;
61-
width: 100%;
59+
min-height: 50px;
60+
margin-top: 10px;
61+
width: 100%;
6262
}
6363

6464
pre > code {
65-
text-align: left;
66-
display: inline-block;
65+
text-align: left;
66+
display: inline-block;
67+
}
68+
69+
.execute-ping-container {
70+
display: flex;
71+
flex-direction: column;
72+
align-items: center;
73+
}
74+
75+
.execute-ping-container[hidden] {
76+
display: none;
77+
}
78+
79+
.select-ping {
80+
display: flex;
81+
flex-basis: 0;
82+
}
83+
84+
.widen {
85+
flex-grow: 1;
86+
display: flex;
87+
}
88+
89+
.vspacer {
90+
min-height: 3ch;
91+
}
92+
93+
.small-vspacer {
94+
min-height: 1ch;
6795
}
6896

6997
.java {
70-
background-color: chartreuse;
71-
color: black;
98+
background-color: chartreuse;
99+
color: black;
72100
}
73101

74102
.bedrock {
75-
background-color: black;
103+
background-color: black;
76104
}
77105

78106
.response {
79-
font-size: 20pt;
107+
font-size: 20pt;
108+
}
109+
110+
.server-response {
111+
display: flex;
112+
flex-direction: column;
113+
width: 100%;
114+
align-items: center;
115+
}
116+
117+
.server-response[hidden] {
118+
display: none;
119+
}
120+
121+
.server-response-stack {
122+
display: flex;
123+
flex-direction: column;
124+
width: fit-content;
125+
align-items: center;
80126
}
81127

82128
.ip {
83-
cursor: pointer;
129+
cursor: pointer;
84130
}
85131

86132
.root-api-status {
87-
display: flex;
88-
justify-content: center;
89-
align-items: center;
90-
width: 100%;
133+
display: flex;
134+
justify-content: center;
135+
align-items: center;
136+
width: 100%;
91137
}
92138

93139
@media (max-width: 110ch) {
94-
.root-api-status {
95-
flex-direction: column;
96-
}
140+
.root-api-status {
141+
flex-direction: column;
142+
}
97143
}
98144

99145
.api-status-container {
100-
margin: 2px 1ch;
101-
padding: 2px 4px;
102-
border-color: white;
103-
border-style: solid;
104-
border-width: 1px;
105-
border-radius: 4px;
106-
width: fit-content;
146+
margin: 2px 1ch;
147+
padding: 2px 4px;
148+
border-color: white;
149+
border-style: solid;
150+
border-width: 1px;
151+
border-radius: 4px;
152+
width: fit-content;
107153
}
108154

109155
.green {
110-
color: #00ff00;
156+
color: #00ff00;
111157
}
112158

113159
.yellow {
114-
color: #ffff00;
160+
color: #ffff00;
115161
}
116162

117163
.red {
118-
color: #ff0000;
164+
color: #ff0000;
119165
}
120166

121167
.blue {
122-
color: #44aaff;
168+
color: #44aaff;
169+
}
170+
171+
.motd-style-0 {
172+
color: #000000;
173+
}
174+
175+
.motd-style-1 {
176+
color: #0000aa;
177+
}
178+
179+
.motd-style-2 {
180+
color: #00aa00;
181+
}
182+
183+
.motd-style-3 {
184+
color: #00aaaa;
185+
}
186+
187+
.motd-style-4 {
188+
color: #aa0000;
189+
}
190+
191+
.motd-style-5 {
192+
color: #aa00aa;
193+
}
194+
195+
.motd-style-6 {
196+
color: #ffaa00;
197+
}
198+
199+
.motd-style-7 {
200+
color: #aaaaaa;
201+
}
202+
203+
.motd-style-8 {
204+
color: #555555;
205+
}
206+
207+
.motd-style-9 {
208+
color: #5555ff;
209+
}
210+
211+
.motd-style-a {
212+
color: #55ff55;
213+
}
214+
215+
.motd-style-b {
216+
color: #55ffff;
217+
}
218+
219+
.motd-style-c {
220+
color: #ff5555;
221+
}
222+
223+
.motd-style-d {
224+
color: #ff55ff;
225+
}
226+
227+
.motd-style-e {
228+
color: #ffff55;
229+
}
230+
231+
.motd-style-f {
232+
color: #ffffff;
233+
}
234+
235+
.motd-style-l {
236+
font-weight: bold;
237+
}
238+
239+
.motd-style-m {
240+
text-decoration: line-through;
241+
}
242+
243+
.motd-style-n {
244+
text-decoration: underline;
245+
}
246+
247+
.motd-style-o {
248+
font-style: italic;
123249
}

‎assets/index.html

+35-29
Original file line numberDiff line numberDiff line change
@@ -26,41 +26,47 @@
2626
<h1>This website unfortunately requires JavaScript.</h1>
2727
</noscript>
2828
<h1>Minecraft server tester</h1>
29-
<div id="select-ping">
30-
<input id="address-entry" placeholder="Server address" />
31-
<br />
32-
<br />
33-
<button id="java-btn" class="java">Ping Java</button>
34-
<button id="bedrock-btn" class="bedrock">Ping Bedrock</button>
35-
<br />
36-
<br />
37-
<span id="ip-descriptor" class="ip">Your IP:</span>
38-
<span id="ip-msg" class="ip">Click to Reveal</span>
39-
<span id="user-ip" class="ip" hidden></span>
40-
<br />
29+
<div id="select-ping" class="execute-ping-container">
30+
<div class="execute-ping-stack">
31+
<input id="address-entry" placeholder="Server address" />
32+
<div class="select-ping">
33+
<button id="java-btn" class="java">Ping Java</button>
34+
<div class="widen"></div>
35+
<button id="bedrock-btn" class="bedrock">Ping Bedrock</button>
36+
</div>
37+
</div>
38+
<div class="small-vspacer"></div>
4139
<div id="server-status"></div>
40+
<div class="small-vspacer"></div>
41+
<div class="user-ip-stack">
42+
<span id="ip-descriptor" class="ip">Your IP:</span>
43+
<span id="ip-msg" class="ip">Click to Reveal</span>
44+
<span id="user-ip" class="ip" hidden></span>
45+
</div>
4246
</div>
4347
<div class="server-response" id="server-response" hidden>
44-
<img
45-
id="server-favicon"
46-
height="256"
47-
width="256"
48-
alt="The pixel-art icon for this server."
49-
src="/icon.png"
50-
/><br />
51-
Server online!
52-
<div id="server-latency"></div>
53-
<div id="server-players"></div>
54-
<div id="server-version"></div>
55-
<br />
56-
<div id="server-motd"></div>
57-
<br />
58-
<button id="reset-ping">Ping Another</button>
48+
<div class="server-response-stack">
49+
<img
50+
id="server-favicon"
51+
height="256"
52+
width="256"
53+
alt="The pixel-art icon for this server."
54+
src="/icon.png"
55+
/>
56+
<div class="vspacer"></div>
57+
<span class="server-online">Server online!</span>
58+
<div id="server-latency"></div>
59+
<div id="server-players"></div>
60+
<div id="server-version"></div>
61+
<div id="server-motd"></div>
62+
<button id="reset-ping">Ping Another</button>
63+
</div>
5964
</div>
60-
<br id="special-break" hidden />
6165
<a href="/api/">API</a>
6266
<footer>
63-
Mojang API status:
67+
<label for="api-status" class="api-status-label"
68+
>Mojang API status:</label
69+
>
6470
<div id="api-status" class="root-api-status">
6571
<div class="api-status-container">
6672
<label for="api-status-xbl">Xbox Services:</label>

0 commit comments

Comments
 (0)