@imiobe/plonetheme-smartweb-base 0.0.4 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.html +68 -61
- package/manifest.cfg +4 -1
- package/package.json +3 -3
- package/rules.xml +4 -1
- package/src/index.js +5 -1
- package/src/scss/_fonts.scss +9 -0
- package/src/scss/_general.scss +99 -3
- package/src/scss/_header.scss +7 -15
- package/src/scss/_sitenav.scss +83 -259
- package/src/scss/_sub-sitenav.scss +3 -239
- package/src/scss/_swiper.scss +27 -2
- package/src/scss/_trucaverif.scss +5 -56
- package/src/scss/common/_com-cookies.scss +1 -1
- package/src/scss/common/_com-edition.scss +5 -1
- package/src/scss/common/_com-faceted.scss +7 -5
- package/src/scss/common/_com-footer.scss +5 -0
- package/src/scss/common/_com-react.scss +76 -0
- package/src/scss/common/_messviewlet.scss +2 -1
- package/src/scss/homepage/_a-la-une.scss +3 -0
- package/src/scss/homepage/_actualites.scss +33 -20
- package/src/scss/homepage/_album.scss +1 -3
- package/src/scss/homepage/_banner.scss +2 -7
- package/src/scss/homepage/_events.scss +48 -10
- package/src/scss/homepage/_general-home.scss +22 -0
- package/src/scss/homepage/_newsletter.scss +24 -0
- package/src/scss/homepage/_quick-access.scss +5 -0
- package/src/scss/list/_list-block-img.scss +17 -17
- package/src/scss/list/_list.scss +1 -1
- package/src/scss/main.scss +12 -8
- package/src/scss/sections/_se-contact.scss +47 -277
- package/src/scss/sections/_se-file.scss +10 -2
- package/src/scss/sections/_se-gallery.scss +15 -0
- package/src/scss/sections/_se-link.scss +0 -5
- package/src/scss/sections/_se-plan-geo.scss +83 -0
- package/src/scss/sections/_se-postit.scss +17 -0
- package/src/scss/sections/_se-textes.scss +26 -32
- package/src/scss/variables.scss +113 -94
- package/theme.zip +0 -0
- package/dist/css/theme.css +0 -7
- package/dist/fonts/roboto-bold..eot +0 -0
- package/dist/fonts/roboto-bold..ttf +0 -0
- package/dist/fonts/roboto-bold..woff +0 -0
- package/dist/fonts/roboto-bold..woff2 +0 -0
- package/dist/fonts/roboto-bolditalic..eot +0 -0
- package/dist/fonts/roboto-bolditalic..ttf +0 -0
- package/dist/fonts/roboto-bolditalic..woff +0 -0
- package/dist/fonts/roboto-bolditalic..woff2 +0 -0
- package/dist/fonts/roboto-italic..eot +0 -0
- package/dist/fonts/roboto-italic..ttf +0 -0
- package/dist/fonts/roboto-italic..woff +0 -0
- package/dist/fonts/roboto-italic..woff2 +0 -0
- package/dist/fonts/roboto-light..eot +0 -0
- package/dist/fonts/roboto-light..ttf +0 -0
- package/dist/fonts/roboto-light..woff +0 -0
- package/dist/fonts/roboto-light..woff2 +0 -0
- package/dist/fonts/roboto-lightitalic..eot +0 -0
- package/dist/fonts/roboto-lightitalic..ttf +0 -0
- package/dist/fonts/roboto-lightitalic..woff +0 -0
- package/dist/fonts/roboto-lightitalic..woff2 +0 -0
- package/dist/fonts/roboto-medium..eot +0 -0
- package/dist/fonts/roboto-medium..ttf +0 -0
- package/dist/fonts/roboto-medium..woff +0 -0
- package/dist/fonts/roboto-medium..woff2 +0 -0
- package/dist/fonts/roboto-mediumitalic..eot +0 -0
- package/dist/fonts/roboto-mediumitalic..ttf +0 -0
- package/dist/fonts/roboto-mediumitalic..woff +0 -0
- package/dist/fonts/roboto-mediumitalic..woff2 +0 -0
- package/dist/fonts/roboto-regular..eot +0 -0
- package/dist/fonts/roboto-regular..ttf +0 -0
- package/dist/fonts/roboto-regular..woff +0 -0
- package/dist/fonts/roboto-regular..woff2 +0 -0
- package/dist/fonts/robotocondensed-light..eot +0 -0
- package/dist/fonts/robotocondensed-light..ttf +0 -0
- package/dist/fonts/robotocondensed-light..woff +0 -0
- package/dist/fonts/robotocondensed-light..woff2 +0 -0
- package/dist/fonts/robotocondensed-lightitalic..eot +0 -0
- package/dist/fonts/robotocondensed-lightitalic..ttf +0 -0
- package/dist/fonts/robotocondensed-lightitalic..woff +0 -0
- package/dist/fonts/robotocondensed-lightitalic..woff2 +0 -0
- package/dist/images/close29148b38..svg +0 -1
- package/dist/images/roboto-bolde46805ee..svg +0 -1
- package/dist/images/roboto-bolditalic4be90c03..svg +0 -1
- package/dist/images/roboto-italic2332d1c3..svg +0 -1
- package/dist/images/roboto-light054c1c8a..svg +0 -1
- package/dist/images/roboto-lightitalic2df589e4..svg +0 -1
- package/dist/images/roboto-medium832a5157..svg +0 -1
- package/dist/images/roboto-mediumitalicf09fad24..svg +0 -1
- package/dist/images/roboto-regulare788ed65..svg +0 -1
- package/dist/images/robotocondensed-light04ff367e..svg +0 -1
- package/dist/images/robotocondensed-lightitalic97b23821..svg +0 -1
- package/dist/js/theme.js +0 -1
package/index.html
CHANGED
|
@@ -1,70 +1,77 @@
|
|
|
1
1
|
<!doctype html>
|
|
2
2
|
<html>
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<title>Plone Theme</title>
|
|
6
|
+
<link rel="shortcut icon" type="image/x-icon"
|
|
7
|
+
href="icons/barceloneta-favicon.ico" />
|
|
8
|
+
<link rel="apple-touch-icon"
|
|
9
|
+
href="icons/barceloneta-apple-touch-icon.png" />
|
|
10
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144"
|
|
11
|
+
href="icons/barceloneta-apple-touch-icon-144x144-precomposed.png" />
|
|
12
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114"
|
|
13
|
+
href="icons/barceloneta-apple-touch-icon-114x114-precomposed.png" />
|
|
14
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72"
|
|
15
|
+
href="icons/barceloneta-apple-touch-icon-72x72-precomposed.png" />
|
|
16
|
+
<link rel="apple-touch-icon-precomposed" sizes="57x57"
|
|
17
|
+
href="icons/barceloneta-apple-touch-icon-57x57-precomposed.png" />
|
|
18
|
+
<link rel="apple-touch-icon-precomposed"
|
|
19
|
+
href="icons/barceloneta-apple-touch-icon-precomposed.png" />
|
|
20
|
+
</head>
|
|
21
|
+
|
|
22
|
+
<body class="h-100">
|
|
23
|
+
<section id="portal-toolbar">
|
|
24
|
+
</section>
|
|
25
|
+
|
|
26
|
+
<div class="outer-wrapper">
|
|
27
|
+
<header id="content-header">
|
|
28
|
+
|
|
29
|
+
<div class="container">
|
|
30
|
+
<div id="portal-top" class="mb-3 d-flex justify-content-end">
|
|
30
31
|
</div>
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
<div
|
|
34
|
-
|
|
32
|
+
</div>
|
|
33
|
+
|
|
34
|
+
<div class="mask-menu"></div>
|
|
35
|
+
|
|
36
|
+
</header>
|
|
37
|
+
|
|
38
|
+
<div id="hero" class="principal">
|
|
39
|
+
<div class="container">
|
|
40
|
+
<div class="gigantic">
|
|
35
41
|
</div>
|
|
36
42
|
</div>
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
<div id="above-content-wrapper">
|
|
46
|
+
<div id="above-content">
|
|
41
47
|
</div>
|
|
48
|
+
</div>
|
|
49
|
+
|
|
50
|
+
<div class="container">
|
|
51
|
+
<div class="row">
|
|
52
|
+
<aside id="global_statusmessage" class="col-12"></aside>
|
|
42
53
|
</div>
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
|
|
54
|
+
<main id="main-container" class="row">
|
|
55
|
+
<section id="portal-column-content">
|
|
56
|
+
</section>
|
|
57
|
+
<aside id="portal-column-one">
|
|
58
|
+
</aside>
|
|
59
|
+
<aside id="portal-column-two" role="complementary">
|
|
60
|
+
</aside>
|
|
61
|
+
</main><!--/row-->
|
|
62
|
+
</div>
|
|
63
|
+
<!--/container-->
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<!--/outer-wrapper -->
|
|
67
|
+
<footer id="portal-footer-wrapper">
|
|
68
|
+
<div class="container" id="portal-footer">
|
|
69
|
+
<div class="doormat row"></div>
|
|
70
|
+
<div class="copyright row"><div class="col-12"></div></div>
|
|
71
|
+
<div class="colophon row"><div class="col-12"></div></div>
|
|
72
|
+
<div class="site-actions row"><div class="col-12"></div></div>
|
|
46
73
|
</div>
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
</div>
|
|
51
|
-
<main id="main-container" class="row">
|
|
52
|
-
<section id="portal-column-content">
|
|
53
|
-
</section>
|
|
54
|
-
<aside id="portal-column-one">
|
|
55
|
-
</aside>
|
|
56
|
-
<aside id="portal-column-two" role="complementary">
|
|
57
|
-
</aside>
|
|
58
|
-
</main><!--/row-->
|
|
59
|
-
</div><!--/container-->
|
|
60
|
-
</div> <!--/outer-wrapper -->
|
|
61
|
-
<footer id="portal-footer-wrapper">
|
|
62
|
-
<div class="container" id="portal-footer">
|
|
63
|
-
<div class="doormat row"></div>
|
|
64
|
-
<div class="copyright row"><div class="col-12"></div></div>
|
|
65
|
-
<div class="colophon row"><div class="col-12"></div></div>
|
|
66
|
-
<div class="site-actions row"><div class="col-12"></div></div>
|
|
67
|
-
</div>
|
|
68
|
-
</footer>
|
|
69
|
-
</body>
|
|
74
|
+
</footer>
|
|
75
|
+
</body>
|
|
76
|
+
|
|
70
77
|
</html>
|
package/manifest.cfg
CHANGED
|
@@ -9,9 +9,12 @@ doctype = <!DOCTYPE html>
|
|
|
9
9
|
enabled-bundles =
|
|
10
10
|
disabled-bundles =
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
development-css = ++theme++base/dist/css/theme.css
|
|
13
13
|
production-css = ++theme++base/dist/css/theme.css
|
|
14
14
|
tinymce-content-css = /++theme++base/dist/css/theme.css
|
|
15
|
+
development-js = ++theme++base/dist/js/theme.js
|
|
16
|
+
production-js = ++theme++base/dist/js/theme.js
|
|
17
|
+
|
|
15
18
|
|
|
16
19
|
|
|
17
20
|
#[theme:overrides]
|
package/package.json
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"plone",
|
|
24
24
|
"smartweb"
|
|
25
25
|
],
|
|
26
|
-
"version": "0.0.
|
|
26
|
+
"version": "0.0.6",
|
|
27
27
|
"license": "GPL version 2",
|
|
28
28
|
"scripts": {
|
|
29
29
|
"stylelint": "npx stylelint 'src/**/*.{css,less}' 'src/**/*.{css,less}",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"release": "release-it"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@plone/plonetheme-barceloneta-base": "
|
|
38
|
-
"@popperjs/core": "^2.
|
|
37
|
+
"@plone/plonetheme-barceloneta-base": "3.0.0",
|
|
38
|
+
"@popperjs/core": "^2.11.6"
|
|
39
39
|
}
|
|
40
40
|
}
|
package/rules.xml
CHANGED
|
@@ -55,7 +55,10 @@
|
|
|
55
55
|
<after css:theme-children="#portal-column-two" css:content-children="#portal-column-two"></after>
|
|
56
56
|
<drop css:theme="#portal-column-two" css:if-not-content="#portal-column-two" />
|
|
57
57
|
|
|
58
|
-
|
|
58
|
+
<before
|
|
59
|
+
css:theme-children="#portal-footer"
|
|
60
|
+
css:content=".smartweb_footer"
|
|
61
|
+
/>
|
|
59
62
|
<!-- Footer -->
|
|
60
63
|
<xsl:variable name="footer_portlets" select="//footer[@id='portal-footer-wrapper']//div[@class='portletWrapper']/*[not(contains(@id,'portal-colophon')) and not(contains(@id,'portal-footer-signature')) and not(contains(@class,'portletActions'))]"></xsl:variable>
|
|
61
64
|
<xsl:variable name="footer_portlets_count" select="count($footer_portlets)"></xsl:variable>
|
package/src/index.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import "./scss/main.scss";
|
|
2
|
-
|
|
3
2
|
$( document ).ready(function() {
|
|
4
3
|
$('#portal-globalnav-collapse').on('show.bs.collapse', function () {
|
|
5
4
|
document.body.classList.add('open-nav-overflow');
|
|
@@ -9,4 +8,9 @@ $( document ).ready(function() {
|
|
|
9
8
|
document.body.classList.remove('open-nav-overflow');
|
|
10
9
|
document.documentElement.classList.remove('open-nav-overflow');
|
|
11
10
|
})
|
|
11
|
+
|
|
12
|
+
// For custom slider
|
|
13
|
+
// var newsSwiper = $('.sectionnews .swiper')[0].swiper
|
|
14
|
+
// newsSwiper.params.spaceBetween=30;
|
|
15
|
+
// newsSwiper.update();
|
|
12
16
|
});
|
package/src/scss/_fonts.scss
CHANGED
package/src/scss/_general.scss
CHANGED
|
@@ -1,14 +1,110 @@
|
|
|
1
|
-
ul {
|
|
1
|
+
.frontend ul {
|
|
2
2
|
padding-left: 0;
|
|
3
3
|
}
|
|
4
4
|
.offcanvas-start {
|
|
5
5
|
top: 0;
|
|
6
6
|
left: 0;
|
|
7
|
-
width: 95
|
|
7
|
+
width: 95%!important;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.contact_gallery {
|
|
11
11
|
img {
|
|
12
12
|
max-width: 100%;
|
|
13
13
|
}
|
|
14
|
-
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
// affichage horraire
|
|
17
|
+
.section-contact .table_schedule {
|
|
18
|
+
display: none;
|
|
19
|
+
}
|
|
20
|
+
.schedule .opening_informations:after{
|
|
21
|
+
content: "";
|
|
22
|
+
width: 9px;
|
|
23
|
+
height: 6px;
|
|
24
|
+
display: block;
|
|
25
|
+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="8.444" height="5.2"><path fill="black" d="M.247.254a.831.831 0 0 1 1.2 0l2.78 2.854L7.011.254A.831.831 0 0 1 8.2.264a.882.882 0 0 1 .01 1.215L4.825 4.946a.835.835 0 0 1-.6.254 1.529 1.529 0 0 1-.6-.254L.247 1.479a.882.882 0 0 1 0-1.226Z"/></svg>');
|
|
26
|
+
background-size: contain;
|
|
27
|
+
background-position: center;
|
|
28
|
+
background-repeat: no-repeat;
|
|
29
|
+
margin-left: .4rem;
|
|
30
|
+
display: inline-block;
|
|
31
|
+
vertical-align: middle;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
//Cacher le bouton téléverser et l’afficher là ou il est utile
|
|
35
|
+
#content .navbar a#btn-upload {
|
|
36
|
+
visibility: hidden;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.portaltype-imio-smartweb-sectionfiles #content .navbar a#btn-upload,
|
|
40
|
+
.portaltype-imio-smartweb-sectiongallery #content .navbar a#btn-upload,
|
|
41
|
+
.portaltype-imio-smartweb-sectionhtml #content .navbar a#btn-upload{
|
|
42
|
+
visibility: visible;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
// Aligner le logo et le titre sur les sous-sites
|
|
46
|
+
.subsite-container #subsite-logo a {
|
|
47
|
+
display: flex;
|
|
48
|
+
align-items: center;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.select2-results .select2-highlighted {
|
|
52
|
+
background: #f9f9f9;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
// img placeholder
|
|
57
|
+
|
|
58
|
+
.r-item-img-placeholder{
|
|
59
|
+
background: $img-placeholder;
|
|
60
|
+
background-size: cover;
|
|
61
|
+
background-position: center;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.block-menu-element .newsImage.no-image {
|
|
65
|
+
background: $img-placeholder;
|
|
66
|
+
background-size: cover;
|
|
67
|
+
background-position: center;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
// Afficher les intitulés sur une ligne et l’info (numéro de téléphone, email) sur une ligne suivante.
|
|
71
|
+
|
|
72
|
+
.section-contact .contact_informations a {
|
|
73
|
+
display: block;
|
|
74
|
+
}
|
|
75
|
+
.userrole-authenticated.template-edit #content-core .edit .form-label {
|
|
76
|
+
font-weight: 600;
|
|
77
|
+
}
|
|
78
|
+
.linkTypes a#tinymce-autotoc-autotoc-1 {
|
|
79
|
+
display: none;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
// backoffie icon
|
|
83
|
+
.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon {
|
|
84
|
+
display: flex;
|
|
85
|
+
flex-wrap: wrap;
|
|
86
|
+
gap: 1%;
|
|
87
|
+
}
|
|
88
|
+
.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .form-text{
|
|
89
|
+
width:100%;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .option {
|
|
93
|
+
position: relative;
|
|
94
|
+
flex-basis: 15%;
|
|
95
|
+
padding: 0.75rem;
|
|
96
|
+
text-align: center;
|
|
97
|
+
}
|
|
98
|
+
.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .plone-icon {
|
|
99
|
+
width: auto;
|
|
100
|
+
height: 2.5rem;
|
|
101
|
+
}
|
|
102
|
+
.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .option label {
|
|
103
|
+
display: flex;
|
|
104
|
+
flex-direction: column;
|
|
105
|
+
align-items: center;
|
|
106
|
+
font-size:14px;
|
|
107
|
+
}
|
|
108
|
+
.mb-ign-mode-liste-carte{
|
|
109
|
+
z-index:0;
|
|
110
|
+
}
|
package/src/scss/_header.scss
CHANGED
|
@@ -5,18 +5,18 @@
|
|
|
5
5
|
display: none;
|
|
6
6
|
}
|
|
7
7
|
#portal-header {
|
|
8
|
-
z-index: 2;
|
|
9
8
|
display: block;
|
|
10
9
|
margin-top: 0;
|
|
10
|
+
margin-bottom: 1.25rem;
|
|
11
|
+
@include media-breakpoint-up(md){
|
|
12
|
+
position: relative;
|
|
13
|
+
}
|
|
11
14
|
#portal-header-top {
|
|
12
15
|
@include media-breakpoint-down(lg) {
|
|
13
16
|
justify-content: space-between;
|
|
14
17
|
}
|
|
15
18
|
position: relative;
|
|
16
19
|
z-index: 2;
|
|
17
|
-
// display: grid;
|
|
18
|
-
// grid-template-columns: 115px 1fr auto !important;
|
|
19
|
-
// grid-template-areas: "logo menu link";
|
|
20
20
|
display: flex;
|
|
21
21
|
align-items: center;
|
|
22
22
|
padding: $header-top-padding;
|
|
@@ -40,8 +40,10 @@
|
|
|
40
40
|
#portal-logo {
|
|
41
41
|
max-width: $main-logo-max-width;
|
|
42
42
|
margin-top: 0;
|
|
43
|
-
|
|
43
|
+
width: 100%;
|
|
44
|
+
img, svg {
|
|
44
45
|
max-width: 100%;
|
|
46
|
+
height: 100%;
|
|
45
47
|
}
|
|
46
48
|
}
|
|
47
49
|
#portal-globalnav-wrapper {
|
|
@@ -103,22 +105,12 @@
|
|
|
103
105
|
}
|
|
104
106
|
}
|
|
105
107
|
|
|
106
|
-
header#content-header {
|
|
107
|
-
position: relative;
|
|
108
|
-
z-index: 9;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
108
|
@include media-breakpoint-down(lg) {
|
|
112
109
|
.navbar-expand-md .navbar-toggler {
|
|
113
110
|
display: block !important;
|
|
114
111
|
}
|
|
115
112
|
}
|
|
116
113
|
|
|
117
|
-
// .subsite-container{ ---------------------- POURQUOI clip ???
|
|
118
|
-
// grid-area: sub;
|
|
119
|
-
// overflow-x: clip;
|
|
120
|
-
// }
|
|
121
|
-
|
|
122
114
|
// MASK
|
|
123
115
|
|
|
124
116
|
.mask-menu {
|