Skip to content
This repository was archived by the owner on Mar 19, 2024. It is now read-only.

Commit 6eedb05

Browse files
butlerxbutlerx
committed
close #16 for every one with high res screen
1 parent 994322e commit 6eedb05

File tree

4 files changed

+101
-88
lines changed

4 files changed

+101
-88
lines changed

‎2015/index.html

+16-14
Original file line numberDiff line numberDiff line change
@@ -35,20 +35,22 @@
3535
</head>
3636
<body>
3737
<div class="wrapper">
38-
<header>
39-
<h1 class="title"><a href="/"><span class="title__colour">Tech</span>Week</a></h1>
40-
<p>Dublin City University 9<sup>th</sup> - 13<sup>th</sup> March 2015</p>
41-
<ul class="menu">
42-
<li class="menu__item">
43-
<a href="../2016">Feb 2016</a>
44-
</li>
45-
<li>
46-
<a href="..">Oct 2016</a>
47-
</li>
48-
</ul>
49-
</header>
50-
<div class="container playlist">
51-
<iframe id="live" src="https://www.youtube.com/embed/videoseries?list=PLPaLJSHTDMFgYNnnEOjuvdm6WqOFTSQ9z" width="100%" height="400" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" webkitallowfullscreen="" allowfullscreen=""></iframe>
38+
<div class="main">
39+
<header>
40+
<h1 class="title"><a href="/"><span class="title__colour">Tech</span>Week</a></h1>
41+
<p>Dublin City University 9<sup>th</sup> - 13<sup>th</sup> March 2015</p>
42+
<ul class="menu">
43+
<li class="menu__item">
44+
<a href="../2016">Feb 2016</a>
45+
</li>
46+
<li>
47+
<a href="..">Oct 2016</a>
48+
</li>
49+
</ul>
50+
</header>
51+
<div class="container playlist">
52+
<iframe id="live" src="https://www.youtube.com/embed/videoseries?list=PLPaLJSHTDMFgYNnnEOjuvdm6WqOFTSQ9z" width="100%" height="400" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" webkitallowfullscreen="" allowfullscreen=""></iframe>
53+
</div>
5254
</div>
5355
<!-- All events are loaded into this element -->
5456
<div class="card-container">

‎2016/index.html

+16-14
Original file line numberDiff line numberDiff line change
@@ -37,20 +37,22 @@
3737
</head>
3838
<body>
3939
<div class="wrapper">
40-
<header>
41-
<h1 class="title"><a href="/"><span class="title__colour">Tech</span>Week</a></h1>
42-
<p>Dublin City University 15<sup>th</sup> - 19<sup>th</sup> Febuary 2015</p>
43-
<ul class="menu">
44-
<li class="menu__item">
45-
<a href="../2015">2015</a>
46-
</li>
47-
<li class="menu__item">
48-
<a href="..">Oct 2016</a>
49-
</li>
50-
</ul>
51-
</header>
52-
<div class="container playlist">
53-
<iframe id="live" src="https://www.youtube.com/embed/videoseries?list=PLPaLJSHTDMFhbDmyUeik6IHXmzVtWQQxu" width="100%" height="400" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" webkitallowfullscreen="" allowfullscreen=""></iframe>
40+
<div class="main">
41+
<header>
42+
<h1 class="title"><a href="/"><span class="title__colour">Tech</span>Week</a></h1>
43+
<p>Dublin City University 15<sup>th</sup> - 19<sup>th</sup> Febuary 2015</p>
44+
<ul class="menu">
45+
<li class="menu__item">
46+
<a href="../2015">2015</a>
47+
</li>
48+
<li class="menu__item">
49+
<a href="..">Oct 2016</a>
50+
</li>
51+
</ul>
52+
</header>
53+
<div class="container playlist">
54+
<iframe id="live" src="https://www.youtube.com/embed/videoseries?list=PLPaLJSHTDMFhbDmyUeik6IHXmzVtWQQxu" width="100%" height="400" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" webkitallowfullscreen="" allowfullscreen=""></iframe>
55+
</div>
5456
</div>
5557
<!-- All events are loaded into this element -->
5658
<div class="card-container">

‎css/main.less

+41-34
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,53 @@
11
@import url(//fonts.googleapis.com/css?family=Roboto:100,300,400);
22
@import "variables";
33

4-
header {
5-
text-align: center;
6-
7-
.title {
8-
margin: 0.5em 0;
9-
margin-bottom: 0.3em;
10-
font-size: 15vmin;
11-
font-weight: 100;
124

13-
&__colour {
14-
color: @color-red;
15-
font-weight: 300;
16-
}
17-
18-
a {
19-
color: @color-black;
20-
}
21-
}
5+
body {
6+
background-color: @color-grey;
227

23-
.menu {
24-
list-style-type: none;
25-
margin: 8px 0;
26-
padding: 0;
27-
overflow: hidden;
8+
.wrapper {
289
display: flex;
2910
flex-wrap: wrap;
3011
justify-content: center;
3112

32-
&__item {
33-
float: left;
34-
padding: 0 8px;
13+
.title {
14+
margin: 0 32px;
15+
text-align: center;
16+
17+
&__text {
18+
margin: 0.5em 0;
19+
margin-bottom: 0.3em;
20+
font-size: 15vmin;
21+
font-weight: 100;
22+
23+
&__colour {
24+
color: @color-red;
25+
font-weight: 300;
26+
}
27+
28+
a {
29+
color: @color-black;
30+
}
31+
}
32+
33+
.menu {
34+
list-style-type: none;
35+
margin: 8px 0;
36+
padding: 0;
37+
overflow: hidden;
38+
display: flex;
39+
flex-wrap: wrap;
40+
justify-content: center;
41+
42+
&__item {
43+
float: left;
44+
padding: 0 8px;
45+
}
46+
}
3547
}
3648
}
3749
}
3850

39-
body {
40-
background-color: @color-grey;
41-
}
42-
43-
video {
44-
width: 100%;
45-
}
46-
4751
.day {
4852
margin-top: 1vh;
4953

@@ -134,10 +138,12 @@ ul {
134138

135139
.livestream {
136140
display: none;
141+
width: 100%;
137142
}
138143

139144
.playlist {
140145
display: block;
146+
width: 100%;
141147
}
142148

143149
.collapsible.popout>li {
@@ -153,6 +159,7 @@ ul {
153159
display: flex;
154160
align-items: center;
155161
justify-content: center;
162+
width: @card-width;
156163

157164
&__events {
158165
width: 80%;
@@ -162,7 +169,7 @@ ul {
162169
}
163170

164171
@media screen and (min-width: 800px) {
165-
max-width: @card-width;
172+
width: @card-width;
166173
}
167174
}
168175
}

‎index.html

+28-26
Original file line numberDiff line numberDiff line change
@@ -37,33 +37,35 @@
3737
</head>
3838
<body>
3939
<div class="wrapper">
40-
<header>
41-
<h1 class="title"><a href="/"><span class="title__colour">Tech</span>Week</a></h1>
42-
<p>Dublin City University 24<sup>th</sup> - 28<sup>th</sup> October 2016</p>
43-
<ul class="menu">
44-
<li class="menu__item">
45-
<a href="./2016">Feb 2016</a>
46-
</li>
47-
<li>
48-
<a href="./2015">2015</a>
49-
</li>
50-
</ul>
51-
</header>
52-
<!-- Countdown is show up to 10 minutes before the event -->
53-
<div class="countdown">
54-
TechWeek Starts in:
55-
<div class="countdown__counter">
56-
<span>&nbsp;</span>
57-
<span>&nbsp;</span>
58-
<span>&nbsp;</span>
59-
<span>&nbsp;</span>
40+
<div class="title">
41+
<header>
42+
<h1 class="title__text"><a href="/"><span class="title__text__colour">Tech</span>Week</a></h1>
43+
<p>Dublin City University 24<sup>th</sup> - 28<sup>th</sup> October 2016</p>
44+
<ul class="menu">
45+
<li class="menu__item">
46+
<a href="./2015">2015</a>
47+
</li>
48+
<li>
49+
<a href="./2016">Feb 2016</a>
50+
</li>
51+
</ul>
52+
</header>
53+
<!-- Countdown is show up to 10 minutes before the event -->
54+
<div class="countdown">
55+
TechWeek Starts in:
56+
<div class="countdown__counter">
57+
<span>&nbsp;</span>
58+
<span>&nbsp;</span>
59+
<span>&nbsp;</span>
60+
<span>&nbsp;</span>
61+
</div>
62+
</div>
63+
<!-- 10 minutes before start of the event the livestream will come on -->
64+
<div class="container livestream">
65+
<video id="live" controls poster="https://www.redbrick.dcu.ie/includes/images/logo.png">
66+
<source src="">
67+
</video>
6068
</div>
61-
</div>
62-
<!-- 10 minutes before start of the event the livestream will come on -->
63-
<div class="container livestream">
64-
<video id="live" controls poster="https://www.redbrick.dcu.ie/includes/images/logo.png">
65-
<source src="">
66-
</video>
6769
</div>
6870
<!-- All events are loaded into this element -->
6971
<div class="card-container">

0 commit comments

Comments
 (0)