Conservancy/symposion_app
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add first 2019 design attempts

Browse source
This commit is contained in:
Tobias Schulmann 2018-06-04 20:54:51 +12:00
parent da2bacdfa7
commit 4d15cbf85c
12 changed files with 580 additions and 157 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
pinaxcon/templates/dashboard.html
View file

@ -9,12 +9,12 @@
{% load staticfiles %}
{% block header_title %}Dashboard{% endblock %}
{% block header_title %}linux.conf.au 2019{% endblock %}
{% block header_lead %}User Dashboard{% endblock %}
{% block content %}
<div>
{% available_categories as categories %}
{% if categories %}
@ -32,7 +32,7 @@
{% endif %}
<div class="container">
<div class="page-header">
<div class="col-12">
<h2>{% trans "Attend" %} {% conference_name %}</h2>
</div>
<div class="page-row">
@ -169,30 +169,27 @@
</div>
{% endif %}
<div class="container">
<div class="page-header">
<div class="row">
<div class="col-12">
<h2>{% trans "Speaking and Miniconfs" %}</h2>
</div>
<div class="page-row">
<div class="col-xs-12 col-sm-6 col-lg-6">
<div class="panel panel-primary">
<div class="panel-heading">
<h5>Speaker Profile</h5>
<div class="card">
<div class="card-header">
Speaker Profile
</div>
<div class="card-body">
<p class="card-text">
Your speaker profile is independent of your attendee profile and the details you provide here will be used during selection and to populate your speaker bio on the conference website.
</p>
{% if not user.speaker_profile %}
<p class="card-text">To create a speaking or miniconf proposal you must first create a speaker profile.</p>
<a href="{% url "speaker_create" %}" class="btn btn-primary">Create Profile</a>
{% else %}
<a class="btn btn-primary" role="button" href="{% url "speaker_edit" %}">Edit Profile</a>
{% endif %}
</div>
</div>
<div class="panel-body">
{% if not user.speaker_profile %}
<p>To create a speaking or miniconf proposal you must first create a speaker profile.</p>
{% endif %}
<p>Your speaker profile is independent of your attendee profile and the details you provide here will be used during selection and to populate your speaker bio on the conference website.</p>
{% if not user.speaker_profile %}
<a class="btn btn-lg btn-primary pull-right" role="button" href="{% url "speaker_create" %}">Create Profile</a>
{% else %}
<a class="btn btn-lg btn-primary pull-right" role="button" href="{% url "speaker_edit" %}">Edit Profile</a>
{% endif %}
</div>
</div>
</div>
{% if user.speaker_profile %}
<div class="col-xs-12 col-sm-6 col-lg-6">
@ -208,8 +205,8 @@
</div>
</div>
{% endif %}
</div>
</div>
@ -346,7 +343,6 @@
</div>
</div>
{% endif %}
</div>
{% endblock %} <!-- block content -->

82
pinaxcon/templates/flatpages/coc.html Normal file
View file

@ -0,0 +1,82 @@
{% extends "site_base.html" %}
{% block header_title %}{{ flatpage.title }}{% endblock header_title %}
{% block body_class %}text-primary{% endblock body_class %}
{% block main_class %}container{% endblock main_class %}
{% block content %}
<div class="row">
<div class="col-1"></div>
<div class="col-10 content text-page">
<h1>Code of Conduct</h1>
<p>
Linux Australia is committed to the ideals expressed in our <a href="http://linux.org.au/values">Values Statement</a> and ask all our members, speakers, volunteers, attendees and guests to adopt these principles. We are a diverse community. Sometimes this means we need to work harder to ensure we're creating an environment of trust and respect where all who come to participate feel comfortable and included.
</p>
<p>We value your participation and appreciate your help in realising this goal.</p>
<h2 id="be-respectful">Be respectful</h2>
<p>
Respect yourself, and respect others.
Be courteous to those around you.
If someone indicates they don't wish to be photographed, respect that wish.
If someone indicates they would like to be left alone, let them be.
Our event venues and online spaces may be shared with members of the public; please be considerate to all patrons of these locations.
</p>
<h2 id="be-inclusive">Be inclusive</h2>
<p>All presentation material should be suitable for people aged 12 and above.</p>
<p>Any public presentation which is part of any event, including but not limited to keynotes, presentations, lightning talks, addresses, mailing list posts and forums, is subject to this code of conduct and thus may not contain:</p>
<ul>
<li>sexual or violent imagery;</li>
<li>exclusionary language;</li>
<li>insults or ad-hominem attacks.</li>
</ul>
<p>If the subject matter of the presentation cannot be presented adequately without including language that could be considered offensive, this should be pointed out in advance, at the beginning of the talk and in the schedule.</p>
<p>If presenters are unsure whether their material is suitable, they are encouraged to show it to the conference’s speaker liaison or mailing list/forum moderators before their session.</p>
<p>Presenters and attendees are asked to avoid language which is not appropriate for an all-ages audience as much as possible.</p>
<h2 id="be-aware">Be aware</h2>
<p>We ask everyone to be aware that we will not tolerate intimidation, harassment, or any abusive, discriminatory or derogatory behaviour by anyone at any event in person or online.</p>
<h2 id="what-does-that-mean-for-me">What does that mean for me?</h2>
<p>All participants, including event attendees and speakers must not engage in any intimidation, harassment, or abusive or discriminatory behaviour.</p>
<p>If you experience or observe any of these behaviours we ask that you report them through the appropriate channel.</p>
<h2 id="complaints-and-reports">Complaints and reports</h2>
<p>Complaints and reports can be made to the organisers by contacting the registration desk or mailing list/forum moderators by contacting the relevant email addresses.
All complaints made to event organisers will remain confidential and be taken seriously.
The complaint will be treated appropriately with discretion.
Should event organisers or moderators consider it appropriate, measures they may take include:
</p>
<ul>
<li>the individuals may be told to apologise</li>
<li>the individuals may be told to stop/modify their behaviour appropriately</li>
<li>the individuals may be warned that enforcement action may be taken if the behaviour continues</li>
<li>the individuals may be asked to immediately leave the venue and/or will be prohibited from continuing to attend the event</li>
<li>the incident may be reported to the appropriate authorities</li>
</ul>
<h2 id="examples">Examples</h2>
<p>Here are some examples of behaviours that have occurred at past events which are not appropriate:</p>
<ul>
<li>offensive verbal or written remarks related to gender, sexual orientation, disability, physical appearance, body size, race or religion;</li>
<li>sexual or violent images in public spaces (including presentation slides);</li>
<li>deliberate intimidation;</li>
<li>stalking or following;</li>
<li>unwanted photography or recording;</li>
<li>sustained disruption of talks or other events;</li>
<li>intoxication at an event venue;</li>
<li>inappropriate physical contact;</li>
<li>unwelcome sexual attention;</li>
<li>sexist, racist, or other exclusionary jokes;</li>
<li>unwarranted exclusion from conference or related events based on age, gender, sexual orientation, disability, physical appearance, body size, race, religion;</li>
</ul>
<p>We want everyone to have a good time at our events.</p>
<h2 id="questions">Questions?</h2>
<p>If you’re not sure about anything you’ve just read please contact the organisers or the Linux Australia Council at council@linux.org.au.</p>
</div>
</div>
{% endblock content %}

53
pinaxcon/templates/flatpages/homepage.html Normal file
View file

@ -0,0 +1,53 @@
{% extends "utility_page.html" %}
{% load static %}
{% block main_class %}container-fluid{% endblock %}
{% block body %}
<div class="row">
<div class="col-12">
<img src="{% static 'assets/Header_placeholder.jpg' %}" id="hero">
<!-- <h1 class="display-4">{% block header_title %}{% endblock %}</h1>
<p class="lead">{% block header_lead %}{% endblock %}</p>
<p>{% block header_paragraph %}{% endblock %}</p> -->
</div>
</div>
<div class="row green-background green-block">
<div class="col-xl-12 sidescroll content">
<img src="{% static 'assets/tram.jpg' %}" style="width: 608px";>
<img src="{% static 'assets/playground.jpg' %}" style="width: 608px";>
<img src="{% static 'assets/gardens.jpg' %}" style="width: 608px";>
<img src="{% static 'assets/memorial.jpg' %}" style="width: 608px";>
</div>
<div class="col-xl-5 content">
<p>
Themed <strong>Linux of Things</strong>, the 2019 linux.conf.au will again attract speakers and attendees from across the world to socialise, fraternise, lecture, listen, ask, answer and share with their peers.
</p>
<p>
The conference will explore the use of free open source software and hardware for internet of things devices, along with security concerns, privacy and legal aspects, environmental impacts, everyday communnication, health, ethics, and much more.
</p>
</div>
<div class="col-xl-5 content">
<p>
The <strong>Internet of Things</strong> has become ubiquitous in our lives – phones, TVs, fridges cars, homes and whole cities have become “smart” in the last couple of years.
</p>
<p>
Behind this is an ever-increasing demand for always connected senseors and devices, exchanging, collating and analysing data, and often making decisions without us even noticing.
</p>
<p>
Linux, with its lightweight footprint and robust security, and importantly its open source nature, has become a core component in this: Linux of Things
</p>
</div>
<div class="col-xl-12 content">
<div style="text-align: right; margin-top: 3rem;">
<h2 class="float-left">Venue</h2>
<p>University of Canterbury<br/>Christchurch, New Zealand</p>
</div>
<img src="{% static 'assets/map.png' %}" style="width: 100%; filter: grayscale(100%);">
</div>
</div>
{% endblock %}

111
pinaxcon/templates/flatpages/toc.html Normal file
View file

@ -0,0 +1,111 @@
{% extends "site_dark.html" %}
{% block content %}
<div class="row">
<div class="col-1"></div>
<div class="col-10 content mx-5 text-page">
<h1 style="text-transform: uppercase;">Terms &amp; <br />Conditions</h1>
<h2>Registration</h2>
<p>Registering for the event does not guarantee your ticket until it has been paid for in full. So to secure your ticket, pay the registration invoice as soon as possible.
</p>
<h2>Security and credit cards</h2>
<p>All transactions are processed by <a href="https://www.stripe.com">Stripe</a>, and card details are sent over TLS. The facility accepts Mastercard, Visa, and American Express. All transactions are performed by the event organisers on behalf of Linux Australia. Cardholder data is not stored by Linux Australia.</p>
<h2>Cancellation policy</h2>
<ul>
<li>Cancellations made prior to 1 December 2018 – any registration fee paid will be refunded in full.</li>
<li>Cancellations made between 1 December and 31 December 2018 – incur a 15% cancellation fee, which will be deducted from any registration fee paid. The balance will be refunded.</li>
<li>Cancellations made after 31 December 2018 – No refund.</li>
</ul>
<h2>Substitutions</h2>
<p>You may substitute another person, however you must contact us with this person’s details. If you wish to substitute after 30th November 2018, please note that we will not be able to provide any personalised items.</p>
<h2>Privacy notice</h2>
<p>
In the course of registering for the event and related events, personal information will be collected about attendees such as their name, contact details, etc.
This information is required to facilitate registration to to the event, for catering requirements, and for organisers or their agents to contact particular attendees as and when required in respect of the event.
Attendees who do not disclose this personal information will be unable to complete registration at the event and will therefore not be able to attend.
</p>
<p>Personal information will only be disclosed to Linux Australia, and to Government agencies where organisers believe disclosure is appropriate for legal compliance and law enforcement; to facilitate court proceedings; to enforce our terms and conditions; or to protect the rights, property, or safety of the event, our attendees, or others. Linux Australia will not sell your personal information to third parties and will not use your personal information to send promotional material from any of our affiliated partners and/or sponsors.</p>
<p>As part of the registration process attendees will be asked if they would like to subscribe to the event Mailing Lists and/or the event Announce Mailing List. Attendees who subscribe to one or more of these lists will be sent emails from the event organisers and other subscribers to the Mailing Lists. If at any time, attendees wish to unsubscribe from any of these Mailing Lists, please follow the ‘how to unsubscribe’ directions on the bottom of any message you receive from these Mailing Lists.</p>
<p>From time to time event organisers update their information and website practices. Please regularly review this page for the most recent information about the event privacy practices.</p>
<p>All personal information will be kept private and used only for event registration purposes, statistics for future events, and convenience for future event registration.</p>
<h2>Network</h2>
<p>
The event may provide attendees with access to a wired and/or wireless network.
The access to this network is a privilege and not an entitlement, and must be used appropriately.
Inappropriate use includes, but is not limited to: unlawful activities, interfering with the equipment or network access of others and not respecting the reasonable expectations of privacy that attendees have for traffic flowing though the network.
</p>
<p>Any deliberately malicious activities on either the wired or wireless networks will be grounds for instant dismissal from the conference (without reimbursement).</p>
<p>If any attendees use the network inappropriately, then the linux.conf.au organisers will take any enforcement action they consider appropriate. Enforcement action includes but is not limited to:</p>
<ul>
<li>suspending access to the network</li>
<li>disconnecting the network permanently</li>
<li>the alleged offender may be asked to immediately leave the venue and/or will be prohibited from continuing to attend linux.conf.au (without reimbursement)</li>
<li>the incident may be reported to local or Federal Police</li>
<li>any other measure the linux.conf.au organisers see fit</li>
</ul>
<p>Beware that for security and operational reasons linux.conf.au may both monitor and log network traffic.
</p>
<h2>Audio visual</h2>
<p>
Event organisers may provide recordings of talks (audio and/or video) given at the event.
This service is provided on a best-effort basis only.
Any recordings will be released as and when they are ready, which may be some time after the conclusion of the event, and the recordings may be of varying quality.
</p>
<h2>Discrimination and anti-social behaviour</h2>
<p>Linux Australia is proud to support diverse groups of people in IT, particularly women, and will not tolerate in any fashion any intimidation, harassment, and/or any abusive, discriminatory or derogatory behaviour by any attendees of the event and/or related events.
</p>
<p>Examples of these behaviours and measures the event organisers or Linux Australia may take are set out in the <a href="/attend/code-of-conduct">Code of Conduct</a>.
By registering for and attending a Linux Australia event, you agree to this <a href="/attend/code-of-conduct">Code of Conduct</a>.
</p>
<h2>Media</h2>
<p>There are a limited number of Media Passes available to media personnel.
Media Passes are free of charge, and entitle media personnel to attend the event with all the entitlements of a Professional registration.
Please note, due to the limited numbers of Media Passes available, all Media Passes will need to be approved by the event organisers.
</p>
<p>Any media attending the event are required to identify themselves as “media” to attendees prior to speaking on the record with any attendees of the event.
It is the responsibility of the media to introduce themselves to the persons they wish to interview and to arrange any interviews with those persons.
The event organisers will not make introductions or arrange interviews on behalf of media.
</p>
<p>To apply for a Media Pass, please contact team@lca2019.org</p>
<h2>Students</h2>
<p>
Students who register for a student ticket (if available) to attend the event will be required to provide event organisers with proof that they are eligible for registration as a student,
such as providing a valid full time student ID card.
</p>
<h2>Alcohol</h2>
<p>Liquor licensing laws require persons to be aged 18 years and older before they can lawfully drink alcohol in New Zealand.
The licensed premises used as linux.conf.au venues will not serve alcohol to persons 18 years and under.
Those attendees who look under 25 years old, may be required to show identification such as a Passport (non-New Zealand driver licences are generally not accepted) to licensed premises proving they are 18 years old or older.
</p>
<p>Those attendees who are younger than 18 years old are required to advise event organisers of their age, when they register.
Those attendees may not be able to attend all of the associated social events.
</p>
<p>Please consume alcohol responsibly.
Please note, licensed premises in New Zealand are prohibited from selling or supplying alcohol to intoxicated persons.
Please adhere to local liquor laws which are available in most licensed establishments.
</p>
<h2>Smoke-free</h2>
<p>All event venues including the social event venues are smoke-free.
If attendees wish to smoke during the event and/or related events, they must do so in signed areas.
Please consider others and refrain from smoking directly outside the venues’ entrances.
</p>
<h2>Health and safety</h2>
<p>If you are attending the event as a Keynote Presenter, Speaker, Miniconf Organiser or Miniconf Presenter, it is your responsibility to ensure that your talk meets the Health and Safety requirements under New Zealand law.
If you are unsure, please contact linux.conf.au organisers on team@lca2019.org to discuss it further.
</p>
<h2>Immigration/entry requirements</h2>
<p>Anyone who lives outside New Zealand will need a passport and may require a visa to gain entry into New Zealand. Please contact your local New Zealand Embassy department to determine your travel needs. You should take into account the Cancellation Policy above and do this well in advance of the event.
</p>
<p>Where a letter of invitation is required, one will be issued by event organisers for Keynote Presenters and Speakers or Miniconf Organisers whose submissions have been accepted only.</p>
</div>
</div>
{% endblock content %}

37
pinaxcon/templates/nav.html Normal file
View file

@ -0,0 +1,37 @@
{% load sitetree %}
{% load static %}
<nav class="navbar navbar-expand-lg{% if color == 'green' %} navbar-dark{% endif %}">
<a class="navbar-brand" href="/">
{% if color == 'green' %}
<img src="{% static 'assets/LCA_logo_white.svg' %}" alt="LCA2019 Logo">
{% else %}
<img src="{% static 'assets/LCA_logo.svg' %}" alt="LCA2019 Logo">
{% endif %}
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
{% sitetree_menu from "main" include "trunk" template "sitetree_header.html" %}
<ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
<li class="nav-item">
<a class="nav-link" href="https://twitter.com/linuxconfau2019" target="_blank" rel="noopener" aria-label="Twitter">
<svg class="navbar-nav-svg {% if color == 'green' %} text-white{% endif %}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 416.32" focusable="false"><title>Twitter</title>
<path d="M160.83 416.32c193.2 0 298.92-160.22 298.92-298.92 0-4.51 0-9-.2-13.52A214 214 0 0 0 512 49.38a212.93 212.93 0 0 1-60.44 16.6 105.7 105.7 0 0 0 46.3-58.19 209 209 0 0 1-66.79 25.37 105.09 105.09 0 0 0-181.73 71.91 116.12 116.12 0 0 0 2.66 24c-87.28-4.3-164.73-46.3-216.56-109.82A105.48 105.48 0 0 0 68 159.6a106.27 106.27 0 0 1-47.53-13.11v1.43a105.28 105.28 0 0 0 84.21 103.06 105.67 105.67 0 0 1-47.33 1.84 105.06 105.06 0 0 0 98.14 72.94A210.72 210.72 0 0 1 25 370.84a202.17 202.17 0 0 1-25-1.43 298.85 298.85 0 0 0 160.83 46.92" fill="currentColor"></path>
</svg>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://twitter.com/linuxconfau2019" target="_blank" rel="noopener" aria-label="Twitter">
{% if color == 'green' %}
<img src="{% static 'assets/tux_white.svg' %}" alt="Tux" class="navbar-nav-svg">
{% else %}
<img src="{% static 'assets/tux.svg' %}" alt="Tux" class="navbar-nav-svg">
{% endif %}
</a>
</li>
</ul>
</nav>

201
pinaxcon/templates/site_base.html
View file

@ -2,108 +2,115 @@
{% load i18n %}
{% load sitetree %}
{% load staticfiles %}
{% load sass_tags %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block head_title_base %}{% if SITE_NAME %}{{ SITE_NAME }} | {% endif %}{% block head_title %}{% endblock %}{% endblock %}</title>
{% block styles %}
<link href="{% sass_src 'scss/app.scss' %}" rel="stylesheet" type="text/css" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="{% static 'lca2018/images/apple-touch-icon-57x57.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{% static 'lca2018/images/apple-touch-icon-114x114.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{% static 'lca2018/images/apple-touch-icon-72x72.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{% static 'lca2018/images/apple-touch-icon-144x144.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="{% static 'lca2018/images/apple-touch-icon-60x60.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="{% static 'lca2018/images/apple-touch-icon-120x120.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="{% static 'lca2018/images/apple-touch-icon-76x76.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{% static 'lca2018/images/apple-touch-icon-152x152.png' %}" />
<link rel="icon" type="image/png" href="{% static 'lca2018/images/favicon-196x196.png' %}" sizes="196x196" />
<link rel="icon" type="image/png" href="{% static 'lca2018/images/favicon-96x96.png' %}" sizes="96x96" />
<link rel="icon" type="image/png" href="{% static 'lca2018/images/favicon-32x32.png' %}" sizes="32x32" />
<link rel="icon" type="image/png" href="{% static 'lca2018/images/favicon-16x16.png' %}" sizes="16x16" />
<link rel="icon" type="image/png" href="{% static 'lca2018/images/favicon-128.png' %}" sizes="128x128" />
<link rel="icon" href="{% static 'lca2018/images/favicon.png' %}" sizes="512x512" />
<meta name="application-name" content="&nbsp;"/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="{% static 'lca2018/images/mstile-144x144.png' %}" />
<meta name="msapplication-square70x70logo" content="{% static 'lca2018/images/mstile-70x70.png' %}" />
<meta name="msapplication-square150x150logo" content="{% static 'lca2018/images/mstile-150x150.png' %}" />
<meta name="msapplication-wide310x150logo" content="{% static 'lca2018/images/mstile-310x150.png' %}" />
<meta name="msapplication-square310x310logo" content="{% static 'lca2018/images/mstile-310x310.png' %}" />
{% block extra_style %}{% endblock %}
{% endblock %}
{% block extra_head_base %}
{% block extra_head %}{% endblock %}
{% endblock %}
</head>
<body class="{% block body_class %}{% endblock %}">
{% block template_overrides %}{% endblock %}
<header class="clearfix hidden-print">
{% block navbar %}{% include 'nav.html' %}{% endblock %}
</header>
<main role="main" class="{% block main_class %}container{% endblock %}">
{% if messages %}
<ul class="messagelist hidden-print">
{% for message in messages %}
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
<title>{% block head_title_base %}{% if SITE_NAME %}{{ SITE_NAME }} | {% endif %}{% block head_title %}{% endblock %}{% endblock %}</title>
{% block styles %}
<link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
<link href="{% static 'css/app.css' %}" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.pride.codes/css/bar_body.css">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="{% static 'lca2018/images/apple-touch-icon-57x57.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{% static 'lca2018/images/apple-touch-icon-114x114.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{% static 'lca2018/images/apple-touch-icon-72x72.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{% static 'lca2018/images/apple-touch-icon-144x144.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="{% static 'lca2018/images/apple-touch-icon-60x60.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="{% static 'lca2018/images/apple-touch-icon-120x120.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="{% static 'lca2018/images/apple-touch-icon-76x76.png' %}" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{% static 'lca2018/images/apple-touch-icon-152x152.png' %}" />
<link rel="icon" type="image/png" href="{% static 'lca2018/images/favicon-196x196.png' %}" sizes="196x196" />
<link rel="icon" type="image/png" href="{% static 'lca2018/images/favicon-96x96.png' %}" sizes="96x96" />
<link rel="icon" type="image/png" href="{% static 'lca2018/images/favicon-32x32.png' %}" sizes="32x32" />
<link rel="icon" type="image/png" href="{% static 'lca2018/images/favicon-16x16.png' %}" sizes="16x16" />
<link rel="icon" type="image/png" href="{% static 'lca2018/images/favicon-128.png' %}" sizes="128x128" />
<link rel="icon" href="{% static 'lca2018/images/favicon.png' %}" sizes="512x512" />
<meta name="application-name" content="&nbsp;"/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="{% static 'lca2018/images/mstile-144x144.png' %}" />
<meta name="msapplication-square70x70logo" content="{% static 'lca2018/images/mstile-70x70.png' %}" />
<meta name="msapplication-square150x150logo" content="{% static 'lca2018/images/mstile-150x150.png' %}" />
<meta name="msapplication-wide310x150logo" content="{% static 'lca2018/images/mstile-310x150.png' %}" />
<meta name="msapplication-square310x310logo" content="{% static 'lca2018/images/mstile-310x310.png' %}" />
{% block extra_style %}{% endblock %}
{% endblock %}
{% block extra_head_base %}
{% block extra_head %}{% endblock %}
{% endblock %}
</head>
<body class="{% block body_class %}{% endblock %}">
<div class="container">
<header class="clearfix hidden-print">
{% sitetree_menu from "main" include "trunk" template "sitetree_header.html" %}
</header>
{% if messages %}
<ul class="messagelist hidden-print">
{% for message in messages %}
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
<div class="well">
<h1>{% block header_title %}{% endblock %}</h1>
<p>{% block header_paragraph %}{% endblock %}</p>
{% block body_base %}
{% block body %}
<div class="row">
<div class="col-md-1">
{% block body_outer %}
{% endblock %}
</div>
{% block body_base %}
{% block body %}
<div class="container">
<div class="row">
<div class="col-md-1">
{% block body_outer %}
{% endblock %}
</div>
<div class="col-md-10" >
{% block content %}
{% endblock %}
</div>
</div>
</div>
{% endblock %}
{% endblock %}
{% block footer_base %}
{% block footer %}
{% endblock %}
{% endblock %}
{% block scripts %}
<script src="{% static 'js/app.js' %}" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="{% static 'js/bootstrap.min.js' %}" type="text/javascript"></script>
<script src="{% static 'js/jquery.formset.js' %}"></script>
{% block extra_script %}
{% endblock %}
{% block scripts_extra %}{% endblock %}
{% endblock %}
<link rel='stylesheet' href='//cdn.jsdelivr.net/font-hack/2.020/css/hack-extended.min.css'>
{% block extra_body_base %}
{% block extra_body %}
{% endblock %}
{% endblock %}
</div>
</body>
{% block content %}
{% endblock %}
{% endblock %}
{% endblock %}
{% block footer_base %}
{% block footer %}
{% endblock %}
{% endblock %}
{% block scripts %}
<script src="{% static 'js/app.js' %}" type="text/javascript"></script>
<script src="{% static 'js/jquery.formset.js' %}"></script>
<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.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
{% block extra_script %}
{% endblock %}
{% block scripts_extra %}{% endblock %}
{% endblock %}
{% block extra_body_base %}
{% block extra_body %}
{% endblock %}
{% endblock %}
</main>
<footer class="bg-white text-primary py-5">
<p>
&copy; 2018 linux.conf.au <br />
and Linux Australia. <br />
Linux is a registered <br />
trademark of Linus Torvalds.
</p>
</footer>
</body>
</html>

4
pinaxcon/templates/site_dark.html Normal file
View file

@ -0,0 +1,4 @@
{% extends "site_base.html" %}
{% block navbar %}{% include 'nav.html' with color='green' %}{% endblock %}
{% block body_class %}bg-primary text-secondary{% endblock body_class %}

5
pinaxcon/templates/sitetree_children.html Normal file
View file

@ -0,0 +1,5 @@
{% load sitetree %}
{% for item in sitetree_items %}
<a class="dropdown-item {% if item.is_current %}active{% endif %}" href="{% sitetree_url for item %}">{{ item.title_resolved }}</a>
{% endfor %}

55
pinaxcon/templates/sitetree_header.html
View file

@ -1,37 +1,26 @@
{% load sitetree %}
<nav class="navbar navbar-lca" role="navigation">
<div class="container-fluid">
{% for item in sitetree_items %}
{% if forloop.counter == 1 %}
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="{% sitetree_url for item %}">
<img src="https://linux.conf.au/media/img/LCA18_nodate.svg" height="80" alt="linux.conf.au 2018" />
</a>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto">
{% for item in sitetree_items %}
{% if not forloop.first %}
{% if item.has_children %}
<li class="nav-item mx-3 dropdown {% if item.is_current or item.in_current_branch %}active{% endif %}">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ item.title_resolved }} {% if item.is_current or item.in_current_branch %}<span class="sr-only">(current)</span>{% endif %}
</a>
<div class="dropdown-menu">
{% sitetree_children of item for menu template "sitetree_children.html" %}
</div>
</li>
{% else %}
{% if forloop.counter == 2 %}
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
{% endif %}
<li class="{% if item.has_children %}dropdown{% endif %} {% if item.is_current or item.in_current_branch %}active{% endif %}">
<a href="{% if item.has_children %}#{% else %}{% sitetree_url for item %}{% endif %}" {% if item.has_children %}class="dropdown-toggle" data-toggle="dropdown"{% endif %}>
<span>
{{ item.title_resolved }} {% if item.has_children %}<b class="caret"></b>{% endif %}
</span>
</a>
{% if item.has_children %}
{% sitetree_children of item for menu template "sitetree/menu_bootstrap3_dropdown.html" %}
{% endif %}
</li>
<li class="nav-item mx-3 {% if item.has_children %}dropdown}{% endif %} {% if item.is_current or item.in_current_branch %}active{% endif %}">
<a class="nav-link" href="{% sitetree_url for item %}">
{{ item.title_resolved }} {% if item.is_current or item.in_current_branch %}<span class="sr-only">(current)</span>{% endif %}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</nav>
{% endif %}
{% endfor %}
</ul>
</div>

1
static/.gitignore vendored Normal file
View file

@ -0,0 +1 @@
build/

114
static/src/scss/app.scss Normal file
View file

@ -0,0 +1,114 @@
@import url('https://fonts.googleapis.com/css?family=Space+Mono:400,700');
$primary: #0F7C11;
$secondary: #FFFFFF;
$font-family-base: "Space Mono" !default;
$headings-font-family: "Space Mono";
$font-size-base: 1rem;
$h1-font-size: $font-size-base * 4.75;
$h2-font-size: $font-size-base * 2.5;
$h3-font-size: $font-size-base * 1.875;
$line-height-base: 1.6875;
$headings-line-height: 1.05;
$padding-left-default: 5.3125rem;
body {
overflow-x: hidden;
}
.text-page {
h2 {
padding-top: 3rem;
padding-bottom: 2rem;
}
h1 {
padding-bottom: 6rem;
}
}
html {
font-size: 16px;
}
footer {
margin-top: 12rem;
padding-left: $padding-left-default;
color: $primary;
font-size: 0.81rem
}
#hero {
width: 100%;
padding-left: $padding-left-default;
padding-right: 5.3125rem;
}
.green-block {
margin-top: 16rem;
margin-bottom: 8rem;
padding-top: 24rem;
height: 1247px;
}
.green-background {
position: relative;
background: $primary;
color: white;
}
.sidescroll {
position: absolute !important;
top: -8rem;
width: 100%;
height: 405px;
padding-right: 0 !important;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
&::-webkit-scrollbar {
width: 0px; /* remove scrollbar space */
background: transparent; /* optional: just make scrollbar invisible */
}
}
.content {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: $padding-left-default !important;
padding-right: 5.3125rem !important;
}
li.nav-item {
height: 2.75rem;
a.nav-link {
//line-height: 1rem;
padding-top: 0;
}
&.active > a.nav-link {
font-weight: 700;
&:before {
content: "•";
margin-right: -4px;
}
}
}
main.container-fluid {
padding: 0;
}
@import "nav.scss";
@import "bootstrap.scss";

24
static/src/scss/nav.scss Normal file
View file

@ -0,0 +1,24 @@
$navbar-dark-active-color: $secondary;
$navbar-dark-color: $secondary;
.navbar-nav-svg {
display: inline-block;
height: 1.4rem;
}
.navbar-nav-dark {
display: inline-block;
height: 1.4rem;
}
.navbar-brand > img {
height: 2.75rem;
padding-left: $padding-left-default;
min-height: 101px;
margin-top: 3rem;
}
nav.navbar {
margin-bottom: 9rem;
}