<!DOCTYPE html>
<html manifest="/ikrpg.appcache">
    <head>
        <meta charset="UTF-8" />
        <title>{{ page.title }}</title>
        <meta name="description" content="Unofficial Iron Kingdoms Role Playing Game (IKRPG) Resources: IKRPG content index and character sheets." />
        <link rel="stylesheet" href="/static/stylesheets/index.css" />
        <link rel="stylesheet" href="/static/stylesheets/content/datatables.css" />

        <!--script src="/static/javascripts/expandable.js"></script>
        <script src="/static/javascripts/opaquable.js"></script>
        <script src="/static/javascripts/resizable.js"></script-->

        <script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"></script>
        <script type="text/javascript" src="/static/javascripts/jquery-ui-1.11.4.min.js"></script>
        <script type="text/javascript" src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.min.js"></script>
        <script type="text/javascript" src="//cdn.datatables.net/fixedheader/2.1.1/js/dataTables.fixedHeader.min.js"></script>
        <script type="text/javascript" src="/static/javascripts/lz-string-1.3.3-min.js"></script>
        <script type="text/javascript" src="/static/javascripts/pouchdb-3.3.1.min.js"></script>
        <script type="text/javascript">
            var db = new PouchDB('ikrpg');
        </script>
    </head>
    <body>
        <script type="text/javascript">
            function changeBackground(imageName, topX) {
                $("body").css('background-image', 'url('+imageName+')');
                $("body").css('background-position', '50% '+topX+'px');
                $("#head").css('background-image', 'url('+imageName+')');
                $("#head").css('background-position', '50% '+(topX-66)+'px');
                $("#foot > div.banner").css('background-image', 'url('+imageName+')');
            }

            function setBackground(imageName, topX) {
                changeBackground(imageName, topX);

                db.get("bg", function(error, bg) {
                    if(!error) {
                        bg.name = imageName;
                        bg.topX = topX;
                        db.put(bg);
                    }
                });
            }

            $(function() {
                db.get("bg", function(error, bg) {
                    if(error) {
                        bg = {
                            _id: "bg",
                            name: "/static/images/bg-FMF.jpg",
                            topX: -370
                        };
                        db.put(bg);
                    }
                    changeBackground(bg.name, bg.topX);
                });
            });
        </script>
        <article itemscope itemtype="http://schema.org/Article">
            <nav id="menu">
                <ol>
                    <li><a href="/">&#xE081;</a></li>
                    <li><a href="mailto:philipp.wille@web.de">&#xE09A;</a></li>
                    <li><a href="https://github.com/ikrpg/ikrpg.github.io/wiki/How-do-I-Participate%3F">&#xE088;</a></li>
                    <li><a href="https://github.com/ikrpg/ikrpg.github.io">&#xE0DA;</a></li>
                    <li><a href="http://prose.io/#ikrpg/ikrpg.github.io/edit/master/_posts/0000-01-01-{{ page.title | replace: ' ', '-' }}.html">&#xE0B5;</a></li>
                    <li><a href="#" class="js-resizable">&#xE0EA;</a></li>
                    <li><a href="#" class="js-opaquable">&#xE05D;</a></li>
                    <li><a href="#" class="js-expandable">&#xE012;</a></li>
                </ol>
            </nav>
            <header id="head">
                <h1 itemprop="headline">{{ page.title }}</h1>
                <nav>
                    <ol>
                    {% for tag in page.tags %}
                        <li><a href="#">{{ tag }}</a></li>
                    {% endfor %}
                    </ol>
                </nav>
            </header>
            <section class="content" itemprop="articleBody">{{ content }}</section>
            <footer id="foot">
                <div class="banner"></div>
                <p>Images originating from the <a href="http://privateerpress.com">Privateer Press website</a> are © 2001—2016 Privateer Press, Inc. All Rights Reserved. Privateer Press ®, WARMACHINE ®, Cryx, Cygnar, Khador, Protectorate of Menoth, Retribution of Scryah, Steam-powered Miniatures Combat, warcaster, warjack, WARMACHINE: Prime, WARMACHINE: Escalation, WARMACHINE: Apotheosis, WARMACHINE: Superiority, WARMACHINE: Prime Remix, WARMACHINE: Legends, Forces of WARMACHINE: Pirates of the Broken Coast, Forces of WARMACHINE: Retribution of Scyrah, Forces of WARMACHINE: Cygnar, Forces of WARMACHINE: Khador, Forces of WARMACHINE: Cryx, Forces of WARMACHINE: Protectorate of Menoth, HORDES, Circle Orboros, Legion of Everblight, Skorne, Trollbloods, Trollblood, Monsterous Miniatures Combat, warbeast, HORDES: Primal, HORDES: Evolution, HORDES: Metamorphosis, Forces of HORDES: Circle Orboros, Forces of HORDES: Legion of Everblight, Forces of HORDES: Skorne, Forces of HORDES: Trollbloods, Iron Kingdoms, Immoren, The Witchfire Trilogy, Monsternomicon, Five Fingers: The Port of Deceit, Formula P3, Formula P3 Hobby Series, No Quarter Magazine and their logos are trademarks of Privateer Press, Inc. Images and trademarks used without permission. This website is unofficial and is not endorsed by Privateer Press. The background images are taken from the warmachine video game's <a href="http://whitemoondreams.com/warmachine/media/webkit-2">Webkit</a> and the free <a href="http://www.drivethrurpg.com/product/146332/Iron-Kingdoms-Unleashed-An-Introduction-to-Savagery">Iron Kingdoms Unleashed Adventure Kit PDF</a>.</p>
            </footer>
        </article>
        <script type="text/javascript">
            (function(){
                var webappCache = window.applicationCache;
                if (webappCache) {
                    webappCache.addEventListener("updateready", function() { webappCache.update(); webappCache.swapCache(); }, false);
                }
            })();
        </script>

        <script type="text/javascript">
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-64351555-1', 'auto');
            ga('send', 'pageview');
        </script>
    </body>
</html>
