Skip to content

Commit 6f408cb

Browse files
pgleesonpgleeson
committed
Updates events layout
1 parent 9e5dbe6 commit 6f408cb

File tree

2 files changed

+31
-155
lines changed

2 files changed

+31
-155
lines changed

‎css/events_css.css

Lines changed: 14 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,12 @@
1-
@import url("http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,400italic");
2-
@import url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css");
3-
body {
4-
padding: 60px 0px;
5-
background-color: rgb(220, 220, 220);
6-
}
71

82
.event-list {
93
list-style: none;
104
font-family: 'Lato', sans-serif;
115
margin: 0px;
126
padding: 0px;
7+
width: 80%;
8+
margin-right: auto;
9+
margin-left: auto;
1310
}
1411
.event-list > li {
1512
background-color: rgb(255, 255, 255);
@@ -23,7 +20,7 @@ body {
2320
width: 100%;
2421
color: rgb(255, 255, 255);
2522
background-color: rgb(197, 44, 102);
26-
padding: 5px;
23+
padding: 2px;
2724
text-align: center;
2825
text-transform: uppercase;
2926
}
@@ -32,24 +29,31 @@ body {
3229
}
3330
.event-list > li > time > span {
3431
display: none;
32+
padding-top: 5px;
3533
}
3634
.event-list > li > time > .day {
3735
display: block;
38-
font-size: 56pt;
36+
font-size: 24pt;
3937
font-weight: 100;
4038
line-height: 1;
4139
}
4240
.event-list > li time > .month {
41+
display: block;
42+
font-size: 28pt;
43+
font-weight: 700;
44+
line-height: 1;
45+
}
46+
.event-list > li > time > .year {
4347
display: block;
4448
font-size: 24pt;
45-
font-weight: 900;
49+
font-weight: 100;
4650
line-height: 1;
4751
}
4852
.event-list > li > img {
4953
width: 100%;
5054
}
5155
.event-list > li > .info {
52-
padding-top: 5px;
56+
padding-top: 0px;
5357
text-align: center;
5458
}
5559
.event-list > li > .info > .title {
@@ -169,23 +173,4 @@ body {
169173
left: 0px;
170174
bottom: 0px;
171175
}
172-
.event-list > li > .social {
173-
position: absolute;
174-
top: 0px;
175-
right: 0px;
176-
display: block;
177-
width: 40px;
178-
}
179-
.event-list > li > .social > ul {
180-
border-left: 1px solid rgb(230, 230, 230);
181-
}
182-
.event-list > li > .social > ul > li {
183-
display: block;
184-
padding: 0px;
185-
}
186-
.event-list > li > .social > ul > li > a {
187-
display: block;
188-
width: 40px;
189-
padding: 10px 0px 9px;
190-
}
191176
}

‎events.html

Lines changed: 17 additions & 126 deletions
Original file line numberDiff line numberDiff line change
@@ -15,9 +15,6 @@
1515
<link href="css/main.css" rel="stylesheet">
1616
<link href="css/docs.css" rel="stylesheet">
1717
<link href="./css/events_css.css" rel ="stylesheet">
18-
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
19-
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
20-
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
2118

2219
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
2320
<!--[if lt IE 9]>
@@ -70,14 +67,13 @@ <h1>Events</h1>
7067

7168
<div class="container">
7269
<div class="row">
73-
<div class="[ col-xs-12 col-sm-offset-2 col-sm-8 ]">
70+
<div >
7471
<ul class="event-list">
7572
<li>
76-
<time datetime="2020-06-02 0000">
73+
<time>
7774
<span class="day">29</span>
7875
<span class="month">Jan</span>
79-
<span class="year">2019</span>
80-
<span class="time">12:00 AM</span>
76+
<span class="year">2018</span>
8177
</time>
8278
<div class="info">
8379
<h2 class="title">Connectome to behaviour: modelling C. elegans at cellular resolution </h2>
@@ -86,17 +82,10 @@ <h2 class="title">Connectome to behaviour: modelling C. elegans at cellular reso
8682
<li style="width:50%;"><a href="https://www.sainsburywellcome.org/web/blog/openworm-building-virtual-nervous-system"><span class="fa fa-globe"></span> Website</a></li>
8783
</ul>
8884
</div>
89-
<div class="social">
90-
<ul>
91-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
92-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
93-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
94-
</ul>
95-
</div>
9685
</li>
9786

9887
<li>
99-
<time datetime="2020-06-02 0000">
88+
<time>
10089
<span class="day">25</span>
10190
<span class="month">Aug</span>
10291
<span class="year">2014</span>
@@ -109,17 +98,10 @@ <h2 class="title"><a href="http://www.neuroinformatics2014.org/" target="_blank"
10998
<li style="width:50%;"><a href="http://www.neuroinformatics2014.org/program/workshops/workshop-4"><span class="fa fa-globe"></span> Website</a></li>
11099
</ul>
111100
</div>
112-
<div class="social">
113-
<ul>
114-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
115-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
116-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
117-
</ul>
118-
</div>
119101
</li>
120102

121103
<li>
122-
<time datetime="2020-06-02 0000">
104+
<time>
123105
<span class="day">14</span>
124106
<span class="month">May</span>
125107
<span class="year">2014</span>
@@ -132,17 +114,10 @@ <h2 class="title">Open Source Brain Workshop 2014</h2>
132114
<li style="width:50%;"><a href="http://opensourcebrain.org/projects/osb/wiki/OSB2014"><span class="fa fa-globe"></span> Website</a></li>
133115
</ul>
134116
</div>
135-
<div class="social">
136-
<ul>
137-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
138-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
139-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
140-
</ul>
141-
</div>
142117
</li>
143118

144119
<li>
145-
<time datetime="2020-06-02 0000">
120+
<time>
146121
<span class="day">27</span>
147122
<span class="month">Aug</span>
148123
<span class="year">2013</span>
@@ -155,17 +130,10 @@ <h2 class="title">Neuroinformatics 2013</h2>
155130
<li style="width:50%;"><a href="http://www.neuroinformatics2013.org/"><span class="fa fa-globe"></span> Website</a></li>
156131
</ul>
157132
</div>
158-
<div class="social">
159-
<ul>
160-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
161-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
162-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
163-
</ul>
164-
</div>
165133
</li>
166134

167135
<li>
168-
<time datetime="2020-06-02 0000">
136+
<time>
169137
<span class="day">13</span>
170138
<span class="month">July</span>
171139
<span class="year">2013</span>
@@ -178,17 +146,10 @@ <h2 class="title">Computational Neuroscience Meeting 2013</h2>
178146
<li style="width:50%;"><a href="http://www.cnsorg.org/cns-2013-paris"><span class="fa fa-globe"></span> Website</a></li>
179147
</ul>
180148
</div>
181-
<div class="social">
182-
<ul>
183-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
184-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
185-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
186-
</ul>
187-
</div>
188149
</li>
189150

190151
<li>
191-
<time datetime="2020-06-02 0000">
152+
<time>
192153
<span class="day">12</span>
193154
<span class="month">July</span>
194155
<span class="year">2013</span>
@@ -201,17 +162,10 @@ <h2 class="title">OpenWorm Paris Meet-up</h2>
201162
<li style="width:50%;"><a href="https://plus.google.com/u/0/events/c9na0de60ctltl97m39oo7h3bqs"><span class="fa fa-globe"></span> Website</a></li>
202163
</ul>
203164
</div>
204-
<div class="social">
205-
<ul>
206-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
207-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
208-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
209-
</ul>
210-
</div>
211165
</li>
212166

213167
<li>
214-
<time datetime="2020-06-02 0000">
168+
<time>
215169
<span class="day">16</span>
216170
<span class="month">May</span>
217171
<span class="year">2013</span>
@@ -224,17 +178,10 @@ <h2 class="title">Guest Lecture: Introduction to OpenWorm</h2>
224178
<li style="width:50%;"><a href="https://plus.google.com/u/0/events/c9na0de60ctltl97m39oo7h3bqs"><span class="fa fa-globe"></span> Website</a></li>
225179
</ul>
226180
</div>
227-
<div class="social">
228-
<ul>
229-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
230-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
231-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
232-
</ul>
233-
</div>
234181
</li>
235182

236183
<li>
237-
<time datetime="2020-06-02 0000">
184+
<time>
238185
<span class="day">13</span>
239186
<span class="month">May</span>
240187
<span class="year">2013</span>
@@ -247,17 +194,10 @@ <h2 class="title">Open Source Brain Kick-Off meeting</h2>
247194
<li style="width:50%;"><a href="http://www.opensourcebrain.org/projects/osb/wiki/Meetings"><span class="fa fa-globe"></span> Website</a></li>
248195
</ul>
249196
</div>
250-
<div class="social">
251-
<ul>
252-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
253-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
254-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
255-
</ul>
256-
</div>
257197
</li>
258198

259199
<li>
260-
<time datetime="2020-06-02 0000">
200+
<time>
261201
<span class="day">22</span>
262202
<span class="month">Feb</span>
263203
<span class="year">2013</span>
@@ -270,17 +210,10 @@ <h2 class="title">OpenWorm Cambridge Meet-up</h2>
270210
<li style="width:50%;"><a href="https://plus.google.com/u/0/events/cbcrflmpg9d7cfsigg1udm8g1as?cfem=1"><span class="fa fa-globe"></span> Website</a></li>
271211
</ul>
272212
</div>
273-
<div class="social">
274-
<ul>
275-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
276-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
277-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
278-
</ul>
279-
</div>
280213
</li>
281214

282215
<li>
283-
<time datetime="2020-06-02 0000">
216+
<time>
284217
<span class="day">21</span>
285218
<span class="month">Feb</span>
286219
<span class="year">2013</span>
@@ -293,17 +226,10 @@ <h2 class="title">OpenWorm London Meet-up</h2>
293226
<li style="width:50%;"><a href="https://plus.google.com/u/0/events/c366q6opqsalct5uhdddlffkhqs"><span class="fa fa-globe"></span> Website</a></li>
294227
</ul>
295228
</div>
296-
<div class="social">
297-
<ul>
298-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
299-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
300-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
301-
</ul>
302-
</div>
303229
</li>
304230

305231
<li>
306-
<time datetime="2020-06-02 0000">
232+
<time>
307233
<span class="day">13</span>
308234
<span class="month">Nov</span>
309235
<span class="year">2012</span>
@@ -316,17 +242,10 @@ <h2 class="title">Modeling C. elegans: The OpenWorm Project</h2>
316242
<li style="width:50%;"><a href="http://talks.cam.ac.uk/talk/index/40703"><span class="fa fa-globe"></span> Website</a></li>
317243
</ul>
318244
</div>
319-
<div class="social">
320-
<ul>
321-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
322-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
323-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
324-
</ul>
325-
</div>
326245
</li>
327246

328247
<li>
329-
<time datetime="2020-06-02 0000">
248+
<time>
330249
<span class="day">10</span>
331250
<span class="month">Sep</span>
332251
<span class="year">2011</span>
@@ -339,17 +258,10 @@ <h2 class="title">NeuroInformatics 2012</h2>
339258
<li style="width:50%;"><a href="http://www.neuroinformatics2012.org/abstracts/the-neuroml-c.-elegans-connectome"><span class="fa fa-globe"></span> Website</a></li>
340259
</ul>
341260
</div>
342-
<div class="social">
343-
<ul>
344-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
345-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
346-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
347-
</ul>
348-
</div>
349261
</li>
350262

351263
<li>
352-
<time datetime="2020-06-02 0000">
264+
<time>
353265
<span class="day">12</span>
354266
<span class="month">Mar</span>
355267
<span class="year">2012</span>
@@ -362,17 +274,10 @@ <h2 class="title">Convergence in Computational Neuroscience 2012</h2>
362274
<li style="width:50%;"><a href="http://www.neuroml.org/workshop2012"><span class="fa fa-globe"></span> Website</a></li>
363275
</ul>
364276
</div>
365-
<div class="social">
366-
<ul>
367-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
368-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
369-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
370-
</ul>
371-
</div>
372277
</li>
373278

374279
<li>
375-
<time datetime="2020-06-02 0000">
280+
<time>
376281
<span class="day">4</span>
377282
<span class="month">Sep</span>
378283
<span class="year">2011</span>
@@ -385,17 +290,10 @@ <h2 class="title">NeuroInformatics 2011</h2>
385290
<li style="width:50%;"><a href="http://www.neuroinformatics2011.org/abstracts/managing-complexity-in-multi-algorithm-multi-scale-biological-simulations-an-integrated-software-engineering-and-neuroinformatics-approach"><span class="fa fa-globe"></span> Website</a></li>
386291
</ul>
387292
</div>
388-
<div class="social">
389-
<ul>
390-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
391-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
392-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
393-
</ul>
394-
</div>
395293
</li>
396294

397295
<li>
398-
<time datetime="2020-06-02 0000">
296+
<time>
399297
<span class="day">31</span>
400298
<span class="month">Mar</span>
401299
<span class="year">2011</span>
@@ -408,13 +306,6 @@ <h2 class="title">NeuroML Development Workshop</h2>
408306
<li style="width:50%;"><a href="http://www.neuroinformatics2011.org/abstracts/managing-complexity-in-multi-algorithm-multi-scale-biological-simulations-an-integrated-software-engineering-and-neuroinformatics-approach"><span class="fa fa-globe"></span> Website</a></li>
409307
</ul>
410308
</div>
411-
<div class="social">
412-
<ul>
413-
<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>
414-
<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>
415-
<li class="google-plus" style="width:33%;"><a href="#google-plus"><span class="fa fa-google-plus"></span></a></li>
416-
</ul>
417-
</div>
418309
</li>
419310

420311

0 commit comments

Comments
 (0)