[TELE-1385] use staging1 as new theme staging duplicate for Staging1

This commit is contained in:
Daniel Muyshond 2022-07-26 16:42:14 +02:00
parent 600134ecde
commit 9f8a60f19b
14 changed files with 450 additions and 105 deletions

View File

@ -1,7 +1,196 @@
@charset "UTF-8";
/* Custom selection color because that can be done and it's cool */
::selection {
color: white;
background-color: $primary-color;
/*
Header
*/
#toplinks {
box-shadow: $imio-box-shadow-style;
border: 0;
padding: 0.4em 1em 0.35em 1em;
right: 7em;
border-radius: 0 0 1em 1em;
}
body.has-header-background {
.site-header {
box-sizing: content-box;
min-height: 160px;
#header {
height: $imio-header-height;
border-radius: 0 0 $border-radius $border-radius;
}
#logo {
padding-top: $imio-header-logo-padding-top;
padding-left: $imio-header-logo-padding-left;
}
}
}
div#nav {
margin-bottom: ($nav-height / 4) * 3;
}
/*
Cells
*/
@if $imio-box-shadow-turned-on {
.cell, .block, .a2-block, #nav, #header {
box-shadow: $imio-box-shadow-style;
}
}
.column div.a2-block,
.gru-content div.cell,
.block {
margin-bottom: 1.7rem;
}
div.textcell {
h3, h4, h5, p, table {
margin: 1.386em 1.618rem;
}
p, table, ul, ol {
line-height: 1.4;
}
}
/* hotfix meal calendar for PP */
tbody > tr > td.jour {
height: 100px; // cell will grow since height function like min-height in table cells
}
/* iA.Citizen related (Dashboard & others)*/
@if $imio-is-iacitizen {
.dashboardcell .cell {
border: 0;
}
.column:last-child .cell {
margin-right: 1ex;
}
.dashboardcell .categories button {
padding: 0.1em 0.7em;
margin-right: 0.3em;
margin-bottom: 0.2em;
&::after {
content: " \002714";
}
&.off {
border: 1px solid $primary-color;
color: $darkened-primary-color;
background: white;
&::after {
color: white;
}
}
}
.loading {
display: none;
}
.eventitems,
.newsitems {
margin: 0 1ex;
border: 0;
box-shadow: none;
}
div.deliberations-communales {
h2:first-child {
padding-left: 0;
}
p {
margin-top: 0;
}
}
.delib,
.eventitem,
.newsitem {
display: flex;
margin: 1ex;
@media screen and (max-width: $nav-mobile-limit) {
flex-direction: column;
}
img {
border-radius: $border-radius;
flex: 0;
width: 160px;
height: 160px;
@media screen and (max-width: $nav-mobile-limit) {
margin: auto;
}
}
div {
flex: 1;
margin-left: 1em;
h3 {
margin-top: 1ex;
margin-bottom: 0;
}
h4 {
// color: $darkgray;
margin: 0;
}
p {
margin-top: 0.2em;
}
}
}
.dashboard-settings {
display: flex;
.dashboard-meta {
flex: 1;
}
.dashboard-switch {
margin-top: 1em;
input {
box-shadow: none;
background: 0;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
padding: 0;
position: relative;
border: 0;
outline: 0;
cursor: pointer;
overflow: initial;
$switch-width: 3.5em;
$switch-height: 1.5em;
$switch-slider-diameter: 1.75em;
&::after {
content: '';
width: $switch-width;
height: $switch-height;
display: inline-block;
background: rgba(196, 195, 195, .55);
border-radius: 1em;
clear: both;
transition: ease .3s;
}
&:checked::after {
background: $darkened-primary-color;
}
&::before {
content: '';
width: $switch-slider-diameter;
height: $switch-slider-diameter;
display: block;
position: absolute;
left: 0;
top: #{($switch-height - $switch-slider-diameter) / 2};
border-radius: 50%;
background: #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
transition: ease .3s;
}
&:checked::before {
left: #{$switch-width - $switch-slider-diameter};
box-shadow: -1px 1px 3px rgba(0,0,0,.6)
}
}
}
}
}

View File

@ -1,69 +1,11 @@
@charset "UTF-8";
/*STYLE*/
$primary-color: #4b3077;
$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: "Montserrat";
$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;
$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;
$imio-is-iacitizen: true;

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>

After

Width:  |  Height:  |  Size: 4.4 KiB

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
*/

View File

@ -1,9 +1,96 @@
{
"label": "Staging 1",
"variables": {
"no_extra_js": false,
"pwa_display": "standalone",
"theme_color": "#4b3077",
"favicon": "staging1/images/favicon.ico"
}
}
"label" : "iMio (basic · staging1)",
"settings" : {
"combo" : {
"COMBO_ASSET_SLOTS.update" : {
"header:background" : {
"label" : "Image de bannière"
},
"header:logo" : {
"label" : "Image de logo"
}
},
"COMBO_CELL_ASSET_SLOTS.update" : {
"data_linkcell" : {
"picture" : {
"prefix" : "Image [à definir]"
}
},
"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" : {
"pwa_display": "standalone",
"theme_color" : "#CCCCCC"
}
}

View File

@ -1,4 +1 @@
$(function() {
$.getScript('/static/imio/common.js', function() {});
$.getScript('/static/imio/aes_meal.js', function() {});
}); /* end */
// Additionnal iMio custom JavaScript

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 179 B

After

Width:  |  Height:  |  Size: 191 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

View File

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

View File

@ -1,23 +1,8 @@
@charset "UTF-8";
@import "vars";
@import "../imio/steps-config";
@import 'vars';
@import '../includes/eo-base-imio-tuned';
@import "../../publik-base-theme/static/includes/publik";
@import "../../publik-base-theme/static/includes/fonts/montserrat";
@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";