Skip to content

Commit

Permalink
added backbone, styles not inline
Browse files Browse the repository at this point in the history
  • Loading branch information
@alexgraul
alexgraul committed Apr 18, 2012
1 parent a914a57 commit 279169c
Show file tree
Hide file tree
Showing 3 changed files with 144 additions and 106 deletions.
142 changes: 36 additions & 106 deletions index.html
View file
@@ -1,110 +1,40 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <html>
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Principle areas of Cabinet office spending 2010/2011</title> <title>Principle areas of Cabinet office spending 2010/2011</title>
<script type="text/javascript" src="js/jquery-1.7.js"> <script type="text/javascript" src="js/jquery-1.7.js">
</script> </script>
<script type="text/javascript" src="js/miso.ds.deps.js"> <script type="text/javascript" src="js/miso.ds.deps.js">
</script> </script>
<script type="text/javascript" src="js/d3.v2.min.js"> <script type="text/javascript" src="js/d3.v2.min.js">
</script> </script>
<script src="js/main.js"> <script src="js/main.js">
</script> </script>
<style type="text/css"> <link rel="stylesheet" type="text/css" href="style.css">

</head>
html, body { <body>
margin: 0; <div id=container>
padding: 0; <div id="header">
} <div id="legend">

Loading spending data
#container {
width: 980px;
height: 700px;
margin: auto;
}

#header {
width: 970px;
height: 25px;
font-size: 12px;
font-family: Arial;
border: solid 5px white;
padding-top: 5px;
}

#legend {
float: left;
font-size: 20px;
font-family: Georgia;
}

#daterange {
float: right;
display: none;
padding-left: 10px;
}

#grouping {
float: right;
display: none;
padding-left: 10px;
}

#chart {
width: 980px;
border: solid 5px white;
}

.cell {
color: white;
border: solid 1px white;
overflow: hidden;
position: absolute;
}

.selection {
z-index: 100;
}

.label {
font-family: sans-serif;
font-weight: bold;
margin: 5px;
}

.label .cost {
font-family: Georgia;
font-size: 1.5em;
font-weight: normal;
padding-bottom: 3px;
display: block;
width: 100%;
}
</style>
</head>
<body>
<div id=container>
<div id="header">
<div id="legend">
Loading spending data
</div>
<div id="daterange">
<label for="range">
in period:
</label>
<select name="id" id="range">
</select>
</div>
<div id="grouping">
<label for="groupby">
grouped by:
</label>
<select name="id" id="groupby">
</select>
</div>
</div>
<div id="chart"></div>
</div> </div>
</body> <div id="daterange">
<label for="range">
in period:
</label>
<select name="id" id="range">
</select>
</div>
<div id="grouping">
<label for="groupby">
grouped by:
</label>
<select name="id" id="groupby">
</select>
</div>
</div>
<div id="chart"></div>
</div>
</body>
</html> </html>

0 comments on commit 279169c

Please sign in to comment.