-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
160 lines (147 loc) · 7.48 KB
/
index.html
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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ROFLCon Liveblog Index</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<link href="styles/main.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<!-- <link rel="shortcut icon" href="bootstrap/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="bootstrap/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="bootstrap/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="bootstrap/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="bootstrap/ico/apple-touch-icon-57-precomposed.png">-->
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<!--<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>-->
<a class="brand" href="#">ROFLCon Liveblog Index</a>
<!-- <div class="btn-group pull-right">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-user"></i> Username
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">Profile</a></li>
<li class="divider"></li>
<li><a href="#">Sign Out</a></li>
</ul>
</div>-->
<!-- <div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>--><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span4">
<div class="well sidebar-nav">
<ul class="nav nav-list" id="roflbar">
</ul>
</div><!--/.well -->
</div><!--/span-->
<div class="span8">
<div id="mainListing">
<div class="hero-unit">
<h1>Keynote Panel: Supercuts</h1>
<p>Saturday, 9:30AM</p>
<p>This particular thing includes information about the livenotes and invites people to choose one of the options to follow along.</p>
<p><a href="http://civic.mit.edu/blog/mstem/how-to-liveblog-events-with-a-team">Read more about how to liveblog with a team</a>.</p>
<!--<p><a class="btn btn-primary btn-large">Learn more »</a></p>-->
</div>
</div>
<div class="row-fluid">
<div class="span4">
<!--<h2>Ghost</h2>-->
<p><a class="btn btn-large" id="read" href="#">Read Livenotes »</a></p>
<p>Let me in; I just want to follow the livenotes!</p>
<p>If you do see an awesome quote we missed, please add it.</p>
</div><!--/span-->
<div class="span4">
<!--<h2>Link Hound</h2>-->
<p><a class="btn btn-large" id="linkhound" href="#">Play Link Hound »</a></p>
<p>Volunteer to find links, inserting them into the livenotes. <strong>Use html formatting, please</strong>! Feel free to add nice-to-have information like Twitter handles and event photos.</p>
</div><!--/span-->
<div class="span4">
<!--<h2>Sweeper</h2>-->
<p><a class="btn btn-large" id="sweeper" href="#">Play Sweeper »</a></p>
<p>Volunteer to check the speaker's facts, fix grammar mistakes, and tidy up the content.</p>
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<hr>
<div class="span8">
<h2>More Tips on Liveblogging</h2>
<ul>
<li><a href="http://civic.mit.edu/blog/mstem/how-to-livebl
og-events-with-a-team">How to liveblog with a team</a>, by Matt Stempeck and Ethan Zuckerman</li>
<li><a href="http://www.lunchoverip.com/conferencebloggers.html">Tips for Conference Bloggers</a>, by Bruno Guissani and Ethan Zuckerman</li>
</ul>
</div>
</div>
</div><!--/span-->
</div><!--/row-->
<hr>
<footer>
<p>ROFLCon Livenote Index by <a href="http://twitter.com/natematias">J. Nathan Matias</a> and <a href="http://twitter.com/cdetar">Charlie DeTar</a>, from the MIT Media Lab <a href="http://civic.mit.edu">Center for Civic Media</a>. <a href="https://github.com/natematias/roflcon-livenote-index">Fork it on Github</a></p>
</footer>
</div><!--/.fluid-container-->
<!-- Le javascript
================================================== -->
<script language="javascript" type="text/Javascript" src="bootstrap/js/jquery-1.7.2.min.js"></script>
<script language="javascript" type="text/Javascript" src="bootstrap/js/underscore.js"></script>
<script language="javascript" type="text/Javascript" src="bootstrap/js/backbone.js"></script>
<script type='text/template' id='mainListingTemplate'>
<div class="hero-unit">
<h1><%=title%></h1>
<h2>Time: <%=time%></h2>
<p><%=desc%></p>
<hr/>
<p>Click below to follow the liveblog for this session of <a href="http://roflcon.org/the-roflcon-iii-almost-final-schedule/">ROFLCON</a>! Pick a role to join the Google Docs, where you can help out or just read.</p> <p><strong>Top Tip</strong>: it helps to have just one person producing core text. You can best help by adding links and cleaning up.</p>
<p>ROFLCon is being liveblogged by <a href="http://twitter.com/natematias">J. Nathan Matias</a>, <a href="http://twitter.com/mstem">Matt Stempeck</a>, and <a href="http://twitter.com/s2tephen">Stephen Suen</a>.</p>
</div>
</script>
<script type='text/template' id='menuItemTemplate'>
<li><a href="#<%=day%>/<%=index%>"><%=time%>: <%=title%></a></li>
</script>
<script type='text/template' id='defaultListingTemplate'>
<div class="hero-unit">
<h1>ROFLCon Liveblogs</h1>
<p><a href="http://roflcon.org/the-roflcon-iii-almost-final-schedule/">ROFLCon</a> is being liveblogged by <a href="http://twitter.com/natematias">J. Nathan Matias</a>, <a href="http
://twitter.com/mstem">Matt Stempeck</a>, and <a href="http://twitter.com/s2tephe
n">Stephen Suen</a>.</p>
</div>
</script>
<script language="javascript" type="text/Javascript" src="app/views.js"></script>
<!-- Placed at the end of the document so the pages load faster -->
</body>
</html>