@extends('layouts.masternofooter')

@section('title', 'Iron Scrolls Random Roller')

@section('head')
    <link href='https://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="/public/css/style.css">
    <link rel="stylesheet" href="/public/libs/Skeleton/css/normalize.css">
    <link rel="stylesheet" href="/public/libs/Skeleton/css/skeleton.css">
    <link rel="stylesheet" href="/public/LogParser/css/style.css">
    <link rel="icon" type="image/png" href="/public/images/logo.png">
    <script type="text/javascript" src="/public/libs/jquery.js" ></script>
    <script src="/public/IronScrolls/main.js" ></script>
@endsection

@section('content')
<div class="content">
    Race: <span id="ironscrolls-race" style="bold"></span><br/>
    Skills: <span id="ironscrolls-skills" style="bold"></span><br/>
    Quest Order: <span id="ironscrolls-quests-0" style="bold"></span><br/>
    <span id="ironscrolls-quests-1" style="bold"></span><br/>
    <span id="ironscrolls-quests-2" style="bold"></span><br/>
    <span id="ironscrolls-quests-3" style="bold"></span><br/>
    <span id="ironscrolls-quests-4" style="bold"></span><br/>
    <button id="roll">Roll</button>
</div>
@endsection