me/breccia-mapper
1
0
Fork 0
mirror of https://github.com/Southampton-RSG/breccia-mapper.git synced 2026-03-03 03:17:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

[FEAT] Styling improvements

Browse Source
This commit is contained in:
Matthew Grove
2023-02-24 19:45:02 +00:00
parent 11a6f8d8f1
commit 83765c99ad
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
breccia_mapper/static/css/masthead.css
View File

@@ -34,6 +34,11 @@ header.masthead .textbox-container {
background-color: rgba(30, 30, 30, 0.2);
}
header.masthead > .row {
max-width: 1140px;
margin: auto;
}
@media (min-width: 768px) {
header.masthead {
padding-top: 1rem;

6
breccia_mapper/templates/index.html
View File

@@ -10,13 +10,13 @@
{% block before_content %}
{% get_media_prefix as MEDIA_URL %}
<header class="container-fluid masthead text-white text-left {% if config.HOMEPAGE_HEADER_IMAGE_SHRINK %}masthead-shrink{% endif %}"
<header class="container-fluid masthead text-white text-left {% if config.HOMEPAGE_HEADER_IMAGE_SHRINK %}masthead-shrink{% endif %} py-2"
style="background-image: url('{{ MEDIA_URL }}{{ config.HOMEPAGE_HEADER_IMAGE }}')">
<div class="overlay"></div>
<div class="row">
<div class="mx-5 px-4 my-3 pt-3 pb-2 textbox-container">
<h1 class="display-1">{{ settings.PROJECT_LONG_NAME }}</h1>
<div class="px-4 my-3 pt-3 pb-2 textbox-container">
<h1>{{ settings.PROJECT_LONG_NAME }}</h1>
<p class="lead">{{ config.PROJECT_LEAD }}</p>
</div>
</div>