Intégration plugin sociaux

This commit is contained in:
Plumf 2023-08-10 15:45:31 +02:00
parent 20d1235485
commit 5169c53a6a
3 changed files with 37 additions and 1 deletions

22
css/sociaux.css Normal file
View File

@ -0,0 +1,22 @@
.sociaux{
padding-top: 0.5em;
}
.sociaux ul {margin:0;padding:0;list-style:none;}
.sociaux li {display:inline-block;margin:0 0.2em 0.4em 0;}
.sociaux a {text-decoration:none;}
.sociaux a:focus, .sociaux a:hover, .sociaux a:active {background-color:transparent;}
.sociaux a.spip_out::after, .sociaux a.external::after { content: none; }
.sociaux .name { position:absolute; clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; margin:0; overflow:hidden; padding:0; width:1px; white-space:nowrap; }
.sociaux .socicon {
/*display: block;*/
font-size: 15px;
/*padding:.5em;*/
/*border-radius:1em;*/
color:var(--couleurpolices);
/*background-color: #fff;*/
/*transition: background-color 0.2s;*/
}
.sociaux .socicon:hover {
background-color:var(--couleursurvol);
color: #fff;
} /* doit rester en dernier pour être pris en compte ! */

14
inclure/sociaux.html Normal file
View File

@ -0,0 +1,14 @@
[(#REM)
liste les liens vers les réseaux sociaux modifier pour archil (Ajout du pipe |)
on associe les classes de socicon si l'option est activée
http://www.socicon.com/how.php
]<!-- sociaux -->
<div class="sociaux">
<ul class="sociaux-list">[(#SET{rezo,[(#PIPELINE{sociaux_lister,#ARRAY{args,#ARRAY{skel,#SQUELETTE,date,#ENV**{date}},data,#ARRAY}})]})]
<BOUCLE_rezo (DATA) {source tableau,#GET{rezo}}>[(#CONFIG{sociaux/#CLE}|oui)
<li>| <a href="[(#CLE|=={mail}|oui)mailto:][(#CLE|=={skype}|oui)callto:]#CONFIG{sociaux/#CLE}" class="#CLE[(#CLE|in_array{#LISTE{rss,mail,whatsapp,skype}}|non)spip_out external]">[(#CONFIG{sociaux/css}|oui)<span class="socicon socicon-#CLE"></span>]<span class="name">[(#VALEUR)]</span></a></li>]</BOUCLE_rezo>
</ul>
</div>
<!-- #sociaux -->

View File

@ -1,7 +1,7 @@
<paquet
prefix="archil"
categorie="squelette"
version="0.0.2"
version="0.0.3"
etat="dev"
compatibilite="[4.0.0;4.2.*]"
logo="images/archil-128.png"