From 3d69c433284dba2b34d2870934fff5e81cf2cc21 Mon Sep 17 00:00:00 2001 From: Thomas JUND Date: Tue, 15 Feb 2022 15:54:25 +0100 Subject: [PATCH] publik-famille-demo: create theme (#61994) --- static/nantes/_custom.scss | 11 + static/publik-famille-demo/_cells.scss | 157 ++++++++++++ static/publik-famille-demo/_custom.scss | 33 +++ .../publik-famille-demo/_custom_classes.scss | 112 ++++++++ static/publik-famille-demo/_header.scss | 240 ++++++++++++++++++ static/publik-famille-demo/_vars.scss | 112 ++++++++ static/publik-famille-demo/_wcs.scss | 32 +++ static/publik-famille-demo/config.json | 17 ++ static/publik-famille-demo/img/bubble.svg | 1 + .../img/carrousel-banner.png | Bin 0 -> 16194 bytes static/publik-famille-demo/img/cloud.svg | 1 + .../publik-famille-demo/img/icon_demandes.svg | 1 + .../publik-famille-demo/img/icon_famille.svg | 1 + .../img/icon_inscription.svg | 1 + static/publik-famille-demo/style.scss | 10 + templates/theme.html | 1 - .../combo/cells/carrousel/menu-cell.html | 8 + .../combo/link-list-cell.html | 55 ++++ .../publik-famille-demo/combo/menu.html | 23 ++ .../combo/page_template.html | 18 ++ .../combo/page_template_homepage.html | 11 + .../publik-famille-demo/includes/nav.html | 5 + 22 files changed, 849 insertions(+), 1 deletion(-) create mode 100644 static/publik-famille-demo/_cells.scss create mode 100644 static/publik-famille-demo/_custom.scss create mode 100644 static/publik-famille-demo/_custom_classes.scss create mode 100644 static/publik-famille-demo/_header.scss create mode 100644 static/publik-famille-demo/_vars.scss create mode 100644 static/publik-famille-demo/_wcs.scss create mode 100644 static/publik-famille-demo/config.json create mode 100644 static/publik-famille-demo/img/bubble.svg create mode 100644 static/publik-famille-demo/img/carrousel-banner.png create mode 100644 static/publik-famille-demo/img/cloud.svg create mode 100644 static/publik-famille-demo/img/icon_demandes.svg create mode 100644 static/publik-famille-demo/img/icon_famille.svg create mode 100644 static/publik-famille-demo/img/icon_inscription.svg create mode 100644 static/publik-famille-demo/style.scss create mode 100644 templates/variants/publik-famille-demo/combo/cells/carrousel/menu-cell.html create mode 100644 templates/variants/publik-famille-demo/combo/link-list-cell.html create mode 100644 templates/variants/publik-famille-demo/combo/menu.html create mode 100644 templates/variants/publik-famille-demo/combo/page_template.html create mode 100644 templates/variants/publik-famille-demo/combo/page_template_homepage.html create mode 100644 templates/variants/publik-famille-demo/includes/nav.html diff --git a/static/nantes/_custom.scss b/static/nantes/_custom.scss index a127a345..e57e8c8b 100644 --- a/static/nantes/_custom.scss +++ b/static/nantes/_custom.scss @@ -531,6 +531,17 @@ body { padding-left: 0; } +.wcs-cards-cell { + h2 { + font-size: 1rem; + } + + a { + background-color: $gray-light; + border-radius: $border-radius; + } +} + div#rub_service { h3 { font-weight: bold; diff --git a/static/publik-famille-demo/_cells.scss b/static/publik-famille-demo/_cells.scss new file mode 100644 index 00000000..24f132b7 --- /dev/null +++ b/static/publik-famille-demo/_cells.scss @@ -0,0 +1,157 @@ +.cell + .pf-page-header--default { + display: none; +} + +.page-template-homepage .gru-content div.cell { + margin-top: 2rem; + padding-bottom: 2rem; + border-radius: 0; + + &:not(:last-child) { + border-bottom: 3px solid $orange; + } +} + +%pf-icon { + background: var(--pf-icon-picture) no-repeat bottom left; + background-size: contain; + content: var(--pf-icon-content); + display: flex; + align-items: start; + color: $orange; + font-family: 'FontAwesome'; +} + +// Links +%cell-links-list { + & > li { + margin: 0 1em; + } + & > li:not(.add-more-items) > a { + font-size: $fz-3; + padding-left: 0; + padding-right: 0; + display: flex; + align-items: center; + } + + li div.description { + padding: 0; + + p { + margin-left: 0; + } + } +} + +.add-more-items--button { + font-size: $fz-2; + color: $orange; +} + +// Notifications +div.cell.notifications-cell { + h2:first-child { + color: $orange; + font-size: $fz-3; + &:before { + content: '\f0f3'; + font-family: FontAwesome; + margin-right: 2rem; + } + } + + .links-list { + background: $orange; + border-radius: $border-radius; + + ul { + padding: 2rem 4rem; + > li { + border: none; + padding: 0.3rem 0; + + &:not(:last-child) { + border-bottom: 1px solid white; + } + + > a { + font-size: $font-size; + text-decoration: underline; + color: white; + } + + > div.description { + color: white; + } + } + + } + } +} + +// Tracking code +div.cell.tracking-code-input-cell { + h2:first-child { + font-size: $font-size; + text-transform: uppercase; + border-bottom: 1px solid $gray-dark; + border-radius: 0; + } +} + +// Carrousel +div.carrousel-content { + background: $green-light; + overflow: visible; + margin-top:150px; + + @media($min-desktop-viewport) { + &::before { + background-image: url('img/carrousel-banner.png'); + background-position:center; + background-repeat: no-repeat; + content: ""; + position: absolute; + height: 150px; + width: 100%; + top:-110px; + } + } + + @media($max-mobile-viewport) { + .carrousel-item-content { + text-align: center; + background: $green-light; + } + } + + input + div { + padding: 3rem; + div.carrousel-item { + &:after { + background-color: transparent; + } + color: black; + background-repeat: no-repeat; + background-size: 30%; + background-position-x: 10%; + padding: 1rem; + } + } +} + +// Custom classes +.errornotice, +.warningnotice, +.successnotice, +.infonotice { + border-radius: $border-radius; + padding-top: 1rem; + padding-bottom: 1rem; + padding-right: 1rem; + min-height: calc(#{$notification-icon-size} + 2rem); + &::before { + top: 1rem; + } +} diff --git a/static/publik-famille-demo/_custom.scss b/static/publik-famille-demo/_custom.scss new file mode 100644 index 00000000..4a784dde --- /dev/null +++ b/static/publik-famille-demo/_custom.scss @@ -0,0 +1,33 @@ +:root { + --pf-icon-content: ""; +} + +h1 { + font-size: $fz-1; + font-weight: 800; +} + +h2 { + font-size: $fz-2; + font-weight: 700; +} + +h3 { + font-size: $fz-3; + font-weight: 600; +} + +div#main-content { + margin-top: 6rem; + @media($max-mobile-viewport) { + margin-top: 1rem; + } +} + +%pf-field { + padding: 0.5rem; + font-size: $font-size; + background-color: $gray-light; + border-radius: $border-radius; +} + diff --git a/static/publik-famille-demo/_custom_classes.scss b/static/publik-famille-demo/_custom_classes.scss new file mode 100644 index 00000000..98b7b63a --- /dev/null +++ b/static/publik-famille-demo/_custom_classes.scss @@ -0,0 +1,112 @@ +.pf-cloud { + position: relative; + &::before { + background: url('img/cloud.svg'); + bottom: -120px; + content: ""; + height: 264px; + position: absolute; + right: 50px; + width: 342px; + z-index: -1; + } +} + +.gray-cell { + .gru-content &.cell { + background-color: $gray-light; + padding-bottom: 1rem; + } +} + +.green-cell { + .gru-content &.cell { + background-color: $green-light; + padding-bottom: 1rem; + } +} + +div.pf-icon-list { + ul > li:not(.add-more-items) > a { + background: url(img/bubble.svg); + background-position: bottom left; + background-repeat: no-repeat; + transition: background-position 0.2s ease-out; + + &::before { + @extend %pf-icon; + width: 35px; + height: 35px; + font-size: 35px; + margin-right: 1rem; + } + + &:hover { + background-position-x: 10px; + background-size: contain; + } + } +} + +div.card.pf-card-detail { + h2:first-child { + border-bottom: 2px solid $gray; + padding: 1rem 0; + border-radius: 0; + } + .label { + color: $gray-dark; + font-size: $fz-3; + font-weight: 700; + margin-bottom: 0.3rem; + margin-top: 0.3rem; + text-align: right; + } + .value { + @extend %pf-field; + margin-bottom: 0.3rem; + margin-top: 0.3rem; + } +} + +%icon-button { + &:not(.pf-big-button) { + div.links-list { + ul > li > a { + &::before { + @extend %pf-icon; + padding-right: 1rem; + } + } + } + } + + &.pf-big-button { + div.links-list { + ul > li > a { + border: 2px solid $orange; + padding: 0.3rem 1.5rem; + width: max-content; + color: $orange; + &::after { + @extend %pf-icon; + margin-left: 1rem; + font-size: 35px; + width: 35px; + height: 35px; + margin-bottom: 3px; + } + } + } + } +} + +.pf-icon-famille { + @extend %icon-button; + --pf-icon-picture: url('img/icon_famille.svg'); +} + +.pf-icon-add { + @extend %icon-button; + --pf-icon-content: '\f055'; +} diff --git a/static/publik-famille-demo/_header.scss b/static/publik-famille-demo/_header.scss new file mode 100644 index 00000000..4738996d --- /dev/null +++ b/static/publik-famille-demo/_header.scss @@ -0,0 +1,240 @@ +$desktop-gray-header-height: 90px; +$mobile-top-links-height: 2rem; + +body.has-header-background #header { + background-position-x: 30%; + background-size: contain; + @media($max-mobile-viewport) { + background-image: none; + } +} + +div#top { + display: flex; + flex-wrap: wrap; + align-items: center; + @media ($min-desktop-viewport) { + padding-right: $nav-menu-side * 1.5; + } + @media ($min-desktop-viewport) { + height: $desktop-gray-header-height; + } +} + +h1#logo.has-logo { + padding: 10px 0; + flex-grow: 1; +} + +#toplinks { + position: static; + display: flex; + align-items: center; + word-spacing: 1em; + + @media ($max-mobile-viewport) { + order: -1; + min-height: 2em; + flex: 1 0 100%; + max-width: none; + margin: 0 -0.7rem; + padding: 0 0.7rem; + } + + @media($min-desktop-viewport) { + height: $nav-menu-side; + padding: 0.5em 1.5em; + border-radius: $nav-menu-side / 2; + } + + a { + color: $orange-dark; + &:first-child { + font-weight: bold; + } + } +} + +.site-nav { + position: fixed; + width: 100%; + z-index: 102; +} + +.gru-nav-wrapper { + @extend .page-width; + position: relative; + @media ($max-mobile-viewport) { + max-width: none; + } +} +#nav { + margin: 0; + position: absolute; + width: $nav-menu-side; + height: $desktop-gray-header-height; + top: 0; + right: 0.7rem; + display: flex; + align-items: center; + justify-content: center; + transition: top 400ms; + @media ($max-mobile-viewport) { + body:not(.scrolled) & { + top: $mobile-top-links-height; + } + } +} +div.gru-nav { + .gru-nav-button { + position: relative; + display: block; + line-height: 0; + top: 0; + left: 0; + border-radius: 50%; + border: 6px solid transparent; + + + ul { + &::before { + content: none; + } + + display: flex; + flex-wrap: wrap; + left: auto; + right: 0; + transform: translateX(100%); + min-width: calc((100% - #{$width}) / 2 + 420px); + padding-top: 50px; + } + } +} + +.pf-menu-item { + &--image { + width: 160px; + height: 160px; + background: white; + border-radius: $border-radius; + padding: 1rem; + } + + &--title { + text-align: center; + } + + &:hover &--title { + text-decoration: underline; + } +} + +.pf-page-header { + &--default { + display: flex; + flex-wrap: wrap; + align-items: end; + + &::before { + background: url('img/cloud.svg'); + content: ""; + position: absolute; + height: 264px; + width: 342px; + top: -10px; + left: 50px; + z-index: -1; + + @media($max-mobile-viewport) { + top: 0; + left: 10px; + } + } + } + + &--title { + margin: 0; + @media($max-mobile-viewport) { + font-size: $fz-3; + } + } + + &--picture { + width: 100px; + margin-right: 1rem; + @media($max-mobile-viewport) { + width: 35px; + } + } + + &--description { + margin-top: 0.5rem; + flex-basis: 100%; + } +} + +body.page-template-homepage { + .site-header { + background: transparent; + } + + #header { + @media ($min-desktop-viewport) { + background: var(--page-picture); + background-repeat: no-repeat; + background-position-y: 50px; + background-size: 100%; + } + @media($min-desktop-viewport) { + height: 550px; + margin-bottom: -180px; + } + } + + #top { + align-items: flex-end; + @media ($min-desktop-viewport) { + height: auto; + flex-wrap: nowrap; + } + } + h1#logo.has-logo { + @media($max-mobile-viewport) { + text-align: center; + } + a::before { + width: 260px; + height: 150px; + @media($max-mobile-viewport) { + width: 200px; + height: 114px; + } + } + } + + #toplinks { + background: $gray-light; + @media ($min-desktop-viewport) { + position: absolute; + right: $nav-menu-side * 1.5; + top: ($desktop-gray-header-height - $nav-menu-side) / 2; + } + } + + .pf-header-description { + font-weight: bold; + text-align: center; + font-size: $fz-1; + flex: 1 1 auto; + + @media($max-mobile-viewport) { + padding: 1rem; + font-size: $fz-3; + } + + @media($min-desktop-viewport) { + flex: 1 1 50%; + padding-bottom: 10px; + } + } +} diff --git a/static/publik-famille-demo/_vars.scss b/static/publik-famille-demo/_vars.scss new file mode 100644 index 00000000..4fae4c15 --- /dev/null +++ b/static/publik-famille-demo/_vars.scss @@ -0,0 +1,112 @@ +// colors +$gray: #BFBFBF; +$gray-dark: #575757; +$gray-light: #F1F1F1; +$orange: #EC671F; +$orange-dark: #df5a13; +$orange-gray: #A88B7D; +$green: #6BD3AA; +$green-dark: #31a679; +$green-light: #A6E5CC; +$blue: #91D5FF; +$blue-dark: #183c88; +$red: #df1313; + +// typo +$base-font: 16; +$font-ratio: 1.333; +$fz-3: 1em * $font-ratio; +$fz-2: $fz-3 * $font-ratio; +$fz-1: $fz-2 * $font-ratio; +$fz-small: 1em / $font-ratio; + +// Core vars +$width: 1280em / $base-font; +$mobile-limit: 64em; +$very-small-limit: 35em; +$columns-gutter: 2rem; + +$font-size: 100% / ( 16 / $base-font ); +$font-color: $gray-dark; +$font-family: "source sans pro", sans-serif; + +$primary-color: $orange-dark; +$border-radius: 1rem; +$link-color: $primary-color; + +$header-full-width-background: true; +$header-background-color: $gray-light; +$header-logo-size: 105px 60px; + +$toplinks-style: none; +$toplinks-background: white; + +$nav-after-image: false; +$nav-mobile-limit: 20000px; +$pwa-nav-limit: 960px; +$nav-background: $orange; +$nav-color: white; +$nav-border-radius: 0; +$nav-active-color: white; +$nav-border-color: none; + +$nav-button-background: $orange; +$nav-button-color: white; + +$nav-mobile-menu-background: $orange; +$nav-border-radius: 100%; +$nav-mobile-menu-item-color: white; +$nav-mobile-menu-item-hover-background: $orange; +$nav-mobile-menu-item-hover-color: white; + +$responsive-menu: left-to-right; + +$title-background: transparent; +$title-color: $font-color; +$title-font-size: $fz-2; +$title-weight: 900; + +$cell-background: transparent; +$cell-border: none; +$cell-title-cover-border: false; +$cell-entry-border: 2px solid $gray; +$cell-entry-hover-color: $orange; +$cell-entry-hover-background: $cell-background; + +$cell-entry-color: $gray-dark; +$cell-entry-font-weight: 600; + +$carrousel-height: 40rem; +$carrousel-text-position: middle right; +$carrousel-navigation-color: black; +$carrousel-navigation-bullet-border: black; + +$button-background: $orange-dark; +$button-color: white; +$button-hover-background: $orange; +$cancel-button-style: "%inverted-button"; + +$error-color: $red; +$widget-unique-checkbox-position: left; + +$widget-background: $gray-light; +$widget-border: 1px solid $gray-light; +$widget-border-radius: $border-radius; +$widget-focus-border: 1px solid $orange; +$widget-padding: 0.625rem 1rem !default; +$widget-focus-box-shadow: none !default; + +$notification_error_color: $red; +$notification_warning_color: $orange_dark; +$notification_success_color: $green-light; +$notification_info_color: $gray-light; + +$wcs-step-color: $gray-dark; +$wcs-step-background: transparent !default; +$wcs-step-current-marker-background: url(img/bubble.svg); +$wcs-step-border-bottom: none; +$wcs-step-current-border-bottom: none; + +$footer-background: $gray-light; +$footer-full-width-background: false; +$footer-color: gray-dark; diff --git a/static/publik-famille-demo/_wcs.scss b/static/publik-famille-demo/_wcs.scss new file mode 100644 index 00000000..0b5d9004 --- /dev/null +++ b/static/publik-famille-demo/_wcs.scss @@ -0,0 +1,32 @@ +.wcs-step { + &.current & { + &--marker { + background-size: contain; + background-repeat: no-repeat; + } + } +} + +.form-content { + &--sidebox { + background: $gray-light; + padding: 1rem; + border-radius: $border-radius; + } +} + +div.cell.wcs-cards-cell { + h2:first-child { + font-size: $fz-3; + } + + div.list-of-cards { + ul > li { + border: none; + padding: 0.3rem 0; + > a { + @extend %pf-field; + } + } + } +} diff --git a/static/publik-famille-demo/config.json b/static/publik-famille-demo/config.json new file mode 100644 index 00000000..f4bca541 --- /dev/null +++ b/static/publik-famille-demo/config.json @@ -0,0 +1,17 @@ +{ + "label": "Publik Famille demo", + "variables": { + "pwa_display": "standalone", + "theme_color": "#EC671F", + "email_header_asset": "emails:logo" + }, + "settings": { + "combo": { + "COMBO_ASSET_SLOTS.update": { + "header:logo": { "label": "Têtière : logo" }, + "header:background": { "label": "Têtière : fond" }, + "emails:logo": {"label": "Emails : logo"} + } + } + } +} diff --git a/static/publik-famille-demo/img/bubble.svg b/static/publik-famille-demo/img/bubble.svg new file mode 100644 index 00000000..d2ca209b --- /dev/null +++ b/static/publik-famille-demo/img/bubble.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/publik-famille-demo/img/carrousel-banner.png b/static/publik-famille-demo/img/carrousel-banner.png new file mode 100644 index 0000000000000000000000000000000000000000..0b3c40b52a6c133d73379e1f754f54112a9bfa36 GIT binary patch literal 16194 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 DXSVy- literal 0 HcmV?d00001 diff --git a/static/publik-famille-demo/img/cloud.svg b/static/publik-famille-demo/img/cloud.svg new file mode 100644 index 00000000..f07be217 --- /dev/null +++ b/static/publik-famille-demo/img/cloud.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/publik-famille-demo/img/icon_demandes.svg b/static/publik-famille-demo/img/icon_demandes.svg new file mode 100644 index 00000000..73d4ff76 --- /dev/null +++ b/static/publik-famille-demo/img/icon_demandes.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/publik-famille-demo/img/icon_famille.svg b/static/publik-famille-demo/img/icon_famille.svg new file mode 100644 index 00000000..72b5c6cf --- /dev/null +++ b/static/publik-famille-demo/img/icon_famille.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/publik-famille-demo/img/icon_inscription.svg b/static/publik-famille-demo/img/icon_inscription.svg new file mode 100644 index 00000000..bbc92241 --- /dev/null +++ b/static/publik-famille-demo/img/icon_inscription.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/publik-famille-demo/style.scss b/static/publik-famille-demo/style.scss new file mode 100644 index 00000000..8663af01 --- /dev/null +++ b/static/publik-famille-demo/style.scss @@ -0,0 +1,10 @@ +@charset "UTF-8"; +@import '../includes/fonts/source-sans-pro'; + +@import 'vars'; +@import '../includes/publik'; +@import 'cells'; +@import 'custom'; +@import 'custom_classes'; +@import 'header'; +@import 'wcs'; diff --git a/templates/theme.html b/templates/theme.html index 8009e5f9..546dec88 100644 --- a/templates/theme.html +++ b/templates/theme.html @@ -18,7 +18,6 @@ {% if meta_keywords %} {% endif %} - {% block meta_icons %}{% endblock %} {% if theme_color %} diff --git a/templates/variants/publik-famille-demo/combo/cells/carrousel/menu-cell.html b/templates/variants/publik-famille-demo/combo/cells/carrousel/menu-cell.html new file mode 100644 index 00000000..412c69b8 --- /dev/null +++ b/templates/variants/publik-famille-demo/combo/cells/carrousel/menu-cell.html @@ -0,0 +1,8 @@ +{% extends "combo/cells/carrousel/menu-cell.html" %} + +{% block carrousel-item-content %} +{% for cell in menuitem.page.get_cells %} +{{cell.text|safe}} +{% endfor %} +{% endblock %} + diff --git a/templates/variants/publik-famille-demo/combo/link-list-cell.html b/templates/variants/publik-famille-demo/combo/link-list-cell.html new file mode 100644 index 00000000..3ab29891 --- /dev/null +++ b/templates/variants/publik-famille-demo/combo/link-list-cell.html @@ -0,0 +1,55 @@ +{% load i18n %} +{% block cell-content %} +{% load assets %} +{% spaceless %} + {% block cell-header %} + {% if title %}

{{ title }}

{% endif %} + {% include "combo/asset_picture_fragment.html" %} + {% endblock cell-header %} +
+ {% block cell-top-content %}{% endblock cell-top-content %} + + + {% if more_links %} + +
+ {% endspaceless %} +{% endblock %} diff --git a/templates/variants/publik-famille-demo/combo/menu.html b/templates/variants/publik-famille-demo/combo/menu.html new file mode 100644 index 00000000..5f44150e --- /dev/null +++ b/templates/variants/publik-famille-demo/combo/menu.html @@ -0,0 +1,23 @@ +{% load i18n %} +{% load assets %} + +{% if menuitems %} + +{% endif %} diff --git a/templates/variants/publik-famille-demo/combo/page_template.html b/templates/variants/publik-famille-demo/combo/page_template.html new file mode 100644 index 00000000..60117e4f --- /dev/null +++ b/templates/variants/publik-famille-demo/combo/page_template.html @@ -0,0 +1,18 @@ +{% extends "combo/page_template.html" %} + +{% block content-pre %} +
+
+ {% placeholder "page-header" name="Entête de la page"%} + {% if page.title %} +
+ {% if page.picture %} + + {% endif %} +

{{ page.title }}

+
{{ page.description }}
+
+ {% endif %} +
+
+{% endblock %} diff --git a/templates/variants/publik-famille-demo/combo/page_template_homepage.html b/templates/variants/publik-famille-demo/combo/page_template_homepage.html new file mode 100644 index 00000000..c79ce558 --- /dev/null +++ b/templates/variants/publik-famille-demo/combo/page_template_homepage.html @@ -0,0 +1,11 @@ +{% extends "combo/page_template_2cols.html" %} +{% load combo i18n %} + +{% block content-pre %} +{% endblock %} + +{% block header-content %} +
{{ page.description }}
+ {{ block.super }} +{% endblock %} + diff --git a/templates/variants/publik-famille-demo/includes/nav.html b/templates/variants/publik-famille-demo/includes/nav.html new file mode 100644 index 00000000..f5ecaae7 --- /dev/null +++ b/templates/variants/publik-famille-demo/includes/nav.html @@ -0,0 +1,5 @@ +{% extends "includes/nav.html" %} + +{% block menu %} + {% show_menu depth=1 ignore_visibility=True %} +{% endblock %}