Skip to content

Commit 5138e58

Browse files
ghickmanghickman
committedFeb 14, 2012
Flesh out all the projects
1 parent e3ce3c5 commit 5138e58

File tree

6 files changed

+228
-1
lines changed

6 files changed

+228
-1
lines changed
 

‎hackday-2012-02-11.html

+170-1
Original file line numberDiff line numberDiff line change
@@ -1 +1,170 @@
1-
<h1>TEST</h1>
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<link type="text/css" rel="stylesheet" href="styles/reset.css">
5+
<link type="text/css" rel="stylesheet" href="styles/main.css">
6+
7+
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
8+
<script type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script>
9+
<script type="text/javascript" src="scripts/jquery.countdown.pack.js"></script>
10+
<script type="text/javascript" src="scripts/main.js"></script>
11+
12+
<title>Refresh Oxford</title>
13+
</head>
14+
<body>
15+
<header>
16+
<div class="logo">
17+
<img src="images/logo.png" alt="Refresh Oxford Logo">
18+
<h1>Refresh/Oxford</h1>
19+
</div>
20+
<nav>
21+
<ul>
22+
<li><a href="/">Home</a></li>
23+
<li><a href="#contact">Contact</a></li>
24+
<li><a href="#signup">Sign Up</a></li>
25+
</ul>
26+
</nav>
27+
</header>
28+
<article id="rpurrg">
29+
<header class="title">
30+
<h2>RPurrG</h2>
31+
<ul>
32+
<li><a href="http://twitter.com/iamjasonfield">@iamjasonfield</a></li>
33+
<li><a href="http://twitter.com/nimbydagda">@nimbydagda</a></li>
34+
<li><a href="http://twitter.com/perryroper">@perryroper</a></li>
35+
<li><a href="http://twitter.com/rgardler">@rgardler</a></li>
36+
<li><a href="http://twitter.com/thepandalion">@thepandalion</a></li>
37+
</ul>
38+
</header>
39+
<section class="blurb">
40+
<p>RPurrG is a feline centric RPG with <em>pirates</em>.</p>
41+
<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>
42+
</section>
43+
<section class="info">
44+
<img src="images/rpurrg.png">
45+
<a href="http://refreshoxford.co.uk/RPurrG/">Demo</a>
46+
<a href="http://github.com/refreshoxford/RPurrG">Source</a>
47+
</section>
48+
</article>
49+
<article id="tldw">
50+
<header class="title">
51+
<h2>TL;DW</h2>
52+
<ul>
53+
<li><a href="http://twitter.com/henrahmagix">@henrahmagix</a></li>
54+
<li><a href="http://twitter.com/jpstacey">@jpstacey</a></li>
55+
<li><a href="http://twitter.com/missuze">@missuze</a></li>
56+
</ul>
57+
</header>
58+
<section class="blurb">
59+
<p>Fed up of watching someone talk behind a podium? Could read it faster? TL;DW is just what you need!</p>
60+
<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>
61+
</section>
62+
<section class="info">
63+
<img src="images/tldw.png" />
64+
<a href="">Demo</a>
65+
<a href="https://github.com/refreshoxford/tldw">Source</a>
66+
</section>
67+
</article>
68+
<article id="cbv">
69+
<header class="title">
70+
<h2>Django CBV Inspector</h2>
71+
<ul>
72+
<li><a href="http://twitter.com/charleswdenton">@charleswdenton</a></li>
73+
<li><a href="http://twitter.com/mellenthenerd">@mellenthenerd</a></li>
74+
<li><a href="http://twitter.com/mjtamlyn">@mjtamlyn</a></li>
75+
<li><a href="http://twitter.com/rjmunro">@rjmunro</a></li>
76+
</ul>
77+
</header>
78+
<section class="blurb">
79+
<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>
80+
<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>
81+
</section>
82+
<section class="info">
83+
<img src="images/cbv.png" />
84+
<a href="">Demo</a>
85+
<a href="http://github.com/refreshoxford/django-cbv-inspector">Source</a>
86+
</section>
87+
</article>
88+
<article id="typography">
89+
<header class="title">
90+
<h2>Kinetic Typography</h2>
91+
<ul>
92+
<li><a href="http://twitter.com/jreeve0">@jreeve0</a></li>
93+
<li class="no-twitter">John</li>
94+
</ul>
95+
</header>
96+
<section class="blurb">
97+
<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>
98+
<p>This technique could then be applied to a variety of situations, but most notably presentations or screencasts.</p>
99+
</section>
100+
<section class="info">
101+
<img src="" />
102+
<a href=""></a>
103+
<a href=""></a>
104+
</section>
105+
</article>
106+
<article id="oed">
107+
<header class="title">
108+
<h2>Oxford English Dictionary</h2>
109+
<ul>
110+
<li><a href="http://twitter.com/chvck">@chvck</a></li>
111+
<li><a href="http://twitter.com/danohu">@danohu</a></li>
112+
<li class="no-twitter">Warren</li>
113+
</ul>
114+
</header>
115+
<section class="blurb">
116+
<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>
117+
<p>The OED team focused on getting the existing data
118+
</section>
119+
<section class="info">
120+
<img src="" />
121+
<a href="">Demo</a>
122+
<a href="">Source</a>
123+
</section>
124+
</article>
125+
<article id="apachewookie">
126+
<header class="title">
127+
<h2>Apache Wookie Templates</h2>
128+
<ul>
129+
<li><a href="http://twitter.com/rgardler">@rgardler</a></li>
130+
<li><a href="http://twitter.com/stevealee">@stevealee</a></li>
131+
<li class="no-twitter">Sudhir</li>
132+
</ul>
133+
</header>
134+
<section class="blurb">
135+
<p></p>
136+
</section>
137+
<section class="info">
138+
<img src="" />
139+
<a href="">Demo</a>
140+
<a href="">Source</a>
141+
</section>
142+
</article>
143+
<article id="nanode">
144+
<header class="title">
145+
<h2>Nanode Build</h2>
146+
<ul>
147+
<li><a href="http://twitter.com/coppermill">@coppermill</a></li>
148+
</ul>
149+
</header>
150+
<section class="blurb">
151+
<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>
152+
</section>
153+
<section class="info">
154+
<img src="images/nanode.jpeg" />
155+
</section>
156+
</article>
157+
<div class="clear"></div>
158+
<footer>
159+
<div class="copyright">
160+
<h2><a href="mailto:hello@refreshoxford.co.uk">hello@refreshoxford.co.uk</a></h2>
161+
<p>&copy; Refresh Oxford 2012</p>
162+
</div>
163+
<div class="incuna">
164+
<div>
165+
<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>
166+
<img src="images/incuna.png" alt="Incuna Thumbnail">
167+
</div>
168+
</footer>
169+
</body>
170+
</html>

‎images/cbv.png

111 KB
Loading

‎images/nanode.jpeg

90.7 KB
Loading

‎images/rpurrg.png

67.4 KB
Loading

‎images/tldw.png

324 KB
Loading

‎styles/main.css

+58
Original file line numberDiff line numberDiff line change
@@ -199,13 +199,15 @@ footer .incuna {
199199
#next-refresh,
200200
#row-2 .projects,
201201
#row-2 .further-info,
202+
article .title,
202203
#twitter {
203204
background-color: #fef4f4;
204205
}
205206

206207
/* White */
207208
.calendar .title,
208209
#row-2 .title,
210+
article .info,
209211
#contact,
210212
footer .copyright {
211213
background-color: white;
@@ -220,6 +222,8 @@ header .logo,
220222
#row-2 .projects,
221223
#row-2 .further-info,
222224
#twitter,
225+
article header,
226+
article section,
223227
#contact,
224228
#signup,
225229
footer .copyright {
@@ -241,3 +245,57 @@ header {height: 143px;}
241245
#row-3 {height: 331px;}
242246
footer {height: 132px;}
243247

248+
249+
/* Hack Day Page */
250+
article .title,
251+
article .blurb,
252+
article .info {
253+
border-bottom: 1px solid #ebebeb;
254+
float: left;
255+
height: 100%;
256+
padding-bottom: 20px;
257+
}
258+
259+
article .title a,
260+
article .title .no-twitter {
261+
color: #c69;
262+
margin-left: 22px;
263+
}
264+
265+
article .blurb p:first-of-type {
266+
margin-top: 20px;
267+
}
268+
269+
article img {
270+
margin: 20px;
271+
width: 280px;
272+
}
273+
274+
#rpurrg header,
275+
#rpurrg section {
276+
height: 300px;
277+
}
278+
#tldw header,
279+
#tldw section {
280+
height: 221px;
281+
}
282+
#cbv header,
283+
#cbv section {
284+
height: 275px;
285+
}
286+
#typography header,
287+
#typography section {
288+
height: 200px;
289+
}
290+
#oed header,
291+
#oed section {
292+
height: 150px;
293+
}
294+
#apachewookie header,
295+
#apachewookie section {
296+
height: 150px;
297+
}
298+
#nanode header,
299+
#nanode section {
300+
height: 230px;
301+
}

0 commit comments

Comments
 (0)
Please sign in to comment.