Changeset - abbe00123235
[Not reviewed]
0 1 1
Tobias - 6 years ago 2018-09-28 05:17:13
tobias@localhost.localdomain
Schedule overview page
2 files changed with 164 insertions and 13 deletions:
0 comments (0 inline, 0 general)
pinaxcon/templates/flatpages/programme_overview.html
Show inline comments
 
new file 100644
 
{% 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 %}
...
 
\ No newline at end of file
static/src/scss/app.scss
Show inline comments
...
 
@@ -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
0 comments (0 inline, 0 general)