Skip to content

Commit

Permalink
CSS and viewport debug for dashboard.
Browse files Browse the repository at this point in the history 
Locker icon added to dashboard.
Locker rental page and confirmation page added.
Favicon added.
  • Loading branch information
@Cealtea
Cealtea committed Nov 7, 2016
1 parent e876256 commit 444bb5d
Show file tree
Hide file tree
Showing 34 changed files with 557 additions and 172 deletions.
150 changes: 150 additions & 0 deletions locker.html
View file
@@ -0,0 +1,150 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Hacker Dojo Locker Rental</title>
<link rel="apple-touch-icon" sizes="57x57" href="/static/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/static/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/static/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/static/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/static/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/static/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/static/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/static/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/static/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/static/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png">
<link rel="manifest" href="/static/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/static/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/hdstyles.css">
</head>

<body>
<header id="top-nav" class="navbar navbar-inverse navbar-fixed-top" role="banner">
<div class="container">

<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".hd-navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<a class="navbar-brand" href="#">
<span>Hacker Dojo Locker Rental</span>
</a>
</div>

<nav class="collapse navbar-collapse hd-navbar-collapse" role="navigation">
<ul class="nav navbar-nav navbar-right">
<li><a href="/" style="font-weight: bold;">Dashboard</a></li>
<li><a href="login" style="font-weight: bold;">{{ login_text }}</a></li>
{% if not isLogin %}
<li><a href="{{ signup_url }}/upgrade/needaccount">Need an account?</a></li>
<li><a href="{{ signup_url }}/reactivate">Reactivate Membership</a></li>
{% endif %}
<li><a>{{ dev_message }}</a></li>
</ul>
</nav>
</div> <!-- End container -->
</header>


<!-- separate the menu/navigation bar from the rest of the GUI -->
<hr class="hd-spacer50">

<!-- show the different sections of the dashboard here -->
<div id="dashboard-details" class="container">

<h1>Locker Rental Signup</h1>
<p>Signup here to reserve your locker at Hacker Dojo.</p>

<p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="SNCH36M3NYGAC">
<table>

<tr>
<td><input type="hidden" name="on0" value="Locker rental subscription"/></td>
</tr>

<tr>
<td><input type="hidden" name="on2" value="Member Email"/></td>
</tr>
<tr>
<td><input type="hidden" name="os2" value="{{ member_email }}"></td>
</tr>

<tr>
<td><input type="hidden" name="on1" value="Contact Email">Contact Email (Mandatory)</td>
</tr>


<tr>
<td><input type="text" name="os1" maxlength="200" required="required" style="margin-bottom: 10px"></td>
</tr>

<tr>
<td>Subscribe to:</td>
</tr>
<tr>
<td>
<select name="os0">
<option value="One Locker">One Locker : $20.00 USD - monthly</option>
</select>
</td>
</tr>

</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_subscribeCC_LG.gif" border="0" name="submit"
alt="PayPal - The safer, easier way to pay online!" style="margin-top: 20px">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>


</p>

<hr/>
<h2>Locker Rental Terms</h2>
<ul>
<li>For active Hacker Dojo <a href="http://www.hackerdojo.com/Membership">members</a> only.</li>
<li>No storage of Hacker Dojo property (including monitors, electronics, etc.) or food items.</li>
<li>Hacker Dojo reserves the right to remove food or property belonging to Hacker Dojo from lockers.</li>
</ul>


</div> <!-- End main container -->

<hr class="half-rule hd-dashboard-row-margin">

<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type='text/javascript' src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

<script>
(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', 'https://www.google-analytics.com/analytics.js', 'ga');

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

</body>

</html>
104 changes: 104 additions & 0 deletions lockerconfirmation.html
View file
@@ -0,0 +1,104 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Hacker Dojo Locker Rental</title>
<link rel="apple-touch-icon" sizes="57x57" href="/static/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/static/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/static/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/static/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/static/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/static/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/static/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/static/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/static/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/static/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png">
<link rel="manifest" href="/static/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/static/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/hdstyles.css">
</head>

<body>
<header id="top-nav" class="navbar navbar-inverse navbar-fixed-top" role="banner">
<div class="container">

<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".hd-navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<a class="navbar-brand" href="#">
<span>Hacker Dojo Locker Rental</span>
</a>
</div>

<nav class="collapse navbar-collapse hd-navbar-collapse" role="navigation">
<ul class="nav navbar-nav navbar-right">
<li><a href="/" style="font-weight: bold;">Dashboard</a></li>
<li><a href="login" style="font-weight: bold;">{{ login_text }}</a></li>
{% if not isLogin %}
<li><a href="{{ signup_url }}/upgrade/needaccount">Need an account?</a></li>
<li><a href="{{ signup_url }}/reactivate">Reactivate Membership</a></li>
{% endif %}
<li><a>{{ dev_message }}</a></li>
</ul>
</nav>
</div> <!-- End container -->
</header>


<!-- separate the menu/navigation bar from the rest of the GUI -->
<hr class="hd-spacer50">

<!-- show the different sections of the dashboard here -->
<div id="dashboard-details" class="container">

<h1>Locker Rental Confirmation page</h1>
<p>Your locker subscription has been successfully received!</p>
<p>Once we have received your payment, a Hacker Dojo staff member will contact you by email to set up your locker.</p>

<hr/>
<h2>Locker Rental Terms</h2>
<ul>
<li>For active Hacker Dojo <a href="http://www.hackerdojo.com/Membership">members</a> only.</li>
<li>No storage of Hacker Dojo property (including monitors, electronics, etc.) or food items.</li>
<li>Hacker Dojo reserves the right to remove food or property belonging to Hacker Dojo from lockers.</li>
</ul>


</div> <!-- End main container -->

<hr class="half-rule hd-dashboard-row-margin">

<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type='text/javascript' src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

<script>
(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', 'https://www.google-analytics.com/analytics.js', 'ga');

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

</body>

</html>

0 comments on commit 444bb5d

Please sign in to comment.