sables-d-olonne-2022: add initial theme (#60532)

This commit is contained in:
Serghei Mihai 2021-12-16 11:50:51 +01:00
parent e30bd0d098
commit 374dc19dfe
28 changed files with 3475 additions and 0 deletions

View File

@ -0,0 +1,620 @@
$homepage-header-links:
"signalements" "picto-signalements" $light-green,
"demarches" "picto-demarches" $cyan,
"connexion" "picto-connexion" $orange,
;
$cells-backgrounds:
"dark-blue" $dark-blue,
"dark-gray" $dark-gray,
"red" $red,
"violet" $violet,
"cyan" $cyan,
"orange" $orange,
"light-green" $light-green,
"green" $green,
"purple" $purple,
"blue" $blue
;
//
// Typo
//
h1 {
font-size: $fz-h1;
font-weight: 800;
line-height: 1.1;
}
h2 {
font-size: $fz-h2;
font-weight: 700;
}
main {
background: url('img/grille_points_bleu.svg') left top no-repeat,
url('img/grille_points_orange.svg') right bottom no-repeat;
}
%button {
@extend %button;
font-weight: bold;
text-transform: uppercase;
padding-left: 1.5em;
padding-right: 1.5em;
}
%custom-radio-checkbox-widget {
@extend %custom-radio-checkbox-widget;
input {
&[type="checkbox"] + span::before {
border-radius: 3px;
}
+ span {
&::before {
top: 0.22rem;
height: 0.9rem;
width: 0.88rem;
border: 2px solid $widget-custom-radio-checkbox-border-color;
}
&::after {
height: calc(0.9rem - 4px);
width: calc(0.88rem - 4px);
top: calc(0.22rem + 4px);
left: 4px;
}
}
}
}
.rounded-corners {
border-radius: 1.5em;
}
strong {
font-weight: 600;
}
#logo.has-logo {
height: 120px;
display: flex;
@media ($max-mobile-viewport) {
padding-left: 0.5em;
}
@media (max-width: $very-small-limit) {
padding-left: 0;
}
}
.lso-page-header {
height: 510px;
background: url('/assets/banner:background') center no-repeat;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 2em;
&--default {
width: $width;
margin: 0 auto;
color: #fff;
text-align: center;
h1 {
text-transform: uppercase;
position: relative;
&::after {
position: absolute;
bottom: -0.25em;
left: calc(50% - 0.75em);
content:"";
width: 1.5em;
height: 6px;
background-color: #fff;
display: block;
border-radius: 1em 0 1em 0;
}
}
}
}
.lso-home--wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: -460px;
background: url('img/logo.svg') top right no-repeat;
padding-top: 300px;
margin-bottom: 2em;
@media ($max-mobile-viewport) {
background: url('img/logo.svg') top center no-repeat;
background-size: contain;
padding-top: 330px;
}
div.linkcell {
padding: 0.5em;
li {
width: 228px;
height: 228px;
border-radius: 50%;
margin: 0 0.75em;
display: flex;
justify-content: center;
@media ($max-mobile-viewport) {
width: 180px;
height: 180px;
}
}
a {
color: #fff;
font-weight: bold;
align-items: center;
&:hover {
background: transparent;
}
}
@each $name, $img, $background in $homepage-header-links {
&.lien-#{$name} li {
background: #{$background};
border: 3px solid #{$background};
a {
background: url('img/#{$img}.svg') center 25% no-repeat;
padding-top: 3em;
}
&:hover {
background: #fff;
a {
color: #{$background};
background: url('img/#{$img}-hover.svg') center 25% no-repeat;
}
}
}
}
}
}
h1.has-logo a {
width: 260px;
}
#top {
@media ($min-desktop-viewport) {
display: flex;
align-items: center;
justify-content: space-between;
}
}
//
// Nav
//
div.gru-nav {
ul li {
@media (max-width: $nav-mobile-limit) {
text-align: center;
}
margin: 0 0.5em;
&:last-child a {
@extend %button;
margin: 0;
}
a.registration {
&:hover::after {
background: url('img/fleche-hover.svg') center no-repeat;
}
&::after {
margin-left: 0.4em;
content: '';
background: url('img/fleche.svg') center no-repeat;
width: 1em;
height: 0.8em;
display: inline-block;
vertical-align: middle;
}
}
@media (max-width: $nav-mobile-limit) {
a.account-link {
display: none;
}
}
}
.gru-nav-button {
border-radius: 50%;
position: absolute;
right: 3em;
top: 2em;
@media (max-width: $nav-mobile-limit) {
+ ul {
margin-top: 2em;
padding-bottom: 1em;
a {
width: auto;
}
}
}
.icon-bar {
width: 50%;
left: 25%;
&-1 {
top: 30%;
}
&-2 {
top: 50%;
}
&-3 {
top: 70%;
}
}
&.toggled {
background: transparent;
+ ul {
margin-top: 4em;
}
.icon-bar {
border: 1px solid $primary-color;
}
}
}
}
.pwa-navigation {
padding: 1em 0;
div > ul li a {
text-transform: uppercase;
font-weight: 600;
display: flex;
align-items: center;
background-position: 50% 5px;
background-size: auto calc( #{$nav-mobile-bottom-bar-height / 2} - 5px );
span {
height: auto;
width: 100%;
font-size: $fz-small;
}
}
@media ($max-mobile-viewport) {
left: 0;
}
@media ($min-desktop-viewport) {
position: static;
background-color: white;
div > ul li {
a, &.selected a, &.selected:hover a, &:hover a {
color: $cyan;
background-color: transparent
}
a {
color: $violet;
}
}
}
}
//
// Content
//
.gru-content {
div.wcsformsofcategorycell {
h2:first-child {
background: $orange;
color: #fff;
border-radius: 0.5em;
text-transform: uppercase;
}
li {
box-shadow: $widget-box-shadow;
border-radius: 1em;
margin: 1em 0;
a {
color: $orange;
font-size: 1.5em;
padding-left: 2.5em;
justify-content: space-between;
&::after {
content: '\f0a9'; /* fa-arrow-right */
font-family: FontAwesome;
font-size: 1.5em;
}
}
}
}
div.trackingcodeinputcell {
color: #fff;
background: $cyan;
padding: 1.5em;
@extend .rounded-corners;
input {
@extend .rounded-corners;
color: #fff;
background: transparent;
border: 2px solid #fff;
margin: 0 1em;
box-shadow: none;
}
button {
background-image: url('img/fleche.svg');
background-position: 95% 50%;
background-repeat: no-repeat;
padding-right: 1.75em;
&:hover {
background-image: url('img/fleche-hover.svg');
}
}
}
div.cell--title {
font-size: 1.4em;
background: url('img/suivez-votre-demarche.svg') center left no-repeat;
padding-left: 3em;
margin: 0.25em 0;
div {
line-height: 1em;
&:first-child {
font-size: 2.4em;
font-weight: bold;
}
}
}
div.wcs-tracking-code-input {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
@media ($max-mobile-viewport) {
justify-content: center;
form * {
margin: 0.5em 0;
}
}
@media (max-width: $very-small-limit) {
form * {
width: 100%;
}
}
}
div.linklistcell {
border-radius: 1.5em;
background: $primary-color;
h2:first-child {
color: #fff;
text-transform: uppercase;
line-height: 1em;
}
ul {
padding-bottom: 0.5em;
&::before {
content: '';
height: 2px;
display: block;
background: rgba(255, 255, 255, 0.15);
margin: 0 1.5em;
}
}
li a {
color: #fff;
background: url('img/fleche-d.svg') center left no-repeat;
margin-left: 1.5em;
padding-left: 1.5em;
font-size: 1.3em;
&:hover {
color: #fff;
background: transparent url('img/fleche-d-bold.svg') center left no-repeat;
font-weight: bold;
}
}
&.has-asset-picture h2 {
display: flex;
align-items: center;
div {
width: 2.5em;
height: 2.5em;
display: inline-block;
border-radius: 50%;
border: 2px solid #fff;
background-size: cover;
background-position: center;
margin-right: 0.5em;
flex-shrink: 0;
}
}
}
}
div#columns > div.trackingcodeinputcell:first-child {
margin-top: -6em;
}
div.cell.foldable {
> div > h2:first-child::after {
right: 0.5em;
content: '';
width: 1em;
height: 1em;
display: block;
background-image: url('img/fleche-bas.svg');
background-position: center;
background-repeat: no-repeat;
}
&.folded > div > h2:first-child::after {
content: '';
background-image: url('img/fleche-haut.svg');
}
}
@each $name, $background in $cells-backgrounds {
div.cell.#{$name}-bg {
background-color: #{$background};
color: #fff;
}
}
label {
color: $orange;
}
div.widget-with-error {
label {
color: $red;
}
div.content {
input, select, textarea {
border: 1px solid $red;
background: rgba(255, 0, 0, 0.2);
}
}
}
div.submit-button button, .gru-content button.submit-button {
background: #ffff;
color: $orange;
}
.form-content--title {
background: $orange;
color: #fff;
border-radius: 20px;
}
div#side {
background: $cyan;
display: flex;
border-radius: 10px;
padding: 0.5em 2em;
justify-content: space-between;
align-items: center;
}
div#tracking-code {
div.tracking-code-part {
background-image: url('img/suivez-votre-demarche.svg');
background-position: center left;
background-repeat: no-repeat;
padding-left: 4.5em;
}
&.has-discard-button {
form {
margin: 0;
display: flex;
justify-content: center;
}
}
h3, a {
text-transform: uppercase;
color: #fff;
display: inline-block;
}
a {
@extend .rounded-corners;
border: 1px solid #fff;
@media (min-width: $very-small-limit + 1) {
margin-left: 2em;
}
}
}
div#tracking-code, .wcs-steps {
margin: 0;
}
div#gauche div#tracking-code a {
padding: 0 0.5em;
}
// Steps
.wcs-steps h2 {
@extend h3;
font-weight: bold;
display: block;
text-transform: uppercase;
margin: 0;
color: #fff;
line-height: 1.2em;
@media ($max-mobile-viewport) {
text-align: center;
}
}
.wcs-step {
margin: 0;
@media ($max-mobile-viewport) {
justify-content: center;
}
&--marker {
width: auto;
font-size: 1.2em;
}
}
.wcs-steps {
@media (min-width: $very-small-limit + 1) {
max-width: 40%;
}
&--list {
margin-top: -1em;
}
}
#footer {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
@media ($max-mobile-viewport) {
justify-content: center;
}
a {
font-size: 1em;
font-weight: bold;
}
}
// Footer
#footer-wrapper {
padding-top: 2em;
}
.footer-logo {
text-align: center;
img {
width: 250px;
height: auto;
}
@media ($min-desktop-viewport) {
float: left;
height: 100%;
margin-right: 1.5rem;
}
}
.footer-post {
background: #022d55;
text-align: center;
color: #fff;
padding: 0.5em 0;
font-size: 0.8em;
a {
color: #fff;
}
}
// Misc
a.orange-link {
color: $orange;
text-decoration: underline;
&:hover {
color: $dark-blue;
}
}
a.cyan-button {
@extend %button;
background: $cyan;
border: 0;
&:hover {
color: $cyan;
background: #fff;
}
}

View File

@ -0,0 +1,82 @@
// Colors
$dark-blue: #0D306F;
$orange: #ea7104;
$light-green: #91c020;
$cyan: #0097a4;
$dark-gray: #555555;
$red: #cc0e1f;
$blue: #0076ff;
$green: #068633;
$violet: #e2127f;
$purple: #632584;
// Custom vars
$ff-ss-serif: "Baloo 2", sans-serif;
// Core vars
$font-size: 18px;
$font-family: $ff-ss-serif;
$font-color: #0D306F;
$primary-color: $dark-blue;
$fz-h1: 3.2em;
$fz-h2: 2.8em;
$fz-small: 0.85em;
$width: 1146px;
$mobile-limit: 800px;
$link-color: $primary-color;
$footer-background: $dark-blue;
$footer-link-color: #fff;
$nav-color: $primary-color;
$nav-item-selected-mode: bottom-border;
$nav-button-background: $primary-color;
$nav-border-color: transparent;
$nav-mobile-menu-background: #fff;
$nav-mobile-menu-item-color: $primary-color;
$nav-mobile-menu-item-hover-background: transparent;
$nav-mobile-menu-item-hover-color: $primary-color;
$nav-item-selected-border: 0;
$nav-item-selected-background: transparent;
$nav-menu-side: 58px;
$cell-border: 0;
$cell-entry-border: 0;
$title-font-size: 2em;
$title-color: $dark-blue;
$title-weight: bold;
$title-background: transparent;
$button-background: $orange;
$button-color: #fff;
$button-hover-background: #fff;
$button-hover-color: $orange;
$button-border-radius: 1.5em;
$button-border: 2px solid $orange;
$widget-color: #000;
$widget-border-radius: 10em;
$widget-border: 0;
$widget-box-shadow: #ccc 1px 1px 10px;
$widget-focus-box-shadow: #999 1px 1px 12px;
$widget-custom-radio-checkbox: true;
$widget-unique-checkbox-position: left;
$buttons-order: cancel, previous, submit;
$buttons-alignment: space-between;
$form-sidebar-position: top;
$wcs-step-current-color: #fff;
$wcs-steps-small-layout-limit: 5120px;
$nav-mobile-bottom-bar-background: $cyan;
$nav-mobile-bottom-bar-color: #fff;

View File

@ -0,0 +1,26 @@
{
"label": "Les Sables d'Olonne 2022",
"variables": {
"pwa_display": "standalone",
"theme_color": "#0D306F",
"email_header_asset": "emails:logo"
},
"settings": {
"combo": {
"COMBO_ASSET_SLOTS.update": {
"header:logo": {"label": "Têtière : logo"},
"emails:logo": {"label": "Emails : logo"},
"footer:logo": {"label": "Pied de page : logo"},
"banner:background": {"label": "Bannière : image de fond"}
},
"COMBO_CELL_ASSET_SLOTS.update": {
"data_linkcell": {
"picture": {"prefix": "Icône"}
},
"wcs_wcsformcell": {
"picture": {"prefix": "Icône"}
}
}
}
}
}

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="39.265" height="21.633" viewBox="0 0 39.265 21.633">
<path id="Tracé_472" data-name="Tracé 472" d="M659,229.265a2,2,0,0,1-1.414-3.414L673.8,209.633l-16.218-16.218a2,2,0,0,1,2.828-2.828l17.633,17.633a2,2,0,0,1,0,2.828L660.414,228.68A1.994,1.994,0,0,1,659,229.265Z" transform="translate(229.265 -657) rotate(90)" fill="#fff"/>
</svg>

After

Width:  |  Height:  |  Size: 383 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="15.633" height="25.266" viewBox="0 0 15.633 25.266">
<path id="Tracé_484" data-name="Tracé 484" d="M659,214.266a3,3,0,0,1-2.121-5.121l7.512-7.512-7.512-7.512a3,3,0,1,1,4.243-4.243l9.633,9.633a3,3,0,0,1,0,4.243l-9.633,9.633A2.991,2.991,0,0,1,659,214.266Z" transform="translate(-656 -189)" fill="#fff"/>
</svg>

After

Width:  |  Height:  |  Size: 360 B

View File

@ -0,0 +1,41 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="13.633"
height="23.266"
viewBox="0 0 13.633 23.266"
version="1.1"
id="svg3"
sodipodi:docname="fleche-d-hover.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs7" />
<sodipodi:namedview
id="namedview5"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="36.233129"
inkscape:cx="6.8031663"
inkscape:cy="11.633"
inkscape:window-width="1920"
inkscape:window-height="1056"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg3" />
<path
id="Tracé_482"
data-name="Tracé 482"
d="M659,213.266a2,2,0,0,1-1.414-3.414l8.219-8.219-8.219-8.219a2,2,0,0,1,2.828-2.828l9.633,9.633a2,2,0,0,1,0,2.828l-9.633,9.633A1.994,1.994,0,0,1,659,213.266Z"
transform="translate(-657 -190)"
fill="#fff"
style="fill:#ea7104;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="13.633" height="23.266" viewBox="0 0 13.633 23.266">
<path id="Tracé_482" data-name="Tracé 482" d="M659,213.266a2,2,0,0,1-1.414-3.414l8.219-8.219-8.219-8.219a2,2,0,0,1,2.828-2.828l9.633,9.633a2,2,0,0,1,0,2.828l-9.633,9.633A1.994,1.994,0,0,1,659,213.266Z" transform="translate(-657 -190)" fill="#fff"/>
</svg>

After

Width:  |  Height:  |  Size: 360 B

View File

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="39.265"
height="21.633"
viewBox="0 0 39.265 21.633"
version="1.1"
id="svg3"
sodipodi:docname="fleche-haut.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs7" />
<sodipodi:namedview
id="namedview5"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="34.585509"
inkscape:cx="19.6325"
inkscape:cy="10.828234"
inkscape:window-width="1920"
inkscape:window-height="1028"
inkscape:window-x="0"
inkscape:window-y="28"
inkscape:window-maximized="1"
inkscape:current-layer="svg3" />
<path
id="Tracé_472"
data-name="Tracé 472"
d="M659,229.265a2,2,0,0,1-1.414-3.414L673.8,209.633l-16.218-16.218a2,2,0,0,1,2.828-2.828l17.633,17.633a2,2,0,0,1,0,2.828L660.414,228.68A1.994,1.994,0,0,1,659,229.265Z"
transform="translate(-190 678.633) rotate(-90)"
fill="#fff" />
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,41 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="8.916"
height="15.832"
viewBox="0 0 8.916 15.832"
version="1.1"
id="svg3"
sodipodi:docname="fleche-hover.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs7" />
<sodipodi:namedview
id="namedview5"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="53.24659"
inkscape:cx="4.4603795"
inkscape:cy="7.9159999"
inkscape:window-width="1920"
inkscape:window-height="1028"
inkscape:window-x="0"
inkscape:window-y="28"
inkscape:window-maximized="1"
inkscape:current-layer="svg3" />
<path
id="Tracé_471"
data-name="Tracé 471"
d="M659,206.832a1,1,0,0,1-.707-1.707l6.209-6.209-6.209-6.209a1,1,0,0,1,1.414-1.414l6.916,6.916a1,1,0,0,1,0,1.414l-6.916,6.916A1,1,0,0,1,659,206.832Z"
transform="translate(-658 -191)"
fill="#fff"
style="fill:#ea7104;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="8.916" height="15.832" viewBox="0 0 8.916 15.832">
<path id="Tracé_471" data-name="Tracé 471" d="M659,206.832a1,1,0,0,1-.707-1.707l6.209-6.209-6.209-6.209a1,1,0,0,1,1.414-1.414l6.916,6.916a1,1,0,0,1,0,1.414l-6.916,6.916A1,1,0,0,1,659,206.832Z" transform="translate(-658 -191)" fill="#fff"/>
</svg>

After

Width:  |  Height:  |  Size: 349 B

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 36 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 28 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 82 KiB

View File

@ -0,0 +1,48 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
id="monespace-blanc"
width="52.261"
height="59.331"
viewBox="0 0 52.261 59.331"
version="1.1"
sodipodi:docname="picto-connexion-hover.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs7" />
<sodipodi:namedview
id="namedview5"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="14.208424"
inkscape:cx="26.11127"
inkscape:cy="29.6655"
inkscape:window-width="1920"
inkscape:window-height="1056"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="monespace-blanc" />
<path
id="Tracé_225"
data-name="Tracé 225"
d="M169.237,66.949a14.46,14.46,0,1,1,14.46-14.46A14.476,14.476,0,0,1,169.237,66.949Zm0-25.474a11.014,11.014,0,1,0,11.014,11.014A11.027,11.027,0,0,0,169.237,41.475Z"
transform="translate(-143.127 -38.029)"
fill="#fff"
style="fill:#ea7104;fill-opacity:1" />
<path
id="Tracé_226"
data-name="Tracé 226"
d="M112.37,345.534H60.109V334.06a13.044,13.044,0,0,1,13.03-13.03h26.2a13.044,13.044,0,0,1,13.03,13.03Zm-48.815-3.446h45.37V334.06a9.6,9.6,0,0,0-9.584-9.584h-26.2a9.6,9.6,0,0,0-9.584,9.584Z"
transform="translate(-60.109 -286.203)"
fill="#fff"
style="fill:#ea7104;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
id="monespace-blanc"
width="52.261"
height="59.331"
viewBox="0 0 52.261 59.331"
version="1.1"
sodipodi:docname="picto-connexion.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs7" />
<sodipodi:namedview
id="namedview5"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="14.208424"
inkscape:cx="26.111271"
inkscape:cy="29.665501"
inkscape:window-width="1920"
inkscape:window-height="1056"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="monespace-blanc" />
<path
id="Tracé_225"
data-name="Tracé 225"
d="M169.237,66.949a14.46,14.46,0,1,1,14.46-14.46A14.476,14.476,0,0,1,169.237,66.949Zm0-25.474a11.014,11.014,0,1,0,11.014,11.014A11.027,11.027,0,0,0,169.237,41.475Z"
transform="translate(-143.127 -38.029)"
fill="#fff" />
<path
id="Tracé_226"
data-name="Tracé 226"
d="M112.37,345.534H60.109V334.06a13.044,13.044,0,0,1,13.03-13.03h26.2a13.044,13.044,0,0,1,13.03,13.03Zm-48.815-3.446h45.37V334.06a9.6,9.6,0,0,0-9.584-9.584h-26.2a9.6,9.6,0,0,0-9.584,9.584Z"
transform="translate(-60.109 -286.203)"
fill="#fff" />
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="47.454"
height="52.95"
viewBox="0 0 47.454 52.95"
version="1.1"
id="svg3"
sodipodi:docname="picto-demarches-hover.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs7" />
<sodipodi:namedview
id="namedview5"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="15.92068"
inkscape:cx="23.742704"
inkscape:cy="26.475"
inkscape:window-width="1920"
inkscape:window-height="1056"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg3" />
<path
id="demarches-blanc"
d="M-5.171,191.881a2.068,2.068,0,0,1-2.068,2.068h-6.917a8.283,8.283,0,0,1-8.273-8.273v-36.4A8.283,8.283,0,0,1-14.157,141H11.273a8.283,8.283,0,0,1,8.273,8.273v12.72a2.068,2.068,0,1,1-4.137,0v-12.72a4.141,4.141,0,0,0-4.137-4.137H-14.157a4.141,4.141,0,0,0-4.137,4.137v36.4a4.141,4.141,0,0,0,4.137,4.137h6.917A2.068,2.068,0,0,1-5.171,191.881ZM9.2,153.41H-12.1a2.068,2.068,0,0,0-2.068,2.068,2.068,2.068,0,0,0,2.068,2.068H9.2a2.068,2.068,0,0,0,0-4.137Zm2.068,10.342A2.068,2.068,0,0,0,9.2,161.684H-12.1a2.068,2.068,0,0,0-2.068,2.068A2.068,2.068,0,0,0-12.1,165.82H9.2A2.068,2.068,0,0,0,11.273,163.752ZM-12.1,169.957a2.068,2.068,0,0,0-2.068,2.068,2.068,2.068,0,0,0,2.068,2.068H.839a2.068,2.068,0,1,0,0-4.137Zm35.309,9.765-11.332,11.31a2.068,2.068,0,0,1-.909.529l-8.348,2.313A2.068,2.068,0,0,1,.089,191.28l2.473-8.142a2.069,2.069,0,0,1,.518-.863l11.356-11.33a6.205,6.205,0,0,1,8.774,8.777Zm-6.252.4-2.926-2.926L6.37,184.838l-1.229,4.047,4.2-1.163Zm3.327-6.246a2.071,2.071,0,0,0-2.925,0l-.4.4,2.925,2.925.4-.4A2.07,2.07,0,0,0,20.285,173.872Z"
transform="translate(22.43 -141)"
fill="#fff"
style="fill:#0097a4;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="47.454"
height="52.95"
viewBox="0 0 47.454 52.95"
version="1.1"
id="svg3"
sodipodi:docname="picto-demarches.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs7" />
<sodipodi:namedview
id="namedview5"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="15.92068"
inkscape:cx="23.742705"
inkscape:cy="26.475"
inkscape:window-width="1920"
inkscape:window-height="1056"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg3" />
<path
id="demarches-blanc"
d="M-5.171,191.881a2.068,2.068,0,0,1-2.068,2.068h-6.917a8.283,8.283,0,0,1-8.273-8.273v-36.4A8.283,8.283,0,0,1-14.157,141H11.273a8.283,8.283,0,0,1,8.273,8.273v12.72a2.068,2.068,0,1,1-4.137,0v-12.72a4.141,4.141,0,0,0-4.137-4.137H-14.157a4.141,4.141,0,0,0-4.137,4.137v36.4a4.141,4.141,0,0,0,4.137,4.137h6.917A2.068,2.068,0,0,1-5.171,191.881ZM9.2,153.41H-12.1a2.068,2.068,0,0,0-2.068,2.068,2.068,2.068,0,0,0,2.068,2.068H9.2a2.068,2.068,0,0,0,0-4.137Zm2.068,10.342A2.068,2.068,0,0,0,9.2,161.684H-12.1a2.068,2.068,0,0,0-2.068,2.068A2.068,2.068,0,0,0-12.1,165.82H9.2A2.068,2.068,0,0,0,11.273,163.752ZM-12.1,169.957a2.068,2.068,0,0,0-2.068,2.068,2.068,2.068,0,0,0,2.068,2.068H.839a2.068,2.068,0,1,0,0-4.137Zm35.309,9.765-11.332,11.31a2.068,2.068,0,0,1-.909.529l-8.348,2.313A2.068,2.068,0,0,1,.089,191.28l2.473-8.142a2.069,2.069,0,0,1,.518-.863l11.356-11.33a6.205,6.205,0,0,1,8.774,8.777Zm-6.252.4-2.926-2.926L6.37,184.838l-1.229,4.047,4.2-1.163Zm3.327-6.246a2.071,2.071,0,0,0-2.925,0l-.4.4,2.925,2.925.4-.4A2.07,2.07,0,0,0,20.285,173.872Z"
transform="translate(22.43 -141)"
fill="#fff" />
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,72 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="54.819"
height="59.802"
viewBox="0 0 54.819 59.802"
version="1.1"
id="svg8"
sodipodi:docname="picto-signalements-hover.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs12" />
<sodipodi:namedview
id="namedview10"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="14.096519"
inkscape:cx="27.382647"
inkscape:cy="29.900999"
inkscape:window-width="1920"
inkscape:window-height="1056"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg8" />
<g
id="Groupe_207"
data-name="Groupe 207"
transform="translate(0 0)"
style="fill:#91c020;fill-opacity:1">
<g
id="Groupe_30"
data-name="Groupe 30"
transform="translate(0 0)"
style="fill:#91c020;fill-opacity:1">
<g
id="signalement-blanc"
transform="translate(0 0)"
style="fill:#91c020;fill-opacity:1">
<path
id="Tracé_227"
data-name="Tracé 227"
d="M414.379,67.792a1.869,1.869,0,1,0-2.644,2.644,26.617,26.617,0,0,1,7.844,18.942,1.869,1.869,0,0,0,3.738,0A30.336,30.336,0,0,0,414.379,67.792Z"
transform="translate(-368.498 -64.461)"
fill="#fff"
style="fill:#91c020;fill-opacity:1" />
<path
id="Tracé_228"
data-name="Tracé 228"
d="M49.437,89.4a26.6,26.6,0,0,1,7.847-18.94,1.87,1.87,0,0,0-2.644-2.644A30.32,30.32,0,0,0,45.7,89.4a1.869,1.869,0,1,0,3.738,0Z"
transform="translate(-45.699 -64.479)"
fill="#fff"
style="fill:#91c020;fill-opacity:1" />
<path
id="Tracé_229"
data-name="Tracé 229"
d="M115.317,88.045a16.7,16.7,0,0,1-5.925-12.77V68.327A17.466,17.466,0,0,0,93.818,50.986V45.279a1.869,1.869,0,0,0-3.738,0v5.707A17.466,17.466,0,0,0,74.506,68.328v6.947a16.7,16.7,0,0,1-5.95,12.788,4.361,4.361,0,0,0,2.836,7.675h11.4a9.345,9.345,0,0,0,18.312,0h11.4a4.359,4.359,0,0,0,2.81-7.692ZM91.949,99.475a5.614,5.614,0,0,1-5.285-3.738H97.234A5.614,5.614,0,0,1,91.949,99.475ZM112.506,92H71.392a.63.63,0,0,1-.623-.623.622.622,0,0,1,.225-.479,20.422,20.422,0,0,0,7.251-15.623V68.327a13.7,13.7,0,0,1,27.41,0v6.947A20.428,20.428,0,0,0,112.909,90.9a.614.614,0,0,1,.219.474A.63.63,0,0,1,112.506,92Z"
transform="translate(-64.539 -43.41)"
fill="#fff"
style="fill:#91c020;fill-opacity:1" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="54.819"
height="59.802"
viewBox="0 0 54.819 59.802"
version="1.1"
id="svg8"
sodipodi:docname="picto-signalement.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs12" />
<sodipodi:namedview
id="namedview10"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="14.096519"
inkscape:cx="27.382647"
inkscape:cy="29.900999"
inkscape:window-width="1920"
inkscape:window-height="1056"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg8" />
<g
id="Groupe_207"
data-name="Groupe 207"
transform="translate(0 0)">
<g
id="Groupe_30"
data-name="Groupe 30"
transform="translate(0 0)">
<g
id="signalement-blanc"
transform="translate(0 0)">
<path
id="Tracé_227"
data-name="Tracé 227"
d="M414.379,67.792a1.869,1.869,0,1,0-2.644,2.644,26.617,26.617,0,0,1,7.844,18.942,1.869,1.869,0,0,0,3.738,0A30.336,30.336,0,0,0,414.379,67.792Z"
transform="translate(-368.498 -64.461)"
fill="#fff" />
<path
id="Tracé_228"
data-name="Tracé 228"
d="M49.437,89.4a26.6,26.6,0,0,1,7.847-18.94,1.87,1.87,0,0,0-2.644-2.644A30.32,30.32,0,0,0,45.7,89.4a1.869,1.869,0,1,0,3.738,0Z"
transform="translate(-45.699 -64.479)"
fill="#fff" />
<path
id="Tracé_229"
data-name="Tracé 229"
d="M115.317,88.045a16.7,16.7,0,0,1-5.925-12.77V68.327A17.466,17.466,0,0,0,93.818,50.986V45.279a1.869,1.869,0,0,0-3.738,0v5.707A17.466,17.466,0,0,0,74.506,68.328v6.947a16.7,16.7,0,0,1-5.95,12.788,4.361,4.361,0,0,0,2.836,7.675h11.4a9.345,9.345,0,0,0,18.312,0h11.4a4.359,4.359,0,0,0,2.81-7.692ZM91.949,99.475a5.614,5.614,0,0,1-5.285-3.738H97.234A5.614,5.614,0,0,1,91.949,99.475ZM112.506,92H71.392a.63.63,0,0,1-.623-.623.622.622,0,0,1,.225-.479,20.422,20.422,0,0,0,7.251-15.623V68.327a13.7,13.7,0,0,1,27.41,0v6.947A20.428,20.428,0,0,0,112.909,90.9a.614.614,0,0,1,.219.474A.63.63,0,0,1,112.506,92Z"
transform="translate(-64.539 -43.41)"
fill="#fff" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="64.222" height="64.546" viewBox="0 0 64.222 64.546">
<path id="suivi-blanc" d="M58.044,160.656a2.152,2.152,0,0,0-2.754-2.226l-59.914,17.6a2.154,2.154,0,0,0-1.521,1.73,2.154,2.154,0,0,0,.912,2.115l24.423,16.692a2.176,2.176,0,0,0,.125.209l17.2,25.174a2.154,2.154,0,0,0,3.846-.608l17.6-59.914A2.145,2.145,0,0,0,58.044,160.656ZM37.513,215.765,23.881,195.819l6.782-6.782a2.227,2.227,0,1,0-2.983-3.306L20.9,192.513.952,178.881l47.7-14.011-13.679,14.1a2.164,2.164,0,1,0,2.995,3.122l13.445-13.648Z" transform="translate(6.171 -158.342)" fill="#8ac4c9"/>
</svg>

After

Width:  |  Height:  |  Size: 602 B

View File

@ -0,0 +1,6 @@
@charset "UTF-8";
@import '../includes/fonts/baloo2';
@import 'vars';
@import '../includes/publik';
@import 'custom';

View File

@ -0,0 +1,7 @@
{% load assets %}
{% get_asset cell=cell type='picture' as asset %}
{% if asset %}
<picture>
<img src="{% asset_url asset size=cell_picture_size|default:"1146x600" crop=cell_picture_crop|default:"center" upscale=cell_picture_upscale|default:False %}" alt="">
</picture>
{% endif %}

View File

@ -0,0 +1,7 @@
{% extends 'combo/link-list-cell.html' %}
{% load assets %}
{% block cell-header %}
{% get_asset cell=cell type='picture' as asset %}
<h2>{% if asset %}<div style="background-image: url('{% asset_url asset size=cell_picture_size|default:"660x360" crop=cell_picture_crop|default:"center" upscale=cell_picture_upscale|default:False %}')"></div>{% endif %}{{ title }}</h2>
{% endblock %}

View File

@ -0,0 +1,14 @@
{% load i18n %}
{% if menuitems %}
{% spaceless %}
{% for menuitem in menuitems %}
<li data-menu-page-id="{{ menuitem.page.id }}" class="menu-{{ menuitem.page.slug }} {% if menuitem.selected %}selected{% endif %}"><a
{% if menuitem.selected %}title="{{ menuitem.page.title }} - {% trans "active page" %}"{% endif %}
href="{% page_absolute_url menuitem.page %}"><span>{{ menuitem.page.title }}</span></a>
{% if depth > 1 %}
{% show_menu current_page=menuitem.page level=-1 depth=depth reduce_depth=True ignore_visibility=ignore_visibility %}
{% endif %}
</li>
{% endfor %}
{% endspaceless %}
{% endif %}

View File

@ -0,0 +1,37 @@
{% extends "combo/page_template.html" %}
{% load combo %}
{# move nav into the header #}
{% block nav %}
{% endblock %}
{% block header-title %}
{{ block.super }}
{% include 'includes/nav.html' %}
{% endblock %}
{% block before-main-content %}
{{ block.super }}
<header class="lso-page-header">
{% if page.title and page.slug != 'index' %}
<div class="lso-page-header--default">
<h1>
{{ page.title }}
</h1>
</div>
{% endif %}
</header>
{% endblock %}
{% block footer-top %}
<div class="footer-logo">
<img src="{{site_base}}/assets/footer:logo" alt="Les Sables d'Olonne">
</div>
{% endblock %}
{% block footer-post %}
<div class="footer-post">
{% placeholder "end" name="Fin de pied page" %}
</div>
{% endblock %}

View File

@ -0,0 +1,9 @@
{% extends "combo/page_template.html" %}
{% load combo %}
{% block content-pre %}
<div class="lso-home--wrapper">
{% placeholder "banner" name="Bannière" %}
</div>
{{ block.super }}
{% endblock %}

View File

@ -0,0 +1,16 @@
{% extends "combo/wcs/tracking_code_input.html" %}
{% block title %}
<div class="cell--title">
<div>SUIVEZ</div>
<div>VOTRE DÉMARCHE</div>
</div>
{% endblock %}
{% block input-placeholder-content %}Code de suivi: CNDETDOP{% endblock %}
{% block intro-text %}{% endblock %}
{% block submit-content %}
SUIVRE MA DÉMARCHE
{% endblock %}

View File

@ -0,0 +1,19 @@
{% extends "includes/nav.html" %}
{% block menu %}
<ul>
{{ block.super }}
{% skeleton_extra_placeholder user-info %}
{% if user.is_authenticated %}
<li><a class="account-link" href="{{idp_account_url}}">{{user.first_name}} {{user.last_name}}</a></li>
<li><a accesskey="o" class="logout" href="{% url 'auth_logout' %}">Déconnexion</a></li>
{% else %}
{% firstof registration_url idp_registration_url as registration_url %}
<li><a accesskey="2" class="login-link" href="{% url 'auth_login' %}">Se connecter</a></li>
{% if registration_url and include_registration_link != False %}
<li><a class="registration" href="{{registration_url}}">Créer un compte</a></li>
{% endif %}
{% endif %}
{% end_skeleton_extra_placeholder %}
</ul>
{% endblock %}