jeena/fn-static-web
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

First iteration of 2018

Browse source
This commit is contained in:
Johan Thelin 2017-12-12 10:43:59 +01:00
parent a387c3f0f9
commit e3631a52f0
11 changed files with 759 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

170
2018/contribute.html Normal file
View file

@ -0,0 +1,170 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>foss-north 2018</title>
<link rel="icon" type="image/png" href="favicon.ico">
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body class="topgradient">
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="http://foss-north.se/"><img src="images/brand-logo.png" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="speakers-and-talks.html">Speakers and Talks</a>
</li>
<li class="nav-item">
<a class="nav-link" href="schedule.html">Schedule</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tickets.html">Tickets</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="contribute.html">Contribute <span class="sr-only">(current)</span></a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Other Events
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="http://foss-gbg.se/">foss-gbg</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="http://foss-north.se/2016/">foss-north 2016</a>
<a class="dropdown-item" href="http://foss-north.se/2017/">foss-north 2017</a>
</div>
</li>
</ul>
</div>
</nav>
<div class="container">
<h1>Contribute</h1>
<div class="bodytext">
A great conference is made by great contents. For great contents we need great sponsors. Please join us in making foss-north 2018 the best foss-north of them all.
</div>
<div class="bodytext">
[ <a href="#papers">Call for Papers</a> | <a href="#sponsors">Call for Sponsors</a> ]
</div>
<a class="offsetanchor" name="papers"></a>
<h2>Call for Papers</h2>
<div class="bodytext">
The Call for Papers is open until March 11 and the final speakers are contacted on March 25. We are happy to sponsor travel expenses and accomodation, but cannot pay for your time. You can register your talk proposal in our <a href="https://goo.gl/forms/cCQTgKsSXTpISYAm1">Call for Papers form</a>.
</div>
<div class="bodybreak">&nbsp;</div>
<div class="bodytext">
Thank you for contributing!
</div>
<div class="bodybreak">&nbsp;</div>
<div class="breakline">&nbsp;</div>
<a class="offsetanchor" name="sponsors"></a>
<h2>Call for Sponsors</h2>
<div class="bodytext">
We want to create the meeting space for open source communities in the Nordic region. The foss-north event is one step on that path. Nothing of this would be possible by the support of our sponsors.
</div>
<div class="bodybreak">&nbsp;</div>
<div class="bodytext">
We are looking for sponsors of all sizes to be a part of the foss-north event. We offer the following tiers:
</div>
<div class="bodybreak">&nbsp;</div>
<div class="bodytext">
<table class="table table-striped">
<thead>
<tr>
<th class="leftalign">Benefit</th>
<th>Base</th>
<th>Silver</th>
<th>Gold</th>
</tr>
</thead>
<tbody>
<tr>
<td class="leftalign">Cost</td>
<td>10kSEK</td>
<td>20kSEK</td>
<td>40kSEK</td>
</tr>
<tr>
<td class="leftalign">Availability</td>
<td>Unlimited</td>
<td>Unlimited</td>
<td>2</td>
</tr>
<tr>
<td class="leftalign">Logo and link</td>
<td>Yes, small</td>
<td>Yes, large</td>
<td>Yes, largest</td>
</tr>
<tr>
<td class="leftalign">Mention in keynote</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>Yes</td>
</tr>
<tr>
<td class="leftalign">Number of free tickets</td>
<td>3</td>
<td>5</td>
<td>10</td>
</tr>
</tbody>
</table>
</div>
<div class="bodybreak">&nbsp;</div>
<div class="bodytext">
We are investigating the options for offering booth space for our sponsors. Please tell us if you are interested in this.
</div>
<div class="bodybreak">&nbsp;</div>
<div class="bodytext">
Prospective sponsors are welcome to contacting <a href="mailto:fossnorth@gmail.com">fossnorth@gmail.com</a>.
</div>
</div>
<div class="footer">
foss-north and foss-gbg are arranged by Free Open Source Software North Conferences ek.f&ouml;r.<br />
Contact: info -at- foss-gbg.se.
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</html>

BIN
2018/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
2018/images/brand-logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
2018/images/speaker-cmunk.jpeg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
2018/images/speaker-paas.jpeg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

128
2018/index.html Normal file
View file

@ -0,0 +1,128 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>foss-north 2018</title>
<link rel="icon" type="image/png" href="favicon.ico">
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body class="topgradient">
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="http://foss-north.se/"><img src="images/brand-logo.png" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="speakers-and-talks.html">Speakers and Talks</a>
</li>
<li class="nav-item">
<a class="nav-link" href="schedule.html">Schedule</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tickets.html">Tickets</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contribute.html">Contribute</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Other Events
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="http://foss-gbg.se/">foss-gbg</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="http://foss-north.se/2016/">foss-north 2016</a>
<a class="dropdown-item" href="http://foss-north.se/2017/">foss-north 2017</a>
</div>
</li>
</ul>
</div>
</nav>
<div class="container">
<h1>What?</h1>
<div class="bodytext">
foss-north is an free / open source conference covering both software and hardware from the technical perspective. Hosted in Gothenburg between Copenhagen, Oslo and Stockholm with an international airport, we provide a meeting place for the Nordic foss communities and will bring together great speakers with a great audience.
</div>
<div class="bodybreak">&nbsp;</div>
<div class="bodytext">
Ticket sales will open soon - please check out the <a href="tickets.html">tickets page</a> for details.
</div>
<div class="bodybreak">&nbsp;</div>
<div class="breakline">&nbsp;</div>
<h1>Speakers</h1>
<div class="bodytext">
We are happy to have the following <a href="speakers-and-talks.html">speakers</a> at foss-north 2018.
</div>
<div class="bodybreak">&nbsp;</div>
<div class="row">
<div class="col-md-6"><a href="speakers-and-talks.html#paas"><img class="speakergrid" src="images/speaker-paas.jpeg" alt=""></a></div>
<div class="col-md-6"><a href="speakers-and-talks.html#cmunk"><img class="speakergrid" src="images/speaker-cmunk.jpeg" alt=""></a></div>
</div>
<div class="bodybreak">&nbsp;</div>
<div class="bodytext">
<b>Would you like to speak?</b> Please visit our <a href="contribute.html">Call for Papers</a> for more information.
</div>
<div class="bodybreak">&nbsp;</div>
<div class="breakline">&nbsp;</div>
<h1>When and Where?</h1>
<div class="bodytext">
foss-north 2018 will be hosted at Chalmers Gibraltargatan, Gothenburg on <b>April 23</b>.<br />
We plan a full day from 8:00 - 17:00.
</div>
<div class="bodybreak">&nbsp;</div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2132.6023179628!2d11.971838716273366!3d57.689236148458015!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x464ff35aa1bf62a7%3A0x549d48f9b461fc26!2sChalmers+Conference+Centre!5e0!3m2!1sen!2sse!4v1513057893323" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<div class="bodybreak">&nbsp;</div>
<div class="breakline">&nbsp;</div>
<h1>Sponsors</h1>
<div class="bodytext">
We need sponsors to make this event possible. Please visit our <a href="contribute.html">Call for Sponsors</a> for more information.
</div>
</div>
<div class="footer">
foss-north and foss-gbg are arranged by Free Open Source Software North Conferences ek.f&ouml;r.<br />
Contact: info -at- foss-gbg.se.
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</html>

88
2018/schedule.html Normal file
View file

@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>foss-north 2018</title>
<link rel="icon" type="image/png" href="favicon.ico">
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body class="topgradient">
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="http://foss-north.se/"><img src="images/brand-logo.png" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="speakers-and-talks.html">Speakers and Talks</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="schedule.html">Schedule <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="tickets.html">Tickets</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contribute.html">Contribute</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Other Events
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="http://foss-gbg.se/">foss-gbg</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="http://foss-north.se/2016/">foss-north 2016</a>
<a class="dropdown-item" href="http://foss-north.se/2017/">foss-north 2017</a>
</div>
</li>
</ul>
</div>
</nav>
<div class="container">
<h1>Schedule</h1>
<div class="bodytext">
The schedule will be announced in early April. We plan a full day from 8-17 on April 23 and community events on April 22.
</div>
<div class="bodybreak">&nbsp;</div>
<div class="bodytext">
Check out our <a href="speakers-and-talks.html">speakers and talks</a> to see what is on the program!
</div>
<div class="bigbodybreak">&nbsp;</div>
</div>
<div class="footer">
foss-north and foss-gbg are arranged by Free Open Source Software North Conferences ek.f&ouml;r.<br />
Contact: info -at- foss-gbg.se.
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</html>

136
2018/speakers-and-talks.html Normal file
View file

@ -0,0 +1,136 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>foss-north 2018</title>
<link rel="icon" type="image/png" href="favicon.ico">
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body class="topgradient">
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="http://foss-north.se/"><img src="images/brand-logo.png" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="speakers-and-talks.html">Speakers and Talks <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="schedule.html">Schedule</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tickets.html">Tickets</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contribute.html">Contribute</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Other Events
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="http://foss-gbg.se/">foss-gbg</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="http://foss-north.se/2016/">foss-north 2016</a>
<a class="dropdown-item" href="http://foss-north.se/2017/">foss-north 2017</a>
</div>
</li>
</ul>
</div>
</nav>
<div class="container">
<h1>Speakers and Talks</h1>
<div class="bodybreak">&nbsp;</div>
<a class="offsetanchor" name="paas"></a>
<div class="row">
<div class="col-md-3">
<div class="picture"><img class="sp-image" src="images/speaker-paas.jpeg" alt="Patricia Aas"></div>
</div>
<div class="col-md-9">
<div class="name">Patricia Aas</div>
<div class="title">Isolating GPU access in its own process</div>
<div class="abstract">
Chromium's process architecture has graphics access restricted to a separate GPU-process. There are several reasons why this could make sense, three common ones are: Security, Robustness and Dependency Separation.
</div>
<div class="abstract">
GPU access restricted to a single process requires an efficient framework for communication over IPC from the other processes, and most likely a framework for composition of surfaces. This talk describes both the possible motivations for this kind of architecture and Chromium's solution for the IPC framework. We will demonstrate how a multiprocess program can compose into a single window on Linux.
</div>
</div>
</div>
<div class="bodybreak">&nbsp;</div>
<a class="offsetanchor" name="cmunk"></a>
<div class="row">
<div class="col-md-3">
<div class="picture"><img class="sp-image" src="images/speaker-cmunk.jpeg" alt="Carsten Munk"></div>
</div>
<div class="col-md-9">
<div class="name">Carsten Munk</div>
<div class="title">Zipper - an open source out of box experience for the blockchain world</div>
<div class="abstract">
Zipper is an Ethereum based mobile platform which brings blockchain
based services to our smartphones in one seamless and user-controlled
experience.
</div>
<div class="abstract">
At first, Zipper provides everyday smartphone users an easy and safe
way to manage their identity and private keys. This makes it possible
for anyone to access blockchain based services out-of-the-box in an
easy and intuitive way - just like Apple’s services on iOS today -
while being in full control of their identity, transactions and data.
Zipper works in an isolated compartment in Android and Sailfish OS
smartphones, making Zipper and its wallet secure while still easily
accessible.
</div>
<div class="bio">
Carsten is CTO at Zipper Global Ltd currently. Carsten was involved in
Maemo, MeeGo mobile OS projects and was CTO at Jolla which built
Sailfish OS. Passionate about empowering people to do amazing things
with technology.
</div>
</div>
</div>
</div>
<div class="footer">
foss-north and foss-gbg are arranged by Free Open Source Software North Conferences ek.f&ouml;r.<br />
Contact: info -at- foss-gbg.se.
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</html>

155
2018/style.css Normal file
View file

@ -0,0 +1,155 @@
@import url(http://fonts.googleapis.com/css?family=Armata);
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
h1 {
font-family: 'Armata', serif;
color: #666666
font-size: 48pt;
text-align: center;
}
h2 {
font-family: 'Armata', serif;
color: #666666
font-size: 36pt;
text-align: center;
margin-top: 60px;
margin-bottom: 30px;
}
.bodytext {
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 14pt;
}
.topgradient
{
background-image:linear-gradient(#ffcc33 100px, #fff 450px);
background-image:-webkit-linear-gradient(#ffcc33 100px, #fff 450px);
background-repeat: no-repeat;
background-color: white
}
.offsetanchor {
display: block;
position: relative;
top: -150px;
visibility: hidden;
}
.navbar {
margin-bottom: 0;
border-bottom: solid black 1px;
}
.navbar-brand {
padding-top: 9px;
padding-bottom: 9px;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
font-weight: 1200;
}
.nav-link {
font-weight: 600;
}
body { padding-top: 100px; }
div.footer {
background-color: #ffcc33;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 9pt;
display: block;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 40px;
border-top: solid black 1px;
}
div.breakline {
background-color: #ffcc33;
display: block;
height: 2px;
margin-top: 20px;
margin-bottom: 40px;
}
div.bodybreak {
display: block;
height: 2px;
margin-bottom: 40px;
}
div.bigbodybreak {
display: block;
height: 200px;
margin-bottom: 40px;
}
.speakergrid {
padding: 20px;
max-width: 80%;
margin-left: 10%;
margin-right: 10%;
}
img.sp-image {
max-width: 100%;
}
div.speaker > div.picture {
float: left;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
margin-right: 10px;
border-style: solid;
border-width: 2px;
border-color: #333333;
}
div.name {
font-family: 'Roboto', sans-serif;
font-size: 24pt;
font-weight: bold;
}
div.title {
font-family: 'Roboto', sans-serif;
font-size: 24pt;
margin-bottom: 5px;
}
div.links {
font-family: 'Roboto', sans-serif;
font-size: 14pt;
font-weight: 800;
margin-bottom: 10px;
}
div.abstract {
font-family: 'Roboto', sans-serif;
font-size: 14pt;
margin-bottom: 10px;
}
div.bio {
font-family: 'Roboto', sans-serif;
font-size: 14pt;
font-style: italic;
}

82
2018/tickets.html Normal file
View file

@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>foss-north 2018</title>
<link rel="icon" type="image/png" href="favicon.ico">
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body class="topgradient">
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="http://foss-north.se/"><img src="images/brand-logo.png" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="speakers-and-talks.html">Speakers and Talks</a>
</li>
<li class="nav-item">
<a class="nav-link" href="schedule.html">Schedule</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="tickets.html">Tickets <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="contribute.html">Contribute</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Other Events
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="http://foss-gbg.se/">foss-gbg</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="http://foss-north.se/2016/">foss-north 2016</a>
<a class="dropdown-item" href="http://foss-north.se/2017/">foss-north 2017</a>
</div>
</li>
</ul>
</div>
</nav>
<div class="container">
<h1>Tickets</h1>
<div class="bodytext">
Tickets will be announced soon. Watch this space for updates.
</div>
<div class="bigbodybreak">&nbsp;</div>
</div>
<div class="footer">
foss-north and foss-gbg are arranged by Free Open Source Software North Conferences ek.f&ouml;r.<br />
Contact: info -at- foss-gbg.se.
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</html>

BIN
favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 17 KiB