Skip to content

Commit

Permalink
added colors, and fix some html
Browse files Browse the repository at this point in the history
  • Loading branch information
Ivan Willig committed Apr 6, 2009
1 parent c05d6fe commit 3bdd143
Show file tree
Hide file tree
Showing 8 changed files with 311 additions and 127 deletions.
1 change: 1 addition & 0 deletions py/bmabr/templates/buildmeabikerack/.# $(document).ready(function(){
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
ivan@mao.30393:1238863982
70 changes: 70 additions & 0 deletions py/bmabr/templates/buildmeabikerack/assess.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
{% extends "buildmeabikerack/base.html" %}
{% block title %} assess {% endblock %}

{% block header %}
<script type="text/javascript" src="/site_media/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#tip-control").click(function () {
$("#tip").toggle();
});

});
</script>
{% endblock %}



{% block menu %}
<ul id="menu">
<li>
<a href="/">(1) REQUEST</a>
<p> Request a bike rack </p>
</li>
<li class="arrow"> </li>
<li class="active">
<a href="/assess/">(2) ASSESS</a>
<p> Assess current requested locations </p>
</li>
<li class="arrow"> </li>
<li>
<a href="/submit/">(3) SUBMIT</a>
<p> Submit your request to the DOT </p>
</li>
<li class="arrow"> </li>
<li>
<a href="/built/"> (4) BUILT</a>
<p> See racks aready built </p>
</li>
</ul>
{% endblock %}


{% block content %}
<div id="page-title">
<h2 class="title">Rack list page</h2>
<div id="tip-con">
<h4><a id="tip-control" href="#">Tips and help</a> click to view</h4>
<div id="tip">
<p> Vivamus tincidunt tristique urna. Ut id justo quis nulla gravida feugiat. In hac habitasse platea dictumst. Nam dictum molestie orci. Suspendisse potenti. Nam a odio in nulla ultricies venenatis. Pellentesque ac tellus. Sed dignissim quam vel orci. Proin nulla orci, auctor nec, tempus euismod, consectetur cursus, metus. Curabitur sagittis pellentesque felis. </p>
</div>
</div>
</div>
<div id="activity-con">
<ul>
{% for rack in rack_query %}
<li>
<h4><a href="/rack/{{rack.id}}">{{rack.address}}</a></h4>
</li>
{% endfor %}
</ul>
</div>

{% endblock %}







26 changes: 26 additions & 0 deletions py/bmabr/templates/buildmeabikerack/assess.html~
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
{% extends "buildmeabikerack/base.html" %}
{% block title %} buildmeabikerack - community board {% endblock %}

{% block header %}



{% endblock %}

{% block content %}

{% for comunityboard in communityboard_list %}
<h2>Community Board {{comunityboard.name}}</h2>
<h4>{{comunity_board.neighborhoods}}</h4>
{% endfor %}

</div>

{% endblock %}







24 changes: 9 additions & 15 deletions py/bmabr/templates/buildmeabikerack/base.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,9 @@
<head>
` <title>{% block title %} {% endblock %}</title>
<!-- Framework CSS -->
<link rel="stylesheet" href="http://localhost/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="http://localhost/blueprint/build-me-a-bike-rack.css" type="text/css" media=" screen, projection">
<!--[if IE]><link rel="stylesheet" href="http://buildmeabikerack.com/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="/site_media/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="/site_media/bmabr.css" type="text/css" media=" screen, projection">
<!--[if IE]><link rel="stylesheet" href="site_media/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->

{% block header %}

Expand All @@ -16,20 +16,14 @@
</head>
<body>
<div class="container">
<h1><a class="title" href="/">FIXCITY.COM</a></h1>
<h1><a class="title" href="/">BUILD ME A BIKE RACK</a> beta</h1>
<div id="header">
<ul id="menu">
<li class="active"><a href="/">HOME</a></li>
<li><a href="/neighborhoods/">NEIGHBORHOODS</a></li>
<li><a href="/communityboard/">COMMUNITY BOARDS</a></li>
</ul>
<div id="login-control">
</div>
{% block menu %}
{% endblock %}
</div>
<div class="content">
{% block content %}{% endblock %}
</div>
<hr />

{% block content %}{% endblock %}
{% block footer %}{% endblock %}
</div>
</body>
</html>
Expand Down
22 changes: 6 additions & 16 deletions py/bmabr/templates/buildmeabikerack/communityboard.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,28 +7,18 @@

{% endblock %}

{% block menu %}
<div id="header">
<ul id="menu" class="span-20">
<li><a href="/">index</a></li>
<li><a href="/neighborhoods/">view requests by neighborhoods</a></li>
<li class="active"><a href="/communityboard/">view requests by community board</a></li>
</ul>
<div id="login-control" class="span-20">
</div>
</div>
<hr />
<div>
{% for community_board in communityboard_list %}
<h2>Community Board {{community_board.name}}</h2>
<h4>{{community_board.neighborhoods}}</h4>
{% block content %}

{% for comunityboard in communityboard_list %}
<h2>Community Board {{comunityboard.name}}</h2>
<h4>{{comunity_board.neighborhoods}}</h4>
{% endfor %}

</div>

{% endblock %}


{% endblock %}



Expand Down
134 changes: 74 additions & 60 deletions py/bmabr/templates/buildmeabikerack/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@

{% block header %}

<script src="http://localhost/openlayers/OpenLayers.js"></script>
<script src="/site_media/openlayers/OpenLayers.js"></script>
<script defer="defer" type="text/javascript">
var map, layer, select;
var options = {
Expand All @@ -17,7 +17,7 @@
};

function init(){
map = new OpenLayers.Map('index-map',options);
map = new OpenLayers.Map('map',options);

var osm = new OpenLayers.Layer.WMS(
"OpenStreetMap",
Expand Down Expand Up @@ -70,83 +70,97 @@
});

map.addLayers([osm,racks]);
var center = new OpenLayers.LonLat(-73.94,40.63);
var center = new OpenLayers.LonLat(-73.9584, 40.675);
center.transform(map.displayProjection, map.projection)
map.setCenter(center,10)
map.setCenter(center,15)

}


</script>

<script type="text/javascript" src="/site_media/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#tip-control").click(function () {
$("#tip").toggle();
});

});
</script>



<script defer="defer" type="text/javascript">
window.onload = function(){
init() ;
}
</script>
{% endblock %}


{% block menu %}
<ul id="menu">
<li class="active">
<a href="/">(1) REQUEST</a>
<p> Request a bike rack </p>
</li>
<li class="arrow"> </li>
<li>
<a href="/assess/">(2) ASSESS</a>
<p> Assess current requested locations </p>
</li>
<li class="arrow"> </li>
<li>
<a href="/submit/">(3) SUBMIT</a>
<p> Submit your request to the DOT </p>
</li>
<li class="arrow"> </li>
<li>
<a href="/built/"> (4) BUILT</a>
<p> See racks aready built </p>
</li>
</ul>
{% endblock %}


{% block content %}

<div id="feeds-con">
<div class="feeds">
<h3>Request a rack</h3>
<form action="rack/new/" method="get">
<p> Address of a rack. Example <strong><a href="rack/new/?address=Brooklyn%2C+NY%2C+11238">Brooklyn, NY, 11238</a></strong></p>
<input type="text" name="address" />
<input type="submit" value="Find location by address">
</form>
<h3> Recently requested racks </h3>
<ul class="feed request">
{% for rack in requested_racks %}
<li>
<h4><a href="rack/{{rack.id}}/">{{rack.address}}</a> </h4>
<p> {{rack.date}}</p>
<p> {{rack.meta|truncatewords:20}}</p>
</li>
<div id="page-title">
<h2 class="title">Home Page</h2>
<div id="tip-con">
<h3 id="tip-control">Tips and help click to view</h3>
<div id="tip">
<h4>Lily, we need some tips</h4>
<p> Vivamus tincidunt tristique urna. Ut id justo quis nulla gravida feugiat. In hac habitasse platea dictumst. Nam dictum molestie orci. Suspendisse potenti. Nam a odio in nulla ultricies venenatis. Pellentesque ac tellus. Sed dignissim quam vel orci. Proin nulla orci, auctor nec, tempus euismod, consectetur cursus, metus. Curabitur sagittis pellentesque felis. </p>
</div>
</div>
</div>
<div id="map-con">
<h4>Find location by community board</h4>
<a href="#">Select by Community Board </a>
<div id="cbmenu">
{% for comunityboard in communityboard_list %}
<a href="#">{{comunityboard.name}}</a>
{% endfor %}
<a href="#">More rack requests </a>
</ul>
</div>
<div class="arrow"> </div>
<div class="feeds">
<h3>Pending bike racks</h3>
<ul class="feed pendding">
{% for rack in assessment_racks %}
<li>
<h4><a href="rack/{{rack.id}}/">{{rack.address}}</a> </h4>
<p> {{rack.date}} </p>
<p> {{rack.meta|truncatewords:20}} </p>
</li>
{% endfor %}
<a href="#">More pending bike racks</a>
</ul>
</div>
<div class="arrow"> </div>
<div class="feeds">
<h3>Built bike racks</h3>
<ul class="feed built">
{% for rack in built_racks %}
<li>
<h4><a href="rack/{{rack.id}}/">{{rack.address}}</a> </h4>
<p> {{rack.date}} </p>
<p> {{rack.meta|truncatewords:20}} </p>
</li>
{% endfor %}
<a href="#"> More built bike racks </a>
</ul>
</div>
</div>
<div>
<div id="index-map">
</div>
<div id="map">
</div>
</div>

<div id="activity-con">
<h3>Welcome to our site</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ac sem id justo sodales suscipit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc condimentum iaculis nisl. Aenean id purus ut tellus commodo tincidunt. Praesent orci magna, pulvinar vel, tempus ut, semper et, nibh. Sed erat. Aliquam ornare odio a nulla. Vivamus vel justo id mi sodales fringilla. Integer varius turpis in augue. Maecenas adipiscing tortor at velit. Duis sed nunc at velit sollicitudin elementum. Vivamus sem. Sed commodo. Sed vulputate. Maecenas tempus dapibus lorem. Duis eget enim nec dolor luctus pharetra. Nunc et arcu.</p>
<hr />
<div id="search-con">
<h4> Find request location by text search </h4>
<div class="search">
<form action="rack/new/" method="get">
<p> Search for location <strong><a href="rack/new/?address=Brooklyn%2C+NY%2C+11238">Brooklyn, NY, 11238</a></strong></p>
<input type="text" name="address" />
<input type="submit" value="Search for location">
</form>
</div>
</div>
</div>
<h3>Download and view in <a href="rack/all.kml">Google Earth</a></h3>
</div>


{% endblock %}


Expand Down
Loading

0 comments on commit 3bdd143

Please sign in to comment.