Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
215 lines (214 sloc) 11 KB
<!DOCTYPE html>
<!--Larry "Mike" Sneed-->
<!--MIU1203-->
<!--Project 4-->
<html lang="en">
<head>
<meta charset="utf-8">
<title>RPGC - Role Playing Game Collection</title>
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="cleartype" content="on">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/libs/modernizr.custom.min.js"></script>
</head>
<body>
<div data-role="page" id="index">
<div data-role="header" data-position="fixed" data-theme="a" id="firstHeader">
<h1 class="branding">MyRPGs</h1>
</div>
<div data-role="content" id="screenOne">
<div><img alt="Magic User" id="magicUser" src="images/fantasy_bg.jpg" width="332"/></div>
<p>"Your RPG collection at your fingertips!"</p>
<ul data-role="listview" data-inset="true" data-theme="a">
<li><a href="#categories" data-icon="arrow-r" data-iconpos="right" id="browseButton">Search / Browse Categories</a></li>
<li><a href="#enter" data-icon="arrow-r" data-iconpos="right" id="addButton">Add an Adventure or Book</a></li>
</ul>
</div>
<div data-role="footer" data-position="fixed" data-theme="a">
<div data-role="navbar">
<ul>
<li><a href="#index" class="ui-btn-active" data-icon="home">Home</a></li>
<li><a href="https://github.com/mike30549/MiU-Project-4.git" data-icon="grid">github</a></li>
<li><a href="../APP-B/additem.html" data-icon="plus">APP B</a></li>
</ul>
</div>
</div>
</div>
<div data-role="page" id="enter" data-add-back-btn="true">
<div data-role="header" data-position="fixed" data-theme="a" >
<h1>MyRPGs</h1>
<nav> <a href="" id="clear">Clear Stored Data</a> <a href="" id="displayLink">Display Data</a> <a href="#enter" id="addNew" style="display: none">Add New Data</a> </nav>
</div>
<div data-role="content">
<div><img src="images/rpgicon.png" height= 50px width= 50px/><img src="images/icons/rpgLogo2.gif" /></div>
<form action="#" method="post" id="rpgForm" onSubmit="" name="alerts">
<!--start of the form-->
<fieldset id="rpgFieldset">
<h1 class="add">Add an RPG:</h1>
<p>* fields are required.</p>
<ul id="errors">
</ul>
<ul id="questions">
<li id="select">
<label for="group">* Select an RPG</label>
<select id="group"></select> <!--groups is loaded from javascript & json-->
</li>
</ul>
<h2 class="add">Game Info:</h2>
<div data-role="fieldcontain">
<label for="name">*Book Name:</label>
<input type="text" name="name" id="bookName" placeholder="enter name of book here..." class="required" />
<p class="inputHints">ex: Dragon's Rest</p>
</div>
</fieldset>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" id="version">
<legend>Version:</legend>
<input type="radio" name="version" id="one" value="Version-1" checked="checked" />
<label for="one">1.0</label>
<input type="radio" name="version" id="two" value="Version-2" />
<label for="two">2.0</label>
<input type="radio" name="version" id="three" value="Version-3" />
<label for="three">3.0</label>
<input type="radio" name="version" id="threeHalf" value="Version-3.5" />
<label for="threeHalf">3.5</label>
<input type="radio" name="version" id="four" value="Version-4" />
<label for="four">4.0</label>
</fieldset>
</div>
<fieldset>
<div data-role="fieldcontain">
<label for="cost">*Cost:</label>
<input type="text" name="cost" id="cost" value="" placeholder="enter cost of book here..." class="required number"/>
<p class="inputHints">ex: $3.50</p>
</div>
<div data-role="fieldcontain">
<label for="datePrint">*Date Printed:</label>
<input type="date" name="datePrint" id="datePrint" value="" placeholder="enter date book was printed here..." class="required date"/>
<p class="inputHints">ex: 01/21/2012</p>
</div>
<div data-role="fieldcontain">
<label for="dateGot">*Date Acquired:</label>
<input type="date" name="dateGot" id="dateGot" value="" placeholder="enter date you bought the book here..." class="required date"/>
<p class="inputHints">ex: 03/13/2012</p>
</div>
<label for="commentArea">Comments:</label>
<textarea name="commentArea" id="commentArea">
</textarea>
<p class="inputHints">ex: I love this book and it's in good condition.</p>
</fieldset>
<div data-role="fieldcontain">
<input type="submit" id="submit" value="Submit" data-theme="a"/>
<input type="reset" id="reset" value="Reset" data-theme="b" />
</div>
<a href="#rpgErrors" id="rpgErrorsLink" data-rel="dialog" data-transition="pop">Open Errors</a>
</form>
<!--end of the form-->
</div>
<div data-role="footer" data-position="fixed" data-theme="a">
<div data-role="navbar">
<ul>
<li><a href="#index" data-icon="home">Home</a></li>
<li><a href="https://mike30549@github.com/mike30549/MiU-Project-4.git" data-icon="grid">github</a></li>
<li><a href="../APP-B/additem.html" data-icon="plus">APP B</a></li>
</ul>
</div>
</div>
</div>
<div data-role="page" id="categories" data-add-back-btn="true">
<div data-role="header" data-position="fixed" data-theme="a">
<h1>MyRPGs</h1>
</div>
<div data-role="content">
<div><img src="images/rpgicon.png" height= 50px width= 50px/><img src="images/icons/rpgLogo2.gif" /></div>
<fieldset id="browsePageFieldset">
<div id="indexPic"></div>
<div id="intro">"Your RPG collection at your fingertips!"</div>
<div>.</div>
<ul data-role="listview" data-inset="true" data-filter="true" id="searchButtons" data-theme="a">
<div data-role="collapsible-set">
<div data-role="collapsible" data-collapsed="true" data-theme="a" id="dnd">
<h3>Dungeons & Dragons</h3>
<div class="ui-grid-b">
<div class="ui-block-a"><img alt="dnd" src="images/dnd.jpg" width=80 height=60 />Dungeons & Dragons</div>
<div class="ui-block-b"><img alt="dnd" src="images/icons/fr.jpg" width=100px height=100px />Forgotten Realms</div>
<div class="ui-block-c"><img alt="dnd" src="images/icons/dl.jpg" width=100px height=100px />DragonLance</div>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-theme="a">
<h3>Pathfinder</h3>
<div class="ui-grid-b">
<div class="ui-block-a"><img alt="pathfinder" src="images/icons/pathfinder_logo.png" width=80px height=60px />Pathfinder</div>
<div class="ui-block-b"><img alt="pathfinder" src="images/icons/badlands.jpeg" width=100px height=100px />The Bad Lands</div>
<div class="ui-block-c"><img alt="pathfinder" src="images/icons/wintersveil.jpg" width=100px height=100px />Winter's Veil</div>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-theme="a">
<h3>Tunnels & Trolls</h3>
<div class="ui-grid-b">
<div class="ui-block-a"><img alt="tnt" src="images/icons/tntlogo.gif" width=80px height=60px />Tunnels & Trolls</div>
<div class="ui-block-b"><img alt="tnt" src="images/icons/elwynnforest.jpg" width=100px height=100px />Elwynn Forest</div>
<div class="ui-block-c"><img alt="tnt" src="images/icons/auberdine.jpg" width=100px height=100px />Auberdine</div>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-theme="a">
<h3>d20</h3>
<div class="ui-grid-b">
<div class="ui-block-a"><img alt="d20" src="images/icons/d20-logo1.jpg" width=80px height=60px />d20</div>
<div class="ui-block-b"><img alt="d20" src="images/icons/searinggorge.jpg" width=100px height=100px />Searing Gorge</div>
<div class="ui-block-c"><img alt="d20" src="images/icons/dalaran.jpg" width=100px height=100px />Dalaran</div>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-theme="a">
<h3>Arkham Horror</h3>
<div class="ui-grid-b">
<div class="ui-block-a"><img alt="ah" src="images/icons/arkham.gif" width=80px height=60px />Arkham Horror</div>
<div class="ui-block-b"><img alt="ah" src="images/icons/bloodynights.jpg" width=100px height=100px />Bloody Nights</div>
<div class="ui-block-c"><img alt="ah" src="images/icons/fullmoon.jpg" width=100px height=100px />Full Moon</div>
</div>
</div>
</div>
<li> <a href="#enter" data-icon="arrow-r" data-iconpos="right" id="startButton">Add an Adventure or Book</a> </li>
</ul>
</fieldset>
</div>
<div data-role="footer" data-position="fixed" data-theme="a">
<div data-role="navbar">
<ul>
<li><a href="#index" data-icon="home">Home</a></li>
<li><a href="https://mike30549@github.com/mike30549/MiU-Project-4.git" data-icon="grid">github</a></li>
<li><a href="../APP-B/additem.html" data-icon="plus">APP B</a></li>
</ul>
</div>
</div>
</div>
<div data-role="page" id="localStorageDisplay">
<br />
<br />
<br />
<br />
<br />
<br />
<ul id="items"></ul>
</div>
<div data-role="dialog" id="rpgErrors" >
<div data-role="header" data-position="fixed" data-theme="a">
<h1>Missing Fields</h1>
</div>
<div data-role="content">
<ul>
<li>Test.</li>
</ul>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.js"></script>
<script src="js/libs/jquery.validate.min.js" type="text/javascript"></script>
<script src="js/json.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.