Pied de page du privé : afficher fièrement le logo, avec un lien vers spip.net

prive/squelettes/inclure/pied.html

@@ -5,4 +5,12 @@
 	[(#SET{home_server,#EVAL{$GLOBALS}|table_valeur{home_server}|concat{'/',#EVAL{$GLOBALS}|table_valeur{spip_lang}}})]
 	<p><:info_copyright_doc{spipnet=#GET{home_server},spipnet_affiche=#GET{home_server}}:></p>
 </div>
+[<a
+	href="#GET{home_server}"
+	class="lien-logo"
+	rel="external"
+	aria-label="<:info_copyright_doc{spipnet_affiche=#GET{home_server}}|textebrut|attribut_html:>"
+>
+	(#CHEMIN{spip.svg}|balise_svg)
+</a>]
 [(#REM**|html_tests_js)]
\ No newline at end of file

prive/themes/spip/content.css.html

@@ -2,10 +2,6 @@
 
 	Ce squelette definit les styles de l'espace prive
 
-	Note: l'entete "Vary:" sert a repousser l'entete par
-	defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
-	genant en cas de "rotation du cookie de session" apres
-	un changement d'IP (effet de clignotement).
 	<style>
 ]
 #CACHE{3600*100,cache-client}
@@ -17,8 +13,67 @@
 /*  Habillage des elements du contenu
 /*  ------------------------------------------ */
 html {background-color:#eee;}
-#pied {font-size:0.9em;border-top:1px solid #ddd;background:#eee;margin-top:[(#ENV{margin-bottom}|strdiv{0.9})em];padding-top:[(#ENV{margin-bottom}|strdiv{0.9})em];overflow:hidden;}
-#copyright {text-align:#ENV{right};}
+
+
+/**
+ * ============
+ * Pied de page
+ * ============
+ */
+#pied {
+	font-size: 0.9em;
+	/* border-top:1px solid #ddd; */
+	background: hsl(0, 0%, 93%);
+	margin-top: var(--spip-margin-bottom);
+	padding-top: calc(var(--spip-margin-bottom) * 1.5);
+	padding-bottom: calc(var(--spip-margin-bottom) * 1.5);
+	overflow: hidden;
+}
+#pied .largeur {
+	display: flex;
+	flex-flow: column;
+}
+/* Texte copyright, liens, infos de version, etc. */
+#copyright *:last-child {
+	margin-bottom: 0;
+}
+/* Logo Spip */
+#pied .lien-logo {
+	display: inline-flex;
+	justify-content: center;
+	align-items: center;
+	color: var(--spip-color-theme);
+	margin-top: 2em;
+	transition: color 0.2s;
+}
+#pied .lien-logo:hover,
+#pied .lien-logo:focus {
+	color: var(--spip-color-theme-dark);
+}
+#pied .lien-logo:after {
+	display: none; /* flèche unicode liens sortants */
+}
+#pied svg.logo_spip {
+	/* height: 100%; */
+	height: calc(var(--spip-line-height) * 3); /* ~3 lignes */
+	width: auto;
+}
+/* Responsive */
+@media (min-width: 580px) {
+	#pied .largeur {
+		flex-flow: row nowrap;
+		justify-content: flex-end;
+	}
+	#copyright {
+		flex: 10;
+		text-align: var(--spip-right);
+	}
+	#pied .lien-logo {
+		margin-#LEFT: 1.5em;
+		margin-top: 0;
+	}
+}
+
 
 #chemin { overflow: hidden; margin: 0; padding: 0;	text-align:#ENV{left};}
 @media (min-width: 1200px) {