40 lines
1.5 KiB
HTML
40 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="HTML5">
|
|
<head>
|
|
<meta charset=UTF-8>
|
|
<title>Phikipathia</title>
|
|
<link rel="icon" href="./images/wikipedia_edit.png">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<img src="images/wikipedia_edit.png" alt="The Wikipedia Logo but rotated" id="logo">
|
|
<h1>Phikipathia</h1>
|
|
<p><b>Phi</b>losophy Wi<b>ki</b>pedia <b>Path</b> <i>(ia)</i> visualisatie</p>
|
|
</div>
|
|
<div class="box">
|
|
<label for="taal">Taal: </label>
|
|
<input type="text" id="taal" placeholder="en" oninput="inputWaarschuwing()"/>
|
|
<label for="start">Startpagina: </label>
|
|
<input type="text" id="start" placeholder="Special:Random"/>
|
|
<label for="einde">Eindpunt: </label>
|
|
<input type="text" id="einde" placeholder="Philosophy" oninput="inputWaarschuwing()"/>
|
|
<button type="button" id="toevoegKnop" onclick="zoek()">voeg toe</button>
|
|
<label id="waarschuwing" hidden="hidden">
|
|
<b>Waarschuwing:</b> De huidige boom zal overschreven worden bij een nieuwe toevoeging.
|
|
</label>
|
|
</div>
|
|
<div id="visualisatie">
|
|
</div>
|
|
<footer class="box">
|
|
<p>
|
|
Deze pagina visualiseert een fenomeen waarbij je door steeds op de eerste link van een Wikipedia-pagina te klikken,
|
|
bij <a href="https://en.wikipedia.org/wiki/Philosophy">filosofie</a> uitkomt. Lees er
|
|
<a href="https://en.wikipedia.org/wiki/Wikipedia:Getting_to_Philosophy">hier</a> meer over.
|
|
</p>
|
|
<small>© 2022 Tibo De Peuter</small>
|
|
</footer>
|
|
|
|
<script src="index.js"></script>
|
|
</body>
|
|
</html>
|