entrouvert
/
imio-publik-themes
22
1
Fork 0
Code Issues Pull Requests Releases Activity

[TELE-1492] Update demo theme

This commit is contained in:
Daniel Muyshond 2022-09-28 14:36:50 +02:00
parent 75e813c321
commit aa704d7c6c
15 changed files with 276 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/demo/_custom.scss
View File

@ -1,7 +0,0 @@
@charset "UTF-8";
/* Custom selection color because that can be done and it's cool */
::selection {
color: white;
background-color: $primary-color;
}

83
static/demo/_vars.scss
View File

@ -1,69 +1,14 @@
@charset "UTF-8";
/*STYLE*/
$primary-color: hsl(332, 72%, 43%);
$width: 1200px;
$mobile-limit: 800px;
$font-size: 16px !default;
$button-color: white;
$cell-entry-hover-effect: left-to-right;
$theme2019: true;
$link-color: $primary-color;
$font-family: "Din"; //!\\ : il faut bien importer la font (voir les imports en bas de la page)!
$border-radius: 3px;
/*BASKET*/
/*CELL*/
$cell-border: 0px;
$cell-entry-hover-background: darken($primary-color, 3%);
$cell-title-color: #333333;
/*FORM-BUTTON*/
$button-hover-background-color: darken($primary-color, 8%);
$button-background: $primary-color;
/*FOOTER*/
$footer-background-color: hsl(0, 0%, 19%);
$footer-text-color: hsl(0, 0, 84%);
$footer-hover-text-color: hsl(0, 0, 100%);
/*HEADER*/
$header-banner: none;
$header-banner-image: false;
$header-banner-height: auto;
$header-logo: None;
$header-logo-margin: 1.7em 0 0 0.55em !default;
$header-logo-padding: 0;
$toplinks-border: 0;
$toplinks-radius: 0;
$toplinks-shadow: none;
/*LOGIN*/
/*MENU*/
$nav-background: #f2f2f2;
$nav-color: #333;
$nav-active-color: $primary-color;
$nav-item-selected-color: #fff;
$nav-text-uppercase: uppercase;
/*MENU RESPONSIVE*/
$nav-button-color: #fff;
$nav-menu-color: $primary-color;
/*PWA*/
$nav-mobile-bottom-bar-height: 75px;
$nav-mobile-bottom-bar-background: $primary-color;
$nav-mobile-bottom-bar-color: #fff;
$nav-mobile-bottom-bar-item-hover-background: $primary-color;
/*RESPONSIVE*/
/*SHARE*/
$hidden-description: false;
/*TITLE*/
$title-color: #525252;
$title-padding: 1em 0em 1em 0.8em;
$title-weight: 600;
// Refer to '../includes/eo-base-imio-tuned' to fine tuned other vars
@import "../../publik-base-theme/static/includes/fonts/opensans";
@import "../../publik-base-theme/static/includes/fonts/montserrat";
$font-family: 'Open Sans', Arial, Helvetica, sans-serif;
$nav-background: none;
$logo-width: 110px;
$title-font-family: 'Montserrat', sans-serif;
$primary-color: #bd1f68;
$imio-header-height: 356px;
// $header-logo-size: 230px 80px;
$imio-header-logo-padding-top: 44px;
$imio-header-logo-padding-left: 50px;
$link-color-footer: white;
$imio-is-iacitizen: true;

134
static/demo/article-placeholder.svg Normal file
View File

@ -0,0 +1,134 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
id="Capa_1"
x="0px"
y="0px"
viewBox="0 0 160 160"
xml:space="preserve"
width="160"
height="160"><metadata
id="metadata1422"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs1420" />
<g
id="g1387">
</g>
<g
id="g1389">
</g>
<g
id="g1391">
</g>
<g
id="g1393">
</g>
<g
id="g1395">
</g>
<g
id="g1397">
</g>
<g
id="g1399">
</g>
<g
id="g1401">
</g>
<g
id="g1403">
</g>
<g
id="g1405">
</g>
<g
id="g1407">
</g>
<g
id="g1409">
</g>
<g
id="g1411">
</g>
<g
id="g1413">
</g>
<g
id="g1415">
</g>
<g
id="layer1"><rect
style="fill:#ffffff;fill-opacity:1"
id="rect3380"
width="160"
height="160"
x="0.077214524"
y="0.00050948205" /></g><g
id="layer2"><g
id="g1385"
style="fill:#efefef;fill-opacity:1"
transform="matrix(4.1816306,0,0,4.1816306,10.827488,10.818746)">
<g
id="news"
style="fill:#efefef;fill-opacity:1">
<path
style="fill:#efefef;fill-opacity:1"
d="M 29,0 H 7 C 5.343,0 4,1.342 4,3 V 5 H 3 C 1.343,5 0,6.342 0,8 v 20 c 0,2.209 1.791,4 4,4 h 24 c 2.209,0 4,-1.791 4,-4 V 3 C 32,1.342 30.656,0 29,0 Z m 1,28 c 0,1.102 -0.898,2 -2,2 H 4 C 2.897,30 2,29.102 2,28 V 8 C 2,7.448 2.448,7 3,7 h 1 v 20 c 0,0.553 0.447,1 1,1 0.553,0 1,-0.447 1,-1 V 3 C 6,2.448 6.448,2 7,2 h 22 c 0.551,0 1,0.448 1,1 z"
id="path1358" />
<path
style="fill:#efefef;fill-opacity:1"
d="m 19.498,13.005 h 8 c 0.277,0 0.5,-0.224 0.5,-0.5 0,-0.276 -0.223,-0.5 -0.5,-0.5 h -8 c -0.275,0 -0.5,0.224 -0.5,0.5 0,0.276 0.225,0.5 0.5,0.5 z"
id="path1360" />
<path
style="fill:#efefef;fill-opacity:1"
d="m 19.498,10.005 h 8 c 0.277,0 0.5,-0.224 0.5,-0.5 0,-0.276 -0.223,-0.5 -0.5,-0.5 h -8 c -0.275,0 -0.5,0.224 -0.5,0.5 0,0.276 0.225,0.5 0.5,0.5 z"
id="path1362" />
<path
style="fill:#efefef;fill-opacity:1"
d="m 19.498,7.005 h 8 c 0.277,0 0.5,-0.224 0.5,-0.5 0,-0.276 -0.223,-0.5 -0.5,-0.5 h -8 c -0.275,0 -0.5,0.224 -0.5,0.5 0,0.276 0.225,0.5 0.5,0.5 z"
id="path1364" />
<path
style="fill:#efefef;fill-opacity:1"
d="m 16.5,27.004 h -8 c -0.276,0 -0.5,0.225 -0.5,0.5 0,0.277 0.224,0.5 0.5,0.5 h 8 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.224,-0.5 -0.5,-0.5 z"
id="path1366" />
<path
style="fill:#efefef;fill-opacity:1"
d="m 16.5,24.004 h -8 c -0.276,0 -0.5,0.225 -0.5,0.5 0,0.277 0.224,0.5 0.5,0.5 h 8 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.224,-0.5 -0.5,-0.5 z"
id="path1368" />
<path
style="fill:#efefef;fill-opacity:1"
d="m 16.5,21.004 h -8 c -0.276,0 -0.5,0.225 -0.5,0.5 0,0.277 0.224,0.5 0.5,0.5 h 8 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.224,-0.5 -0.5,-0.5 z"
id="path1370" />
<path
style="fill:#efefef;fill-opacity:1"
d="m 27.5,27.004 h -8 c -0.277,0 -0.5,0.225 -0.5,0.5 0,0.277 0.223,0.5 0.5,0.5 h 8 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.225,-0.5 -0.5,-0.5 z"
id="path1372" />
<path
style="fill:#efefef;fill-opacity:1"
d="m 27.5,24.004 h -8 c -0.277,0 -0.5,0.225 -0.5,0.5 0,0.277 0.223,0.5 0.5,0.5 h 8 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.225,-0.5 -0.5,-0.5 z"
id="path1374" />
<path
style="fill:#efefef;fill-opacity:1"
d="m 27.5,21.004 h -8 c -0.277,0 -0.5,0.225 -0.5,0.5 0,0.277 0.223,0.5 0.5,0.5 h 8 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.225,-0.5 -0.5,-0.5 z"
id="path1376" />
<path
style="fill:#efefef;fill-opacity:1"
d="m 27.5,15.004 h -19 c -0.276,0 -0.5,0.224 -0.5,0.5 0,0.276 0.224,0.5 0.5,0.5 h 19 c 0.275,0 0.5,-0.224 0.5,-0.5 0,-0.276 -0.225,-0.5 -0.5,-0.5 z"
id="path1378" />
<path
style="fill:#efefef;fill-opacity:1"
d="m 27.5,18.004 h -19 c -0.276,0 -0.5,0.225 -0.5,0.5 0,0.277 0.224,0.5 0.5,0.5 h 19 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.225,-0.5 -0.5,-0.5 z"
id="path1380" />
<path
style="fill:#efefef;fill-opacity:1"
d="m 9,13 h 7 c 0.553,0 1,-0.447 1,-1 V 5.004 c 0,-0.553 -0.447,-1 -1,-1 H 9 c -0.553,0 -1,0.447 -1,1 V 12 c 0,0.552 0.447,1 1,1 z m 1,-7 h 5 v 5 h -5 z"
id="path1382" />
</g>
</g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

6
static/demo/bo_extra.css Normal file
View File

@ -0,0 +1,6 @@
/*
Backoffice extra CSS
portal_agent_extra_css varialbe must be set in the site-options.cfg
It takes full url.
Example : https://COMMUNE.guichet-citoyen.be/static/imio/bo_share.css
*/

111
static/demo/config.json
View File

@ -1,9 +1,104 @@
{
"label": "Demo",
"variables": {
"no_extra_js": false,
"pwa_display": "standalone",
"theme_color": "#BD1F68",
"favicon": "demo/images/favicon.ico"
}
}
"label" : "iMio (basic · Démo)",
"settings" : {
"combo" : {
"COMBO_ASSET_SLOTS.update" : {
"header:background" : {
"label" : "Image de bannière"
},
"header:logo" : {
"label" : "Image de logo"
},
"emails:logo": {
"label": "Image d'en-tête dans les mails"
}
},
"COMBO_CELL_ASSET_SLOTS.update" : {
"data_linkcell" : {
"picture" : {
"prefix" : "Image de tuile « Lien »"
}
},
"data_textcell" : {
"picture" : {
"prefix" : "Image titre"
}
}
},
"COMBO_CELL_TEMPLATES.update" : {
"data_textcell" : {
"page-title" : {
"extra-css-classes" : "no-borders",
"label" : "Titre de page",
"template" : "combo/cells/page-title.html"
},
"page-intertitle" : {
"extra-css-classes" : "no-borders",
"label" : "Intertitre avec image",
"template" : "combo/cells/page-intertitle.html"
}
}
},
"JSON_CELL_TYPES.update" : {
"actualites" : {
"cache_duration" : 120,
"force_async" : false,
"form" : [
{
"label" : "Identifiant du connecteur Plone REST API",
"type" : "string",
"varname" : "connector"
},
{
"label" : "Identifiant de la requête",
"type" : "string",
"varname" : "query"
}
],
"name" : "Actualités",
"log_errors" : false,
"url" : "{{ passerelle_url }}plone-restapi/{{ connector }}/q/{{ query }}/"
},
"deliberations-communales": {
"cache_duration" : 360,
"force_async" : false,
"name" : "Délibérations communales",
"log_errors" : false,
"url" : "{{ deliberations_communales_json_url|safe }}"
},
"evenements" : {
"cache_duration" : 120,
"force_async" : false,
"form" : [
{
"label" : "Identifiant du connecteur Plone REST API",
"type" : "string",
"varname" : "connector"
},
{
"label" : "Identifiant de la requête",
"type" : "string",
"varname" : "query"
}
],
"name" : "Événements",
"log_errors" : false,
"url" : "{{ passerelle_url }}plone-restapi/{{ connector }}/q/{{ query }}/"
}
},
"COMBO_MAP_DEFAULT_POSITION": {
"lat": "50.49886009459319",
"lng": "4.7199939932529755"
}
}
},
"variables" : {
"cell_picture_size" : "520x220",
"pwa_display" : "standalone",
"theme_color" : "#651138",
"include_top_links" : false,
"favicon": "imio-basic/images/favicon.ico",
"no_extra_js": true,
"email_header_asset": "emails:logo"
}
}

3
static/demo/extra.js
View File

@ -1,3 +0,0 @@
$(function() {
$.getScript('/static/imio/common.js', function() {});
});

BIN
static/demo/images/banner.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 107 B

BIN
static/demo/images/beid-itsme.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

BIN
static/demo/images/beid_image_mini.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.3 KiB

BIN
static/demo/images/dropdown.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 179 B

After

Width:  |  Height:  |  Size: 191 B

BIN
static/demo/images/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

9
static/demo/images/form_lock.svg Normal file
View File

@ -0,0 +1,9 @@
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path d="M0 0h24v24H0V0z" id="a"/>
</defs>
<clipPath id="b">
<use overflow="visible" xlink:href="#a"/>
</clipPath>
<path clip-path="url(#b)" d="M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM8.9 6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2H8.9V6zM18 20H6V10h12v10z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 575 B

BIN
static/demo/images/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.6 KiB

5
static/demo/listener.sh Normal file
View File

@ -0,0 +1,5 @@
#!/bin/sh
while inotifywait -e modify *.scss; do
sassc style.scss style.css
done

24
static/demo/style.scss
View File

@ -1,23 +1,9 @@
@charset "UTF-8";
@import "vars";
@import "../imio/steps-config";
@import 'vars';
@import '../includes/imio-basic-entrouvert-base';
@import "../../publik-base-theme/static/includes/publik";
@import "../../publik-base-theme/static/includes/fonts/din";
@import '../includes/imio-basic-additional-custom';
@import '../imio/parent-portal';
@import "../imio/form-buttons";
@import "../imio/calendar";
@import "../imio/header";
@import "../imio/menu";
@import "../imio/login";
@import "../imio/basketv2";
@import "../imio/footer";
@import "../imio/extra";
@import "../imio/share";
@import "../imio/cells";
@import "../imio/responsive";
@import "../imio/parent-portal";
@import "custom";
@import 'custom';