-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathhackday-2012-02-11.html
176 lines (174 loc) · 8.36 KB
/
hackday-2012-02-11.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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!doctype html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="styles/reset.css">
<link type="text/css" rel="stylesheet" href="styles/main.css">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script type="text/javascript" src="scripts/jquery.countdown.pack.js"></script>
<script type="text/javascript" src="scripts/main.js"></script>
<title>Refresh Oxford</title>
</head>
<body>
<header>
<div class="logo">
<a href="/">
<img src="images/logo.png" alt="Refresh Oxford Logo">
<h1>Refresh/Oxford</h1>
</a>
</div>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#signup">Sign Up</a></li>
</ul>
</nav>
</header>
<article id="rpurrg">
<header class="title">
<h2>RPurrG</h2>
<ul>
<li><a href="http://twitter.com/iamjasonfield">@iamjasonfield</a></li>
<li><a href="http://twitter.com/nimbydagda">@nimbydagda</a></li>
<li><a href="http://twitter.com/perryroper">@perryroper</a></li>
<li><a href="http://twitter.com/rgardler">@rgardler</a></li>
<li><a href="http://twitter.com/thepandalion">@thepandalion</a></li>
</ul>
</header>
<section class="blurb">
<p>RPurrG is a feline centric RPG with <em>pirates</em>.</p>
<p>Paying homage to the original Sonic the Hedgehog series and other paralax scrolling games of that era yesteryear you can select your character and choose your name before heading off to adventure (coming soon).</p>
</section>
<section class="info">
<img src="images/rpurrg.png">
<div class="links">
<div><a href="http://refreshoxford.co.uk/RPurrG/">Demo</a></div>
<div><a href="http://github.com/refreshoxford/RPurrG">Source</a></div>
</div>
</section>
</article>
<article id="tldw">
<header class="title">
<h2>TL;DW</h2>
<ul>
<li><a href="http://twitter.com/henrahmagix">@henrahmagix</a></li>
<li><a href="http://twitter.com/jpstacey">@jpstacey</a></li>
<li><a href="http://twitter.com/missuze">@missuze</a></li>
</ul>
</header>
<section class="blurb">
<p>Fed up of watching someone talk behind a podium? Could read it faster? TL;DW is just what you need!</p>
<p>A Chrome extension that queries a backend service with the URL of your video to see if a transcript exists and provides you with a link on success.</p>
</section>
<section class="info">
<img src="images/tldw.png" />
<div class="links">
<a href="https://github.com/refreshoxford/tldw">Source</a>
</div>
</section>
</article>
<article id="cbv">
<header class="title">
<h2>Django CBV Inspector</h2>
<ul>
<li><a href="http://twitter.com/charleswdenton">@charleswdenton</a></li>
<li><a href="http://twitter.com/mellenthenerd">@mellenthenerd</a></li>
<li><a href="http://twitter.com/mjtamlyn">@mjtamlyn</a></li>
<li><a href="http://twitter.com/rjmunro">@rjmunro</a></li>
</ul>
</header>
<section class="blurb">
<p>Django's Class Based Views are great, however it's a well knwon fact that their documentation is quite lacking and following the code can get confusing when you have classes with 8 parents.</p>
<p>The Django CBV Inspector team set out to fix this with a two pronged attack of a management command to inspect the code (using Python's inspect module) and a front end that allowed easy navigation of a class' methods be they inherited or not.</p>
</section>
<section class="info">
<img src="images/cbv.png" />
<div class="links">
<div><a href="http://cbv.refreshoxford.co.uk">Demo</a></div>
<div><a href="http://github.com/refreshoxford/django-cbv-inspector">Source</a></div>
</div>
</section>
</article>
<article id="typography">
<header class="title">
<h2>Kinetic Typography</h2>
<ul>
<li><a href="http://twitter.com/jreeve0">@jreeve0</a></li>
<li class="no-twitter">John</li>
</ul>
</header>
<section class="blurb">
<p>Using this <a href="http://www.youtube.com/watch?v=Oq1RA5-Y2a8">video</a> as inspiration Joe and John created a prototype for on-the-fly creation of Kinetic Typography showing that one browser window could be the input for a display window with random effects applied to the text.</p>
<p>This technique could then be applied to a variety of situations, but most notably presentations or screencasts.</p>
</section>
<section class="info">
</section>
</article>
<article id="oed">
<header class="title">
<h2>Oxford English Dictionary</h2>
<ul>
<li><a href="http://twitter.com/chvck">@chvck</a></li>
<li><a href="http://twitter.com/danohu">@danohu</a></li>
<li class="no-twitter">Warren</li>
</ul>
</header>
<section class="blurb">
<p>The original edition of the Oxford English Dictionary was published in 1888 meaning it's now out of copyright and has been digitised, however it doesn't exist online in a searchable format.</p>
<p>The OED team focused on getting the existing data and exporting it into a format they could work with and then providing this data in a searchable format.</p>
</section>
<section class="info">
<div class="links">
<img src="https://github.com/danohuiginn/oed/raw/master/mockups/statics-01.png">
<a href="https://github.com/danohuiginn/oed">Source</a>
</div>
</section>
</article>
<article id="apachewookie">
<header class="title">
<h2>Apache Wookie Templates</h2>
<ul>
<li><a href="http://twitter.com/rgardler">@rgardler</a></li>
<li><a href="http://twitter.com/stevealee">@stevealee</a></li>
<li class="no-twitter">Sudhir</li>
</ul>
</header>
<section class="blurb">
<p>Apache Wookie is an HTML widget templating project that strives to provide a generic way to quickly to build HTML widgets for websites.</p>
<p>Development was focused on refactoring portions of the code base with the aim of making it more generic. Ross demonstrated their work later in the day by building an RPurrG widget.</p>
</section>
<section class="info">
<div class="links">
<a href="http://svn.apache.org/repos/asf/incubator/wookie/trunk/">Source</a>
</div>
</section>
</article>
<article id="nanode">
<header class="title">
<h2>Nanode Build</h2>
<ul>
<li><a href="http://twitter.com/coppermill">@coppermill</a></li>
</ul>
</header>
<section class="blurb">
<p>Bryan set out to build a Nanode and set himself up in the kitchen with a soldering iron for the morning. However his plans were scuppered after lunch upon discovering his USB port was giving 10V not 5V.</p>
</section>
<section class="info">
<img src="images/nanode.jpeg" />
</section>
</article>
<div class="clear"></div>
<footer>
<div class="copyright">
<h2><a href="mailto:[email protected]">[email protected]</a></h2>
<p>© Refresh Oxford 2012</p>
</div>
<div class="incuna">
<div>
<p>Refresh Oxford is brought to you by Incuna, experts in Digital Healthcare. Visit <a href="http://incuna.com">incuna.com</a> to find out more.</p>
<img src="images/incuna.png" alt="Incuna Thumbnail">
</div>
</footer>
</body>
</html>