75 lines
2.4 KiB
HTML
75 lines
2.4 KiB
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Index of Lexicon Title | Lexicon Title</title>
|
||
|
|
<!--<link rel="shortcut icon" href="favicon.png" />-->
|
||
|
|
<style>
|
||
|
|
body { background-color: #eeeeee; margin: 10px; }
|
||
|
|
div#header { background-color: #ffffff; margin: 10px 0; box-shadow: 2px 2px 10px #888888; overflow: hidden; }
|
||
|
|
img#logo { float:left; margin:8px; max-width: 140px; }
|
||
|
|
div#header p { margin:10px; }
|
||
|
|
div.content { margin-top: 10px; background-color: #ffffff; padding: 10px; box-shadow: 2px 2px 10px #888888; overflow: hidden; }
|
||
|
|
a.phantom { color: #cc2200; }
|
||
|
|
div.citeblock a.phantom { font-style: italic; }
|
||
|
|
span.signature { text-align: right; }
|
||
|
|
div.moveable { float: left; margin: 8px; }
|
||
|
|
div.moveable p { margin: 0px; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="header">
|
||
|
|
<img id="logo" src="../logo.png">
|
||
|
|
<p><span style="font-size:1.5em;">Lexicon Title</span></p>
|
||
|
|
<p>
|
||
|
|
<a href="../contents">Contents</a> —
|
||
|
|
<a href="../rules/">Rules</a> —
|
||
|
|
<a href="../formatting/">Formatting</a> —
|
||
|
|
<a href="../session/">Session</a> —
|
||
|
|
<a href="../statistics/">Statistics</a>
|
||
|
|
</p>
|
||
|
|
<p><i>Prompt goes here</i></p>
|
||
|
|
</div>
|
||
|
|
<div class="content">
|
||
|
|
<h1>Index of Lexicon Title</h1>
|
||
|
|
<p>There are <b>2</b> entries, <b>1</b> written and <b>1</b> phantom.</p>
|
||
|
|
<script type="text/javascript">
|
||
|
|
contentsToggle = function() {
|
||
|
|
var b = document.getElementById("toggle-button")
|
||
|
|
var i = document.getElementById("index-order");
|
||
|
|
var t = document.getElementById("turn-order");
|
||
|
|
if (t.style.display == "none") {
|
||
|
|
i.style.display = "none"
|
||
|
|
t.style.display = "block"
|
||
|
|
b.innerText = "Switch to index order"
|
||
|
|
} else {
|
||
|
|
i.style.display = "block"
|
||
|
|
t.style.display = "none"
|
||
|
|
b.innerText = "switch to turn order"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<button id="toggle-button" onClick="javascript:contentsToggle()">Switch to turn order</button>
|
||
|
|
<div id="index-order" style="display:block">
|
||
|
|
<ul>
|
||
|
|
<h3>ABC</h3>
|
||
|
|
<h3>DEF</h3>
|
||
|
|
<li><a href="../article/Example_page.html">Example page</a></li>
|
||
|
|
<h3>GHI</h3>
|
||
|
|
<h3>JKL</h3>
|
||
|
|
<h3>MNO</h3>
|
||
|
|
<h3>PQRS</h3>
|
||
|
|
<li><a href="../article/Phantom_page.html" class="phantom">Phantom page</a></li>
|
||
|
|
<h3>TUV</h3>
|
||
|
|
<h3>WXYZ</h3>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div id="turn-order" style="display:none">
|
||
|
|
<ul>
|
||
|
|
<h3>Turn 1</h3>
|
||
|
|
<li><a href="../article/Example_page.html">Example page</a></li>
|
||
|
|
<h3>Unwritten</h3>
|
||
|
|
<li><a href="../article/Phantom_page.html" class="phantom">Phantom page</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|