interlanguage-checker/src/main/index.html

110 lines
4.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="Felix W. Dekker" />
<meta name="application-name" content="Interlanguage Checker" />
<meta name="description" content="Check the consistency of MediaWiki interlanguage links in a simple overview." />
<meta name="theme-color" content="#0033cc" />
<title>Interlanguage Checker | FWDekker</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic"
crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fork-awesome/1.1.7/css/fork-awesome.min.css"
integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous" />
<link rel="stylesheet" href="css/main.css" />
</head>
<body>
<noscript>
<span style="color: red; font-weight: bold;">
This website does not function if JavaScript is disabled.
Please check the <a href="https://www.enable-javascript.com/">
instructions on how to enable JavaScript in your web browser</a>.
</span>
</noscript>
<main style="display: none;">
<div id="nav"></div>
<div id="contents">
<div id="header"></div>
<!-- About -->
<section class="container">
<div class="row">
<div class="column">
<details>
<summary><b>About</b></summary>
<span>
<a href="https://community.fandom.com/wiki/Help:Interlanguage_link">Interlanguage links</a>
allow wikis to tell users where to find translations of articles.
Without the
<a href="https://www.mediawiki.org/wiki/Extension:Interlanguage">interlanguage extension</a>,
each translation is responsible for maintaining its own outgoing links.
As the number of translations grows, the network of links becomes more <b>complex</b>, and the
number of <b>errors</b> grows.<br />
<br />
The <b>Interlanguage Checker</b> traverses the network of interlanguage links starting from a
given article and shows you that network in a table.
If there are missing or incorrect links, you can quickly <b>spot</b> them and <b>fix</b>
them.<br />
<br />
To use the tool, you should enter the link to the
<a href="https://www.mediawiki.org/wiki/API:Main_page">API of the wiki</a> you want to check.
For <b>Wikimedia</b> wikis, this is <code>&lt;example.org&gt;/w/api.php</code>.
For <b>Fandom</b> wikis, this is <code>&lt;wiki&gt;.fandom.com/api.php</code>.<br />
<br />
If you need <b>help</b>, have a <b>question</b>, or found a <b>bug</b>, please
<a href="https://git.fwdekker.com/FWDekker/interlanguage-checker/issues/new">open an issue</a>
or <a href="https://fallout.fandom.com/wiki/User_talk:FDekker">leave a talk message</a>.
</span>
</details>
<p></p>
</div>
</div>
</section>
<!-- Input -->
<section class="container">
<div class="row">
<div class="column">
<form>
<label for="url">
API&nbsp;
<i class="fa fa-question-circle-o" title="The URL to the wiki's api.php"></i>
</label>
<input id="url" type="url" autofocus />
<label for="article">
Article&nbsp;
<i class="fa fa-question-circle-o" title="The title of the article to check"></i>
</label>
<input id="article" type="text" autofocus />
<br />
<button id="check" type="button">Check</button>
</form>
</div>
</div>
</section>
<!-- Output -->
<section> <!-- No `container` class, to allow use of whole width -->
<hr />
<div id="messages"></div>
<hr />
<form id="networkTableForm">
<table id="networkTable"></table>
</form>
</section>
</div>
<div id="footer"></div>
</main>
<!-- Scripts -->
<script src="bundle.js"></script>
</body>
</html>