Cleanup pages for readability

This removes images, and giant headers, and makes the text - not white.
The next layer down in CSS is blue, so that's it for now.

This helps understand what's on the page visually, so this, at the
least, make testing easier for now.
This commit is contained in:
Sachi King 2017-03-30 19:33:31 +11:00
parent d658f8fb74
commit 8db0e47107
5 changed files with 1 additions and 17 deletions

View file

@ -12,25 +12,14 @@
{% block head_title %}{% endblock %}
{% block body %}
THIS IS THE LCA PAGE CONTENT
{% block heading_panel %}
<div class="panel panel__compact panel__bg">
<div style="background-image: url('{% block header_background_image %}{% endblock %}');" class="panel--bg"></div>
<h1>Or is it here?</h1>
<div class="panel--content">
<div class="panel--2-3">
<h2>{% block header_title %}{% endblock %}</h2>
<p class="lede">{% block header_paragraph %}{% endblock %}</p>
</div>
{% block header_inset_image_base %}
<div class="panel--1-3">
<div class="portrait">
<div style="background-image: url('{% block header_inset_image %}{% endblock %}');" class="portrait--img"></div>
</div>
</div>
{% endblock %}
</div>
</div>

View file

@ -1,4 +1,2 @@
{% extends "lca2017/content_page.html" %}
{% load staticfiles %}
{% block header_background_image %}{% static "lca2017/images/hobart_bg_optimised.jpg" %}{% endblock %}

View file

@ -4,7 +4,6 @@
{% block header_title %}Buy Your Ticket{% endblock %}
{% block header_paragraph %}Step {{ current_step }} of {{ total_steps|add:1 }} &ndash; {{ title }} {% endblock %}
{% block header_inset_image %}{% illustration "tuz.svg" %}{% endblock %}
{% block scripts_extra %}
{% for section in sections %}

View file

@ -48,8 +48,7 @@
{% block extra_head %}{% endblock %}
{% endblock %}
</head>
<body class="{% block body_class %}{% endblock %}"
style="background-image: url({% static 'pyconau2017/images/pyconau-2016-collage-faded.jpg' %});">
<body class="{% block body_class %}{% endblock %}">
{% block topbar_base %}
{% block nav %}

View file

@ -6,7 +6,6 @@ body {
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: white;
font-size: 14px;
}