The concerns of the server and client side are now separated; there's plenty of work still to be done on both but it's clear what belongs where.
This commit is contained in:
Simon Brooke 2017-03-26 18:40:01 +01:00
parent 560938e6ae
commit 28f5a3f10c
19 changed files with 4 additions and 758 deletions

BIN
favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
favicon.xcf Normal file

Binary file not shown.

View file

@ -1,35 +0,0 @@
<div class="bs-callout bs-callout-danger">
### Database Configuration is Required
If you haven't already, then please follow the steps below to configure your database connection and run the necessary migrations.
* Create the database for your application.
* Update the connection URL in the `profiles.clj` file with your database name and login.
* Run `lein run migrate` in the root of the project to create the tables.
* Let `mount` know to start the database connection by `require`-ing youyesyet.db.core in some other namespace.
* Restart the application.
</div>
### Managing Your Middleware
Request middleware functions are located under the `youyesyet.middleware` namespace.
This namespace is reserved for any custom middleware for the application. Some default middleware is
already defined here. The middleware is assembled in the `wrap-base` function.
Middleware used for development is placed in the `youyesyet.dev-middleware` namespace found in
the `env/dev/clj/` source path.
### Here are some links to get started
1. [HTML templating](http://www.luminusweb.net/docs/html_templating.md)
2. [Accessing the database](http://www.luminusweb.net/docs/database.md)
3. [Setting response types](http://www.luminusweb.net/docs/responses.md)
4. [Defining routes](http://www.luminusweb.net/docs/routes.md)
5. [Adding middleware](http://www.luminusweb.net/docs/middleware.md)
6. [Sessions and cookies](http://www.luminusweb.net/docs/sessions_cookies.md)
7. [Security](http://www.luminusweb.net/docs/security.md)
8. [Deploying the application](http://www.luminusweb.net/docs/deployment.md)

View file

@ -1,51 +0,0 @@
<!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" />
<title>About YouYesYet</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>
About YouYesYet
</h1>
</header>
<div id="main-container" class="container">
<div id="back-link-container">
<a href="javascript:history.back()" id="back-link">Back</a>
</div>
<p>
This isn't finished and doesn't work yet! This site is just a look-and-feel
dummy.
</p>
<p>
<b>YouYesYet</b> is a project to build a canvassing app for the new Scottish
Independence Referendum. The source code is <a href="https://github.com/simon-brooke/youyesyet">here</a>. The specification
is <a href="https://github.com/simon-brooke/youyesyet/blob/master/doc/specification/userspec.md">here</a>.
</p>
<p>
If we're going to get this working in time I cannot do it alone: I need help. Contact
me <a href="mailto:simon@journeyman.cc">by email</a> or on <a href="">on Twitter</a>.
</p>
</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>

View file

@ -1,68 +0,0 @@
<!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" />
<title>Issues: Currency</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>
Issues: Currency
</h1>
</header>
<div id="main-container" class="container">
<div id="back-link-container">
<a href="javascript:history.back()" id="back-link">Back</a>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt
at ex id pretium. Proin nec ultricies mauris. Donec mattis, velit at commodo
vehicula, nisi velit mattis justo, at tempor enim eros eget tortor. Quisque
a porttitor lorem. Vestibulum tempus ex id sem laoreet, id fermentum enim
pharetra. Cras diam ante, pulvinar sed pharetra sed, venenatis eget tellus.
Quisque fermentum sem sed nulla mollis, et fermentum nisl pretium. Pellentesque
porttitor interdum ultricies. Nunc ut accumsan leo, rutrum tempor tellus.
Nam ultricies magna ipsum.
</p>
<p>
Pellentesque in est rutrum, consectetur nisi vel, dictum felis. Quisque id
elementum enim. Donec aliquet, massa id mattis semper, lectus elit scelerisque
justo, quis dapibus tortor eros a erat. Vestibulum erat mauris, consectetur id
condimentum ut, luctus vitae diam. Integer faucibus ultrices mi sed consequat.
Aliquam lacinia sapien quis urna blandit, sed consectetur ligula gravida. Ut
eleifend purus id mi vulputate faucibus ut quis risus. Donec dapibus finibus
tincidunt. Nunc luctus libero tellus, eget porta diam lacinia vel. Pellentesque
turpis nunc, venenatis vitae nisl eu, mollis pulvinar erat. Nulla scelerisque
tellus eget ex hendrerit tincidunt.
</p>
<p>
Duis tincidunt iaculis magna, ac rutrum velit congue quis. Maecenas feugiat
efficitur sem, in hendrerit erat. Nunc congue, dui sit amet commodo faucibus,
enim nisl feugiat nisl, a tincidunt massa metus nec nisi. Duis viverra nunc ut
libero tempus, sed convallis elit dapibus. Sed venenatis condimentum odio, non
elementum diam. Morbi fermentum metus justo, ac viverra dui fermentum at.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Aliquam erat volutpat.
</p>
</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>

View file

@ -1,67 +0,0 @@
<!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>

View file

@ -1,61 +0,0 @@
<!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>

View file

@ -1,46 +0,0 @@
<!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>Login with Facebook</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>
Login with Facebook
</h1>
</header>
<div id="main-container" class="container">
<p>
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.
</p>
<div id="back-link-container">
<a href="javascript:history.back()" id="back-link">Back</a>
</div>
<div class="big-link-container">
<a href="mapview.html" class="big-link" id="app-link">Login</a>
</div>
</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>

View file

@ -1,46 +0,0 @@
<!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>Login with Google</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>
Login with Google
</h1>
</header>
<div id="main-container" class="container">
<p>
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.
</p>
<div id="back-link-container">
<a href="javascript:history.back()" id="back-link">Back</a>
</div>
<div class="big-link-container">
<a href="mapview.html" class="big-link" id="app-link">Login</a>
</div>
</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>

View file

@ -1,40 +0,0 @@
<!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" />
<title>You Yes Yet?</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>
You yes yet?
</h1>
</header>
<div id="main-container" class="container">
<div class="big-link-container">
<a href="supporter.html" class="big-link" id="yes-link">Yes</a>
</div>
<div class="big-link-container">
<a href="notyet.html" class="big-link" id="not-yet-link">No</a>
</div>
</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>

View file

@ -1,53 +0,0 @@
<!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" />
<title>Issues</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>
Issues
</h1>
</header>
<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">
<a href="blurb.html" class="big-link" id="currency-link">Currency</a>
</div>
<div class="big-link-container">
<a href="blurb.html" class="big-link" id="eu-link">EU Membership</a>
</div>
<div class="big-link-container">
<a href="blurb.html" class="big-link" id="afford-link">Can Scotland afford it?</a>
</div>
<div class="big-link-container">
<a href="blurb.html" class="big-link" id="queen-link">Keep the Queen?</a>
</div>
<div class="big-link-container">
<a href="blurb.html" class="big-link" id="defence-link">Defence/NATO</a>
</div>
</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>

View file

@ -1,45 +0,0 @@
<!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" />
<title>Please Log in</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 Log in
</h1>
</header>
<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">
<a href="google-login.html" class="big-link" id="google-login-link">Login&nbsp;with&nbsp;Google</a>
</div>
<div class="big-link-container">
<a href="facebook-login.html" class="big-link" id="facebook-login-link">Login&nbsp;with&nbsp;Facebook</a>
</div>
<div class="big-link-container">
<a href="twitter-login.html" class="big-link" id="twitter-login-link">Login&nbsp;with&nbsp;Twitter</a>
</div>
</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>

View file

@ -1,34 +0,0 @@
<!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>

View file

@ -1,42 +0,0 @@
<!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" />
<title>Can we persuade you?</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>
Can we persuade you?
</h1>
</header>
<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">
<a href="library.html" class="big-link" id="library-link">Browse&nbsp;the&nbsp;issues</a>
</div>
<div class="big-link-container">
<a href="call-me.html" class="big-link" id="call-me-link">Get us to talk to you</a>
</div>
</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>

View file

@ -1,76 +0,0 @@
<!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>

View file

@ -1,45 +0,0 @@
<!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>Are you registered?</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>
Have you signed up as a canvasser yet?
</h1>
</header>
<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">
<a href="login.html" class="big-link" id="yes-link">Yes</a>
</div>
<div class="big-link-container">
<a href="register.html" class="big-link" id="signup-link">No</a>
</div>
</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>

View file

@ -1,46 +0,0 @@
<!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>Login with Twitter</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>
Login with Twitter
</h1>
</header>
<div id="main-container" class="container">
<p>
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.
</p>
<div id="back-link-container">
<a href="javascript:history.back()" id="back-link">Back</a>
</div>
<div class="big-link-container">
<a href="mapview.html" class="big-link" id="app-link">Login</a>
</div>
</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>

View file

@ -26,7 +26,6 @@
;;;;
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;; The pattern from the re-com demo (https://github.com/Day8/re-com) is to have
;;; one source file/namespace per view. Each namespace contains a function 'panel'
;;; whose output is an enlive-style specification of the view to be redered.

View file

@ -1,5 +1,6 @@
(ns youyesyet.views.issue
(:require [re-frame.core :refer [reg-sub subscribe]]
[markdown.core :refer [md->html]]
[youyesyet.ui-utils :as ui]
[youyesyet.views.issues :as issues]))
@ -41,7 +42,8 @@
[:h1 issue]
[:div.container {:id "main-container"}
[:div {:id "issue"}
[:div {:id "issue-text"}
(issues issue)]]
[:div {:id "issue-text"
:dangerouslySetInnerHTML
{:__html (md->html (issues issue))}}]]
(ui/big-link "Request call" "#/followup")
(ui/back-link)]]))