Commit 716087c4 authored by Georg Krause's avatar Georg Krause

Improve styling of landing page

parent d107d18c
Pipeline #307 passed with stage
in 36 seconds
...@@ -39,27 +39,34 @@ a.pure-button-primary { ...@@ -39,27 +39,34 @@ a.pure-button-primary {
font-size: 120%; font-size: 120%;
} }
.splash { .lp-box {
background: #000000; background: #000000;
border: 2px solid #ff9900; border: 2px solid #ff9900;
text-align: center;
padding: 50px;
} }
.splash-head { .lp-box-head {
border: 0; border: 0;
letter-spacing: 1em; letter-spacing: 1em;
margin-left: 1em; margin-left: 1em;
color: #fff;
} }
.splash-head { .lp-box-wrapper {
border-radius: 0px;
}
.splash-container {
background-color: black; background-color: black;
background-image: url("../images/header.png"); background-image: url("../images/header.png");
background-repeat: repeat-x; background-repeat: repeat-x;
background-position-y: 100px; background-position-y: 100px;
background-position-x: 0px; background-position-x: 0px;
padding-top: 17vh;
z-index: 1;
overflow: hidden;
width: 100%;
height: 88%;
top: 0;
left: 0;
position: fixed !important;
} }
.ribbon, .home-menu { .ribbon, .home-menu {
......
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="splash-container"> <div class="lp-box-wrapper">
<div class="splash"> <div class="pure-g">
<h1 class="splash-head">{{ SPLASH_HEADING }}</h1> <div class="pure-u-1 pure-u-lg-1-4"></div>
<p class="splash-subhead"> <div class="lp-box pure-u-1 pure-u-lg-1-2">
<h1 class="lp-box-head">{{ SPLASH_HEADING }}</h1>
<p class="">
{{ SPLASH_SUBHEADING }} {{ SPLASH_SUBHEADING }}
</p> </p>
<p> <p>
...@@ -14,6 +16,7 @@ ...@@ -14,6 +16,7 @@
</a> </a>
</p> </p>
</div> </div>
</div>
</div> </div>
<div class="content-wrapper"> <div class="content-wrapper">
......
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