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

[MTELEAWAA-8] update awans theme

This commit is contained in:
Daniel Muyshond 2022-10-14 14:28:44 +02:00
parent cb29de6cf0
commit 2cd37f40c5
13 changed files with 203 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
static/awans/_custom.scss
View File

@ -1,40 +1,7 @@
@charset "UTF-8";
/* Logo placement */
/* Custom selection color because that can be done and it's cool */
::selection {
color: white;
background-color: #30344f;
}
/* darker cell links hover for better contrast/accessibility */
div#account-management ul > li > a:hover::after,
div.wcsformsofcategorycell ul > li > a:hover::after,
div.wcscurrentdraftscell ul > li > a:hover::after,
div.wcscurrentformscell ul > li > a:hover::after {
background: #30344f;
}
/* logo adjustmts */
h1#logo a img {
max-height: 108px;
}
@media screen and (max-width: 320px) {
h1#logo a img {
max-height: 90px;
}
}
@media screen and (max-width: 768px) {
h1#logo a {
margin-top: 0.3em;
}
}
/* center "Code de suivi" title */
div#tracking-code h3 {
padding: 0;
color: #333333;
@media screen and (max-width: $nav-mobile-limit) {
nav.site-nav {
margin-top: 96px;
}
}

113
static/awans/_vars.scss
View File

@ -1,98 +1,17 @@
@charset "UTF-8";
/*STYLE*/
// 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: #3c4264;
$secondary-color: #30344f;
$width: 1200px;
$mobile-limit: 800px;
$font-size: 16px !default;
$button-color: white;
$cell-entry-hover-effect: left-to-right;
$theme2019: true;
$link-color: #1147ae;
$font-family: "Din";
$border-radius: 3px;
/*STEPS*/
$form-sidebar-position: top; // possible values are: left, right, top
$steps-background: transparent;
$wcs-steps-spacing: 0.3rem !default; // half of default 0.7rem used in publik
$wcs-step-color: white !default; // color for default marker & label
$wcs-step-current-color: white !default;
$wcs-step-background: darken($secondary-color, 12%) !default;
$wcs-step-current-background: $secondary-color !default;
$wcs-step-border-bottom: 1px solid $wcs-step-color !default;
$wcs-step-current-border-bottom: none;
@if ($wcs-step-border-bottom == none) {
$wcs-step-current-border-bottom: none;
}
// Step option
$wsc-step-before-piled: false !default;
// marker
$wcs-step-marker-color: $wcs-step-color !default;
$wcs-step-current-marker-color: $wcs-step-current-color !default;
$wcs-step-marker-background: $wcs-step-background !default;
$wcs-step-current-marker-background: $wcs-step-current-background !default;
// marker options
$wcs-step-marker-size: 2.1em !default;
$wcs-step-current-marker-enlarge: 1.2 !default;
$wcs-step-marker-type: square; // square || tied || disc || disc tied
$wcs-step-marker-background-type: gradient;
// Label
$wcs-step-current-label-color: $primary-color !default;
/*BASKET*/
/*CELL*/
$cell-border: 0px;
$cell-entry-hover-background: darken($primary-color, 3%);
/*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: 1em 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;
$imio-header-height: 356px;
// $header-logo-size: 230px 80px;
$imio-header-logo-padding-top: 44px;
$imio-header-logo-padding-left: 50px;
$imio-logo-top: 10px;
$imio-logo-left: 14spx;
$imio-logo-height: 68px;
$link-color-footer: white;
$imio-is-iacitizen: true;

134
static/awans/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/awans/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
*/

43
static/awans/config.json
View File

@ -1,17 +1,30 @@
{
"label": "Awans",
"variables": {
"no_extra_js": false,
"pwa_display": "standalone",
"theme_color": "#3c4264",
"favicon": "awans/images/favicon.ico"
},
"settings": {
"combo": {
"COMBO_MAP_DEFAULT_POSITION": {
"lat": "50.6670346",
"lng": "5.4622239"
}
"label" : "Awans",
"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_MAP_DEFAULT_POSITION": {
"lat": "50.6668399",
"lng": "5.4628842"
}
}
},
"variables" : {
"cell_picture_size" : "520x220",
"pwa_display" : "standalone",
"theme_color" : "#3c4264",
"favicon": "awans/images/favicon.ico",
"no_extra_js": true,
"email_header_asset": "emails:logo"
}
}
}
}

5
static/awans/extra.js
View File

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

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 107 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.3 KiB

BIN
static/awans/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

9
static/awans/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/awans/images/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 21 KiB

22
static/awans/style.scss
View File

@ -1,21 +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/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 "custom";
@import 'custom';