simon/mw-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Sort of semi-working UI.

Browse source
This commit is contained in:
simon 2014-07-02 21:54:35 +01:00
parent 8a9aae56e0
commit ce2a04477a
12 changed files with 407 additions and 86 deletions
Download patch file Download diff file Expand all files Collapse all files

6
resources/templates/about.html
View file

@ -1,4 +1,8 @@
{% extends "templates/base.html" %}
{% block content %}
<p>this is the story of mw-ui... work in progress</p>
<div>
<h1>{{title}}</h1>
{{content|safe}}
</div>
{% endblock %}

52
resources/templates/base.html
View file

@ -1,41 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Welcome to mw-ui</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{{title}}</title>
<link href="{{servlet-context}}/css/phone.css" media="only screen and (max-device-width: 480px)" rel="stylesheet" type="text/css" />
<link href="{{servlet-context}}/css/tablet.css" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px)" rel="stylesheet" type="text/css" />
<link href="{{servlet-context}}/css/standard.css" media="screen and (min-device-width: 1025px)" rel="stylesheet" type="text/css" />
<link href="{{servlet-context}}/css/print.css" media="print" rel="stylesheet" type="text/css" />
<link href="{{servlet-context}}/css/states.css" rel="stylesheet" type="text/css" />
{% script "/lib/jquery-1.9.0.js" %}
{% script "/lib/jquery.validate.min.js" %}
{% script "/lib/script.js" %}
<script type="text/javascript">
//<![CDATA[
var context = "{{servlet-context}}";
//]]>
</script>
<meta content="{{seconds}}" http-equiv="{{maybe-refresh}}" />
</head>
<body>
<!-- navbar -->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="{{servlet-context}}/">mw-ui</a>
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<div id="header">
<div id="nav">
<a class="navbar-brand" href="{{servlet-context}}/">MicroWorld</a>
<ul class="nav">
<li class="{{home-selected}}"><a href="{{servlet-context}}/">Home</a></li>
<li class="{{about-selected}}"><a href="{{servlet-context}}/about">About</a></li>
<li class="{{world-selected}}"><a href="{{servlet-context}}/world">World</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div id="main-container" class="container">
{% block content %}
{% endblock %}
</div>
<!-- scripts and styles -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
{% style "/css/screen.css" %}
<script src="//code.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script type="text/javascript">
var context = "{{servlet-context}}";
</script>
<div id="footer">
<div id="credits">
Built with <a href="http://www.luminusweb.net/">LuminusWeb</a> ||
<img height="16" width="16" align="top" src="img/clojure-icon.gif"> Powered by <a href="http://clojure.org">Clojure</a> ||
Engineering and hosting by <a href="http://www.journeyman.cc">Journeyman</a> ||
World generated using <a href="http://git.journeyman.cc/?p=mw-engine;a=summary">MicroWorld Engine</a>
</div>
</div>
</body>
</html>

26
resources/templates/home.html
View file

@ -1,14 +1,20 @@
{% extends "templates/base.html" %}
{% block content %}
<div class="jumbotron">
<h1>Welcome to mw-ui</h1>
<p>Time to start building your site!</p>
<p><a class="btn btn-primary btn-lg" href="http://luminusweb.net">Learn more &raquo;</a></p>
</div>
<div class="row-fluid">
<div class="span8">
{{content|safe}}
</div>
<div>
<h1>{{title}}</h1>
<form action="world">
<p class="widget">
<label for="y">Size of your world: rows</label>
<input name="y" type="range" min="5" max="100" value="{{y}}" required/>
</p>
<p class="widget">
<label for="y">Size of your world: columns</label>
<input name="x" type="range" min="5" max="100" value="{{x}}" required/>
</p>
<p class="widget">
<label for="submit">&nbsp;</label>
<input name="submit" id="submit" type="submit" value="Go!"/>
</p>
</form>
</div>
{% endblock %}

8
resources/templates/world.html Normal file
View file

@ -0,0 +1,8 @@
{% extends "templates/base.html" %}
{% block content %}
<div>
<h1>{{title}}</h1>
{{content|safe}}
</div>
{% endblock %}