Schedule overview page

This commit is contained in:
Tobias 2018-09-28 17:17:13 +12:00
parent 8909f6a2eb
commit 6365ef9333
2 changed files with 164 additions and 13 deletions

View file

@ -0,0 +1,133 @@
{% extends "site_base.html" %}
{% block head_title %}{{ flatpage.title }}{% endblock head_title %}
{% block body_class %}text-primary{% endblock body_class %}
{% block main_class %}container{% endblock main_class %}
{% block content %}
<div class="row">
<div class="col-md-1"></div>
<div class="col-12 col-md-10 content text-page">
<h1>Programme <br/>Overview</h1>
<h2>When & Where</h2>
<p><strong>21-25 January 2019 at University of Canterbury, Christchurch, NZ</strong></p>
<p>
The conference starts out with 9 Miniconfs spread over 2 days on the 21<sup>st</sup> and 22<sup>nd</sup> of January.
The remainder of the conference, from the 23<sup>th</sup> to the 25<sup>th</sup> of January, has 80 talks and 8
tutorials spread over 6 parallel tracks.
</p>
<h2>Week Overview</h2>
<table class="table table-striped">
<thead>
<tr>
<th>Day</th>
<th>Morning</th>
<th>Daytime</th>
<th>Evening</th>
</tr>
</thead>
<tbody>
<tr>
<th>Sunday</th>
<td>Volunteer induction/orientation</td>
<td>Check-in opens & <br/>First timers welcome</td>
<td></td>
</tr>
<tr>
<th>Monday</th>
<td>Conference Welcome</td>
<td>Miniconfs</td>
<td>Linux Australia AGM</td>
</tr>
<tr>
<th>Tuesday</th>
<td>Keynote #1</td>
<td>Miniconfs</td>
<td>Speaker's Dinner</td>
</tr>
<tr>
<th>Wednesday</th>
<td>Keynote #2</td>
<td>Daytime</td>
<td>Penguin Dinner</td>
</tr>
<tr>
<th>Thursday</th>
<td>Keynote #3</td>
<td>Main Conference</td>
<td>Professional Delegates Networking Session</td>
</tr>
<tr>
<th>Friday</th>
<td>Keynote #4</td>
<td>Main Conference</td>
<td></td>
</tr>
</tbody>
</table>
<h2>Daily Overview</h2>
<table class="table table-striped">
<thead>
<tr>
<th>Day</th>
<th>Morning</th>
</tr>
</thead>
<tbody>
<tr>
<th>09:00</th>
<td>Start of Day, Housekeeping, Keynote</td>
</tr>
<tr>
<th>10:00</th>
<td>Morning Tea (catered)</td>
</tr>
<tr>
<th>10:40</th>
<td>Talks</td>
</tr>
<tr>
<th>12:20</th>
<td>Lunch (un-catered)</td>
</tr>
<tr>
<th>13:30</th>
<td>Talks</td>
</tr>
<tr>
<th>15:10</th>
<td>Afternoon Tea (catered)</td>
</tr>
<tr>
<th>15:50</th>
<td>Talks</td>
</tr>
<tr>
<th>17:30</th>
<td>BoF sessions and evening events</td>
</tr>
</tbody>
</table>
<h2>Presentation Formats</h2>
<h3>Keynotes</h3>
<p>From Tuesday through to Friday the day starts off with a Keynote presentation. We are really excited by our invited guests this year and will be making announcements very soon.</p>
<h3>Talks</h3>
<p>35-45 minute presentations on a single topic. These are generally presented in lecture format and form the bulk of the available conference slots.</p>
<h3>Tutorials</h3>
<p>90 minute interactive learning sessions being held in the Medium Lecture Theatr (CB11.00.401). Particpants will gain some hands on knowledge or experience in a topic.These are generally presented in a classroom format and are interactive or hands-on in nature. Some tutorials will require prepartation work to be done or some hardware to be purchased prior to their attendance - please check the individual tutorial descriptions for more information.</p>
<h3>Lightning Talks</h3>
<p>On Friday afternoon the now traditional lightning talks (3-5 minutes each) take place. </p>
<h3>Conference Close</h3>
<p>The final part of the conference will include a thanks to all volunteers, the charity raffle draw, announcement of the next year's LCA location and formal closing.</p>
</div>
</div>
{% endblock %}

View file

@ -27,7 +27,7 @@ body {
padding-top: 3rem;
padding-bottom: 2rem;
}
h1 {
padding-bottom: 6rem;
}
@ -44,7 +44,7 @@ body {
.navbar-toggler {
border: 0 !important;
&.green-toggler {
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(15,124,17, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
@ -56,7 +56,7 @@ body {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
}
}
}
html {
@ -76,7 +76,7 @@ h1 {
.navbar-brand {
@include media-breakpoint-up(md) {
width: 200px;
img {
max-width: 100%;
height: auto;
@ -114,7 +114,7 @@ li.nav-item {
&.active > a.nav-link {
font-weight: 700;
&:before {
content: "";
margin-right: -4px;
@ -137,25 +137,25 @@ main.container-fluid {
.content {
padding-bottom: 1rem;
padding-left: $padding-left-default / 3 !important;
padding-right: $padding-left-default / 3 !important;
padding-right: $padding-left-default / 3 !important;
@include media-breakpoint-up(md) {
padding-left: $padding-left-default !important;
padding-right: 5.3125rem !important;
padding-right: 5.3125rem !important;
}
}
.homepage-venue {
padding-bottom: 0px;
margin-bottom: 0px;
@include media-breakpoint-up(sm) {
text-align: right;
h2 {
float: left;
}
}
}
}
.sidescroll-container {
@ -187,13 +187,13 @@ main.container-fluid {
}
.sidescroll {
.sidescroll {
margin-bottom: -30px;
padding-bottom: 30px;
background: linear-gradient(0deg, $primary 50%, $secondary 50%) !important;
@include media-breakpoint-up(md) {
padding-left: $padding-left-default !important;
padding-left: $padding-left-default !important;
}
display: flex;
@ -209,14 +209,14 @@ main.container-fluid {
@include media-breakpoint-down(sm) {
min-width: 80%;
}
}
img {
max-width: 100%;
height: auto;
}
}
overflow-x: auto;
-webkit-overflow-scrolling: touch;
@ -331,3 +331,21 @@ a.a-img {
.abstract, .bio, .monospace-text {
white-space: pre-wrap;
}
.table-striped tbody tr {
background-color: rgba(204, 213, 197, 0.2);
&:nth-of-type(2n+1) {
background-color: #FFFFFF;
}
}
.table {
border-top: none;
}
.table thead th {
vertical-align: bottom;
border-bottom: 1px solid $primary;
}