Added progress bars in project presentation on main page

This commit is contained in:
phil 2013-07-09 00:09:49 +02:00
parent 5a5773042a
commit f571da7fe2
17 changed files with 361 additions and 34 deletions

View file

@ -6,26 +6,181 @@ tags: [ Factual dimension, Geographic dimension, Time dimension ]
{% assign sorted_posts = site.posts | sort:"title" %}
<p>
Welcome to the unofficial Iron Kingdoms Role Playing Game (IKRPG) wiki.
Welcome to the unofficial Iron Kingdoms Role Playing Game (IKRPG) wiki. The best place to start
exploring this wiki is its <a href="/portal/Sitemap">sitemap</a>. A different approach is to visit a
<a href="#projects">project page</a>.
</p>
<h2 id="Portals">Portals</h2>
<ul>
{% for post in sorted_posts %}
{% if post.categories == empty %}
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
{% endif %}
{% endfor %}
</ul>
{% for category in site.categories %}
<h2>{{ category[0] | upcase }}</h2>
<ul>
{% for post in sorted_posts %}
{% if post.categories contains category[0] %}
<li>
<a href="{{ post.url }}">{{ post.title }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% endfor %}
<h2 id="projects">Projects</h2>
<p>
The wiki comprises several projects: the <a href="#publication-index">Publication Index</a> project,
the <a href="#character-sheet">Character Sheet</a> project and the
<a href="#character-generator">Character Generator</a> project.
</p>
<h3 id="publication-index">Publication Index</h3>
<p>
The <a href="/portal/Publications">Publication Index</a> project aims at providing a publication
spanning index for content like <a href="/index/Career-Index">careers</a> or
<a href="/index/Equipment-Index">equipment</a>. This project can never be considered finished as long as
new publications are released.
</p>
<nav class="progress blue step3">
<ul id="No-Quarter-49">
<li><a href="#No-Quarter-49"><span>No Quarter<br />#49</span></a>
<ul id="No-Quarter-48">
<li><a href="#No-Quarter-48"><span>No Quarter<br />#48</span></a>
<ul id="Full-Metal-Friday-5-1">
<li><a href="#Full-Metal-Friday-5-1"><span>Full Metal<br />Friday 5/1</span></a>
<ul class="current" id="Full-Metal-Friday-4-4">
<li><a href="#Full-Metal-Friday-4-4"><span>Full Metal<br />Friday 4/4</span></a>
<ul id="Full-Metal-Friday-4-3">
<li><a href="#Full-Metal-Friday-4-3"><span>Full Metal<br />Friday 4/3</span></a>
<ul id="Full-Metal-Friday-4-2">
<li><a href="#Full-Metal-Friday-4-2"><span>Full Metal<br />Friday 4/2</span></a>
<ul id="Full-Metal-Friday-4-1">
<li><a href="#Full-Metal-Friday-4-1"><span>Full Metal<br />Friday 4/1</span></a>
<ul id="Full-Metal-Friday-3-4">
<li><a href="#Full-Metal-Friday-3-4"><span>Full Metal<br />Friday 3/4</span></a>
<ul id="Full-Metal-Friday-3-3">
<li><a href="#Full-Metal-Friday-3-3"><span>Full Metal<br />Friday 3/3</span></a>
<ul id="Full-Metal-Friday-3-2">
<li><a href="#Full-Metal-Friday-3-2"><span>Full Metal<br />Friday 3/2</span></a>
<ul id="Full-Metal-Friday-3-1">
<li><a href="#Full-Metal-Friday-3-1"><span>Full Metal<br />Friday 3/1</span></a>
<ul id="Full-Metal-Friday-2-4">
<li><a href="#Full-Metal-Friday-2-4"><span>Full Metal<br />Friday 2/4</span></a>
<ul id="Full-Metal-Friday-2/3">
<li><a href="#Full-Metal-Friday-2-3"><span>Full Metal<br />Friday 2/3</span></a>
<ul id="Full-Metal-Friday-2-2">
<li><a href="#Full-Metal-Friday-2-2"><span>Full Metal<br />Friday 2/2</span></a>
<ul id="Full-Metal-Friday-2-1">
<li><a href="#Full-Metal-Friday-2-1"><span>Full Metal<br />Friday 2/1</span></a>
<ul id="Full-Metal-Friday-1-4">
<li><a href="#Full-Metal-Friday-1-4"><span>Full Metal<br />Friday 1/4</span></a>
<ul id="Full-Metal-Friday-1-3">
<li><a href="#Full-Metal-Friday-1-3"><span>Full Metal<br />Friday 1/3</span></a>
<ul id="Full-Metal-Friday-1-2">
<li><a href="#Full-Metal-Friday-1-2"><span>Full Metal<br />Friday 1/2</span></a>
<ul id="Full-Metal-Friday-1-1">
<li><a href="#Full-Metal-Friday-1-1"><span>Full Metal<br />Friday 1/1</span></a>
<ul id="Errata">
<li><a href="#Errata"><span>Errata</span></a>
<ul id="Core-Rules-Bestiary-Expanded">
<li><a href="#Core-Rules-Bestiary-Expanded"><span>Core Rules<br />Bestiary Exp</span></a>
<ul id="Fools-Rush-In">
<li><a href="#Fools-Rush-In"><span>Fools Rush<br />In</span></a>
<ul id="No-Quarter-47">
<li><a href="#No-Quarter-47"><span>No Quarter<br />#47</span></a>
<ul id="No-Quarter-46">
<li><a href="#No-Quarter-46"><span>No Quarter<br />#46</span></a>
<ul id="No-Quarter-45">
<li><a href="#No-Quarter-45"><span>No Quarter<br />#45</span></a>
<ul id="No-Quarter-44">
<li><a href="#No-Quarter-44"><span>No Quarter<br />#44</span></a>
<ul id="No-Quarter-43">
<li><a href="#No-Quarter-43"><span>No Quarter<br />#43</span></a>
<ul id="Urban-Adventure">
<li><a href="#Urban-Adventure"><span>Urban<br />Adventure</span></a>
<ul id="Core-Rules" class="last-sibling-of-kind">
<li><a href="#Core-Rules"><span>Core Rules</span></a>
</li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul>
</li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul>
</li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul>
</nav>
<nav class="progress green step3">
<ul id="Settings">
<li><a href="#Settings"><span>Settings</span></a>
<ul id="Scenery">
<li><a href="#Scenery"><span>Scenery</span></a>
<ul id="Encounters">
<li><a href="#Encounters"><span>Encounters</span></a>
<ul id="Adventures">
<li><a href="#Adventures"><span>Adventures</span></a>
<ul id="Benefits">
<li><a href="#Benefits"><span>Benefits</span></a>
<ul id="Feats">
<li><a href="#Feats"><span>Feats</span></a>
<ul class="current" id="Thralls">
<li><a href="#Thralls"><span>Thralls</span></a>
<ul id="Steamjacks">
<li><a href="#Steamjacks"><span>Steamjacks</span></a>
<ul id="Spells">
<li><a href="#Spells"><span>Spells</span></a>
<ul id="Skills">
<li><a href="#Skills"><span>Skills</span></a>
<ul id="Races">
<li><a href="#Races"><span>Races</span></a>
<ul id="Organizations">
<li><a href="#Organizations"><span>Organizations</span></a>
<ul id="Monsters">
<li><a href="#Monsters"><span>Monsters</span></a>
<ul id="Mechanika">
<li><a href="#Mechanika"><span>Mechanika</span></a>
<ul id="Equipment">
<li><a href="#Equipment"><span>Equipment</span></a>
<ul id="Careers">
<li><a href="#Careers"><span>Careers</span></a>
<ul id="Archetypes">
<li><a href="#Archetypes"><span>Archetypes</span></a>
<ul id="Alchemica">
<li><a href="#Alchemica"><span>Alchemica</span></a>
<ul id="Adventuring-Companies">
<li><a href="#Adventuring-Companies"><span>Adventuring<br />Companies</span></a>
<ul id="Abilities" class="last-sibling-of-kind">
<li><a href="#Abilities"><span>Abilities</span></a>
</li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul>
</li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul>
</nav>
<h3 id="character-sheet">Character Sheet</h3>
<p>
We develop a custom <a href="/portal/Character-Sheet">Character Sheet</a> in this wiki. It is written
entirely in HTML and Javascript and can thus be used on any internet device (in varying quality). Since
all character sheets are finished now, we will either develop more specialized sheets like for
'jacks, thralls or warbeasts or concentrate on extending on the already existing sheets (maybe through a
character generator).
</p>
<nav class="progress red step1">
<ul id="Warbeast-Sheet">
<li><a href="#Warbeast-Sheet"><span>Warbeast<br />Sheet</span></a>
<ul id="Thrall-Sheet">
<li><a href="#Thrall-Sheet"><span>Thrall<br />Sheet</span></a>
<ul id="Steamjack-Sheet">
<li><a href="#Steamjack-Sheet"><span>'Jack<br />Sheet</span></a>
<ul id="Damage-Boxes">
<li><a href="#Damage-Boxes"><span>Damage<br />Boxes</span></a>
<ul id="Portrait">
<li><a href="#Portrait"><span>Portrait</span></a>
<ul class="current" id="Notes">
<li><a href="#Notes"><span>Notes<br />Sheet</span></a>
<ul id="Gear">
<li><a href="#Gear"><span>Gear<br />Sheet</span></a>
<ul id="Spells">
<li><a href="#Spells"><span>Spells<br />Sheet</span></a>
<ul id="Abilities">
<li><a href="#Abilities"><span>Abilities<br />Sheet</span></a>
<ul id="Benefits">
<li><a href="#Benefits"><span>Benefits<br />Sheet</span></a>
<ul id="Skills">
<li><a href="#Skills"><span>Skills<br />Sheet</span></a>
<ul id="Stats" class="last-sibling-of-kind">
<li><a href="#Stats"><span>Stats<br />Sheet</span></a>
</li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul>
</li></ul></li></ul>
</nav>
<h3 id="character-generator">Character Generator</h3>
<p>
Based on the custom <a href="#character-sheet">Character Sheet</a>, we aim to build a <strong>Character
Generator</strong> whose character sheets can be easily shared by their URLs (see the
<a href="/portal/Character-Sheet">Character Sheet</a> for a live example). We think this is especially
useful for online games.
</p>
<nav class="progress blue step3">
<ul id="Program-Logic">
<li><a href="#Program-Logic"><span>Program<br />Logic</span></a>
<ul id="Collect-Database">
<li><a href="#Collect-Database"><span>Collect<br />Database</span></a>
</li></ul></li></ul>
</nav>