Skip to content

Commit

Permalink
Added in Legend and Instructions page. Also added in some images for …
Browse files Browse the repository at this point in the history
…the legend.
  • Loading branch information
nvcexploder committed Oct 25, 2011
1 parent 9bec288 commit bfa3306
Show file tree
Hide file tree
Showing 10 changed files with 183 additions and 0 deletions.
Binary file added images/Screen shot 2011-10-24 at 2.27.15 PM.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/food_lg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/meds_lg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/pattern.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/shelter_lg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/water_lg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
44 changes: 44 additions & 0 deletions index.html
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="style/basic.css" type="text/css">
<title></title>
</head>
<body style="background-image:url('images/pattern.png'); background-repeat: repeat;">
<div class="topbar">
<div class="fill">
<div class="container">
<a class="brand" href="#">occupycanhas</a>
<ul class="nav">
<li class="active">
<a href="#">Home</a>
</li>
<li>
<a href="legend.html">Legend</a>
</li>
<li>
<a href="instructions.html">Instructions</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="content">
<div class="page-header">
<h1>
u can haz <small>Tweet all the needs</small>
</h1>
</div>
<div class="row">
<div class="span14">
<h2>
Need Moar Map!
</h2>
</div>
</div>
</div>
</div>
</body>
</html>
46 changes: 46 additions & 0 deletions instructions.html
@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="style/basic.css" type="text/css">
<title></title>
</head>
<body style="background-image:url('images/pattern.png'); background-repeat: repeat;">
<div class="topbar">
<div class="fill">
<div class="container">
<a class="brand" href="index.html">occupycanhas</a>
<ul class="nav">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="legend.html">Legend</a>
</li>
<li class="active">
<a href="instructions.html">Instructions</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="content">
<div class="page-header">
<h1>
u can haz <small>Tweet all the needs</small>
</h1>
</div>
<div class="row">
<div class="span14">
<h2>
Do This!
</h2>
<p>Step one: need something</p>
<p>Step two: tweet about it. To @occupycanhas</p>
</div>
</div>
</div>
</div>
</body>
</html>
51 changes: 51 additions & 0 deletions legend.html
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="style/basic.css" type="text/css">
<title></title>
</head>
<body style="background-image:url('images/pattern.png'); background-repeat: repeat;">
<div class="topbar">
<div class="fill">
<div class="container">
<a class="brand" href="index.html">occupycanhas</a>
<ul class="nav">
<li>
<a href="index.html">Home</a>
</li>
<li class="active">
<a href="legend.html">Legend</a>
</li>
<li>
<a href="instructions.html">Instructions</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="content">
<div class="page-header">
<h1>
u can haz <small>Tweet all the needs</small>
</h1>
</div>
<div class="row">
<div class="span14">
<h2>
All the things!
</h2>
<ul>
<li><img src="images/food_lg.png" /> Food</li>
<li><img src="images/food_lg.png" /> Water</li>
<li><img src="images/food_lg.png" /> First Aid</li>
<li><img src="images/food_lg.png" /> Tent</li>
</ul>

</div>
</div>
</div>
</div>
</body>
</html>
42 changes: 42 additions & 0 deletions style/basic.css
@@ -0,0 +1,42 @@
.content {
background-color: #fff;
padding: 20px;
margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* Page header tweaks */
.page-header {
background-color: #f5f5f5;
padding: 40px 20px 10px;
margin: -20px -20px 20px;
}

/* Styles you shouldn't keep as they are for displaying this base example only */
.content .span10,
.content .span4 {
min-height: 500px;
}
/* Give a quick and non-cross-browser friendly divider */
.content .span4 {
margin-left: 0;
padding-left: 19px;
border-left: 1px solid #eee;
}

.topbar .btn {
border: 0;
}

html, body {
margin: 0;
padding: 0;
background-image:url('../images/pattern.png');
background-repeat: repeat;
height: 100%;
}

0 comments on commit bfa3306

Please sign in to comment.