Skip to content

Commit 2967ac9

Browse files
e8johane8johan
committed
Initial structure for 2020 event site
1 parent 879b4cd commit 2967ac9

11 files changed

+419
-10
lines changed

‎_assets/favicon.ico

16.6 KB
Binary file not shown.

‎_assets/style.css

+226-10
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,114 @@
11
@import url(https://fonts.googleapis.com/css?family=Armata);
22
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
33

4-
span.header {
4+
h1 {
55
font-family: 'Armata', serif;
66
color: #333333;
77
font-size: 48pt;
88
text-align: center;
99

10-
margin-left: 10px;
10+
margin-bottom: 30px;
1111
}
1212

13-
h1 {
13+
h2 {
1414
font-family: 'Armata', serif;
1515
color: #333333;
16-
font-size: 30pt;
16+
font-size: 36pt;
1717
text-align: center;
18+
19+
margin-bottom: 30px;
20+
}
1821

22+
h2.left {
23+
font-family: 'Armata', serif;
24+
color: #333333;
25+
font-size: 36pt;
26+
text-align: left;
27+
1928
margin-bottom: 30px;
2029
}
2130

22-
body { padding-top: 30px; }
31+
h3 {
32+
font-family: 'Armata', serif;
33+
color: #333333;
34+
font-size: 24pt;
35+
text-align: left;
36+
37+
margin-bottom: 30px;
38+
}
39+
40+
th {
41+
text-align: center;
42+
}
43+
44+
th.talkheading {
45+
font-family: 'Roboto', sans-serif;
46+
font-size: 14pt;
47+
font-weight: 800;
48+
}
49+
50+
td.talkmajor {
51+
font-family: 'Roboto', sans-serif;
52+
font-size: 14pt;
53+
font-weight: 800;
54+
text-align: center;
55+
}
56+
57+
div.talktitle {
58+
font-family: 'Roboto', sans-serif;
59+
font-size: 12pt;
60+
font-weight: 800;
61+
color: black;
62+
}
63+
64+
div.talkspeaker {
65+
font-family: 'Roboto', sans-serif;
66+
font-size: 11pt;
67+
color: black;
68+
}
69+
70+
div.talkspeaker > a {
71+
font-family: 'Roboto', sans-serif;
72+
font-size: 11pt;
73+
color: black;
74+
font-weight: 400;
75+
}
76+
77+
td.scheduletime {
78+
font-family: 'Roboto', sans-serif;
79+
font-size: 11pt;
80+
text-align: center;
81+
}
82+
83+
.navbar {
84+
margin-bottom: 0;
85+
border-bottom: solid black 1px;
86+
}
87+
88+
.navbar-brand {
89+
padding-top: 9px;
90+
padding-bottom: 9px;
91+
}
92+
93+
.navbar-nav > .active > a,
94+
.navbar-nav > .active > a:hover,
95+
.navbar-nav > .active > a:focus {
96+
font-weight: 1200;
97+
}
98+
99+
.nav-link {
100+
font-weight: 600;
101+
font-size: 90%;
102+
}
103+
104+
body { padding-top: 100px; }
105+
106+
.offsetanchor {
107+
display: block;
108+
position: relative;
109+
top: -150px;
110+
visibility: hidden;
111+
}
23112

24113
div.footer {
25114
background-color: #ffcc33;
@@ -44,11 +133,33 @@ body {
44133
background-color: white
45134
}
46135

136+
div.bodytext {
137+
text-align: center;
138+
font-family: 'Roboto', sans-serif;
139+
font-size: 14pt;
140+
}
141+
47142
p {
48143
text-align: center;
49144
font-family: 'Roboto', sans-serif;
50145
font-size: 14pt;
51-
margin-bottom: 20px;
146+
margin-bottom: 40px;
147+
}
148+
149+
p.left {
150+
text-align: left;
151+
font-family: 'Roboto', sans-serif;
152+
font-size: 14pt;
153+
margin-bottom: 40px;
154+
}
155+
156+
li {
157+
font-family: 'Roboto', sans-serif;
158+
font-size: 14pt;
159+
}
160+
161+
p.tight {
162+
margin-bottom: 10px;
52163
}
53164

54165
div.bodybreak {
@@ -60,13 +171,118 @@ div.bodybreak {
60171
margin-bottom: 60px;
61172
}
62173

63-
a,
64-
a:hover,
65-
a:focus {
174+
th {
175+
text-align: center;
176+
}
177+
178+
img.sp-image {
179+
max-width: 100%;
180+
}
181+
182+
div.speaker > div.picture {
183+
float: left;
184+
margin-top: 10px;
185+
margin-bottom: 20px;
186+
margin-left: 0;
187+
margin-right: 10px;
188+
189+
border-style: solid;
190+
border-width: 2px;
191+
border-color: #333333;
192+
}
193+
194+
div.name {
195+
font-family: 'Roboto', sans-serif;
196+
font-size: 24pt;
197+
font-weight: bold;
198+
}
199+
200+
div.title {
201+
font-blackfamily: 'Roboto', sans-serif;
202+
font-size: 24pt;
203+
margin-bottom: 5px;
204+
}
205+
206+
div.links {
207+
font-family: 'Roboto', sans-serif;
208+
font-size: 14pt;
209+
font-weight: 800;
210+
margin-bottom: 10px;
211+
}
212+
213+
div.abstract {
214+
font-family: 'Roboto', sans-serif;
215+
font-size: 14pt;
216+
margin-bottom: 10px;
217+
}
218+
219+
div.bio {
220+
font-family: 'Roboto', sans-serif;
221+
font-size: 14pt;
222+
font-style: italic;
223+
margin-bottom: 10px;
224+
}
225+
226+
div.sponsorrow,
227+
div.speakerrow {
228+
margin-bottom: 60px;
229+
}
230+
231+
a.speakerfront,
232+
a.speakerfront:hover,
233+
a.speakerfront:focus {
66234
color: #333333;
67235
font-family: 'Roboto', sans-serif;
68236
font-size: 14pt;
69-
font-weight: bold;
70237
text-decoration: underline;
71238
text-decoration-style: dotted;
72239
}
240+
241+
a.projectlink,
242+
a.projectlink:hover,
243+
a.projectlink:focus {
244+
color: #333333;
245+
font-family: 'Roboto', sans-serif;
246+
font-size: 24pt;
247+
text-decoration: underline;
248+
text-decoration-style: dotted;
249+
}
250+
251+
.speakergrid {
252+
padding: 20px;
253+
max-width: 80%;
254+
margin-left: 10%;
255+
margin-right: 10%;
256+
}
257+
258+
.sponsorrow {
259+
text-align: center;
260+
}
261+
262+
.sponsor {
263+
padding: 20px;
264+
max-width: 80%;
265+
margin-left: 10%;
266+
margin-right: 10%;
267+
}
268+
269+
div.toptitle
270+
{
271+
text-align: center;
272+
color: #ffcc33;
273+
font-family: 'Armata', serif;
274+
font-size: 18pt;
275+
margin-bottom: 5px;
276+
font-weight: bold;
277+
background-color: black;
278+
padding-top: 5px;
279+
padding-bottom: 5px;
280+
}
281+
282+
div.topsub {
283+
text-align: center;
284+
font-family: 'Roboto', sans-serif;
285+
font-size: 18pt;
286+
margin-bottom: 20px;
287+
font-weight: bold;
288+
}

‎_data/menu.yaml

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
- name: index
2+
menu: Home
3+
index: 10
4+
5+
- name: contribute
6+
menu: Contribute
7+
index: 50
8+
9+
- name: coc
10+
menu: Code of Conduct
11+
index: 100

‎_includes/footer.html

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
2+
<div class="footer">
3+
foss-north and foss-gbg are arranged by Free Open Source Software North Conferences ek.f&ouml;r.<br />
4+
Contact: info -at- foss-gbg.se.
5+
</div>
6+
7+
<!-- Optional JavaScript -->
8+
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
9+
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
10+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
11+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>

‎_includes/head.html

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<head>
2+
<meta charset="utf-8">
3+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
6+
<title>foss-north 2020</title>
7+
8+
<link rel="icon" type="image/png" href="favicon.ico">
9+
10+
<!-- Bootstrap -->
11+
<!-- Latest compiled and minified CSS -->
12+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
13+
14+
<link rel="stylesheet" href="style.css">
15+
</head>

‎_includes/header.html

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{% for page in data.pages %}
2+
{{ page }} {% if page == data.page %}(ACTIVE){% else %}not active{% endif %}
3+
{% endfor %}

‎_includes/navbar.html

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
2+
<a class="navbar-brand" href="https://foss-north.se/"><img src="images/brand-logo.png" /></a>
3+
4+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
5+
<span class="navbar-toggler-icon"></span>
6+
</button>
7+
8+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
9+
<ul class="navbar-nav mr-auto">
10+
11+
{% for item in data.menu %}
12+
{% if data.page == item.name %}
13+
<li class="nav-item active">
14+
{% else %}
15+
<li class="nav-item">
16+
{% endif %}
17+
<a class="nav-link" href="{{ item.name }}.html">{{ item.menu }}
18+
{% if data.page == item.name %}
19+
<span class="sr-only">(current)</span>
20+
{%- endif -%}
21+
</a>
22+
</li>
23+
{% endfor %}
24+
</ul>
25+
<ul class="nav navbar-nav navbar-right">
26+
<li class="nav-item"><a class="nav-link" href="http://foss-north.se/">More foss events</a></li>
27+
</ul>
28+
</div>
29+
</nav>

‎_includes/page.html

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
{%- include "head.html" -%}
5+
6+
<body>
7+
8+
{%- include "navbar.html" -%}
9+
10+
<div class="container">
11+
{% block bodycontents %}{% endblock %}
12+
</div>
13+
14+
{%- include "footer.html" -%}
15+
16+
</body>
17+
18+
</html>

0 commit comments

Comments
 (0)