From 031fd6b70a5e6b71c9f9ae4f109c532f882a2882 Mon Sep 17 00:00:00 2001 From: Ruidy Nemausat Date: Tue, 3 Dec 2019 20:44:27 +0100 Subject: [PATCH] whitenoise --- rental/static/rental/css/scss-files.txt | 1 - rental/static/rental/css/style.css | 225 +++++++++++++----------- villafleurie/settings.py | 8 +- 3 files changed, 122 insertions(+), 112 deletions(-) delete mode 100644 rental/static/rental/css/scss-files.txt diff --git a/rental/static/rental/css/scss-files.txt b/rental/static/rental/css/scss-files.txt deleted file mode 100644 index 957bce7..0000000 --- a/rental/static/rental/css/scss-files.txt +++ /dev/null @@ -1 +0,0 @@ -The scss source files are available in the pro version. diff --git a/rental/static/rental/css/style.css b/rental/static/rental/css/style.css index 0d7cc2b..4129e09 100644 --- a/rental/static/rental/css/style.css +++ b/rental/static/rental/css/style.css @@ -1,5 +1,5 @@ body { - font-family: 'Poppins', sans-serif; + font-family: "Poppins", sans-serif; color: #555555; } @@ -18,7 +18,7 @@ h6 { a { color: #000000; - transition: all .5s ease; + transition: all 0.5s ease; } a:hover { @@ -28,7 +28,7 @@ a:hover { .link-two { color: #000000; - transition: all .5s ease; + transition: all 0.5s ease; } .link-two:hover { @@ -38,7 +38,7 @@ a:hover { .link-one { color: #000000; - transition: all .5s ease; + transition: all 0.5s ease; } .link-one:hover { @@ -113,7 +113,7 @@ a:hover { } .nav-pills-a.nav-pills .nav-link.active:after { - content: ''; + content: ""; position: absolute; left: 0; bottom: -1px; @@ -138,7 +138,7 @@ a:hover { /*------/ List a /------*/ -.list-a { +.list-a { display: inline-block; line-height: 2; padding: 0; @@ -154,7 +154,7 @@ a:hover { } .list-a li:before { - content: ''; + content: ""; width: 10px; height: 2px; position: absolute; @@ -166,9 +166,9 @@ a:hover { /*------/ Pagination-a /------*/ .pagination-a .pagination .page-link { - margin: 0 .2rem; + margin: 0 0.2rem; border-color: transparent; - padding: .5rem .8rem; + padding: 0.5rem 0.8rem; color: #000000; } @@ -183,7 +183,7 @@ a:hover { } .pagination-a .pagination .next .page-link { - padding: .4rem .9rem; + padding: 0.4rem 0.9rem; } .pagination-a .pagination .page-item:last-child .page-link { @@ -197,7 +197,7 @@ a:hover { } .pagination-a .pagination .page-item.disabled .page-link { - padding: .4rem .9rem; + padding: 0.4rem 0.9rem; color: #555555; } @@ -286,7 +286,7 @@ a:hover { } .title-box-d .title-d:after { - content: ''; + content: ""; position: absolute; width: 70px; height: 4px; @@ -321,7 +321,12 @@ a:hover { /*------/ Overlay /------*/ .overlay-a { - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%); + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 27%, + rgba(0, 0, 0, 0.65) 90% + ); } .overlay { @@ -407,12 +412,12 @@ a:hover { .nav-arrow-b .owl-arrow .owl-nav .owl-prev, .nav-arrow-b .owl-arrow .owl-nav .owl-next { - padding: .7rem 1.5rem !important; + padding: 0.7rem 1.5rem !important; display: inline-block; transition: all 0.6s ease-in-out; color: #ffffff; background-color: #5bc0de; - opacity: .9; + opacity: 0.9; } .nav-arrow-b .owl-arrow .owl-nav .owl-prev.disabled, @@ -511,12 +516,12 @@ a:hover { } } -/*====================================== -//--//--> NAVBAR +/*====================================== +//--//--> NAVBAR ======================================*/ .navbar-default { - transition: all .5s ease-in-out; + transition: all 0.5s ease-in-out; background-color: #ffffff; padding-top: 28px; padding-bottom: 28px; @@ -553,7 +558,7 @@ a:hover { font-size: 1.1rem; color: #000000; font-weight: 600; - letter-spacing: 0.030em; + letter-spacing: 0.03em; transition: all 0.1s ease-in-out; position: relative; padding-left: 0; @@ -562,7 +567,7 @@ a:hover { .navbar-default.navbar-trans .nav-link:before, .navbar-default.navbar-reduce .nav-link:before { - content: ''; + content: ""; position: absolute; bottom: 5px; left: 0; @@ -574,9 +579,10 @@ a:hover { transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; - transition: opacity .2s ease-out 0.3s, -webkit-transform .2s ease-out; - transition: transform .2s ease-out, opacity .2s ease-out 0.3s; - transition: transform .2s ease-out, opacity .2s ease-out 0.3s, -webkit-transform .2s ease-out; + transition: opacity 0.2s ease-out 0.3s, -webkit-transform 0.2s ease-out; + transition: transform 0.2s ease-out, opacity 0.2s ease-out 0.3s; + transition: transform 0.2s ease-out, opacity 0.2s ease-out 0.3s, + -webkit-transform 0.2s ease-out; } .navbar-default.navbar-trans .nav-link:hover, @@ -620,7 +626,7 @@ a:hover { } .navbar-default.navbar-reduce { - transition: all .5s ease-in-out; + transition: all 0.5s ease-in-out; padding-top: 19px; padding-bottom: 19px; } @@ -658,7 +664,8 @@ a:hover { opacity: 0; filter: alpha(opacity=0); visibility: hidden; - transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s, opacity 0.31s ease 0s, height 0s linear 0.36s; + transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s, + opacity 0.31s ease 0s, height 0s linear 0.36s; margin: 0; border-radius: 0; padding: 12px 0; @@ -716,9 +723,9 @@ a:hover { .navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) { - transition: -webkit-transform .35s ease-in-out; - transition: transform .35s ease-in-out; - transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out; + transition: -webkit-transform 0.35s ease-in-out; + transition: transform 0.35s ease-in-out; + transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; } .navbar-toggler:not(.collapsed) span:nth-child(1) { @@ -745,8 +752,8 @@ a:hover { opacity: 0.9; } -/*====================================== -//--//--> BOX COLAPSE +/*====================================== +//--//--> BOX COLAPSE ======================================*/ .box-collapse { @@ -767,7 +774,7 @@ a:hover { left: 60px; opacity: 0; transition: all 1s ease; - transition-delay: .3s; + transition-delay: 0.3s; } .box-collapse-wrap { @@ -785,7 +792,8 @@ a:hover { transform: translateY(3rem); transition: opacity 0.5s 0.5s ease, -webkit-transform 0.5s 0.5s ease; transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease; - transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease, -webkit-transform 0.5s 0.5s ease; + transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease, + -webkit-transform 0.5s 0.5s ease; } .box-collapse-open .click-closed { @@ -812,7 +820,7 @@ a:hover { } .box-collapse-closed .box-collapse { - opacity: .7; + opacity: 0.7; transition-delay: 0s; } @@ -835,7 +843,7 @@ a:hover { visibility: hidden; z-index: 1035; background-color: #000000; - opacity: .4; + opacity: 0.4; } .close-box-collapse { @@ -853,8 +861,8 @@ a:hover { right: 4.2857rem; } -/*====================================== -//--//--> INTRO +/*====================================== +//--//--> INTRO ======================================*/ .intro { @@ -909,22 +917,22 @@ a:hover { border: 2px solid #5bc0de; border-radius: 50px; text-transform: uppercase; - letter-spacing: 0.030em; + letter-spacing: 0.03em; } .intro .spacial { - -webkit-animation-delay: .2s; - animation-delay: .2s; + -webkit-animation-delay: 0.2s; + animation-delay: 0.2s; color: #ffffff; } .intro .intro-title-top { - -webkit-animation-delay: .6s; - animation-delay: .6s; + -webkit-animation-delay: 0.6s; + animation-delay: 0.6s; margin-bottom: 1rem; - font-size: .9rem; + font-size: 0.9rem; color: #ffffff; - letter-spacing: .05em; + letter-spacing: 0.05em; } .intro .intro-title { @@ -965,7 +973,7 @@ a:hover { } .intro-single .breadcrumb-box { - padding: 1rem 0 0 .5rem; + padding: 1rem 0 0 0.5rem; } .intro-single .breadcrumb { @@ -974,8 +982,8 @@ a:hover { padding-left: 0; } -/*====================================== -//--//--> CARD GENERAL +/*====================================== +//--//--> CARD GENERAL ======================================*/ .card-box-a, @@ -991,7 +999,7 @@ a:hover { .card-box-a .img-b, .card-box-b .img-a, .card-box-b .img-b { - transition: .8s all ease-in-out; + transition: 0.8s all ease-in-out; } .card-overlay { @@ -1008,22 +1016,27 @@ a:hover { } .card-shadow:before { - content: ' '; + content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%); + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 27%, + rgba(0, 0, 0, 0.65) 90% + ); } -/*====================================== -//--//--> PROPERTY - CARD-A +/*====================================== +//--//--> PROPERTY - CARD-A ======================================*/ .card-overlay-a-content { - transition: all .5s ease-in; + transition: all 0.5s ease-in; position: absolute; width: 100%; bottom: 0px; @@ -1037,7 +1050,7 @@ a:hover { .card-header-a .card-title-a { color: #ffffff; margin-bottom: 0; - padding-bottom: .7rem; + padding-bottom: 0.7rem; } .card-header-a .card-title-a a { @@ -1047,21 +1060,21 @@ a:hover { .card-body-a { z-index: 2; - transition: all .5s ease-in; + transition: all 0.5s ease-in; padding: 0rem 1rem 2rem 1rem; } .card-body-a .price-box { - padding-bottom: .5rem; + padding-bottom: 0.5rem; } .price-a { color: #ffffff; - padding: .6rem .8rem; + padding: 0.6rem 0.8rem; border: 2px solid #5bc0de; border-radius: 50px; text-transform: uppercase; - letter-spacing: 0.030em; + letter-spacing: 0.03em; } .card-footer-a { @@ -1074,7 +1087,7 @@ a:hover { .card-info { list-style: none; margin-bottom: 0; - padding: .5rem 0; + padding: 0.5rem 0; } .card-info .card-info-title { @@ -1084,7 +1097,7 @@ a:hover { .card-info li span { color: #ffffff; - font-size: .9rem; + font-size: 0.9rem; } /*------/ Property Grid /-----*/ @@ -1151,8 +1164,8 @@ a:hover { text-align: center; } -/*====================================== -//--//--> NEWS - CARD-B +/*====================================== +//--//--> NEWS - CARD-B ======================================*/ .card-header-b { @@ -1164,18 +1177,18 @@ a:hover { } .card-header-b .category-b { - font-size: .9rem; + font-size: 0.9rem; background-color: #5bc0de; - padding: .3rem .7rem; + padding: 0.3rem 0.7rem; color: #313131; - letter-spacing: 0.030em; + letter-spacing: 0.03em; border-radius: 50px; text-decoration: none; } .card-header-b .title-2 { margin-bottom: 0; - padding: .6rem 0; + padding: 0.6rem 0; font-size: 1.5rem; } @@ -1234,7 +1247,7 @@ a:hover { } .post-share .socials li { - margin-left: .6rem; + margin-left: 0.6rem; } /*------/ Comments /------*/ @@ -1264,7 +1277,7 @@ a:hover { } .box-comments .list-comments .comment-description { - padding: .8rem 0 .5rem 0; + padding: 0.8rem 0 0.5rem 0; } .box-comments .list-comments a { @@ -1273,7 +1286,7 @@ a:hover { .box-comments .list-comments span { display: block; - color: #2B2A2A; + color: #2b2a2a; font-style: italic; } @@ -1281,8 +1294,8 @@ a:hover { margin-left: 40px; } -/*====================================== -//--//--> SERVICES - CARD-C +/*====================================== +//--//--> SERVICES - CARD-C ======================================*/ .card-box-c { @@ -1294,11 +1307,11 @@ a:hover { } .card-body-c { - padding: .5rem .5rem 0 .5rem; + padding: 0.5rem 0.5rem 0 0.5rem; } .card-footer-c { - padding-left: .5rem; + padding-left: 0.5rem; } .card-box-ico { @@ -1317,17 +1330,17 @@ a:hover { margin-left: -40px; } -/*====================================== -//--//--> AGENTS - CARD-D +/*====================================== +//--//--> AGENTS - CARD-D ======================================*/ .card-box-d .card-overlay-hover { - transition: all .2s ease-in-out; + transition: all 0.2s ease-in-out; padding: 15px 40px 15px 35px; } .card-box-d .title-d { - transition: .3s ease-in-out; + transition: 0.3s ease-in-out; font-size: 2rem; font-weight: 600; margin: 1rem 0; @@ -1338,18 +1351,18 @@ a:hover { .card-box-d .content-d { opacity: 0; - transition: .5s ease-in-out; + transition: 0.5s ease-in-out; -webkit-transform: translateY(-40px); transform: translateY(-40px); } .card-box-d .info-agents { opacity: 0; - transition: .5s ease-in-out; + transition: 0.5s ease-in-out; } .card-box-d .card-footer-d { - transition: .5s ease-in-out; + transition: 0.5s ease-in-out; -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; @@ -1365,7 +1378,7 @@ a:hover { .card-box-d:hover .card-overlay-hover { background-color: #5bc0de; - opacity: .9; + opacity: 0.9; } .card-box-d:hover .title-d, @@ -1387,8 +1400,8 @@ a:hover { margin-right: 1.5rem; } -/*====================================== -//--//--> ABOUT +/*====================================== +//--//--> ABOUT ======================================*/ .section-about .title-vertical { @@ -1428,7 +1441,7 @@ a:hover { } .sinse-box .sinse-title span:after { - content: ' '; + content: " "; width: 35px; height: 2px; background-color: #000000; @@ -1438,15 +1451,13 @@ a:hover { .sinse-box p { margin-bottom: 0; - font-size: .7rem; + font-size: 0.7rem; } -/*====================================== -//--//--> TESTIMONIALS +/*====================================== +//--//--> TESTIMONIALS ======================================*/ - - .testimonials-box { padding: 1rem 0; } @@ -1468,7 +1479,7 @@ a:hover { font-size: 1.8rem; background-color: #5bc0de; color: #ffffff; - padding: .4rem 1rem; + padding: 0.4rem 1rem; border-radius: 50px; } @@ -1506,8 +1517,8 @@ a:hover { color: #000000; } -/*====================================== -//--//--> FOOTER +/*====================================== +//--//--> FOOTER ======================================*/ .section-footer { @@ -1545,8 +1556,8 @@ footer .credits { font-size: 14px; } -/*====================================== -//--//--> FORM INPUT +/*====================================== +//--//--> FORM INPUT ======================================*/ .form-a #sendmessage { @@ -1607,19 +1618,19 @@ footer .credits { border-color: #5bc0de; } -/*====================================== -//--//--> BUTTON +/*====================================== +//--//--> BUTTON ======================================*/ .btn { - transition: .5s ease; + transition: 0.5s ease; } .btn.btn-a, .btn.btn-b { border-radius: 0; padding: 1rem 3rem; - letter-spacing: .05rem; + letter-spacing: 0.05rem; } .btn.btn-a { @@ -1676,7 +1687,7 @@ footer .credits { } .sinse-box p { - font-size: .8rem; + font-size: 0.8rem; } .sinse-box p { @@ -1686,7 +1697,7 @@ footer .credits { @media (min-width: 768px) { .link-a { - font-size: .9rem; + font-size: 0.9rem; } .link-a span { @@ -1757,7 +1768,7 @@ footer .credits { .card-box-a .price-a, .card-box-b .price-a { - font-size: .9rem; + font-size: 0.9rem; } .card-box-a:hover .card-overlay-a-content { @@ -1777,11 +1788,11 @@ footer .credits { } .card-info .card-info-title { - font-size: .9rem; + font-size: 0.9rem; } .card-info li span { - font-size: .8rem; + font-size: 0.8rem; } .card-header-b { @@ -1793,7 +1804,7 @@ footer .credits { } .card-header-b .date-b { - font-size: .9rem; + font-size: 0.9rem; } .box-comments .list-comments .comment-author { @@ -1810,17 +1821,17 @@ footer .credits { .card-box-d .title-d { font-size: 1.1rem; - margin: .5rem 0; + margin: 0.5rem 0; } .card-box-d .content-d { - font-size: .8rem; - margin: .5rem 0; + font-size: 0.8rem; + margin: 0.5rem 0; } .card-box-d .card-body-d p { margin-bottom: 8px; - font-size: .8rem; + font-size: 0.8rem; } .about-img-box { diff --git a/villafleurie/settings.py b/villafleurie/settings.py index 2b4f9e2..4c128ee 100644 --- a/villafleurie/settings.py +++ b/villafleurie/settings.py @@ -37,10 +37,10 @@ MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware' ] -if os.environ.get('ENV') == 'PRODUCTION': - STATICFILES_STORAGE = 'storage.WhiteNoiseStaticFilesStorage' - # STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage' - # STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage' +# if os.environ.get('ENV') == 'PRODUCTION': +# STATICFILES_STORAGE = 'storage.WhiteNoiseStaticFilesStorage' +# STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage' +# STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage' INTERNAL_IPS = ['127.0.0.1']