@wemiofooter/footer 1.0.4 → 1.1.0
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/FooterWemio.vue +19 -30
- package/dist/wemio-footer.es.js +3 -3
- package/dist/wemio-footer.umd.js +2 -2
- package/package.json +1 -1
package/FooterWemio.vue
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<a href="https://wemio.fr" target="_blank" rel="noopener noreferrer" class="wemio-banner">
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
<img src="https://wemio.fr/logos/
|
|
6
|
+
<img src="https://wemio.fr/logos/small_logo.png" alt="Wemio" class="logo-img">
|
|
7
7
|
|
|
8
8
|
<div class="text-vibe">
|
|
9
9
|
<span class="vibe-top">Conçu avec ♥ & bonne humeur</span>
|
|
@@ -23,47 +23,43 @@
|
|
|
23
23
|
// Ce composant est purement visuel pour l'instant,
|
|
24
24
|
// pas besoin de logique JavaScript ici !
|
|
25
25
|
</script>
|
|
26
|
-
|
|
27
26
|
<style scoped>
|
|
28
|
-
/* Importation autonome de la police Inter
|
|
27
|
+
/* Importation autonome de la police Inter */
|
|
29
28
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap');
|
|
30
29
|
|
|
31
|
-
/*
|
|
30
|
+
/* Le conteneur prend toute la largeur, fond blanc, avec une ligne de séparation en haut */
|
|
32
31
|
.wemio-footer-container {
|
|
33
32
|
width: 100%;
|
|
34
33
|
display: flex;
|
|
35
34
|
justify-content: center;
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
background: #ffffff;
|
|
36
|
+
border-top: 1px solid #e2e8f0; /* Ligne subtile pour séparer du contenu du site */
|
|
38
37
|
font-family: 'Inter', sans-serif;
|
|
39
38
|
box-sizing: border-box;
|
|
40
39
|
}
|
|
41
40
|
|
|
42
|
-
/*
|
|
41
|
+
/* Le contenu du footer, centré avec une largeur max */
|
|
43
42
|
.wemio-banner {
|
|
44
|
-
background: #ffffff;
|
|
45
|
-
border-radius: 16px;
|
|
46
|
-
padding: 14px 55px 14px 20px;
|
|
47
|
-
box-shadow: 0 2px 10px rgba(0,0,0,0.06);
|
|
48
|
-
|
|
49
43
|
display: grid;
|
|
50
44
|
grid-template-columns: auto 1fr auto;
|
|
51
45
|
align-items: center;
|
|
52
46
|
gap: 20px;
|
|
53
|
-
|
|
47
|
+
|
|
54
48
|
text-decoration: none;
|
|
55
|
-
|
|
56
|
-
|
|
49
|
+
|
|
57
50
|
width: 100%;
|
|
58
51
|
max-width: 1200px;
|
|
52
|
+
padding: 20px; /* On gère l'espacement intérieur ici (gauche/droite parfait, haut/bas réduit) */
|
|
59
53
|
box-sizing: border-box;
|
|
60
54
|
}
|
|
61
55
|
|
|
62
|
-
/*
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
transform:
|
|
66
|
-
|
|
56
|
+
/* On retire l'effet qui faisait "sauter" tout le footer au survol,
|
|
57
|
+
et on anime juste les éléments de l'appel à l'action pour que ça fasse pro */
|
|
58
|
+
.wemio-banner:hover .arrow {
|
|
59
|
+
transform: translateX(4px);
|
|
60
|
+
}
|
|
61
|
+
.wemio-banner:hover .cta-group {
|
|
62
|
+
color: #1e40af; /* Bleu légèrement plus foncé au survol */
|
|
67
63
|
}
|
|
68
64
|
|
|
69
65
|
/* --- 1. LE LOGO ROND --- */
|
|
@@ -84,7 +80,6 @@
|
|
|
84
80
|
align-items: center;
|
|
85
81
|
text-align: center;
|
|
86
82
|
white-space: nowrap;
|
|
87
|
-
justify-self: center;
|
|
88
83
|
}
|
|
89
84
|
|
|
90
85
|
.vibe-top {
|
|
@@ -111,7 +106,7 @@
|
|
|
111
106
|
font-weight: 800;
|
|
112
107
|
font-size: 13px;
|
|
113
108
|
white-space: nowrap;
|
|
114
|
-
|
|
109
|
+
transition: color 0.3s ease;
|
|
115
110
|
}
|
|
116
111
|
|
|
117
112
|
.arrow {
|
|
@@ -119,22 +114,16 @@
|
|
|
119
114
|
transition: transform 0.3s ease;
|
|
120
115
|
}
|
|
121
116
|
|
|
122
|
-
/* Animation de la flèche au survol */
|
|
123
|
-
.wemio-banner:hover .arrow {
|
|
124
|
-
transform: translateX(4px);
|
|
125
|
-
}
|
|
126
|
-
|
|
127
117
|
/* --- RESPONSIVE --- */
|
|
128
118
|
@media (max-width: 480px) {
|
|
129
119
|
.text-vibe {
|
|
130
|
-
display: none;
|
|
120
|
+
display: none; /* On cache le texte central sur mobile pour aérer */
|
|
131
121
|
}
|
|
132
122
|
.cta-group {
|
|
133
123
|
font-size: 13px;
|
|
134
124
|
}
|
|
135
125
|
.wemio-banner {
|
|
136
|
-
padding:
|
|
137
|
-
border-radius: 12px;
|
|
126
|
+
padding: 16px 20px;
|
|
138
127
|
gap: 16px;
|
|
139
128
|
}
|
|
140
129
|
}
|
package/dist/wemio-footer.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap";.wemio-footer-container[data-v-
|
|
1
|
+
(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap";.wemio-footer-container[data-v-e5b4a435]{box-sizing:border-box;background:#fff;border-top:1px solid #e2e8f0;justify-content:center;width:100%;font-family:Inter,sans-serif;display:flex}.wemio-banner[data-v-e5b4a435]{box-sizing:border-box;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:100%;max-width:1200px;padding:20px;text-decoration:none;display:grid}.wemio-banner:hover .arrow[data-v-e5b4a435]{transform:translate(4px)}.wemio-banner:hover .cta-group[data-v-e5b4a435]{color:#1e40af}.logo-img[data-v-e5b4a435]{object-fit:cover;border:2px solid #f8fafc;border-radius:50%;width:44px;height:44px;box-shadow:0 2px 4px #0000001a}.text-vibe[data-v-e5b4a435]{text-align:center;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;display:flex}.vibe-top[data-v-e5b4a435]{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:2px;font-size:10px;font-weight:600}.vibe-bottom[data-v-e5b4a435]{color:#334155;font-size:13px;font-weight:500}.cta-group[data-v-e5b4a435]{color:#2563eb;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:800;transition:color .3s;display:flex}.arrow[data-v-e5b4a435]{font-size:16px;transition:transform .3s}@media (width<=480px){.text-vibe[data-v-e5b4a435]{display:none}.cta-group[data-v-e5b4a435]{font-size:13px}.wemio-banner[data-v-e5b4a435]{gap:16px;padding:16px 20px}}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
|
|
2
2
|
import { createElementBlock as e, createStaticVNode as t, openBlock as n } from "vue";
|
|
3
3
|
//#region \0plugin-vue:export-helper
|
|
4
4
|
var r = (e, t) => {
|
|
@@ -8,8 +8,8 @@ var r = (e, t) => {
|
|
|
8
8
|
}, i = { class: "wemio-footer-container" }, a = /*#__PURE__*/ r({
|
|
9
9
|
__name: "FooterWemio",
|
|
10
10
|
setup(r) {
|
|
11
|
-
return (r, a) => (n(), e("div", i, [...a[0] ||= [t("<a href=\"https://wemio.fr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wemio-banner\" data-v-
|
|
11
|
+
return (r, a) => (n(), e("div", i, [...a[0] ||= [t("<a href=\"https://wemio.fr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wemio-banner\" data-v-e5b4a435><img src=\"https://wemio.fr/logos/small_logo.png\" alt=\"Wemio\" class=\"logo-img\" data-v-e5b4a435><div class=\"text-vibe\" data-v-e5b4a435><span class=\"vibe-top\" data-v-e5b4a435>Conçu avec ♥ & bonne humeur</span><span class=\"vibe-bottom\" data-v-e5b4a435>Vous aimez ce site ?</span></div><div class=\"cta-group\" data-v-e5b4a435><span data-v-e5b4a435>Discutons du vôtre</span><span class=\"arrow\" data-v-e5b4a435>→</span></div></a>", 1)]]));
|
|
12
12
|
}
|
|
13
|
-
}, [["__scopeId", "data-v-
|
|
13
|
+
}, [["__scopeId", "data-v-e5b4a435"]]), o = a;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { a as FooterWemio, o as default };
|
package/dist/wemio-footer.umd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap";.wemio-footer-container[data-v-
|
|
2
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue")):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.WemioFooter={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},r={class:`wemio-footer-container`},i=n({__name:`FooterWemio`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,r,[...n[0]||=[(0,t.createStaticVNode)(`<a href="https://wemio.fr" target="_blank" rel="noopener noreferrer" class="wemio-banner" data-v-
|
|
1
|
+
(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap";.wemio-footer-container[data-v-e5b4a435]{box-sizing:border-box;background:#fff;border-top:1px solid #e2e8f0;justify-content:center;width:100%;font-family:Inter,sans-serif;display:flex}.wemio-banner[data-v-e5b4a435]{box-sizing:border-box;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:100%;max-width:1200px;padding:20px;text-decoration:none;display:grid}.wemio-banner:hover .arrow[data-v-e5b4a435]{transform:translate(4px)}.wemio-banner:hover .cta-group[data-v-e5b4a435]{color:#1e40af}.logo-img[data-v-e5b4a435]{object-fit:cover;border:2px solid #f8fafc;border-radius:50%;width:44px;height:44px;box-shadow:0 2px 4px #0000001a}.text-vibe[data-v-e5b4a435]{text-align:center;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;display:flex}.vibe-top[data-v-e5b4a435]{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:2px;font-size:10px;font-weight:600}.vibe-bottom[data-v-e5b4a435]{color:#334155;font-size:13px;font-weight:500}.cta-group[data-v-e5b4a435]{color:#2563eb;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:800;transition:color .3s;display:flex}.arrow[data-v-e5b4a435]{font-size:16px;transition:transform .3s}@media (width<=480px){.text-vibe[data-v-e5b4a435]{display:none}.cta-group[data-v-e5b4a435]{font-size:13px}.wemio-banner[data-v-e5b4a435]{gap:16px;padding:16px 20px}}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
|
|
2
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue")):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.WemioFooter={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},r={class:`wemio-footer-container`},i=n({__name:`FooterWemio`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,r,[...n[0]||=[(0,t.createStaticVNode)(`<a href="https://wemio.fr" target="_blank" rel="noopener noreferrer" class="wemio-banner" data-v-e5b4a435><img src="https://wemio.fr/logos/small_logo.png" alt="Wemio" class="logo-img" data-v-e5b4a435><div class="text-vibe" data-v-e5b4a435><span class="vibe-top" data-v-e5b4a435>Conçu avec ♥ & bonne humeur</span><span class="vibe-bottom" data-v-e5b4a435>Vous aimez ce site ?</span></div><div class="cta-group" data-v-e5b4a435><span data-v-e5b4a435>Discutons du vôtre</span><span class="arrow" data-v-e5b4a435>→</span></div></a>`,1)]]))}},[[`__scopeId`,`data-v-e5b4a435`]]),a=i;e.FooterWemio=i,e.default=a});
|