-
Notifications
You must be signed in to change notification settings - Fork 5
/
timeline
97 lines (79 loc) · 3.87 KB
/
timeline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!-- Copyright (C) 2011-2012 Gunnar Hellekson
Licensed under the Creative Commons Attribution-ShareAlike 3.0 License.
See the file LICENSE for details. -->
<html>
<head>
<title>Timeline: Open Source in the US Government</title>
<link rel="stylesheet" type="text/css" href="timeline.css" media="all" />
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" media="all" />
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-responsive.css" media="all" />
<script src="http://www.simile-widgets.org/timeline/api/timeline-api.js" type="text/javascript"></script>
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
</head>
<body onload="onLoad();" onresize="onResize();">
<div class="container">
<div class="hero-unit">
<h1 id="page_title">Open Source in the U.S. Government</h3>
<p>This is a timeline of the major events, publications, and code releases in the history of the US Government's adoption of open source.</p>
<!-- the submission form modal -->
<div id="submitFormModal" class="modal hide fade" style="width:800px; margin-left:-400px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>Submission Form</h3>
</div>
<div class="modal-body">
<iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dHY1NE1MV0pGVXRyd2hUaTAzdmRJb1E6MQ" width="760" height="834" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</div>
<div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal" >Close</a> </div>
</div>
<a data-toggle="modal" href="#submitFormModal" class="btn btn-primary btn-large">Submit another event »</a>
<!-- the timeline itself -->
<div id="my-timeline" style="height: 400px; margin: 50px; border: 1px solid #aaa; font-size: 8pt;"></div>
</div>
<div class="row">
<div class="span4">
<h2>Legend</h2>
<p>
<span class="highlight">Highlights</span> appears in larger.<br />
<span class="policy">Policy</span> appears in blue.<br />
<span class="project">Code releases</span> appear in gray.<br />
<span class="publication">Publications</span> appear in dark green.<br />
<span class="event">Events</span> appear in black.<br />
</p>
</div>
<div class="span4">
<h2>Colophon</h2>
<p>
This page feeds the
<a href="https://docs.google.com/spreadsheet/ccc?key=0AjxnOozsvYvldHY1NE1MV0pGVXRyd2hUaTAzdmRJb1E">Timeline of Open Source in Government Spreadsheet</a>
and
<a href="https://docs.google.com/spreadsheet/ccc?key=1-z0AiiGbiW8aCcXjupeHVoH_g5LadO2K2dmyIIPuaRY">Government Released Open Source Software</a>
into a <a href="http://simile.mit.edu/timeline/">Simile Timeline widget</a>.
It is based on the work of <a href="http://kiyo.wordpress.com/2007/04/29/google-spreadsheet-json-to-timeline/">Kiyohito Yamamoto</a>.
You can find the source for this at <a href="https://github.com/OpenTechStrategies/us-govt-open-source">GitHub</a>
</p>
</div>
<div class="span4">
<h2>License</h2>
<p>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width: 0pt;" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png"></a>
This work is licensed under a Creative Commons Attribution-Share Alike 3.0 License.
</p>
</div>
</div> <!-- row -->
<hr />
<footer>
</footer>
</div> <!-- container -->
<!-- TODO: We should either add subresource integrity attributes here,
or else use a local copy of jquery like we do with bootstrap. -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.js" type="text/javascript"></script>
<script src="timeline.js" type="text/javascript"></script>
</body>
</html>