Commit 44b7ef8f authored by David Read's avatar David Read
Browse files

[#411] Home page - styled basically.

parent 70805b41
......@@ -943,123 +943,27 @@ ul.ui-autocomplete {
}
/* PAGE: Front Page */
/* ---------------- */
body#front-page {
#breadcrumbs {
display: none;
}
.front-page-container {
margin: 20px 0;
}
.front-page-box {
display: block;
margin-bottom: 16px;
position: relative;
height: 100px;
.img {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
z-index: -1;
width: 100%;
height: 100%;
img {
width: 100%;
}
}
.text {
display: block;
background: rgba(0,0,0,0.7);
color: #fff;
padding: 10px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
small {
display: block;
font-size: 80%;
color: #fff;
}
.posttext { opacity: 0; }
}
&:hover {
text-decoration: none;
.text {
background: rgba(0,0,0,0.9);
small { color: #ccc; }
.posttext { opacity: 1; }
}
}
}
.counts {
padding: 20px;
}
.graph {
overflow: hidden;
}
.counts1 {
height: 300px;
text-align: right;
}
.counts2 {
height: 180px;
}
.graph1 {
height: 300px;
/* PAGE: Home */
/* ---------- */
body#home-page {
ul.inline > li, ol.inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.graph2 {
height: 180px;
text-align: right;
/* Search box with wider RHS for number */
.left { width: 70%; }
.right { width: 30%; }
@media(max-width: 768px) {
.left { width: 68%; }
.right { width: 32%; }
}
.count {
display: block;
&:hover { text-decoration: none; }
margin-bottom: 10px;
.big {
font-size: 60px;
line-height: 60px;
color: #000;
}
.small {
font-size: 17px;
color: #464;
}
@media(max-width: 500px) {
.left { width: 65%; }
.right { width: 35%; }
}
}
// @media(max-width: 767px) { min-width: 25px; }
// @media(max-width: 991px) { min-width: 19px; }
@media (min-width: 450px) and (max-width:767px) {
body#front-page {
.col-md-4 .front-page-box{
height: 150px;
}
}
}
@media(min-width: 768px) {
body#front-page {
.col-md-4:nth-child(1) .front-page-box,
.col-md-4:nth-child(2) .front-page-box {
height: 200px;
}
}
}
@media(min-width: 992px) {
body#front-page {
.col-md-4:nth-child(1) .front-page-box,
.col-md-4:nth-child(2) .front-page-box,
.col-md-4:nth-child(3) .front-page-box {
height: 200px;
.img img {
min-height: 200px;
}
}
}
}
/* PAGE: Publisher/read */
......
......@@ -90,5 +90,5 @@ ckan.favicon = /assets/img/favicon.ico
controller-{{c.controller.split(':')[0].split('.')[-1]}} {{c.controller.split(':')[-1]}}
{{ 'with-sidebar' if self.secondary_content() else 'no-sidebar' }}
"
id="{{ body_id() if body_id is defined }}"
id="{{ body_id if body_id is defined }}"
{% endblock %}
{% extends "page.html" %}
{% set body_id="home-page" %}
{% import "_dgu_jinja_util.html" as m with context %}
{% block title %}data.gov.uk{% endblock %}
......@@ -11,18 +13,22 @@
{% block primary_content_inner %}
<h3 style="margin: 10px 0 20px;">Welcome to data.gov.uk - discover data from across the UK public sector</h3>
<div style="margin-left: auto; margin-right: auto; max-width: 650px; margin-top: 20px; margin-bottom: 20px;">
<h3 style="margin: 10px 0 20px;">Data.gov.uk - for discovering data across the UK public sector</h3>
{# <h3>Search {{num_datasets}} datasets</h3> #}
{{ m.search_form(mini=false) }}
{# <h3>Search {{num_datasets}} datasets</h3> #}
{{ m.search_form(mini=false) }}
<h3 style="margin-top: 20px;">Browse by theme</h3>
<!--<div style="margin-left: auto; margin-right: auto; max-width: 500px;">-->
<ul class="inline" style="text-align: center;">
{% for theme in themes %}
<li><a href="/data/search?theme-primary={{ theme|urlencode }}">{{ theme }}</a></li>
{% endfor %}
</ul>
<!--</div>-->
</div>
<h3 style="margin-top: 20px;">Browse by theme</h3>
<ul>
{% for theme in themes %}
<li><a href="/data/search?theme-primary={{ theme|urlencode }}">{{ theme }}</a></li>
{% endfor %}
</ul>
{% endblock %}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment