-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
147 lines (145 loc) · 5.88 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
<!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>
<div id="row-1">
<div class="about">
<h2>About</h2>
<p>Refresh Oxford is part of the Refreshing Cities initiative, a community of designers and developers working to refresh the creative, technical and professional culture of New Media endeavours in their areas. Promoting design, technology, usability and standards.</p>
</div>
<div class="calendar">
<div class="title"><h2>Calendar</h2></div>
<div class="events">
<div id="box-1" class="small-box">
<h2>29 February 2012</h2>
<span>Oxford Geek Night</span>
<span>The Jericho Tavern</span>
<p>7.30pm</p>
</div>
<div id="box-2" class="small-box">
<h2>March 2012</h2>
<span>Oxford Python</span>
<span>The Jericho Tavern</span>
<p>7pm</p>
</div>
<div id="box-3" class="small-box">
</div>
<div id="box-4" class="small-box"></div>
</div>
<div id="next-refresh" class="small-box">
<p>The Next <a href="http://refreshoxford.co.uk">Refresh Oxford</a> is in:<p>
</div>
<div id="countdown">
<span>A few months</span>
</div>
</div>
</div>
<div id="row-2">
<div class="title">
<h2>Refresh Oxford's Inaugral Hack Day</h2>
<h3>What?</h3>
<p>A day for hacking on anything and everything.</p>
<h3>Why?</h3>
<p>Because we can.</p>
<h3>Who?</h3>
<p>Everyone!</p>
</div>
<div class="projects">
<h2>Projects</h2>
<ul>
<li><a href="hackday-2012-02-11.html#rpurrg">RPurrG</a></li>
<li><a href="hackday-2012-02-11.html#tldw">TL;DW</a></li>
<li><a href="hackday-2012-02-11.html#cbv">Django CBV Inspector</a></li>
<li><a href="hackday-2012-02-11.html#typography">Kinetic Typography</a></li>
<li><a href="hackday-2012-02-11.html#oed">Oxford English Dictionary</a></li>
<li><a href="hackday-2012-02-11.html#apachewookie">Apache Wookie Templates</a></li>
<li><a href="hackday-2012-02-11.html#nanode">Nanode</a></li>
</ul>
</div>
<div class="further-info">
<h2>Further Info</h2>
<ul>
<li><a href="hackday-2012-02-11.html">Project Info Page</a></li>
<li><a href="http://www.flickr.com/groups/1929186@N23/">Photos</a></li>
<li><a href="https://twitter.com/search/refreshoxford">#refreshoxford</a></li>
</ul>
</div>
</div>
<div id="row-3">
<div id="twitter">
<h2>Twitter Feed <a href="https://twitter.com/refreshoxford">@refreshoxford</a></h2>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 30000,
width: 'auto',
height: 257,
theme: {
shell: {
background: '#fef4f4',
color: '#666666'
},
tweets: {
background: '#fef4f4',
color: '#666666',
links: '#00ccff'
}
},
features: {
scrollbar: true,
loop: false,
live: true,
behavior: 'default'
}
}).render().setUser('refreshoxford').start();
</script>
</div>
<div id="contact">
<h2>Contact</h2>
<p>Whether it's questions or suggestions, complaints or love letters we love hearing from you. Please feel free to get in touch with us via:</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
<div id="signup">
<h2>Sign Up</h2>
<p>For all the latest event updates why not join our <a href="http://groups.google.com/group/refreshoxford">mailing list</a>?</p>
</div>
</div>
<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>