From 6365ef933359c994afc741a002a06ba38485fd01 Mon Sep 17 00:00:00 2001 From: Tobias Date: Fri, 28 Sep 2018 17:17:13 +1200 Subject: [PATCH] Schedule overview page --- .../flatpages/programme_overview.html | 133 ++++++++++++++++++ static/src/scss/app.scss | 44 ++++-- 2 files changed, 164 insertions(+), 13 deletions(-) create mode 100644 pinaxcon/templates/flatpages/programme_overview.html diff --git a/pinaxcon/templates/flatpages/programme_overview.html b/pinaxcon/templates/flatpages/programme_overview.html new file mode 100644 index 00000000..555bd9b2 --- /dev/null +++ b/pinaxcon/templates/flatpages/programme_overview.html @@ -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 %} +
+
+
+

Programme
Overview

+ +

When & Where

+

21-25 January 2019 at University of Canterbury, Christchurch, NZ

+

+ The conference starts out with 9 Miniconfs spread over 2 days on the 21st and 22nd of January. + The remainder of the conference, from the 23th to the 25th of January, has 80 talks and 8 + tutorials spread over 6 parallel tracks. +

+ +

Week Overview

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
DayMorningDaytimeEvening
SundayVolunteer induction/orientationCheck-in opens &
First timers welcome
MondayConference WelcomeMiniconfsLinux Australia AGM
TuesdayKeynote #1MiniconfsSpeaker's Dinner
WednesdayKeynote #2DaytimePenguin Dinner
ThursdayKeynote #3Main ConferenceProfessional Delegates Networking Session
FridayKeynote #4Main Conference
+ +

Daily Overview

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
DayMorning
09:00Start of Day, Housekeeping, Keynote
10:00Morning Tea (catered)
10:40Talks
12:20Lunch (un-catered)
13:30Talks
15:10Afternoon Tea (catered)
15:50Talks
17:30BoF sessions and evening events
+ +

Presentation Formats

+

Keynotes

+

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.

+ +

Talks

+

35-45 minute presentations on a single topic. These are generally presented in lecture format and form the bulk of the available conference slots.

+ +

Tutorials

+

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.

+ +

Lightning Talks

+

On Friday afternoon the now traditional lightning talks (3-5 minutes each) take place.

+ +

Conference Close

+

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.

+
+
+{% endblock %} \ No newline at end of file diff --git a/static/src/scss/app.scss b/static/src/scss/app.scss index 84e3f12f..c7ba7a98 100644 --- a/static/src/scss/app.scss +++ b/static/src/scss/app.scss @@ -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; +} \ No newline at end of file