Skip to content

Commit b6ea72e

Browse files
author
Shadrock Roberts
authored
Update index.html
adding full body code back
1 parent 2efaaa5 commit b6ea72e

File tree

1 file changed

+81
-1
lines changed

1 file changed

+81
-1
lines changed

‎index.html‎

Lines changed: 81 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -175,7 +175,87 @@
175175

176176
</style>
177177
</head>
178-
<!--THIS IS WHERE TO ADD CUT BODY-->
178+
<body>
179+
<div id="button-container" class="row header">
180+
<!-- TITLE BAR -->
181+
<header class="large-6 columns hide-for-small-only">
182+
<h1><b>PIRATE PLOTR 2014</b></h1>
183+
</header>
184+
<hr>
185+
<!-- SORTER/FILTER/COLOR BUTTONS -->
186+
<div class="button-block large-5 columns">
187+
<h6>SORT BY</h6>
188+
<ul id="sorter" class="button-group radius">
189+
<li class="button tiny alert" data-sorter="deliverable">Deliverable</li>
190+
<li class="button tiny alert" data-sorter="start_date">Start date</li>
191+
<li class="button tiny alert" data-sorter="end_date">End date</li>
192+
<li class="button tiny alert" data-sorter="team">Team</li>
193+
</ul>
194+
</div>
195+
<div class="button-block large-4 columns">
196+
<h6>FILTER BY</h6>
197+
<ul id="filter" class="button-group radius">
198+
<li class="button tiny alert" data-filter="">All</li>
199+
<li class="button tiny alert" data-filter="core">Core</li>
200+
<li class="button tiny alert" data-filter="external">External</li>
201+
<li class="button tiny alert" data-filter="ops">Ops</li>
202+
</ul>
203+
</div>
204+
<div class="button-block last large-3 columns">
205+
<h6>COLOR BY</h6>
206+
<ul id="color" class="button-group radius">
207+
<li class="button tiny alert" data-color="all">All</li>
208+
<li class="button tiny alert" data-color="priority">Priority</li>
209+
<li class="button tiny alert" data-color="team">Team</li>
210+
</ul>
211+
</div>
212+
<hr>
213+
</div>
214+
<!-- LEGEND - PRIORITY -->
215+
<div id="legend" class="legend-style">
216+
<div class="legend-title">Priority Scale</div>
217+
<div class="legend-scale">
218+
<ul class="legend-labels">
219+
<li><span style="background:#ffffb2;"></span>Low</li>
220+
<li><span style="background:#fed976;"></span></li>
221+
<li><span style="background:#feb24c;"></span></li>
222+
<li><span style="background:#fd8d3c;"></span></li>
223+
<li><span style="background:#f03b20;"></span></li>
224+
<li><span style="background:#bd0026;"></span>High</li>
225+
</ul>
226+
</div>
227+
</div>
228+
<!-- LEGEND - TEAM -->
229+
<div id="legend-2" class="legend-style">
230+
<div class="legend-title">Teams 2014</div>
231+
<div class="legend-scale">
232+
<ul class="legend-labels">
233+
<li><span style="background:#d53e4f;"></span>Platform</li>
234+
<li><span style="background:#f46d43;"></span>RollCall</li>
235+
<li><span style="background:#fdae61;"></span>Engineering</li>
236+
<li><span style="background:#fee08b;"></span>COMRADES</li>
237+
<li><span style="background:#ffffbf;"></span>MAVC</li>
238+
<li><span style="background:#abdda4;"></span>DREAMS</li>
239+
<li><span style="background:#66c2a5;"></span>UCHAGUZI</li>
240+
<li><span style="background:#3288bd;"></span>Sup. & Engage.</li>
241+
</ul>
242+
</div>
243+
</div>
244+
<div class="row">
245+
<div class="large-12 columns">
246+
<div id="chart-canvas" style="position:relative">
247+
<div id="svg-canvas"></div>
248+
<div id="gantt-bar-container"></div>
249+
</div>
250+
251+
<!-- TOOLTIPS -->
252+
<div id="tooltip"></div>
253+
254+
</div>
255+
</div>
256+
257+
<script src="plotr.js"></script>
258+
</body>
179259
</html>
180260
<!--special thx to mhkeller (homg dates in d3), and to aubergene (D3.edu)-->
181261
<!--auremoser-->

0 commit comments

Comments
 (0)