Skip to content

Commit 20474c7

Browse files
MiniDiggerMiniDigger
authored
Merge pull request #227 from KyoriPowered/seo-spam
2 parents 3231543 + d158d08 commit 20474c7

File tree

2 files changed

+81
-10
lines changed

2 files changed

+81
-10
lines changed

‎src/commonMain/resources/web/css/style.css‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -206,16 +206,14 @@
206206
.is-horizontal {
207207
align-items: center;
208208
}
209+
#faq,
209210
#main-container {
210211
padding: 0 32px;
211212
width: 100%;
212213
}
213214
.gone {
214215
display: none;
215216
}
216-
html {
217-
overflow-y: hidden;
218-
}
219217
.hero {
220218
padding-bottom: 15px;
221219
}

‎src/commonMain/resources/web/index.html‎

Lines changed: 80 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html lang="en" itemscope itemtype="https://schema.org/FAQPage">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<meta name="description" content="A web interface for MiniMessage.">
6+
<meta name="description" content="MiniMessage Viewer is a web interface to help generate and edit MiniMessage strings.">
77
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon.png">
88
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
99
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
1010
<link rel="manifest" href="/site.webmanifest">
1111
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#aa7bd0">
1212
<meta name="msapplication-TileColor" content="#603cba">
1313
<meta name="theme-color" content="#ffffff">
14-
<title>MiniMessageViewer</title>
14+
<title>MiniMessage Viewer | Edit MiniMessage easily online</title>
1515
<!--suppress HtmlUnknownTarget --> <script src="js/main.js" defer></script>
1616
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"
1717
integrity="sha256-UDtbUHqpVVfXmdJcQVU/bfDEr9xldf3Dbd0ShD0Uf/Y=" crossorigin="anonymous">
@@ -66,7 +66,7 @@ <h1 class="title mc-font">MiniMessage Viewer</h1>
6666
</button>
6767
<div class="dropdown share-dropdown">
6868
<div class="dropdown-trigger">
69-
<button class="button" aria-haspopup="true" aria-controls="share-dropdown-menu">
69+
<button class="button" aria-haspopup="true" aria-controls="share-dropdown-menu" aria-label="Share">
7070
<span class="icon is-small">
7171
<i class="fas fa-share-alt"></i>
7272
</span>
@@ -127,7 +127,7 @@ <h1 class="title mc-font">MiniMessage Viewer</h1>
127127
<div class="is-flex ml-auto">
128128
<div class="dropdown">
129129
<div class="dropdown-trigger swatch-trigger">
130-
<button class="button" aria-haspopup="true" aria-controls="palette-dropdown-menu">
130+
<button class="button" aria-haspopup="true" aria-controls="palette-dropdown-menu" aria-label="Color">
131131
<span class="icon is-small">
132132
<i class="fas fa-palette" aria-hidden="true"></i>
133133
</span>
@@ -235,7 +235,7 @@ <h1 class="title mc-font">MiniMessage Viewer</h1>
235235
<span class="icon"><i class="fas fa-exclamation-triangle"></i></span> Your connection with the server has been lost, please reload the page.
236236
</p>
237237
<div id="output-pane" class="is-flex is-flex-grow-1 is-flex-shrink-0">
238-
<div id="chat-entry-box">_</div>
238+
<div id="chat-entry-box" aria-hidden="true">_</div>
239239
<div id="server-list-icon">
240240
<img id="server-list-image" src="img/kyori.png" alt="Example server icon">
241241
</div>
@@ -244,7 +244,7 @@ <h1 class="title mc-font">MiniMessage Viewer</h1>
244244
<span style="color: white;">KyoriCraft</span>
245245
<span class="is-flex" style="color: #aaaaaa;margin-left: auto;">
246246
0<span style="color: #555555;">/</span>20
247-
<img id="server-list-ping" src="img/ping.png">
247+
<img id="server-list-ping" src="img/ping.png" aria-hidden="true">
248248
</span>
249249
</div>
250250
<pre id="output-pre" class="mc-font"></pre>
@@ -255,6 +255,79 @@ <h1 class="title mc-font">MiniMessage Viewer</h1>
255255
</div>
256256
</section>
257257

258+
<section>
259+
<div id="faq" class="container content">
260+
<h2>Frequently asked questions (FAQ) about MiniMessage Viewer</h2>
261+
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question" class="mb-4">
262+
<h3 itemprop="name">What is MiniMessage Viewer?</h3>
263+
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
264+
<div itemprop="text">
265+
MiniMessage Viewer, also called Adventure WebUI, is a web interface for MiniMessage.
266+
It allows you to easily create and preview MiniMessage text in various formats, such as chat messages, lore, holograms, and server list entries.
267+
</div>
268+
</div>
269+
</div>
270+
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question" class="mb-4">
271+
<h3 itemprop="name">What is MiniMessage?</h3>
272+
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
273+
<div itemprop="text">
274+
MiniMessage is a text format used by the Adventure library to represent rich text in a compact and human-readable way.
275+
It is used in various Minecraft plugins and mods to display formatted text in chat messages, lore, holograms, and server list entries.
276+
You can find our more about MiniMessage on the <a href="https://docs.advntr.dev/minimessage/format.html">official documentation</a>.
277+
</div>
278+
</div>
279+
</div>
280+
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question" class="mb-4">
281+
<h3 itemprop="name">Where do I find the source code for Adventure Webui/MiniMessage Viewer?</h3>
282+
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
283+
<div itemprop="text">
284+
The source code for Adventure WebUI, also known as MiniMessage Viewer, can be found on <a href="https://github.com/KyoriPowered/adventure-webui">GitHub</a>.
285+
</div>
286+
</div>
287+
</div>
288+
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question" class="mb-4">
289+
<h3 itemprop="name">How do I use MiniMessage Editor/Viewer?</h3>
290+
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
291+
<div itemprop="text">
292+
To use MiniMessage Editor, simply enter your text in the input box in the middle of the screen.
293+
You can use the buttons at the top select the format you want to preview the text in, such as chat, lore, hologram, or server list.
294+
The output will be displayed below the input.
295+
You can use the buttons above the input to format the text, such as making it bold, italic, or underlined.
296+
You can also add clickable URLs, commands, and hover text.
297+
</div>
298+
</div>
299+
</div>
300+
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question" class="mb-4">
301+
<h3 itemprop="name">How do I share my generated MiniMessage text?</h3>
302+
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
303+
<div itemprop="text">
304+
To share your generated MiniMessage text, you can use the share buttons at the top of the screen.
305+
You can share a short link or a full link to your MiniMessage text.
306+
Short links expire after 6 months, so make sure to save the full link if you want to keep it for longer.
307+
</div>
308+
</div>
309+
</div>
310+
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question" class="mb-4">
311+
<h3 itemprop="name">How do I export my generated MiniMessage text to JSON?</h3>
312+
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
313+
<div itemprop="text">
314+
To export your generated MiniMessage text to JSON, click the <span class="icon is-small ml-1 mr-1"><i class="fas fa-file-export"></i></span> "Export to JSON" button at the top of the screen.
315+
This will generate a JSON representation of your MiniMessage text that you can copy and paste into your plugin or mod.
316+
</div>
317+
</div>
318+
</div>
319+
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question" class="mb-4">
320+
<h3 itemprop="name">How do I preview my MiniMessage text in-game?</h3>
321+
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
322+
<div itemprop="text">
323+
To preview your MiniMessage text in-game, click the <span class="icon is-small ml-1 mr-1"><i class="fas fa-gamepad"></i></span> "Try in-game" button at the top of the screen.
324+
It will copy a Minecraft server ip to your clipboard that you can add to your server list in Minecraft to get an in-game preview of your MiniMessage text.
325+
</div>
326+
</div>
327+
</div>
328+
</div>
329+
</section>
330+
258331
<!-- MODALS -->
259332
<div id="placeholders-box" class="modal">
260333
<div class="modal-background placeholders-button"></div>

0 commit comments

Comments
 (0)