]> git.ipfire.org Git - ipfire.org.git/commitdiff
Use background image for donation page, too
authorMichael Tremer <michael.tremer@ipfire.org>
Tue, 17 Jul 2018 10:37:05 +0000 (11:37 +0100)
committerMichael Tremer <michael.tremer@ipfire.org>
Tue, 17 Jul 2018 10:37:05 +0000 (11:37 +0100)
Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
src/scss/style.scss
src/templates/base.html

index 1e3874d7ce5990d6aa6921f969dc4043d5605325..5d4ba335f487cf9acc06e25fa40dab94bcfbcdd6 100644 (file)
@@ -43,6 +43,13 @@ body {
 
        min-height: 75rem;
        padding-top: 6rem;
+
+       &.background {
+               background-image: url("img/header-background.jpg");
+               background-position: center top;
+               background-repeat: no-repeat;
+               background-size: contain;
+       }
 }
 
 // Buttons
@@ -142,15 +149,7 @@ footer {
        }
 
        section.intro {
-               // Make it cover the navbar, too
-               margin-top: -6rem;
-               padding-top: 6rem;
-
                min-height: 100vh;
-               background-image: url('img/header-background.jpg');
-               background-size: cover;
-               background-attachment: fixed;
-               background-position: center top;
                position: relative;
 
                .branding {
@@ -230,7 +229,7 @@ footer {
        display: block;
        visibility: visible;
        position: absolute;
-       bottom: 48px;
+       bottom: 164px;
        left: 50%;
        transform: translateX(-50%);
        .btn {
index 9edd1d5e211b982a003495499aea2ad2de7e97ae..1fbc93e5e17eb9080bd06f3912dadecc2b5beae6 100644 (file)
@@ -17,7 +17,7 @@
                {% end %}
        </head>
 
-       <body id="page-top">
+       <body id="page-top" class="{% if request.path in ("/", "/donate") %}background{% end %}">
                <nav class="navbar navbar-expand-lg fixed-top">
                        <div class="container">
                                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"