entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 10 Releases Wiki Activity

publik-famille-demo: integrate icons (#61085)

This commit is contained in:
Corentin Sechet 2022-12-29 16:07:28 +01:00
parent 45198c5714
commit 36fdf5e86d
25 changed files with 115 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/publik-famille-demo/_cells.scss
View File

@ -12,16 +12,6 @@
}
}
%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 {

4
static/publik-famille-demo/_custom.scss
View File

@ -1,7 +1,3 @@
:root {
--pf-icon-content: "";
}
h1 {
font-size: $fz-1;
font-weight: 800;

143
static/publik-famille-demo/_custom_classes.scss
View File

@ -26,34 +26,106 @@
}
}
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;
.pf-icon {
display: flex;
align-items: center;
background: bottom 30% left / 1.8rem no-repeat url(img/bubble.svg);
transition: all 0.2s ease-out;
&:hover {
background-size: 2.5rem;
background-position: bottom 40% left;
}
a {
padding-left: 3rem !important;
&::before {
@extend %pf-icon;
width: 35px;
height: 35px;
font-size: 35px;
margin-right: 1rem;
}
position: absolute;
left: 0;
width: 2rem;
height: 2rem;
margin: 0 0.5rem;
&:hover {
background-position-x: 10px;
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
content: "";
}
}
}
.pf-icon-button {
@extend %inverted-button;
position: relative;
padding: 0.8rem 4rem 0.8rem 1rem;
display: inline-block;
font-size: 1.2rem;
font-weight: bold;
text-decoration: none !important;
text-transform: uppercase;
&::after {
position: absolute;
width: 2rem;
top: calc((100% - 2rem) / 2);
right: 1rem;
height: 2rem;
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
content: "";
}
&:hover {
text-decoration: underline !important;
}
}
@mixin icon($name) {
.pf-icon.#{$name} a::before {
background-image: url("img/icons/" + $name + ".svg")
}
.pf-icon-button.#{$name}::after {
background-image: url("img/icons/" + $name + ".svg")
}
}
@include icon("admin");
@include icon("agent");
@include icon("assmat");
@include icon("calendrier");
@include icon("cloche");
@include icon("creche");
@include icon("demandes");
@include icon("dsi");
@include icon("facture");
@include icon("gestionnaire");
@include icon("incsriptions");
@include icon("left");
@include icon("loisirs");
@include icon("nuage");
@include icon("periscolaire");
@include icon("restauration");
@include icon("right");
@include icon("scolarisation");
@include icon("tribu");
@include icon("warning");
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;
@ -62,51 +134,10 @@ div.card.pf-card-detail {
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';
}

1
static/publik-famille-demo/_vars.scss
View File

@ -85,6 +85,7 @@ $button-background: $orange-dark;
$button-color: white;
$button-hover-background: $orange;
$cancel-button-style: "%inverted-button";
$button-border: 2px solid $orange;
$error-color: $red;
$widget-unique-checkbox-position: left;

7
static/publik-famille-demo/_wcs.scss
View File

@ -30,3 +30,10 @@ div.cell.wcs-card-cell.card-table {
}
}
}
%button {
box-shadow: none;
&:hover {
box-shadow: none;
}
}

1
static/publik-famille-demo/img/icons/admin.svg Executable file
View File

@ -0,0 +1 @@
<svg enable-background="new 0 0 25.7 31.62" viewBox="0 0 25.7 31.62" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#ec671f" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="translate(-5 -2)"><path d="m23.77 5.96h2.96c1.64 0 2.96 1.32 2.97 2.96v20.74c0 1.64-1.33 2.96-2.96 2.96h-17.78c-1.63 0-2.96-1.32-2.96-2.96v-20.74c0-1.64 1.33-2.96 2.96-2.96h2.96"/><path d="m13.4 3h8.89c.82 0 1.48.66 1.48 1.48v2.96c0 .82-.66 1.48-1.48 1.48h-8.89c-.82 0-1.48-.66-1.48-1.48v-2.96c0-.82.67-1.48 1.48-1.48z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 542 B

1
static/publik-famille-demo/img/icons/agent.svg Executable file
View File

@ -0,0 +1 @@
<svg enable-background="new 0 0 30.85 30.85" viewBox="0 0 30.85 30.85" xmlns="http://www.w3.org/2000/svg"><path d="m11.57 13.53c0-1.06-.86-1.93-1.92-1.93h-.97c-2.13 0-3.86 1.73-3.86 3.86v2.89c0 2.13 1.73 3.86 3.86 3.86h.96c1.06 0 1.93-.86 1.93-1.93zm10.6 8.68c2.13 0 3.86-1.73 3.86-3.86v-2.89c0-2.13-1.72-3.86-3.85-3.86h-.96c-1.06 0-1.93.86-1.93 1.93v6.75c0 1.06.86 1.93 1.93 1.93zm-6.75-21.21c-8.6 0-15.14 7.16-15.42 15.42v.96c0 .53.43.96.96.96h.96c.53 0 .96-.43.96-.96v-.96c.01-6.92 5.62-12.53 12.54-12.53s12.54 5.61 12.54 12.53h-.01c0 .15.01 9.99.01 9.99 0 1.41-1.14 2.55-2.55 2.55h-6.13c0-1.6-1.29-2.89-2.89-2.89h-1.93c-1.6 0-2.89 1.29-2.89 2.89s1.29 2.89 2.89 2.89h10.95c3 0 5.44-2.44 5.44-5.44v-9.99c-.28-8.26-6.82-15.42-15.43-15.42z" fill="#ec671f"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 763 B

1
static/publik-famille-demo/img/icons/assmat.svg Normal file
View File

@ -0,0 +1 @@
<svg height="17.362" viewBox="0 0 20.609 17.362" width="20.609" xmlns="http://www.w3.org/2000/svg"><g fill="#ec671f" fill-rule="evenodd"><path d="m22.117 8a3.165 3.165 0 1 0 3.165 3.165 3.169 3.169 0 0 0 -3.165-3.165" transform="translate(-11.812 -4.88)"/><path d="m20.182 13.222-.723-.375.152.8c.013.072.025.145.032.221a2.251 2.251 0 0 1 .011.226 2.355 2.355 0 0 1 -.017.269l-.006.04a2.385 2.385 0 0 1 -.045.243 2.24 2.24 0 0 1 -.069.233 2.175 2.175 0 0 1 -.1.232l-.144.3.274.192a3.956 3.956 0 1 1 -4.542 0l.274-.192-.144-.3a2.305 2.305 0 0 1 -.1-.241c-.025-.073-.047-.148-.073-.255-.016-.07-.028-.141-.037-.21l-.008-.049a2.367 2.367 0 0 1 -.015-.261c0-.076 0-.152.011-.227s.019-.148.032-.22l.152-.8-.723.375a6.33 6.33 0 1 0 5.8 0" transform="translate(-6.977 -7.809)"/><path d="m21.508 4.62c0-.1-.009-.169-.013-.2a4.124 4.124 0 0 0 -1.995-3.56 4.861 4.861 0 0 0 -5.155-.016 5.638 5.638 0 0 1 -3.094.826h-.042-.04a5.622 5.622 0 0 1 -3.1-.825 4.861 4.861 0 0 0 -5.15.015 4.125 4.125 0 0 0 -2 3.558c0 .032-.008.1-.013.2a6.291 6.291 0 0 0 3.227 5.734 7.093 7.093 0 0 1 3.34-5.242 3.95 3.95 0 0 1 7.472 0 7.093 7.093 0 0 1 3.335 5.245 6.29 6.29 0 0 0 3.228-5.735" transform="translate(-.905 -.113)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

1
static/publik-famille-demo/img/icons/calendrier.svg Executable file
View File

@ -0,0 +1 @@
<svg enable-background="new 0 0 67.95 66" viewBox="0 0 67.95 66" xmlns="http://www.w3.org/2000/svg"><g fill="#ec671f" stroke="#ec671f" transform="translate(-14.5 -21.542)"><path d="m20.72 76.06h32.48c2 7.81 9.96 12.53 17.77 10.52s12.53-9.96 10.52-17.77c-1.14-4.46-4.32-8.12-8.58-9.88v-26.2c.04-3.23-2.52-5.89-5.75-5.98h-3.98v-3.6c0-.61-.5-1.11-1.11-1.11s-1.11.5-1.11 1.11v3.6h-15.96v-3.6c0-.61-.5-1.11-1.11-1.11s-1.11.5-1.11 1.11v3.6h-15.84v-3.6c0-.61-.5-1.11-1.11-1.11s-1.11.5-1.11 1.11v3.6h-4c-3.22.08-5.78 2.75-5.72 5.98v37.37c-.06 3.22 2.5 5.88 5.72 5.96zm58.99-3.63c0 6.83-5.54 12.37-12.37 12.37s-12.37-5.54-12.37-12.37 5.54-12.37 12.37-12.37c6.82.01 12.36 5.55 12.37 12.37zm-62.49-39.7c-.06-2 1.5-3.67 3.49-3.76h4v2.79c0 .61.5 1.11 1.11 1.11s1.11-.5 1.11-1.11v-2.79h15.84v2.79c0 .61.5 1.11 1.11 1.11s1.12-.49 1.12-1.1v-2.79h15.97v2.79c0 .61.5 1.11 1.11 1.11s1.11-.5 1.11-1.11v-2.79h3.98c2 .08 3.57 1.75 3.52 3.76v25.49c-1.09-.25-2.21-.38-3.34-.38-8.06.01-14.59 6.54-14.6 14.6 0 .47.01.98.06 1.4h-32.1c-1.99-.08-3.55-1.75-3.49-3.74z"/><path d="m37.25 42.59h2.68c.61 0 1.11-.5 1.11-1.11s-.5-1.11-1.11-1.11h-2.68c-.61 0-1.11.5-1.11 1.11s.5 1.11 1.11 1.11z"/><path d="m47.88 42.59h2.68c.61 0 1.11-.5 1.11-1.11s-.5-1.11-1.11-1.11h-2.68c-.61 0-1.11.5-1.11 1.11s.5 1.11 1.11 1.11z"/><path d="m58.6 42.59h2.68c.61 0 1.11-.5 1.11-1.11s-.5-1.11-1.11-1.11h-2.68c-.61 0-1.11.5-1.11 1.11s.5 1.11 1.11 1.11z"/><path d="m37.25 53.7h2.68c.61 0 1.11-.5 1.11-1.11s-.5-1.11-1.11-1.11h-2.68c-.61 0-1.11.5-1.11 1.11s.5 1.11 1.11 1.11z"/><path d="m26.53 53.7h2.68c.61 0 1.11-.5 1.11-1.11s-.5-1.11-1.11-1.11h-2.68c-.61 0-1.11.5-1.11 1.11s.5 1.11 1.11 1.11z"/><path d="m47.88 53.7h2.68c.61 0 1.11-.5 1.11-1.11s-.5-1.11-1.11-1.11h-2.68c-.61 0-1.11.5-1.11 1.11s.5 1.11 1.11 1.11z"/><path d="m58.6 53.7h2.68c.61 0 1.11-.5 1.11-1.11s-.5-1.11-1.11-1.11h-2.68c-.61 0-1.11.5-1.11 1.11s.5 1.11 1.11 1.11z"/><path d="m37.25 64.67h2.68c.61 0 1.11-.49 1.12-1.11s-.49-1.11-1.11-1.12h-.01-2.68c-.61 0-1.11.49-1.12 1.11s.5 1.12 1.12 1.12z"/><path d="m26.53 64.67h2.68c.61 0 1.11-.49 1.12-1.11 0-.61-.49-1.11-1.11-1.12h-.01-2.68c-.61 0-1.11.49-1.12 1.11.01.62.5 1.12 1.12 1.12z"/><path d="m47.88 64.67h2.68c.61 0 1.11-.49 1.12-1.11s-.49-1.11-1.11-1.12h-.01-2.68c-.61 0-1.11.49-1.12 1.11s.5 1.12 1.12 1.12z"/><path d="m63.17 72.29c-.48-.38-1.18-.3-1.56.19-.38.48-.3 1.18.19 1.56.01.01.02.02.03.02l.02.01 4.29 3.19c.49.36 1.18.26 1.55-.22l5.97-7.88c.37-.49.27-1.19-.21-1.56s-1.19-.27-1.56.21l-5.31 7.01z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

1
static/publik-famille-demo/img/icons/cloche.svg Normal file
View File

@ -0,0 +1 @@
<svg height="34.747" viewBox="0 0 28.805 34.747" width="28.805" xmlns="http://www.w3.org/2000/svg"><g fill="#ec671f"><path d="m41.452 37.506c-.23-.778-2.561-2.163-3.475-5.065l-2.579-8.1c-1.56-4.9-4.416-7.45-8.3-7.45s-6.74 2.55-8.3 7.45l-2.579 8.1c-.915 2.9-3.246 4.286-3.475 5.065-.341 1.184 1.155 1.431 3.443 1.431h21.822c2.291 0 3.783-.247 3.443-1.431z" transform="translate(-12.695 -12.299)"/><circle cx="14.403" cy="2.295" r="2.295"/><circle cx="14.402" cy="31.817" r="2.929"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 491 B

1
static/publik-famille-demo/img/icons/creche.svg Normal file
View File

@ -0,0 +1 @@
<svg height="21.702" viewBox="0 0 21.571 21.702" width="21.571" xmlns="http://www.w3.org/2000/svg"><g fill="#ec671f"><path d="m623.556 350.341-2.161-8.5a3.67 3.67 0 0 0 -.668-1.388c-1.429-1.782-3.69-.606-3.956 2.057-.391 3.926 1.424 7.617 4.169 8.477l1.849.579c.511.161.943-.533.767-1.225z" transform="translate(-616.718 -338.547)"/><path d="m641.293 349.861.369-9.108a3.848 3.848 0 0 1 .375-1.553c1.053-2.112 3.562-1.38 4.389 1.279 1.219 3.921.182 8.057-2.382 9.5l-1.726.972c-.474.269-1.055-.351-1.025-1.09z" transform="translate(-625.365 -337.972)"/><path d="m635.074 356.214h-7.6a2.7 2.7 0 0 0 -2.059 4.449l3.8 4.477a2.7 2.7 0 0 0 4.118 0l3.8-4.477a2.7 2.7 0 0 0 -2.059-4.449zm-5.735 6.037a.739.739 0 1 1 .738-.739.738.738 0 0 1 -.737.739zm3.867 0a.739.739 0 1 1 .738-.739.738.738 0 0 1 -.737.739z" transform="translate(-619.55 -344.391)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 853 B

1
static/publik-famille-demo/img/icons/demandes.svg Normal file
View File

@ -0,0 +1 @@
<svg height="18.155" viewBox="0 0 20.247 18.155" width="20.247" xmlns="http://www.w3.org/2000/svg"><path d="m3880 308.909a9.087 9.087 0 0 0 -17.966-2.742 8.947 8.947 0 0 0 1.481 6.454l-3.659 2.421 9.821 1.467a9.032 9.032 0 0 0 10.323-7.6z" fill="#ec671f" transform="translate(-3859.854 -298.467)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 304 B

1
static/publik-famille-demo/img/icons/dsi.svg Executable file
View File

@ -0,0 +1 @@
<svg enable-background="new 0 0 27.01 31.49" viewBox="0 0 27.01 31.49" xmlns="http://www.w3.org/2000/svg"><path d="m22.04 0c-2.75 0-4.97 2.23-4.97 4.98 0 1.2.44 2.37 1.23 3.27.7.8 1.64 1.36 2.69 1.58v3.03l-7.49 3.89-7.48-3.9v-3.02c2.68-.58 4.38-3.23 3.8-5.91s-3.22-4.38-5.91-3.8-4.38 3.23-3.8 5.91c.18.82.56 1.59 1.12 2.22.7.8 1.64 1.36 2.69 1.58v4.04c0 .19.11.36.27.44l8.26 4.27v3.09c-2.68.58-4.38 3.22-3.8 5.9s3.22 4.38 5.9 3.8 4.38-3.22 3.8-5.9c-.18-.82-.56-1.59-1.12-2.22-.7-.8-1.64-1.36-2.69-1.58v-3.08l8.26-4.27c.17-.08.27-.26.27-.44v-4.05c2.68-.58 4.39-3.22 3.81-5.91-.48-2.29-2.5-3.92-4.84-3.92zm-19.94 4.97c0-1.58 1.28-2.87 2.87-2.87 1.58 0 2.87 1.28 2.87 2.87 0 1.58-1.28 2.87-2.87 2.87-1.59 0-2.87-1.29-2.87-2.87zm14.27 21.56c0 1.58-1.28 2.87-2.87 2.87-1.58 0-2.87-1.28-2.87-2.87 0-1.58 1.28-2.87 2.87-2.87 1.59 0 2.87 1.29 2.87 2.87zm5.67-18.68c-1.58 0-2.87-1.28-2.87-2.86s1.28-2.87 2.86-2.87 2.87 1.28 2.87 2.86c0 1.58-1.28 2.87-2.86 2.87z" fill="#ec671f"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 976 B

1
static/publik-famille-demo/img/icons/facture.svg Normal file
View File

@ -0,0 +1 @@
<svg height="19.833" viewBox="0 0 19.833 19.833" width="19.833" xmlns="http://www.w3.org/2000/svg"><path d="m14.617 24.533a9.917 9.917 0 1 0 -9.917-9.916 9.922 9.922 0 0 0 9.917 9.916zm-5.823-9.391a.346.346 0 0 1 .35-.35h.941v-.635h-.941a.346.346 0 0 1 -.35-.35v-.766a.346.346 0 0 1 .35-.35h1.2l.044-.109a5.067 5.067 0 0 1 1.729-2.561 4.944 4.944 0 0 1 2.3-.941 6.513 6.513 0 0 1 3.481.416 1.023 1.023 0 0 1 .219.109.457.457 0 0 1 .219.657c-.131.306-.263.613-.394.9a.418.418 0 0 1 -.547.285c-.372-.088-.744-.2-1.138-.285a4.223 4.223 0 0 0 -2.386.131 2.418 2.418 0 0 0 -1.357 1.423v.022h2.32a.346.346 0 0 1 .35.35v.766a.346.346 0 0 1 -.35.35h-2.669v.635h2.671a.346.346 0 0 1 .35.35v.766a.346.346 0 0 1 -.35.35h-2.43a2.553 2.553 0 0 0 1.664 1.773 4.282 4.282 0 0 0 2.167.066c.372-.088.744-.2 1.116-.285a.433.433 0 0 1 .569.285l.394.919a.443.443 0 0 1 -.241.635 7.712 7.712 0 0 1 -.919.328 6.157 6.157 0 0 1 -3.612-.044 4.832 4.832 0 0 1 -3-2.846c-.109-.263-.175-.547-.263-.832h-1.137a.346.346 0 0 1 -.35-.35z" fill="#ec671f" transform="translate(-4.7 -4.7)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
static/publik-famille-demo/img/icons/gestionnaire.svg Executable file
View File

@ -0,0 +1 @@
<svg enable-background="new 0 0 26.99 30.85" viewBox="0 0 26.99 30.85" xmlns="http://www.w3.org/2000/svg"><path d="m23.14 11.57h-19.29c-2.12 0-3.85 1.73-3.85 3.85v1.93c0 1.37.74 2.64 1.93 3.32v6.32h7.71v3.86h7.71v-3.85h7.71v-6.32c1.19-.68 1.93-1.95 1.93-3.32v-1.93c0-2.13-1.73-3.86-3.85-3.86zm-15.43 13.5h-3.86v-7.72h-1.92v-1.93c0-1.06.86-1.93 1.93-1.93h2.46c-.35.58-.53 1.25-.53 1.93v3.86c0 1.37.74 2.64 1.93 3.32zm9.64-3.85v-3.86h-1.93v11.57h-3.86v-11.58h-1.92v3.86c-1.06 0-1.93-.86-1.93-1.93v-3.86c0-1.06.86-1.93 1.93-1.93h7.71c1.06 0 1.93.86 1.93 1.93v3.86c0 1.06-.86 1.93-1.93 1.94 0-.01 0-.01 0 0zm7.71-3.86h-1.93v7.71h-3.86v-2.47c1.19-.68 1.93-1.95 1.93-3.32v-3.86c0-.68-.19-1.34-.53-1.93h2.46c1.06 0 1.93.86 1.93 1.93zm-15.91-7.8c2.05 2.4 5.65 2.69 8.05.64.23-.2.45-.41.64-.64 1.02 1.86 3.37 2.55 5.23 1.52 1.86-1.02 2.55-3.37 1.52-5.23s-3.37-2.55-5.23-1.52c-.08.05-.17.1-.25.15-.71-3.1-3.81-5.04-6.91-4.33-2.16.49-3.84 2.18-4.33 4.33-1.78-1.17-4.17-.66-5.34 1.12s-.66 4.18 1.12 5.34 4.18.66 5.34-1.12c.06-.08.11-.17.16-.26zm12.06-3.78c1.06 0 1.93.86 1.93 1.93 0 1.06-.86 1.93-1.93 1.93-1.06 0-1.93-.86-1.93-1.93 0-1.06.86-1.92 1.93-1.93-.01 0 0 0 0 0zm-7.71-3.85c2.13 0 3.86 1.73 3.86 3.86s-1.73 3.86-3.86 3.86-3.86-1.74-3.86-3.87c0-2.12 1.73-3.85 3.86-3.85zm-7.72 7.71c-1.06 0-1.93-.86-1.93-1.93s.86-1.93 1.93-1.93c1.06 0 1.93.86 1.93 1.93s-.86 1.93-1.93 1.93z" fill="#ec671f"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
static/publik-famille-demo/img/icons/incsriptions.svg Normal file
View File

@ -0,0 +1 @@
<svg height="21.907" viewBox="0 0 19.012 21.907" width="19.012" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-3882.872 -312.104)"><path d="m3882.872 312.1v18.291h15.228v-18.291zm11.327 13.741h-7.706v-1.3h7.706zm0-4.364h-7.706v-1.3h7.706zm0-4.364h-7.706v-1.3h7.706z" fill="#ec671f"/><g stroke="#ec671f" stroke-miterlimit="10"><circle cx="3897.687" cy="329.814" fill="#fff" r="3.697"/><path d="m3897.687 327.864v3.638" fill="none" stroke-width="1.598"/><path d="m3899.506 329.683h-3.638" fill="none" stroke-width="1.598"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 548 B

1
static/publik-famille-demo/img/icons/left.svg Normal file
View File

@ -0,0 +1 @@
<svg height="34.667" viewBox="0 0 34.667 34.667" width="34.667" xmlns="http://www.w3.org/2000/svg"><path d="m640.176 699.75a17.333 17.333 0 1 0 17.333 17.333 17.333 17.333 0 0 0 -17.333-17.333zm5.015 18.414-7.208 4.162a1.248 1.248 0 0 1 -1.871-1.08v-8.323a1.248 1.248 0 0 1 1.871-1.08l7.208 4.157a1.247 1.247 0 0 1 0 2.164z" fill="#ec671f" transform="matrix(-1 0 -0 -1 657.51 734.417)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 393 B

1
static/publik-famille-demo/img/icons/loisirs.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23.411" height="23.411" viewBox="0 0 23.411 23.411"><defs><style>.a{fill:#ec671f;}</style></defs><g transform="matrix(0.966, 0.259, -0.259, 0.966, 3.241, -2.956)"><path class="a" d="M5.574,0a5.574,5.574,0,1,0,5.575,5.574A5.581,5.581,0,0,0,5.574,0Z" transform="translate(6.397 6.397)"/><rect class="a" width="1.101" height="2.645" transform="translate(11.42 0)"/><rect class="a" width="1.101" height="2.645" transform="translate(11.42 21.298)"/><rect class="a" width="2.645" height="1.101" transform="translate(18.176 4.987) rotate(-44.992)"/><rect class="a" width="2.645" height="1.101" transform="translate(3.117 20.047) rotate(-45.016)"/><rect class="a" width="1.101" height="2.644" transform="translate(3.116 3.895) rotate(-44.992)"/><rect class="a" width="1.101" height="2.645" transform="translate(18.177 18.956) rotate(-45)"/><rect class="a" width="2.645" height="1.101" transform="translate(0 11.421)"/><rect class="a" width="2.645" height="1.101" transform="translate(21.297 11.421)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
static/publik-famille-demo/img/icons/nuage.svg Executable file
View File

@ -0,0 +1 @@
<svg enable-background="new 0 0 73.36 72" viewBox="0 0 73.36 72" xmlns="http://www.w3.org/2000/svg"><g fill="#ec671f"><path d="m68.49 15.64c-3.15-3.16-7.34-4.91-11.8-4.92h-.02c-.48-.02-.96.01-1.44.07l-.63.08-.34-.54c-3.14-4.99-8.03-8.46-13.78-9.77-1.64-.38-3.3-.56-4.95-.56-4.1 0-8.13 1.15-11.7 3.39-4.12 2.59-7.31 6.54-8.98 11.12l-.23.63-.68.03c-3.86.14-7.44 1.78-10.07 4.62s-4 6.53-3.86 10.4c.3 7.8 6.65 13.93 14.45 13.94h13.05v-3.96h-13.05c-.01 0-.01 0-.02 0-5.8 0-10.51-4.73-10.51-10.52 0-2.81 1.09-5.46 3.08-7.44 1.99-1.99 4.63-3.09 7.44-3.09.25 0 .45.03.75.08.15.03.33.06.57.09.99.12 1.92-.52 2.17-1.48 1.97-8.11 9.18-13.77 17.54-13.77.05-.01.1-.01.15-.01 5.46 0 10.72 2.58 14.07 6.9l.77.99-1.13.53c-2.95 1.4-5.38 3.62-7.03 6.43-.28.47-.36 1-.24 1.52.13.52.45.95.9 1.23.47.28 1 .36 1.5.23.49-.13.9-.42 1.17-.84l.03-.06c2.31-3.85 6.53-6.26 11.02-6.29 7.03 0 12.75 5.72 12.75 12.75s-5.72 12.75-12.75 12.75h-10.83v3.95h10.79c4.45 0 8.64-1.72 11.79-4.86 3.16-3.15 4.91-7.34 4.92-11.8s-1.72-8.66-4.87-11.82z"/><path d="m35.25 71.42c.37.36.86.56 1.38.58.48 0 .97-.21 1.33-.58l12.87-12.87c.77-.75.79-1.97.06-2.73l-.09-.09c-.65-.71-1.75-.76-2.46-.12-.04.04-.08.08-.11.12l-.04.03-9.48 9.49v-33.7c.01-1.08-.84-1.97-1.91-1.99-1.11-.02-1.95.84-1.97 1.9v33.75l-9.64-9.44c-.38-.38-.88-.59-1.4-.59-.53 0-1.03.21-1.4.58s-.58.87-.58 1.4.21 1.02.58 1.39z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

1
static/publik-famille-demo/img/icons/periscolaire.svg Normal file
View File

@ -0,0 +1 @@
<svg height="20.78" viewBox="0 0 16.327 20.78" width="16.327" xmlns="http://www.w3.org/2000/svg"><g fill="#ec671f"><path d="m31.843 80.711h-13.359a1.486 1.486 0 0 1 -1.484-1.485v-.742a1.486 1.486 0 0 1 1.484-1.484h13.359a1.486 1.486 0 0 1 1.484 1.484v.742a1.486 1.486 0 0 1 -1.484 1.485z" transform="translate(-17 -59.931)"/><path d="m19.968 22.47-2.672-2a.742.742 0 0 1 -.3-.606c.1-6.177 1.942-10.033 5.617-11.789a.741.741 0 0 1 .845.145l2.156 2.156 5.109 2.919a.742.742 0 0 1 .336.879l-.739 2.226a.738.738 0 0 1 -.826.5l-3.589-.6v1.49c3.24.736 4.848 1.733 5.141 5.793h-11.078z" transform="translate(-17 -7.998)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 625 B

1
static/publik-famille-demo/img/icons/restauration.svg Executable file
View File

@ -0,0 +1 @@
<svg enable-background="new 0 0 61 52" viewBox="0 0 61 52" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(1.3908502 0 0 1.3908502 -250.43659 -1848.3863)"><g fill="#ec671f" transform="translate(181.101 1329.32)"><path d="m41.5.08c-.25-.13-.55-.1-.77.06-3.45 2.47-5.5 6.45-5.51 10.7v5.49c0 .41.33.74.74.74h5.94v-16.33c0-.27-.16-.53-.4-.66z"/><path d="m37.44 25.99c-.03 1.23.95 2.25 2.18 2.27s2.25-.95 2.27-2.18c0-.03 0-.06 0-.09v-7.43h-4.46v7.43z"/><path d="m7.17.72v8.61c0 .19-.08.37-.21.51l-1.22 1.23v15.48c0 .4-.32.72-.72.72h-2.87c-.4 0-.72-.32-.72-.72v-15.49l-1.22-1.23c-.14-.13-.21-.31-.21-.5v-8.61c0-.4.32-.72.71-.72s.72.32.72.72v4.3h1.44v-4.3c.01-.4.35-.71.74-.69.38.01.68.31.69.69v4.3h1.43v-4.3c-.01-.4.29-.73.69-.74s.73.29.74.69c.01.01.01.03.01.05z"/></g><circle cx="201.88" cy="1352.74" fill="#ec671f" r="13.35"/><g fill="none"><path d="m197.25 1357.54s-4.5-10.68 6.47-11.25" stroke="#d9f1ff" stroke-linecap="round" stroke-width="3"/><path d="m23.114174 41.621561c-.522109-.243119-.830143-.55333-1.072742-1.080324-.464703-1.009467-1.021862-3.064012-1.281133-4.724227-.0922-.590424-.120201-1.162344-.119729-2.445876.000535-1.452794.02047-1.779194.150109-2.457947.745572-3.903551 3.136425-6.621185 6.995261-7.951373 1.520727-.524213 3.268431-.834506 4.747565-.842899.90665-.0051.9933.0055 1.295294.159808.633842.323773 1.049917.960076 1.101975 1.685251.04366.608121-.105977 1.033107-.525275 1.491885-.452256.494841-.823913.643762-1.801844.72199-5.606528.448487-8.091104 2.861513-7.889558 7.662357.06345 1.511287.370521 3.041313.961598 4.791237.348094 1.030557.362709 1.380813.08253 1.977712-.460418.980867-1.695872 1.453923-2.644046 1.012406z" transform="matrix(.71898469 0 0 .71898469 180.06007 1328.9615)"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

1
static/publik-famille-demo/img/icons/right.svg Normal file
View File

@ -0,0 +1 @@
<svg height="34.667" viewBox="0 0 34.667 34.667" width="34.667" xmlns="http://www.w3.org/2000/svg"><path d="m640.176 699.75a17.333 17.333 0 1 0 17.333 17.333 17.333 17.333 0 0 0 -17.333-17.333zm5.015 18.414-7.208 4.162a1.248 1.248 0 0 1 -1.871-1.08v-8.323a1.248 1.248 0 0 1 1.871-1.08l7.208 4.157a1.247 1.247 0 0 1 0 2.164z" fill="#ec671f" transform="translate(-622.843 -699.75)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 387 B

1
static/publik-famille-demo/img/icons/scolarisation.svg Normal file
View File

@ -0,0 +1 @@
<svg height="20.539" viewBox="0 0 20.539 20.539" width="20.539" xmlns="http://www.w3.org/2000/svg"><g fill="#ec671f"><path d="m21.959 19.133h-.79v-3.263a14.551 14.551 0 0 1 -1.77.1h-2.97v.79a.79.79 0 1 1 -1.58 0v-.79h-3.159v.79a.79.79 0 1 1 -1.58 0v-.79h-2.971a14.551 14.551 0 0 1 -1.77-.1v3.263h-.789a1.579 1.579 0 0 0 -1.58 1.579v3.16a1.579 1.579 0 0 0 1.58 1.58h.79a.79.79 0 0 0 .79.79h14.219a.79.79 0 0 0 .79-.79h.79a1.579 1.579 0 0 0 1.58-1.58v-3.16a1.579 1.579 0 0 0 -1.58-1.579zm-17.379 4.739v-3.16h.79v3.16zm12.639-.79a.79.79 0 0 1 -.79.79h-6.319a.79.79 0 0 1 -.79-.79v-3.16a.79.79 0 0 1 .79-.79h6.32a.79.79 0 0 1 .79.79zm4.74.79h-.79v-3.16h.79z" transform="translate(-3 -5.703)"/><path d="m10.74 11.69v-.79a.79.79 0 0 1 1.58 0v.79h3.16v-.79a.79.79 0 0 1 1.58 0v.79h2.97a12.748 12.748 0 0 0 1.77-.118v-.672a5.53 5.53 0 0 0 -5.53-5.53 2.37 2.37 0 1 0 -4.74 0 5.53 5.53 0 0 0 -5.53 5.53v.656a12.878 12.878 0 0 0 1.77.134zm3.16-7.11a.79.79 0 0 1 .79.79h-1.58a.79.79 0 0 1 .79-.79z" transform="translate(-3.63 -3)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
static/publik-famille-demo/img/icons/tribu.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

1
static/publik-famille-demo/img/icons/warning.svg Normal file
View File

@ -0,0 +1 @@
<svg height="32" viewBox="0 0 32.631 32" width="32.631" xmlns="http://www.w3.org/2000/svg"><g transform="translate(78.094 -200.223)"><path d="m-64.164 202.9-12.366 22.46c-1.38 2.505.1 5.861 2.591 5.861h24.32c2.465 0 3.953-3.3 2.617-5.813l-11.954-22.459a2.843 2.843 0 0 0 -5.208-.049z" fill="#ec671f" stroke="#ec671f" stroke-miterlimit="10" stroke-width="2"/><path d="m-52.872 223.234a1.623 1.623 0 0 1 1.625 1.7 1.617 1.617 0 0 1 -1.625 1.676 1.617 1.617 0 0 1 -1.628-1.68 1.623 1.623 0 0 1 1.628-1.696zm-1.26-6.635-.091-2.424h2.7l-.092 2.424-.385 5.578h-1.753z" fill="#fff" transform="translate(-8.852 -1.753)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 623 B