simon/youyesyet
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

This effectively makes a reasonably full dummy

Browse source
This commit is contained in:
Simon Brooke 2017-03-14 20:10:23 +00:00
parent 16b45a1b6e
commit cc6b7e65a5
32 changed files with 813 additions and 190 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
.gitignore vendored Normal file
View file

@ -0,0 +1,20 @@
*~
*.log*
pom.xml
pom.xml.asc
*jar
/lib/
/classes/
/target/
/checkouts/
/resources/public/content/.git
/resources/public/vendor
.lein-deps-sum
.lein-repl-history
.lein-plugins/
.lein-failures
.lein-env
.nrepl-port
/node_modules/
.DS_Store
*-init.clj

BIN
dummies/ujack.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
dummies/ujack.xcf Normal file
View file

Binary file not shown.

BIN
dummies/unknown.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
dummies/unknown.xcf Normal file
View file

Binary file not shown.

4
project.clj
View file

@ -1,7 +1,7 @@
(defproject youyesyet "0.1.0-SNAPSHOT" (defproject youyesyet "0.1.0-SNAPSHOT"
:description "FIXME: write description" :description "Canvassing tool for referenda"
:url "http://example.com/FIXME" :url "https://github.com/simon-brooke/youyesyet"
:dependencies [[org.clojure/clojure "1.8.0"] :dependencies [[org.clojure/clojure "1.8.0"]
[org.clojure/clojurescript "1.9.229" :scope "provided"] [org.clojure/clojurescript "1.9.229" :scope "provided"]

67
resources/public/call-me.html Normal file
View file

@ -0,0 +1,67 @@
<!DOCTYPE html>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/yyy-static.css" />
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<title>Please call me!</title>
</head>
<body>
<header>
<div id="nav">
<img id="nav-icon" src="img/threelines.png" alt="Menu"/>
<menu id="nav-menu" class="nav">
<li class=""><a href="index.html">Home</a></li>
<li class=""><a href="/library.html">Library</a></li>
<li class=""><a href="/register.html">Register</a></li>
<li class=""><a href="/login.html">Login</a></li>
<li class=""><a href="/about.html">About</a></li>
</menu>
</div>
<h1>
Please call me!
</h1>
</header>
<div id="main-container" class="container">
<p>
Use this form to request someone to phone you to discuss your concerns about independence.
</p>
<form action="" method="post">
<p class="widget">
<label for="name">Your name</label>
<input type="text" id="name" name="name"/>
</p>
<p class="widget">
<label for="postcode">Your post-code</label>
<input type="text" id="postcode" name="postcode"/>
</p>
<p class="widget">
<label for="phone">Your phone number</label>
<input type="text" id="phone" name="phone"/>
</p>
<p class="widget">
<label for="concern">Your concerns</label>
<select name="concern" id="concern">
<option>Currency</option>
<option>EU Membership</option>
<option>Can we afford it?</option>
<option>The Queen</option>
<option>Defence/NATO</option>
</select>
</p>
<p class="widget">
<label for="submit">&nbsp;</label>
<input name="submit" id="submit" type="submit" class="action" value="Call me!"/>
</p>
</form>
</div>
<footer>
<div class="dummy">
This is a dummy page illustrating the intended navigation flow through the app. It may be replaced by something more dynamic later.
</div>
</footer>
</body>
</html>

597
resources/public/css/yyy-static.css
View file

@ -2,154 +2,112 @@
* Static CSS for basic YouYesYet pages to establish look-and-feel. Something * Static CSS for basic YouYesYet pages to establish look-and-feel. Something
* more dynamic, designed by someone more skilled than me, will replace it * more dynamic, designed by someone more skilled than me, will replace it
* later. * later.
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License
* as published by the Free Software Foundation; either version 2
* of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301,
* USA.
*
* # The Stylesheet
*
* ## html elements generally in alphabetic order
*/ */
/* Probably have to find Helvetica Neue as a web font */
body { body {
font-family: "Helvetica Neue", "Sans Bold", "Arial Black", sans-serif; font-family: "Archivo Narrow", "Helvetica", "Sans", sans-serif;
background-color: rgb( 50, 109, 177); background-color: rgb( 50, 109, 177);
color: white; color: white;
} }
/* footer of the document */ del {
color: red;
}
div.content, form, p, pre, h1, h2, h3, h4, h5 {
padding: 0.25em 5%;
}
dl, menu, ol, table, ul {
margin: 0.25em 5%;
}
/* footer of the page - not-editable, provided by Smeagol */
footer { footer {
border-top: thin solid gray;
clear: both; clear: both;
font-size: smaller; font-size: smaller;
padding: 0 2em;
text-align: center; text-align: center;
color: white; color: silver;
background-color: rgba(16, 58, 106, 0.95); background-color: rgb(7, 57, 106);
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0.25em 0;
bottom:0; bottom:0;
position:fixed; position:fixed;
vertical-align: top;
z-index:150; z-index:150;
_position:absolute; _position:absolute;
_top:expression(eval(document.documentElement.scrollTop+ _top:expression(eval(document.documentElement.scrollTop+
(document.documentElement.clientHeight-this.offsetHeight))); (document.documentElement.clientHeight-this.offsetHeight)));
} }
header { footer div {
width:100%; padding: 0.1em;
padding: 2em 0 0.25em 0;
background-color: rgb(16, 58, 106);
color: white;
}
/* ids generally in document order */
/* Overall container div, holds all content of page. Yes, I know it shouldn't have fixed width */
#nav{
margin: 0;
padding: 0;
width: 100%;
position: fixed;
z-index: 149;
}
#nav:hover #nav-menu {
display: inline;
}
#nav-icon {
padding: 0.25em;
}
#nav-menu {
display: none;
}
#nav ul li {
padding: 0;
margin: 0;
display: inline;
}
#nav ul li a {
color: white;
text-decoration: none;
font-weight: bold;
padding: 0.1em 0.75em;
margin: 0;
}
#nav ul li.active a { background-color: silver;}
li.nav-item a:hover { background-color: rgb( 240, 240, 240) }
li.nav-item a:active { background-color: gray; color: white; }
#main-container{
clear: both;
width:100%;
}
.big-link {
min-width: 8em;
padding: 0.25em 1em;
background-color: rgb(16, 58, 106);
color: white;
text-decoration: none;
}
.big-link:hover {
text-decoration: none;
}
.big-link:hover::after {
content: " >";
}
.big-link-container {
font-size: 300%;
padding: 0.5em 0;
text-align: right;
}
.dummy {
font-family: sans-serif;
font-size: 80%;
font-weight: normal;
}
.error {
background-color: red;
color: white;
}
.widget {
background-color: silver;
border: thin solid white;
margin-top: 0;
margin-bottom: 0;
}
.world {
font-size: 8pt;
}
div.error {
width: 100%;
} }
form { form {
border: thin solid silver; border: thin solid silver;
} }
h1 { /* header for all pages in the Wiki - editable, provided by users. */
font-size: 300%; header {
margin-top: 0;
width:100%;
max-width: 100%;
background-color: rgb(7, 57, 106);
color: white;
} }
div.content, form, p, pre, ul, ol, dl, menu, h1, h2, h3, h4, h5 { h1 {
padding: 0.25em 10%; font-family: "Archivo Black", "Sans Bold", "Arial Black", sans-serif;
font-weight: normal;
margin-top: 0;
}
img {
border: 0;
padding: 0;
vertical-align: middle;
} }
input { input {
color: rgb( 50, 109, 177);
background-color: white; background-color: white;
} }
input.submit { input, select {
background-color: green; padding: 0.25em 1.25em;
}
input.action {
color: white;
background-color: rgb( 50, 109, 177);
font-size: 125%;
}
input.action-dangerous {
color: white;
background-color: red;
} }
input.required:after { input.required:after {
@ -157,25 +115,26 @@ input.required:after {
color: red; color: red;
} }
ins {
color: green;
}
label { label {
width: 30em; width: 20%;
min-width: 20em; min-width: 20em;
border-right: thin solid gray; border-right: thin solid gray;
display: inline-block;
} }
menu li { select {
display: inline; color: white;
background-color: rgb( 50, 109, 177);
font-size: 125%;
} }
menu li::before { table {
content: "|| "; border: 2px solid black;
}
div.world table, div.world table tr td {
padding: 0;
margin: 0;
border-collapse: collapse; border-collapse: collapse;
border: none;
} }
table.music-ruled tr:nth-child(odd) { table.music-ruled tr:nth-child(odd) {
@ -184,5 +143,393 @@ table.music-ruled tr:nth-child(odd) {
th, td { th, td {
text-align: left; text-align: left;
padding: 0 0.25em; vertical-align: top;
padding: 0.15em 1.5em;
border: 1px solid gray;
}
th {
background-color: silver;
}
/*
## ids generally in document order
*/
/* Overall container div, holds all content of page. Yes, I know it shouldn't have fixed width */
#main-container{
}
#back-link {
min-width: 8em;
padding: 0.25em 1em;
background-color: gray;
color: white;
text-decoration: none;
border-top-right-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}
#back-link:hover, #back-link:active {
text-decoration: none;
background-color: rgb(160, 160, 160);
}
#back-link:hover::before, #back-link:active::before {
content: "< ";
}
#back-link-container {
float: left;
text-align: left;
}
#back-link-container, .big-link-container {
font-size: 200%;
padding: 0.5em 0;
}
#back-link-container > #back-link:hover::before, #back-link-container > #back-link:active::before {
}
/* left bar for all pages in the Wiki - editable, provided by users. Within main-container */
#side-bar {
width: 17%;
height: 100%;
float: left;
}
/* cookies information box, fixed, in right margin, just above footer */
#cookies {
width: 30%;
float: right;
position: fixed;
bottom: 3.5em;
right: 0;
z-index: 175;
background: transparent;
}
/* about-cookies box: permanently visible part of cookies information box */
#about-cookies {
clear: right;
font-size: 66%;
float: right;
text-align: right;
padding: 0.25em 2em;
border-radius: 0.25em;
color: white;
background:rgba(40,40,40,0.8);
}
/* more-about-cookies box, normally hidden */
#more-about-cookies {
display: none;
padding: 0.5em 2em;
border-radius: 0.5em;
color: white;
background:rgba(40,40,40,0.8);
border-bottom: thin solid white;
}
/* but magically appears on mouseover */
#cookies:hover #more-about-cookies {
display: block;
}
.change {
background-color: rgb( 223, 223, 223);
border: thin solid silver;
}
.error {
width: 100%;
background-color: red;
color: white;
border: thin solid maroon;
}
.fill-container {
padding: 0;
border: 0;
}
.message {
color: darkgreen;
background-color: silver;
border: thin solid lime;
}
.big-link {
min-width: 8em;
padding: 0.25em 1em;
background-color: rgb(16, 58, 106);
color: white;
text-decoration: none;
border-top-left-radius: 0.5em;
border-bottom-left-radius: 0.5em;
}
.big-link:hover, .big-link:active {
text-decoration: none;
}
.big-link:hover::after, .big-link:active::after {
content: " >";
}
.big-link-container > .big-link:hover, .big-link-container > .big-link:active {
background-color: rgb(19, 77, 143);
}
.big-link-container {
text-align: right;
}
.minor-controls {
list-style: none;
float: right;
right: 0;
padding: 0.25em 2em;
border-radius: 0.25em;
color: white;
background:rgba(40,40,40,0.8);
font-size: 66%;
}
.minor-controls li {
display: inline;
}
.minor-controls a {
float: right;
padding: 0.25em 2em;
color: white;
}
.warn {
color: maroon;
}
.widget {
background-color: rgb(19, 77, 143);
border: thin solid white;
margin-top: 0;
margin-bottom: 0;
width: 90%;
}
.wiki {
margin: 0;
}
/* desktops and laptops, primarily. Adapted to mouse; targets may be small */
@media all and (min-device-width: 1025px) {
/* content of the current page in the Wiki - editable, provided by users. Within main-container */
#content {
border: thin solid silver;
width: 80%;
float: right;
padding-bottom: 5em;
}
#phone-side-bar, #phone-credits {
display: none;
}
/* top-of-page navigation, not editable, provided by Smeagol */
#nav{
margin: 0;
padding: 0;
top: 0;
width: 100%;
_position: absolute;
_top: expression(document.documentElement.scrollTop);
z-index: 149;
background:rgba(7,27,51,0.8);
}
/* only needed for fly-out menu effect on tablet and phone stylesheets */
#nav-icon {
display: none;
}
#nav-menu {
margin: 0;
padding: 0;
}
#nav menu li {
padding: 0;
margin: 0;
display: inline;
}
#nav menu li a {
color: white;
text-decoration: none;
font-weight: bold;
padding: 0.1em 0.75em;
margin: 0;
}
#nav menu li.active a { background: gray;}
li.nav-item a:hover { background: rgb( 240, 240, 240) }
li.nav-item a:active { background: gray; color: white; }
#nav menu li#user {
padding: 0 1em;
float: right;
}
}
/* tablets, primarily. Adapted to touch; targets are larger */
@media all and (min-device-width: 769px) and (max-device-width: 1024px) {
h1 {
/* I wouldn't normally use a px value, but the menu icon is 49px wide */
padding: 0.25em 5%;
padding-left: 100px;
}
/* content of the current page in the Wiki - editable, provided by users. Within main-container */
#content {
border: thin solid silver;
width: 80%;
float: right;
padding-bottom: 5em;
}
#nav{
margin: 0;
padding: 0;
position: fixed;
z-index: 149;
color: silver;
background:rgba(40,40,40,0.9);
}
#nav a {
color: white;
text-decoration: none;
font-weight: bold;
}
#nav:hover #nav-menu {
display: block;
list-style-type: none;
width: 100%;
}
#nav-icon {
padding: 0;
}
#nav-menu, #phone-side-bar {
display: none;
}
#nav menu li {
padding: 0.5em;
margin: 0.5 em;
font-size: 150%;
}
#nav menu li a {
}
#nav ul li.active a { background: silver;}
li.nav-item a:hover { background: rgb( 240, 240, 240) }
li.nav-item a:active { background: gray; color: white; }
#nav menu #user {
text-decoration: none;
font-weight: bold;
margin: 0;
}
}
/* phones, and, indeed, smaller phones. Adapted to touch; display radically
* decluttered */
@media all and (max-device-width: 768px) {
footer {
display: none;
}
h1 {
/* I wouldn't normally use a px value, but the menu icon is 49px wide */
padding: 0.25em 5%;
padding-left: 100px;
text-align: right;
}
/* content of the current in the Wiki - editable, provided by users. Within main-container */
#content {
border: thin solid silver;
width: 100%;
padding-bottom: 2em;
}
#main-container {
width: 100%;
margin: 0;
padding: 0;
}
#cookies {
display: none;
}
#nav{
margin: 0;
padding: 0;
position: fixed;
z-index: 149;
color: silver;
background:rgba(40,40,40,0.9);
}
#nav a {
color: white;
text-decoration: none;
font-weight: bold;
}
#nav:hover #nav-menu, #nav:hover #phone-side-bar {
display: block;
list-style-type: none;
width: 100%;
}
#nav-icon {
padding: 0;
}
#nav-menu, #phone-side-bar {
display: none;
}
#nav menu li {
padding: 0.5em;
margin: 0.5 em;
font-size: 150%;
}
#nav menu li a {
}
#nav ul li.active a { background: silver;}
li.nav-item a:hover { background: rgb( 240, 240, 240) }
li.nav-item a:active { background: gray; color: white; }
#nav menu #user {
text-decoration: none;
font-weight: bold;
margin: 0;
}
#side-bar {
display: none;
}
} }

61
resources/public/electorsview.html Normal file
View file

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/yyy-static.css" />
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<title>Sign up!</title>
</head>
<body>
<header>
<div id="nav">
<img id="nav-icon" src="img/threelines.png" alt="Menu"/>
<menu id="nav-menu" class="nav">
<li class=""><a href="/mapview.html">Map</a></li>
<li class=""><a href="/library.html">Library</a></li>
<li class=""><a href="/index.html">Logout</a></li>
<li class=""><a href="/about.html">About</a></li>
</menu>
</div>
<h1>
43 Imaginary Terrace
</h1>
</header>
<div id="main-container" class="container">
<table class="fill-container">
<tr>
<td><img src="img/male.png"/></td>
<td><img src="img/female.png"/></td>
<td><img src="img/female.png"/></td>
</tr>
<tr>
<td>Jock Tamson</td>
<td>Anne Tamson</td>
<td>Mary Tamson</td>
</tr>
<tr>
<td><img src="img/saltire.png"/></td>
<td><img src="img/saltire-grey.png"/></td>
<td><img src="img/saltire-grey.png"/></td>
</tr>
<tr>
<td><img src="img/ujack-grey.png"/></td>
<td><img src="img/ujack.png"/></td>
<td><img src="img/ujack-grey.png"/></td>
</tr>
<tr>
<td><a href="library.html"><img src="img/unknown.png"/></a></td>
<td><a href="library.html"><img src="img/unknown.png"/></a></td>
<td><a href="library.html"><img src="img/unknown.png"/></a></td>
</tr>
</table>
</div>
<footer>
<div class="dummy">
This is a dummy page illustrating the intended navigation flow through the app. It may be replaced by something more dynamic later.
</div>
</footer>
</body>
</html>

20
resources/public/facebook-login.html
View file

@ -4,20 +4,21 @@
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/yyy-static.css" /> <link rel="stylesheet" type="text/css" href="css/yyy-static.css" />
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<title>Login with Facebook</title> <title>Login with Facebook</title>
</head> </head>
<body> <body>
<header> <header>
<div id="nav"> <div id="nav">
<img id="nav-icon" src="img/threelines.png" alt="Menu"/> <img id="nav-icon" src="img/threelines.png" alt="Menu"/>
<ul id="nav-menu" class="nav"> <menu id="nav-menu" class="nav">
<li class=""><a href="index.html">Home</a></li> <li class=""><a href="index.html">Home</a></li>
<li class=""><a href="/microworld/params">Parameters</a></li> <li class=""><a href="/library.html">Library</a></li>
<li class=""><a href="/microworld/rules">Rules</a></li> <li class=""><a href="/register.html">Register</a></li>
<li class=""><a href="/microworld/world">World</a></li> <li class=""><a href="/login.html">Login</a></li>
<li class=""><a href="/microworld/about">About</a></li> <li class=""><a href="/about.html">About</a></li>
<li class=""><a href="/microworld/docs">Documentation</a></li> </menu>
</ul>
</div> </div>
<h1> <h1>
@ -29,8 +30,11 @@
The actual login page is provided by the 0-auth provider chosen by the user. We don't The actual login page is provided by the 0-auth provider chosen by the user. We don't
handle login ourselves, and we don't store <em>any</em> passwords. handle login ourselves, and we don't store <em>any</em> passwords.
</p> </p>
<div id="back-link-container">
<a href="javascript:history.back()" id="back-link">Back</a>
</div>
<div class="big-link-container"> <div class="big-link-container">
<a href="app.html" class="big-link" id="app-link">Login</a> <a href="mapview.html" class="big-link" id="app-link">Login</a>
</div> </div>
</div> </div>
<footer> <footer>

20
resources/public/google-login.html
View file

@ -4,20 +4,21 @@
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/yyy-static.css" /> <link rel="stylesheet" type="text/css" href="css/yyy-static.css" />
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<title>Login with Google</title> <title>Login with Google</title>
</head> </head>
<body> <body>
<header> <header>
<div id="nav"> <div id="nav">
<img id="nav-icon" src="img/threelines.png" alt="Menu"/> <img id="nav-icon" src="img/threelines.png" alt="Menu"/>
<ul id="nav-menu" class="nav"> <menu id="nav-menu" class="nav">
<li class=""><a href="index.html">Home</a></li> <li class=""><a href="index.html">Home</a></li>
<li class=""><a href="/microworld/params">Parameters</a></li> <li class=""><a href="/library.html">Library</a></li>
<li class=""><a href="/microworld/rules">Rules</a></li> <li class=""><a href="/register.html">Register</a></li>
<li class=""><a href="/microworld/world">World</a></li> <li class=""><a href="/login.html">Login</a></li>
<li class=""><a href="/microworld/about">About</a></li> <li class=""><a href="/about.html">About</a></li>
<li class=""><a href="/microworld/docs">Documentation</a></li> </menu>
</ul>
</div> </div>
<h1> <h1>
@ -29,8 +30,11 @@
The actual login page is provided by the 0-auth provider chosen by the user. We don't The actual login page is provided by the 0-auth provider chosen by the user. We don't
handle login ourselves, and we don't store <em>any</em> passwords. handle login ourselves, and we don't store <em>any</em> passwords.
</p> </p>
<div id="back-link-container">
<a href="javascript:history.back()" id="back-link">Back</a>
</div>
<div class="big-link-container"> <div class="big-link-container">
<a href="app.html" class="big-link" id="app-link">Login</a> <a href="mapview.html" class="big-link" id="app-link">Login</a>
</div> </div>
</div> </div>
<footer> <footer>

BIN
resources/public/img/female.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4 KiB

BIN
resources/public/img/female.xcf Normal file
View file

Binary file not shown.

BIN
resources/public/img/male.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
resources/public/img/male.xcf Normal file
View file

Binary file not shown.

BIN
resources/public/img/mapview_800.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 665 KiB

BIN
resources/public/img/saltire-grey.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
resources/public/img/saltire-grey.xcf Normal file
View file

Binary file not shown.

BIN
resources/public/img/saltire.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
resources/public/img/saltire.xcf Normal file
View file

Binary file not shown.

BIN
resources/public/img/ujack-grey.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
resources/public/img/ujack-grey.xcf Normal file
View file

Binary file not shown.

BIN
resources/public/img/ujack.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
resources/public/img/unknown.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

13
resources/public/index.html
View file

@ -10,14 +10,13 @@
<header> <header>
<div id="nav"> <div id="nav">
<img id="nav-icon" src="img/threelines.png" alt="Menu"/> <img id="nav-icon" src="img/threelines.png" alt="Menu"/>
<ul id="nav-menu" class="nav"> <menu id="nav-menu" class="nav">
<li class=""><a href="index.html">Home</a></li> <li class=""><a href="index.html">Home</a></li>
<li class=""><a href="/microworld/params">Parameters</a></li> <li class=""><a href="/library.html">Library</a></li>
<li class=""><a href="/microworld/rules">Rules</a></li> <li class=""><a href="/register.html">Register</a></li>
<li class=""><a href="/microworld/world">World</a></li> <li class=""><a href="/login.html">Login</a></li>
<li class=""><a href="/microworld/about">About</a></li> <li class=""><a href="/about.html">About</a></li>
<li class=""><a href="/microworld/docs">Documentation</a></li> </menu>
</ul>
</div> </div>
<h1> <h1>

16
resources/public/library.html
View file

@ -10,14 +10,13 @@
<header> <header>
<div id="nav"> <div id="nav">
<img id="nav-icon" src="img/threelines.png" alt="Menu"/> <img id="nav-icon" src="img/threelines.png" alt="Menu"/>
<ul id="nav-menu" class="nav"> <menu id="nav-menu" class="nav">
<li class=""><a href="index.html">Home</a></li> <li class=""><a href="index.html">Home</a></li>
<li class=""><a href="/microworld/params">Parameters</a></li> <li class=""><a href="/library.html">Library</a></li>
<li class=""><a href="/microworld/rules">Rules</a></li> <li class=""><a href="/register.html">Register</a></li>
<li class=""><a href="/microworld/world">World</a></li> <li class=""><a href="/login.html">Login</a></li>
<li class=""><a href="/microworld/about">About</a></li> <li class=""><a href="/about.html">About</a></li>
<li class=""><a href="/microworld/docs">Documentation</a></li> </menu>
</ul>
</div> </div>
<h1> <h1>
@ -25,6 +24,9 @@
</h1> </h1>
</header> </header>
<div id="main-container" class="container"> <div id="main-container" class="container">
<div id="back-link-container">
<a href="javascript:history.back()" id="back-link">Back</a>
</div>
<div class="big-link-container"> <div class="big-link-container">
<a href="blurb.html" class="big-link" id="currency-link">Currency</a> <a href="blurb.html" class="big-link" id="currency-link">Currency</a>
</div> </div>

17
resources/public/login.html
View file

@ -10,21 +10,22 @@
<header> <header>
<div id="nav"> <div id="nav">
<img id="nav-icon" src="img/threelines.png" alt="Menu"/> <img id="nav-icon" src="img/threelines.png" alt="Menu"/>
<ul id="nav-menu" class="nav"> <menu id="nav-menu" class="nav">
<li class=""><a href="index.html">Home</a></li> <li class=""><a href="index.html">Home</a></li>
<li class=""><a href="/microworld/params">Parameters</a></li> <li class=""><a href="/library.html">Library</a></li>
<li class=""><a href="/microworld/rules">Rules</a></li> <li class=""><a href="/register.html">Register</a></li>
<li class=""><a href="/microworld/world">World</a></li> <li class=""><a href="/login.html">Login</a></li>
<li class=""><a href="/microworld/about">About</a></li> <li class=""><a href="/about.html">About</a></li>
<li class=""><a href="/microworld/docs">Documentation</a></li> </menu>
</ul>
</div> </div>
<h1> <h1>
Please Log in Please Log in
</h1> </h1>
</header> </header>
<div id="main-container" class="container"> <div id="main-container" class="container">
<div id="back-link-container">
<a href="javascript:history.back()" id="back-link">Back</a>
</div>
<div class="big-link-container"> <div class="big-link-container">
<a href="google-login.html" class="big-link" id="google-login-link">Login with Google</a> <a href="google-login.html" class="big-link" id="google-login-link">Login with Google</a>
</div> </div>

34
resources/public/mapview.html Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/yyy-static.css" />
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<title>Sign up!</title>
</head>
<body>
<header>
<div id="nav">
<img id="nav-icon" src="img/threelines.png" alt="Menu"/>
<menu id="nav-menu" class="nav">
<li class=""><a href="/mapview.html">Map</a></li>
<li class=""><a href="/library.html">Library</a></li>
<li class=""><a href="/index.html">Logout</a></li>
<li class=""><a href="/about.html">About</a></li>
</menu>
</div>
</header>
<div id="main-container" class="container">
<a href="electorsview.html">
<img src="img/mapview_800.png" alt="Dummy map view"/>
</a>
</div>
<footer>
<div class="dummy">
This is a dummy page illustrating the intended navigation flow through the app. It may be replaced by something more dynamic later.
</div>
</footer>
</body>
</html>

16
resources/public/notyet.html
View file

@ -10,20 +10,22 @@
<header> <header>
<div id="nav"> <div id="nav">
<img id="nav-icon" src="img/threelines.png" alt="Menu"/> <img id="nav-icon" src="img/threelines.png" alt="Menu"/>
<ul id="nav-menu" class="nav"> <menu id="nav-menu" class="nav">
<li class=""><a href="index.html">Home</a></li> <li class=""><a href="index.html">Home</a></li>
<li class=""><a href="/microworld/params">Parameters</a></li> <li class=""><a href="/library.html">Library</a></li>
<li class=""><a href="/microworld/rules">Rules</a></li> <li class=""><a href="/register.html">Register</a></li>
<li class=""><a href="/microworld/world">World</a></li> <li class=""><a href="/login.html">Login</a></li>
<li class=""><a href="/microworld/about">About</a></li> <li class=""><a href="/about.html">About</a></li>
<li class=""><a href="/microworld/docs">Documentation</a></li> </menu>
</ul>
</div> </div>
<h1> <h1>
Can we persuade you? Can we persuade you?
</h1> </h1>
</header> </header>
<div id="main-container" class="container"> <div id="main-container" class="container">
<div id="back-link-container">
<a href="javascript:history.back()" id="back-link">Back</a>
</div>
<div class="big-link-container"> <div class="big-link-container">
<a href="library.html" class="big-link" id="library-link">Browse the issues</a> <a href="library.html" class="big-link" id="library-link">Browse the issues</a>
</div> </div>

76
resources/public/signup.html Normal file
View file

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/yyy-static.css" />
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<title>Sign up!</title>
</head>
<body>
<header>
<div id="nav">
<img id="nav-icon" src="img/threelines.png" alt="Menu"/>
<menu id="nav-menu" class="nav">
<li class=""><a href="index.html">Home</a></li>
<li class=""><a href="/library.html">Library</a></li>
<li class=""><a href="/register.html">Register</a></li>
<li class=""><a href="/login.html">Login</a></li>
<li class=""><a href="/about.html">About</a></li>
</menu>
</div>
<h1>
Sign up!
</h1>
</header>
<div id="main-container" class="container">
<p>
Use this form to request someone to phone you to discuss your concerns about independence.
</p>
<form action="mapview.html" method="post">
<p class="widget">
<label for="name">Choose a user name</label>
<input type="text" id="username" name="username"/>
</p>
<p class="widget">
<label for="name">Your real name</label>
<input type="text" id="name" name="name"/>
</p>
<p class="widget">
<label for="postcode">Your post-code</label>
<input type="text" id="postcode" name="postcode"/>
</p>
<p class="widget">
<label for="phone">Your phone number</label>
<input type="text" id="phone" name="phone"/>
</p>
<p class="widget">
<label for="provider">Choose an authentication provider</label>
<select name="provider" id="provider">
<option>Twitter</option>
<option>Facebook</option>
<option>Google</option>
</select>
</p>
<p class="widget">
<label for="agree">Agree to the conditions of use</label>
<select name="agree" id="agree">
<option value="false">I don't agree</option>
<option value="true">I agree</option>
</select>
</p>
<p class="widget">
<label for="submit">&nbsp;</label>
<input name="submit" id="submit" type="submit" class="action" value="Join us!"/>
</p>
</form>
</div>
<footer>
<div class="dummy">
This is a dummy page illustrating the intended navigation flow through the app. It may be replaced by something more dynamic later.
</div>
</footer>
</body>
</html>

20
resources/public/supporter.html
View file

@ -3,23 +3,22 @@
<head> <head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
{% style "/assets/bootstrap/css/bootstrap.min.css" %}
{% style "/assets/bootstrap/css/bootstrap-theme.min.css" %}
<link rel="stylesheet" type="text/css" href="css/yyy-static.css" /> <link rel="stylesheet" type="text/css" href="css/yyy-static.css" />
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<title>Are you registered?</title> <title>Are you registered?</title>
</head> </head>
<body> <body>
<header> <header>
<div id="nav"> <div id="nav">
<img id="nav-icon" src="img/threelines.png" alt="Menu"/> <img id="nav-icon" src="img/threelines.png" alt="Menu"/>
<ul id="nav-menu" class="nav"> <menu id="nav-menu" class="nav">
<li class=""><a href="index.html">Home</a></li> <li class=""><a href="index.html">Home</a></li>
<li class=""><a href="/microworld/params">Parameters</a></li> <li class=""><a href="/library.html">Library</a></li>
<li class=""><a href="/microworld/rules">Rules</a></li> <li class=""><a href="/register.html">Register</a></li>
<li class=""><a href="/microworld/world">World</a></li> <li class=""><a href="/login.html">Login</a></li>
<li class=""><a href="/microworld/about">About</a></li> <li class=""><a href="/about.html">About</a></li>
<li class=""><a href="/microworld/docs">Documentation</a></li> </menu>
</ul>
</div> </div>
<h1> <h1>
@ -27,6 +26,9 @@
</h1> </h1>
</header> </header>
<div id="main-container" class="container"> <div id="main-container" class="container">
<div id="back-link-container">
<a href="javascript:history.back()" id="back-link">Back</a>
</div>
<div class="big-link-container"> <div class="big-link-container">
<a href="login.html" class="big-link" id="yes-link">Yes</a> <a href="login.html" class="big-link" id="yes-link">Yes</a>
</div> </div>

20
resources/public/twitter-login.html
View file

@ -4,20 +4,21 @@
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/yyy-static.css" /> <link rel="stylesheet" type="text/css" href="css/yyy-static.css" />
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<title>Login with Twitter</title> <title>Login with Twitter</title>
</head> </head>
<body> <body>
<header> <header>
<div id="nav"> <div id="nav">
<img id="nav-icon" src="img/threelines.png" alt="Menu"/> <img id="nav-icon" src="img/threelines.png" alt="Menu"/>
<ul id="nav-menu" class="nav"> <menu id="nav-menu" class="nav">
<li class=""><a href="index.html">Home</a></li> <li class=""><a href="index.html">Home</a></li>
<li class=""><a href="/microworld/params">Parameters</a></li> <li class=""><a href="/library.html">Library</a></li>
<li class=""><a href="/microworld/rules">Rules</a></li> <li class=""><a href="/register.html">Register</a></li>
<li class=""><a href="/microworld/world">World</a></li> <li class=""><a href="/login.html">Login</a></li>
<li class=""><a href="/microworld/about">About</a></li> <li class=""><a href="/about.html">About</a></li>
<li class=""><a href="/microworld/docs">Documentation</a></li> </menu>
</ul>
</div> </div>
<h1> <h1>
@ -29,8 +30,11 @@
The actual login page is provided by the 0-auth provider chosen by the user. We don't The actual login page is provided by the 0-auth provider chosen by the user. We don't
handle login ourselves, and we don't store <em>any</em> passwords. handle login ourselves, and we don't store <em>any</em> passwords.
</p> </p>
<div id="back-link-container">
<a href="javascript:history.back()" id="back-link">Back</a>
</div>
<div class="big-link-container"> <div class="big-link-container">
<a href="app.html" class="big-link" id="app-link">Login</a> <a href="mapview.html" class="big-link" id="app-link">Login</a>
</div> </div>
</div> </div>
<footer> <footer>