From 363c37b8a48f6feaaa91760c085c3dd146441bc9 Mon Sep 17 00:00:00 2001 From: Kybo09 Date: Fri, 3 Dec 2021 04:53:31 +0100 Subject: [PATCH] adding stuff --- static/css/style.css | 124 +++++++++++++++++++++++- static/css/style.css.map | 2 +- static/scss/layouts/article-detail.scss | 80 +++++++++++++++ static/scss/layouts/cards.scss | 15 +++ static/scss/layouts/global.scss | 5 +- static/scss/layouts/nav.scss | 2 +- static/scss/style.scss | 1 + templates/article/article.html | 52 +++++++--- templates/article/articles.html | 11 ++- templates/article/submit.html | 34 ++++++- templates/base.html | 7 +- templates/index.html | 16 ++- templates/quicksearch.html | 2 +- 13 files changed, 316 insertions(+), 35 deletions(-) create mode 100644 static/scss/layouts/article-detail.scss diff --git a/static/css/style.css b/static/css/style.css index 3cf69ab..68038d9 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -8,7 +8,6 @@ body { h1, h2 { font-family: "Courgette", cursive; - color: #efefef; } a { @@ -19,10 +18,12 @@ h1 { font-size: 60px; text-align: center; margin: 10px 0; + color: #00E8C2; } h2 { font-size: 40px; + color: #efefef; } img { @@ -73,7 +74,7 @@ input::-ms-input-placeholder { color: #efefef; } -a, p, span, input, input::placeholder { +a, p, span, input, input::placeholder, label { font-family: "Play", sans-serif; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; @@ -139,7 +140,7 @@ nav .logo { cursor: pointer; font-size: 50px; font-family: "Courgette", cursive; - color: #efefef; + color: #00E8C2; margin-right: 30px; } nav .left { @@ -248,6 +249,21 @@ nav .right .search:hover { margin-top: 30px; } +.btn-add { + position: fixed; + bottom: 30px; + right: 30px; + font-size: 75px; + color: black; + cursor: pointer; + background: #00E8C2; + padding: 0 24px; + border-radius: 50%; +} +.btn-add:hover { + color: black !important; +} + #quicksearch { position: fixed; display: none; @@ -562,4 +578,106 @@ nav .right .search:hover { border: 2px solid #00E8C2; font-size: 25px; } + +.article-detail .date { + margin: 0; + font-size: 20px; + text-align: center; + font-style: italic; + color: #efefef; +} +.article-detail .desc { + text-align: center; + margin-top: 20px; +} +.article-detail .pic-flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 30px 0; + -webkit-box-pack: space-evenly; + -ms-flex-pack: space-evenly; + justify-content: space-evenly; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.article-detail .pic-flex img { + width: 300px; +} +.article-detail .save { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: space-evenly; + -ms-flex-pack: space-evenly; + justify-content: space-evenly; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: #303030; + padding: 30px; + padding-top: 0; +} +.article-detail .save div { + text-align: center; +} +.article-detail .save h2 { + color: #00E8C2; +} + +.article-form label { + display: block; +} +.article-form select { + margin-bottom: 20px; +} +.article-form .django-quill-widget-container { + background: white; + margin: 25px 0; +} +.article-form .django-quill-widget-container span { + color: #444; +} +.article-form .django-quill-widget-container .ql-editor { + background: #414142; +} +.article-form .django-quill-widget-container .ql-container { + max-height: 40vh; +} +.article-form input { + background: transparent; + color: #efefef; + display: block; + font-size: 20px; + width: 100%; + border: 2px solid white; + margin-bottom: 30px; +} +.article-form input::-webkit-input-placeholder { + color: #d3d2d2; +} +.article-form input::-moz-placeholder { + color: #d3d2d2; +} +.article-form input:-ms-input-placeholder { + color: #d3d2d2; +} +.article-form input::-ms-input-placeholder { + color: #d3d2d2; +} +.article-form input::placeholder { + color: #d3d2d2; +} +.article-form input[type=submit] { + width: -webkit-fit-content; + width: fit-content; + width: -moz-fit-content; + padding: 10px 20px; + display: block; + margin: auto; + color: #00E8C2; + border: 2px solid #00E8C2; + font-size: 25px; +} /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/static/css/style.css.map b/static/css/style.css.map index 09b08bc..6ac297d 100644 --- a/static/css/style.css.map +++ b/static/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["../scss/base/font.scss","../scss/layouts/global.scss","../scss/base/colors.scss","style.css","../scss/base/mixins.scss","../scss/layouts/nav.scss","../scss/layouts/cards.scss","../scss/layouts/quicksearch.scss","../scss/layouts/personnes.scss","../scss/layouts/regilog.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["../scss/base/font.scss","../scss/layouts/global.scss","../scss/base/colors.scss","style.css","../scss/base/mixins.scss","../scss/layouts/nav.scss","../scss/layouts/cards.scss","../scss/layouts/quicksearch.scss","../scss/layouts/personnes.scss","../scss/layouts/regilog.scss","../scss/layouts/article-detail.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/static/scss/layouts/article-detail.scss b/static/scss/layouts/article-detail.scss new file mode 100644 index 0000000..df1e167 --- /dev/null +++ b/static/scss/layouts/article-detail.scss @@ -0,0 +1,80 @@ +.article-detail{ + .date{ + margin: 0; + font-size: 20px; + text-align: center; + font-style: italic; + color: $light; + } + .desc{ + text-align: center; + margin-top: 20px; + } + .pic-flex{ + display: flex; + margin: 30px 0; + justify-content: space-evenly; + align-items: center; + img{ + width: 300px; + } + } + .save{ + display: flex; + justify-content: space-evenly; + align-items: center; + background: $background2; + padding: 30px; + padding-top: 0; + div{ + text-align: center; + } + h2{ + color: $accent; + } + } +} + +.article-form{ + label{ + display: block; + } + select{ + margin-bottom: 20px; + } + .django-quill-widget-container{ + background: white; + margin: 25px 0; + span{ + color: #444; + } + .ql-editor{ + background: $background; + } + .ql-container{ + max-height: 40vh; + } + } + input{ + background: transparent; + color: $light; + display: block; + font-size: 20px; + width: 100%; + border: 2px solid white; + margin-bottom: 30px; + &::placeholder{ + color: $light2; + } + } + input[type="submit"]{ + width: fit-content; + width: -moz-fit-content; + padding: 10px 20px; + display: block; + margin: auto; + color: $accent; + border: 2px solid $accent; + font-size: 25px; + } +} \ No newline at end of file diff --git a/static/scss/layouts/cards.scss b/static/scss/layouts/cards.scss index 4ea2821..ff800d2 100644 --- a/static/scss/layouts/cards.scss +++ b/static/scss/layouts/cards.scss @@ -40,4 +40,19 @@ } } } +} + +.btn-add{ + position: fixed; + bottom: 30px; + right: 30px; + font-size: 75px; + color: black; + cursor: pointer; + background: $accent; + padding: 0 24px; + border-radius: 50%; + &:hover{ + color: black !important; + } } \ No newline at end of file diff --git a/static/scss/layouts/global.scss b/static/scss/layouts/global.scss index c75a6d6..b1321cb 100644 --- a/static/scss/layouts/global.scss +++ b/static/scss/layouts/global.scss @@ -6,7 +6,6 @@ body{ h1, h2{ @include font-courgette; - color: $light; } a{ @@ -17,10 +16,12 @@ h1{ font-size: 60px; text-align: center; margin: 10px 0; + color: $accent; } h2{ font-size: 40px; + color: $light; } img{ @@ -45,7 +46,7 @@ p{ margin: 5px 0; } -a, p, span, input, input::placeholder{ +a, p, span, input, input::placeholder, label{ @include font-play; transition-duration: 0.3s; color: $light; diff --git a/static/scss/layouts/nav.scss b/static/scss/layouts/nav.scss index 5e6f765..c1d8995 100644 --- a/static/scss/layouts/nav.scss +++ b/static/scss/layouts/nav.scss @@ -14,7 +14,7 @@ nav{ cursor: pointer; font-size: 50px; @include font-courgette; - color: $light; + color: $accent; margin-right: 30px; } .left{ diff --git a/static/scss/style.scss b/static/scss/style.scss index ee1b7c5..12a3e70 100644 --- a/static/scss/style.scss +++ b/static/scss/style.scss @@ -8,4 +8,5 @@ @import "layouts/quicksearch.scss"; @import "layouts/personnes.scss"; @import "layouts/regilog.scss"; +@import "layouts/article-detail.scss"; diff --git a/templates/article/article.html b/templates/article/article.html index f222c24..ccc1a39 100644 --- a/templates/article/article.html +++ b/templates/article/article.html @@ -1,3 +1,38 @@ +{% extends 'base.html' %} +{% load static %} +{% block content %} + {% include 'quicksearch.html' %} +
+

{{ rescue.name }}

+

{{ rescue.date }}

+

{{ rescue.resume }}

+
+ + +
+
+ {{ rescue.description.html | safe }} +
+
+
+

Sauveteurs :

+ {% for people in rescue.rescuers.all %} + {{ people }} + {% endfor %} +
+
+

Personnes sauvées :

+ {% for people in rescue.saved.all %} + {{ people }} + {% endfor %} +
+
+ + +
+{% endblock %} + + {% if not rescue.validated %} {% if rescue.pending_edit_of %}

This edit is not validated !

@@ -6,23 +41,12 @@ {% endif %} {% endif %} -{{ rescue.name }}
-{{ rescue.date }}
-
{{ rescue.location_long }} {{ rescue.location_lat }}
-
-{{ rescue.resume.html | safe }}
-{{ rescue.description.html | safe }}
-
+ {{ rescue.testimonials.html | safe }}
{{ rescue.sources.html | safe }} -

Saved

-{% for people in rescue.saved.all %} - {{ people }} -{% endfor %} +

Rescuers

-{% for people in rescue.rescuers.all %} - {{ people }} -{% endfor %} + diff --git a/templates/article/articles.html b/templates/article/articles.html index e857705..b8af7ce 100644 --- a/templates/article/articles.html +++ b/templates/article/articles.html @@ -1,26 +1,29 @@ {% extends 'base.html' %} {% load static %} {% block content %} + +
-

Articles

+

Sauvetages

{% for rescue in rescues %}
- + + +

{{ rescue.date }}

{{ rescue.name }}

- Voir l'article + Voir le sauvetage
{% endfor %}
- Charger plus d'articles + Charger plus de sauvetages
{% include 'quicksearch.html' %} {% endblock %} \ No newline at end of file diff --git a/templates/article/submit.html b/templates/article/submit.html index 8bf0360..1beb990 100644 --- a/templates/article/submit.html +++ b/templates/article/submit.html @@ -1,10 +1,34 @@ +{% load static %} + + + + {{ form.media }} + -
- {% csrf_token %} - {{ form }} - -
+ {% include 'quicksearch.html' %} + +
+

Ajouter un article

+
+ {% csrf_token %} + {{ form }} + +
+
diff --git a/templates/base.html b/templates/base.html index f7b2d86..c4f7873 100644 --- a/templates/base.html +++ b/templates/base.html @@ -3,16 +3,17 @@ +