mirrors/ProgressQuest-web
1
0
Fork 0
mirror of https://bitbucket.org/grumdrig/pq-web.git synced 2026-09-29 08:44:00 -06:00
Code Issues Packages Projects Releases Wiki Activity

Beautify roster page

Browse Source
This commit is contained in:
Eric Fredricksen
2010-07-07 00:10:10 -07:00
parent 77cc9c8da4
commit 50f99f701d
2 changed files with 58 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main.js
+6
View File
@@ -3,6 +3,12 @@
// TODO: Test use of seed as DNA // TODO: Test use of seed as DNA
// TODO: Get rid of wide gutter margins on main // TODO: Get rid of wide gutter margins on main
// TODO: Test in all browsers // TODO: Test in all browsers
// TODO: Online leader board, game saves
// TODO: no localstorage mode
// TODO: Active controls on fake Xp screen
// TODO: Get better ProgrOS screenshot with just PQ
// TODO: Charsheet in some more pleasing delivery method
// TODO: Take a snap of some dice. Probably 4. ::: ::: ::_ ___
// revs: // revs:
// 6: pq 6.3/web // 6: pq 6.3/web
roster.html
+52 -5
View File
@@ -15,7 +15,7 @@
} }
.brag td { .brag td {
font: 9pt Helvetica, sans-serif; font: 9pt Helvetica, sans-serif;
vertical-align: top; vertical-align: top;
} }
div.rc { div.rc {
font-size: 9pt; font-size: 9pt;
@@ -48,6 +48,24 @@ a.icon {
a.x, a.sheet { a.x, a.sheet {
font-size: 12pt; font-size: 12pt;
} }
.sig {
text-align: center;
font-size: small;
color: #808080;
}
.sig a, .sig a:visited {
color: #808080;
text-decoration: none;
}
blockquote {
margin: 0 10% 0 10%;
background-color: #ffd;
border: solid 1px #fdb;
padding: 1ex;
font-size: 11pt;
}
</style> </style>
</head> </head>
@@ -57,19 +75,48 @@ a.x, a.sheet {
<h1>Character Roster</h1> <h1>Character Roster</h1>
<blockquote align="left">
In the olden times you'd <a href="download.php">download</a> Progress
Quest to your computer; now you may instead play Progress Quest
directly in your browser. Most modern browsers will save your game(s)
on this page <i>in just this browser</i>; if not, you can play fast and loose: the game will last
as long as the page stays open. Online leader boards and character
storage are not implemented at this time.
</blockquote>
<p id=roster> <p id=roster>
</p> </p>
<table class="brag"><tr> <table class="brag"><tr>
<td id="newc"> <td id="newc">
<b>New Character</b> <br> <b>New Character</b> <br>
<img src=die.jpg><br> <img src="die.jpg" width="100px"><br>
<button id=roll>Roll One Up</button> <button id="roll">Roll One Up</button>
</td></tr></table> </td></tr></table>
<p> <p>
<button id=test>Test</button> <button id=test>Test</button>
<button id=clear>Clear</button> <button id=clear>Clear</button>
<br>
<div align="center" id="nabar">
<a href="/">Home</a> &middot;
<a href="/info.php">Info</a> &middot;
<a href="/faq.php">FAQ</a> &middot;
<a href="/dl.php">Download</a> &middot;
<a href="/realms.php">Realms</a> &middot;
<a href="/acct.php">Accounts</a> &middot;
<a href="/news.php">News</a> &middot;
<a href="http://www.cafepress.com/pqm">Store</a> &middot;
<a href="http://forum.progressquest.com/">Forum</a> &middot;
<a href="/links.php">Links</a>
</div>
<br>
<div class="sig">&copy;2001-2010 <a class=dim
href="mailto:grumdrig@progressquest.com">grumdrig@progressquest.com</a>
</div>
</body> </body>
@@ -79,7 +126,7 @@ a.x, a.sheet {
<td><a class="icon go">&#x2694;</a></td> <td><a class="icon go">&#x2694;</a></td>
<td> <td>
<div> <div>
<a class="go"><b>$Traits.Name</b></a> the $Traits.Race ($Plots.last) <a class="go"><b>$Traits.Name</b></a> the $Traits.Race ($Plots.last)
</div> </div>
<div class="rc">Level $Traits.Level $Traits.Class</div> <div class="rc">Level $Traits.Level $Traits.Class</div>
<div class="bs">$Equips.best / $Spells.best / $Stats.best</div> <div class="bs">$Equips.best / $Spells.best / $Stats.best</div>
@@ -88,7 +135,7 @@ a.x, a.sheet {
<a class="x" href="#">&#x2620</a><br> <a class="x" href="#">&#x2620</a><br>
<a class="sheet" href="#">&#x270F</a> <a class="sheet" href="#">&#x270F</a>
</td> </td>
</tr> </tr>
</table> </table>
</script> </script>