Various new artworks and improvements (hopefully) to site layout.

parent b5c50341
......@@ -57,6 +57,7 @@ appInit = makeSnaplet "roguestar-server-snaplet" "Roguestar Server" Nothing $
("/feedback-thanks", staticTemplate "static/feedback-thanks.mustache"),
("/options", options),
("/start", start),
("/version-history", staticTemplate "static/version-history.mustache"),
("", staticTemplate "static/index.mustache")]
config <- liftIO $ getConfiguration default_timeout
game <- liftIO $ createGameState config
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
#menu {
width: 1024px;
margin-top: 1em;
margin-bottom: 1em;
}
#menu ul {
float: right;
width: 25%;
}
#menu li {
list-style: none;
}
#menu img {
}
......@@ -4,6 +4,7 @@
<head>
<title>Roguestar</title>
<link rel="stylesheet" type="text/css" href="/static/roguebasic.css"/>
<link rel="stylesheet" type="text/css" href="/static/header.css"/>
<script src="static/jquery-1.8.2.js" type="application/javascript"></script>
<script src="static/jquery.cookie-1.2.js" type="application/javascript"></script>
<script src="static/jquery.xcolor-1.8.js" type="application/javascript"></script>
......@@ -11,14 +12,11 @@
</head>
<body>
<div id="main">
<div id="menu">
<div id="menu" class="roguebox">
<img src="/static/glass/roguestar-title.svg"/>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/play/">Play</a></li>
<li><a href="/options/">Options</a></li>
<ul>
<li><a id="menu-home" href="/">Home</a></li>
<li><a id="menu-play" href="/play">Play</a></li>
<li><a id="menu-participate" href="/participate">Participate</a></li>
<li><a id="menu-blog" href="http://blog.downstairspeople.org/">Blog</a></li>
<li class="right"><a id="menu-options" href="/options">Options</a></li>
<li class="right"><a id="menu-help" href="/help">Help</a></li>
</ul>
</div>
......@@ -11,34 +11,11 @@
</div>
{{/failed-unit-tests}}{{/server-globals}}
<h1>Roguestar</h1>
<a class="right-button" href="/play/"><img class="roguebox" src="/static/glass/play-now.svg"/></a>
<p>Roguestar is a text-based tactical role-playing game set in a science-fiction universe. You can begin playing right now, in your web browser: <a href="/play/">Play Now</a>.<p>
<p>Roguestar strives to offer fun, tactical, turn-based gameplay in a deadly world filled with goofy science-fiction monsters.</p>
<h1>Version History</h1>
<div id="version-history">
<h6>Roguestar 0.12.0</h6>
<ul>
<li>Fixed bug where player wouldn't be shown combat events leading up to the player's death.
<li>Rewrote combat engine to pre-generate probability tables.
<li>SVG graphics.
</ul>
<h6>Roguestar 0.10.0</h6>
<ul>
<li>Animated events for javascript-enabled clients.</li>
<li>Color map.</li>
<li>Switched to mustache templates (hastache). You can append <code>?theme=json</code> to any URL to see/debug the JSON data used to render each template.</li>
<li>Fixed bug where stale sessions weren't being cleaned up.</li>
</ul>
<h6>Roguestar 0.8</h6>
<ul>
<li>September 2012</li>
<li>First release of the web version.</li>
</ul>
</div>
<p>You can play right now, in your web browser.</p>
</div>
......
......@@ -3,9 +3,11 @@
<h1>Options</h1>
<form action="/start" method="post">
<button type="submit">Restart Game</button>
</form>
<li><a href="/start">Start a New Game</a></li>
<li><a href="/feedback">Leave Feedback</a></li>
<li><a href="/version-history">Version History</a></li>
<h1>Server Status</h1>
<p>
<code>{{server-statistics}}</code>
......
......@@ -2,7 +2,7 @@
body {
padding: 0px;
margin: 0px;
font-family: "Verdana", sans-serif;
font-family: "Ariel", sans-serif;
background: #000000;
color: #EEEEEE;
}
......@@ -13,62 +13,6 @@ body {
padding: 0;
}
#menu {
background: #111111;
border: ridge;
border-width: 2px;
border-color: #222222;
padding: 0;
margin: 0;
margin-top: 1em;
margin-bottom: 1em;
width: 1024px;
background-image: url('/static/glass-vertical.png');
background-repeat: repeat-x;
background-position: center center;
}
#menu ul {
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li {
float: left;
display: inline;
white-space: nowrap;
border-right: ridge;
border-right-width: 2px;
border-right-color: #222222;
margin: 0;
padding: 0;
font-family: sans-serif;
}
#menu ul li a {
color: #EEEEEE;
padding: 1em;
margin: 0;
}
#menu ul li:hover {
background: #6D2E03;
}
#menu ul li a:hover {
text-decoration: none;
}
#menu ul li.right {
float: right;
border-right: none;
border-left: ridge;
border-left-width: 2px;
border-left-color: #222222;
}
#magicbox {
position: relative;
left: 0;
......@@ -87,6 +31,10 @@ body {
color: #FFFFFF;
}
.right-button {
float: right;
}
.help {
font-size: 20px;
}
......@@ -270,10 +218,11 @@ a:hover {
}
#documenttext {
overflow: hidden;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 1in;
padding-right: 1.62in;
padding-left: 1em;
padding-right: 1em;
margin: 0;
margin-bottom: 1em;
color: #BBBBBB;
......@@ -287,6 +236,7 @@ a:hover {
width: 500px;
height: 500px;
background: #000000;
}
#gameplaybox-overlay {
......
{{> header}}
<div id="documenttext" class="roguebox">
<h1>Version History</h1>
<h6>Roguestar 0.12.0</h6>
<ul>
<li>Fixed bug where player wouldn't be shown combat events leading up to the player's death.
<li>Added horribly drawn pictures with googly eyes.
</ul>
<h6>Roguestar 0.10.0</h6>
<ul>
<li>Animated events for javascript-enabled clients.</li>
<li>Color map.</li>
<li>Switched to mustache templates (hastache). You can append <code>?theme=json</code> to any URL to see/debug the JSON data used to render each template.</li>
<li>Fixed bug where stale sessions weren't being cleaned up.</li>
</ul>
<h6>Roguestar 0.8</h6>
<ul>
<li>September 2012</li>
<li>First release of the web version.</li>
</ul>
</div>
{{> footer}}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment