Update documentation index page

Use a dropdown to select the LOOT readme version to view, reducing the
space taken up by readme links.

Also add links to the new docs pages from the wiki, and reduce the font
weight of links.
This commit is contained in:
Oliver Hamlet
2016-04-09 13:29:29 +01:00
parent 5f81a3991d
commit 5a75110699
4 changed files with 78 additions and 32 deletions
+3 -2
View File
@@ -3,8 +3,6 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>LOOT: {{ page.title }}</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/overrides.css">
<link rel="shortcut icon" type="image/ico" href="/images/icon.ico">
<script src="https://code.getmdl.io/1.1.2/material.min.js"></script>
@@ -12,6 +10,9 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/overrides.css">
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header">
<div class="mdl-layout__drawer">
+4
View File
@@ -10,3 +10,7 @@
.mdl-textfield {
vertical-align: middle;
}
/* Override link font weight. */
a {
font-weight: normal;
}
+25
View File
@@ -112,3 +112,28 @@ code.loot-search-result {
code.loot-search-result:first-of-type {
border-top: none;
}
/* Scale headings */
h3 {
font-size: 20px;
line-height: 30px;
margin: 30px 0 20px;
}
h4 {
font-size: 16px;
line-height: 24px;
margin: 24px 0 16px;
}
h5 {
font-size: 14px;
font-weight: 500;
line-height: 21px;
margin: 21px 0 14px;
}
/* Position readme version selector */
#versionSelect {
position: relative;
top: -2px;
left: 30px;
}
+46 -30
View File
@@ -4,40 +4,56 @@ title: Documentation
permalink: /docs/
---
<p>Each release of LOOT has its documentation listed below.</p>
<h3>
Readme Files
<select id="versionSelect">
<option value="0.8.1" selected>v0.8.1</option>
<option value="0.8.0">v0.8.0</option>
<option value="0.7.1">v0.7.1</option>
<option value="0.7.0">v0.7.0</option>
<option value="0.6.1">v0.6.1</option>
<option value="0.6.0">v0.6.0</option>
<option value="0.5.0">v0.5.0</option>
</select>
</h3>
<ul>
<li><a id="readmeLink" href="0.8.1/LOOT%20Readme.html">LOOT Readme</a></li>
<li><a id="syntaxLink" href="0.8.1/LOOT%20Metadata%20Syntax.html">LOOT Metadata Syntax</a></li>
</ul>
<h6>v0.8.1</h6>
<h3>Help</h3>
<ul>
<li><a href="0.8.1/LOOT%20Readme.html">LOOT Readme</a></li>
<li><a href="0.8.1/LOOT%20Metadata%20Syntax.html">LOOT Metadata Syntax</a></li>
<li><a href="help/LOOT-FAQs.html">FAQs</a></li>
<li><a href="help/How-To-Report-Issues-Helpfully.html">How To Report Issues Helpfully</a></li>
<li><a href="help/Introduction-To-Load-Orders.html">Introduction To Load Orders</a></li>
<li><a href="help/Dirty-Edits,-Mod-Cleaning-&amp;-CRCs.html">Dirty Edits, Mod Cleaning &amp; CRCs</a></li>
<li><a href="help/Setting-Windows'-File-Permissions.html">Setting Windows' File Permissions</a></li>
<li><a href="help/Using-Noto-fonts-for-Chinese-and-Korean-in-LOOT.html">Using Noto fonts for Chinese and Korean in LOOT</a></li>
</ul>
<h6>v0.8.0</h6>
<h3>Contributing</h3>
<ul>
<li><a href="0.8.0/LOOT%20Readme.html">LOOT Readme</a></li>
<li><a href="0.8.0/LOOT%20Metadata%20Syntax.html">LOOT Metadata Syntax</a></li>
<li><a href="contributing/How-To-Contribute.html">How To Contribute</a></li>
<li><a href="contributing/Masterlist-Editing.html">Masterlist Editing</a></li>
<li><a href="contributing/Quickly-Testing-Your-Masterlist-Changes.html">Quickly Testing Your Masterlist Changes</a></li>
<li><a href="contributing/Masterlist-Versioning.html">Masterlist Versioning</a></li>
<li><a href="contributing/Global-Priorities.html">Global Priorities</a></li>
<li><a href="contributing/Resolving-Conflicts.html">Resolving Conflicts</a></li>
</ul>
<h6>v0.7.1</h6>
<h3>Team</h3>
<ul>
<li><a href="0.7.1/LOOT%20Readme.html">LOOT Readme</a></li>
<li><a href="0.7.1/LOOT%20Metadata%20Syntax.html">LOOT Metadata Syntax</a></li>
</ul>
<h6>v0.7.0</h6>
<ul>
<li><a href="0.7.0/LOOT%20Readme.html">LOOT Readme</a></li>
<li><a href="0.7.0/LOOT%20Metadata%20Syntax.html">LOOT Metadata Syntax</a></li>
</ul>
<h6>v0.6.1</h6>
<ul>
<li><a href="0.6.1/LOOT%20Readme.html">LOOT Readme</a></li>
<li><a href="0.6.1/LOOT%20Metadata%20Syntax.html">LOOT Metadata Syntax</a></li>
</ul>
<h6>v0.6.0</h6>
<ul>
<li><a href="0.6.0/LOOT%20Readme.html">LOOT Readme</a></li>
<li><a href="0.6.0/LOOT%20Metadata%20Syntax.html">LOOT Metadata Syntax</a></li>
</ul>
<h6>v0.5.0</h6>
<ul>
<li><a href="0.5.0/LOOT%20Readme.html">LOOT Readme</a></li>
<li><a href="0.5.0/LOOT%20Metadata%20Syntax.html">LOOT Metadata Syntax</a></li>
<li><a href="team/Team-Members.html">Team Members</a></li>
<li><a href="team/Team-Member-Responsibilities.html">Team Member Responsibilities</a></li>
<li><a href="team/Making-A-Release.html">Making A Release</a></li>
<li><a href="team/Thread-Management.html">Thread Management</a></li>
<li><a href="team/Team-Policies.html">Team Policies</a></li>
</ul>
<script>
var select = document.getElementById('versionSelect');
select.addEventListener('input', function(evt) {
document.getElementById('readmeLink').href = evt.target.value + '/LOOT%20Readme.html';
document.getElementById('syntaxLink').href = evt.target.value + '/LOOT%20Metadata%20Syntax.html';
});
</script>