siteweb/libreavous
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

mélanges de fix + pages chroniques

Browse Source
This commit is contained in:
chankalan 2021-09-02 20:04:44 +02:00
parent aba10f03cb
commit b436662522
13 changed files with 235 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
libreavous_fonctions.php
View File

@ -201,5 +201,29 @@ function libreavous_mio($number) {
return $mio; return $mio;
} }
function titre_chronique_court($titre) {
$sans = array(
"Chronique d’Isabella Vanni sur ",
"Chronique d’Isabella Vanni : ",
"Chronique d’Isabella Vanni ",
"Chronique d’Isabella Vanni : ",
"Chronique d’Isabella sur ",
"Chronique de Xavier Berne sur ",
"Chronique de Laurent et Lorette Costy sur le thème ",
"Chronique de Luk sur le thème ",
"Chronique de Véronique Bonnet sur le thème ",
"Chronique d’Éric Fraudain sur ",
"Chronique de Jean-Christophe Becquet sur ",
"Chronique de Marie-Odile Morandi sur ",
"Chronique de Vincent Calame sur ",
"Chronique d’Antanak sur ",
"Chronique d’Emmanuel Revah sur ",
"Chronique d’Isabella Vanni sur ",
"Chronique de Noémie Bergez sur ",
);
$titrecourt = str_replace($sans,'',$titre);
return $titrecourt;
}

18
squelettes/content/article-emission.html
View File

@ -13,9 +13,9 @@
<small class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</small> <small class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</small>
]</h1> ]</h1>
[(#PODCAST_CODE|oui)
#FORMULAIRE_JAIME_JAIMEPAS #FORMULAIRE_JAIME_JAIMEPAS
]
<div class="postmeta"> <div class="postmeta">
#MODELE{article_traductions} #MODELE{article_traductions}
@ -34,7 +34,7 @@
<div class="main"> <div class="main">
<div class="fb"> <div class="fb">[(#PODCAST_CODE|oui)
<div class="lecteur"> <div class="lecteur">
<div class="podlove_wrapper"> <div class="podlove_wrapper">
@ -52,9 +52,9 @@
</ul> </ul>
</div> </div>
]
<BOUCLE_sl(CHAPITRES){id_article}{type_sujet=SL}>#SET{chapitres,oui}[(#REFERENCES_SUJET|oui)#SET{references,oui}]
<BOUCLE_sl(CHAPITRES){id_article}{type_sujet=SL}>#SET{chapitres,oui}
<div class="sujet_principal"> <div class="sujet_principal">
<h2><:libreavous:sujet_principal:></h2> <h2><:libreavous:sujet_principal:></h2>
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3,telecharger=oui} /> <INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3,telecharger=oui} />
@ -63,14 +63,14 @@
<div class="sujet_autre"> <div class="sujet_autre">
<h2><:libreavous:et_aussi:></h2> <h2><:libreavous:et_aussi:></h2>
<div> <div>
<BOUCLE_autres(CHAPITRES){id_article}{type_sujet!=SL}> <BOUCLE_autres(CHAPITRES){id_article}{type_sujet!=SL}>[(#REFERENCES_SUJET|oui)#SET{references,oui}]
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3,telecharger=oui} /> <INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3,telecharger=oui} />
</BOUCLE_autres> </BOUCLE_autres>
</div> </div>
</div> </div>
</B_autres> </B_autres>
[(#GET{chapitres}|!={oui}|oui) [(#GET{chapitres}|!={oui}|oui)
[<div class="emission-Programme #EDIT{chapo}">(#CHAPO)</div>] [<div class="emission-programme #EDIT{chapo}">(#CHAPO)</div>]
] ]
</div> </div>
@ -92,7 +92,7 @@
<div class="fb detail_emission"> <div class="fb detail_emission">
[(#PODCAST_PERSONNES|oui)<a href="#personnesparticipantes" class="btn taille70 blanc"><:libreavous:personnes_participantes:></a>] [(#PODCAST_PERSONNES|oui)<a href="#personnesparticipantes" class="btn taille70 blanc"><:libreavous:personnes_participantes:></a>]
<a href="#references" class="btn taille70 blanc"><:libreavous:references:></a> [(#PODCAST_REFERENCES|ou{#GET{references}|=={oui}}|oui)<a href="#references" class="btn taille70 blanc"><:libreavous:references:></a>]
[(#PODCAST_TRANSCRIPTION|oui)<a href="#transcription" class="btn taille70 blanc"><:libreavous:transcription:></a>] [(#PODCAST_TRANSCRIPTION|oui)<a href="#transcription" class="btn taille70 blanc"><:libreavous:transcription:></a>]
[(#PODCAST_MUSIQUE|oui)<a href="#pausesmusicales" class="btn taille70 blanc"><:libreavous:pauses_musicales:></a>] [(#PODCAST_MUSIQUE|oui)<a href="#pausesmusicales" class="btn taille70 blanc"><:libreavous:pauses_musicales:></a>]
[(#CONFIG{libreavous/licence}|oui)<a href="#licence" class="btn taille70 blanc"><:libreavous:licence:></a>] [(#CONFIG{libreavous/licence}|oui)<a href="#licence" class="btn taille70 blanc"><:libreavous:licence:></a>]
@ -100,7 +100,7 @@
[<h2 id="personnesparticipantes">Personnes participantes</h2> [<h2 id="personnesparticipantes">Personnes participantes</h2>
<div class="#EDIT{podcast_personnes}">(#PODCAST_PERSONNES|propre)</div>] <div class="#EDIT{podcast_personnes}">(#PODCAST_PERSONNES|propre)</div>]
<h2 id="references">Références</h2> [(#PODCAST_REFERENCES|ou{#GET{references}|=={oui}}|oui)<h2 id="references">Références</h2>]
[<div class="emission-references texte #EDIT{texte}">(#PODCAST_REFERENCES|propre)</div>] [<div class="emission-references texte #EDIT{texte}">(#PODCAST_REFERENCES|propre)</div>]
<B_chapitres_references_chroniques> <B_chapitres_references_chroniques>
<div class="references texte"> <div class="references texte">

12
squelettes/content/rubrique-chroniques.html
View File

@ -1,3 +1,9 @@
<BOUCLE_content(RUBRIQUES){id_rubrique}> <BOUCLE_principale(RUBRIQUES){id_rubrique}>
<INCLURE{fond=content/rubrique,id_rubrique,type-page=rubrique} />
</BOUCLE_content> <h1 class="#EDIT{titre} page_titre">#TITRE</h1>
[<div class="#EDIT{texte} texte surlignable">(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})</div>]
<INCLURE{fond=inclure/liste/dernieres_chroniques,ajax,env} />
</BOUCLE_principale>

18
squelettes/content/rubrique-emissions.html
View File

@ -1,23 +1,9 @@
<BOUCLE_principale(RUBRIQUES){id_rubrique}> <BOUCLE_principale(RUBRIQUES){id_rubrique}>
<h1 class="#EDIT{titre} page_titre">#TITRE</h1> <h1 class="#EDIT{titre} page_titre">#TITRE</h1>
<div class="page_content">
[<div class="#EDIT{texte} texte surlignable">(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})</div>] [<div class="#EDIT{texte} texte surlignable">(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})</div>]
</div> <INCLURE{fond=inclure/liste/emissions-precedentes,ajax,env} />
<B_emissions><div class="liste articles emissions emissions_precedentes">#ANCRE_PAGINATION
<h2><:libreavous:emissions_precedentes:></h2>
<ul>
<BOUCLE_emissions(ARTICLES){id_rubrique}{!par date}{date < #ENV{date}}{1,n}{pagination 10}>
<li>
<INCLURE{fond=inclure/resume/emission,id_article} />
</li>
</BOUCLE_emissions>
</ul>
[<nav class="pagination">(#PAGINATION{page})</nav>]
</div></B_emissions>
</BOUCLE_principale> </BOUCLE_principale>

2
squelettes/content/rubrique.html
View File

@ -2,7 +2,6 @@
<h1 class="#EDIT{titre} page_titre">#TITRE</h1> <h1 class="#EDIT{titre} page_titre">#TITRE</h1>
<div class="page_content">
[<div class="#EDIT{texte} texte surlignable">(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})</div>] [<div class="#EDIT{texte} texte surlignable">(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})</div>]
@ -26,5 +25,4 @@
<p class="liste_articles__suite"><a href="#URL_RUBRIQUE">Tous les articles &laquo;&nbsp;#TITRE&nbsp;&raquo;</a></p> <p class="liste_articles__suite"><a href="#URL_RUBRIQUE">Tous les articles &laquo;&nbsp;#TITRE&nbsp;&raquo;</a></p>
</BOUCLE_rubriques> </BOUCLE_rubriques>
</div>
</BOUCLE_principale> </BOUCLE_principale>

2
squelettes/content/sommaire.html
View File

@ -15,7 +15,7 @@
<p class="encart"> <p class="encart">
<span class="bientot"><:libreavous:c_est_bientot:></span><br /> <span class="bientot"><:libreavous:c_est_bientot:></span><br />
[<span class="btn">[(#DATE|nom_jour) ][(#DATE|jour) ](#DATE|nom_mois)</span><br />] [<span class="btn">[(#DATE|nom_jour) ][(#DATE|jour) ](#DATE|nom_mois)</span><br />]
<:libreavous:de_15h30_a_17h:> <:libreavous:de_15h30_a_17h:>[(#PODCAST_REFERENCES|oui) <a href="#URL_ARTICLE" class="btn taille80 right"><:libreavous:page_de_l_emission:></a>]
</p> </p>

8
squelettes/inclure/chapitre.html
View File

@ -1,7 +1,11 @@
<BOUCLE_chroniques(CHAPITRES) {id_chapitre}> <BOUCLE_chroniques(CHAPITRES) {id_chapitre}>
<div class="chronique"> <div class="chronique">
<h#ENV{h,2}> <h#ENV{h,2}>[(#ENV{titre_court}|=={oui}|?{
#TITRE [(#TITRE|titre_chronique_court)]
,
[(#TITRE)]
})]
<small><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].ogg" class="btn blanc ogg podcast">ogg</a> <small><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].ogg" class="btn blanc ogg podcast">ogg</a>
<a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].mp3" class="btn blanc mp3 podcast">mp3</a></small> <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].mp3" class="btn blanc mp3 podcast">mp3</a></small>
</h#ENV{h,2}> </h#ENV{h,2}>

26
squelettes/inclure/chronique.html Normal file
View File

@ -0,0 +1,26 @@
<BOUCLE_chroniques(CHAPITRES) {id_chapitre}>
<div class="chronique">
<h#ENV{h,2}>
[(#TITRE|titre_chronique_court)]
<small><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].ogg" class="btn blanc ogg podcast">ogg</a>
<a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].mp3" class="btn blanc mp3 podcast">mp3</a></small>
</h#ENV{h,2}>
<B_article>
<BOUCLE_article(ARTICLES){si #ENV{composition}|!={emission}|oui}{id_article}>
[(#ENV{page_emission}|=={oui}|oui)<p>
<a href="#URL_ARTICLE"><:libreavous:page_de_l_emission:></a>
</p>]
[(#ENV{telecharger}|=={oui}|oui)
<ul class="telecharger">
<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg" class="btn blanc ogg podcast" title="[(#PODCAST_OGG|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:ogg:></a></li>
<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3" class="btn blanc mp3 podcast title="[(#PODCAST_MP3|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:mp3:></a></li>
</ul>]
</BOUCLE_article>
</B_article>
[(#ENV{references}|=={oui}|oui)[<div class="references_sujet #EDIT{references_sujet}">
(#REFERENCES_SUJET|propre)
</div>]]
</div>
</BOUCLE_chroniques>

12
squelettes/inclure/liste/dernieres_chroniques.html Normal file
View File

@ -0,0 +1,12 @@
<B_chroniques><div class="liste articles emissions chroniques">#ANCRE_PAGINATION
<h2><:libreavous:dernieres_chroniques:></h2>
<ul>
<BOUCLE_chroniques(CHAPITRES) {chronique?}{type_sujet=CH}{!par code_podcast}{pagination 10}>
<li>
<INCLURE{fond=inclure/resume/chronique,id_chapitre} />
</li>
</BOUCLE_chroniques>
</ul>
[<nav class="pagination">(#PAGINATION{page})</nav>]
</div></B_chroniques>

12
squelettes/inclure/liste/emissions-precedentes.html Normal file
View File

@ -0,0 +1,12 @@
<B_emissions><div class="liste articles emissions emissions_precedentes">#ANCRE_PAGINATION
<h2><:libreavous:emissions_precedentes:></h2>
<ul>
<BOUCLE_emissions(ARTICLES){id_rubrique}{!par date}{date < #ENV{date}}{1,n}{pagination 10}>
<li>
<INCLURE{fond=inclure/resume/emission,id_article} />
</li>
</BOUCLE_emissions>
</ul>
[<nav class="pagination">(#PAGINATION{page})</nav>]
</div></B_emissions>

39
squelettes/inclure/resume/chronique.html Normal file
View File

@ -0,0 +1,39 @@
<BOUCLE_chronique(CHAPITRES){id_chapitre}>
<BOUCLE_e(ARTICLES){id_article}>
<article class="emission-resume article-resume">
<div class="texte_content">
<div class="cartouche">
<p class="article__infos">
<span class="num_emission #EDIT{surtitre}">#[(#SURTITRE)]</span>
[<span class="article__date"><:libreavous:diffusee_le:> [(#DATE|jour)/][(#DATE|mois)/](#DATE|annee)</span>]
[<a href="(#PODCAST_TRANSCRIPTION)" class="btn taille80 blanc">Transciption</a>]
<a href="#URL_ARTICLE" class="btn taille80 blanc"><:libreavous:page_de_l_emission:></a>
</p>
<h2>[(#_chronique:TITRE|titre_chronique_court)]</h2>
<div class="postmeta">
#MODELE{article_traductions}
<BOUCLE_groupes(GROUPES_MOTS){par titre}>
<B_tags>
<p class="mots">
<strong>#TITRE : </strong><BOUCLE_tags(MOTS){id_article}{id_groupe}{', '}>
<a href="#URL_MOT">#TITRE</a>
</BOUCLE_tags>
</p>
</B_tags>
</BOUCLE_groupes>
</div>
</div>
[<div class="references_sujet #EDIT{references_sujet}">
(#REFERENCES_SUJET|propre)
</div>]
</div>
<ul class="telecharger">
<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].ogg" class="btn blanc ogg podcast"><small><:libreavous:chronique:></small><br /><:libreavous:podcast:> <:libreavous:ogg:></a></li>
<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].mp3" class="btn blanc mp3 podcast"><small><:libreavous:chronique:></small><br /><:libreavous:podcast:> <:libreavous:mp3:></a></li>
</ul>
</article>
</BOUCLE_e>
</BOUCLE_chronique>

2
squelettes/modeles/liste_chroniques.html
View File

@ -1,3 +1,3 @@
<BOUCLE_chroniques(CHAPITRES) {chronique=#ENV{chronique}}{!par code_podcast}> <BOUCLE_chroniques(CHAPITRES) {chronique=#ENV{chronique}}{!par code_podcast}>
<INCLURE{fond=inclure/chapitre,id_chapitre} /> <INCLURE{fond=inclure/resume/chronique,id_chapitre,titre_court=#ENV{titre_court},page_emission=oui} />
</BOUCLE_chroniques> </BOUCLE_chroniques>

143
squelettes/scss/styles/_perso.scss
View File

@ -1,8 +1,27 @@
// perso // perso
// les différences // les différences
.btn {
padding: 0.5em 1em;
font-weight: 500;
&:hover {
background:$couleurPrincipaleOn;
color:$couleurPrincipale !important;
}
}
.liens .btn {
padding: 0.7em 1em;
}
.btn.blanc {
border-radius: 0.7em;
}
span.btn {
cursor:text;
}
.page_wrapper { .page_wrapper {
background:$couleurPrincipale url('../images/egalizer.png') repeat-x center -150px; background:$couleurPrincipale url('../images/egalizer.png') repeat-x center -150px;
background-attachment:fixed; /* background-attachment:fixed; */
@media ($bp-small) { @media ($bp-small) {
background:$couleurPrincipale url('../images/egalizer-480.png') repeat-x center -150px; background:$couleurPrincipale url('../images/egalizer-480.png') repeat-x center -150px;
} }
@ -151,28 +170,46 @@
flex-direction: column; flex-direction: column;
} }
.page_content, .page_aside { .page_content, .page_aside {
/* width:100%;
margin:0 0 ($spacer*2);
padding:$spacer ($spacer*4);
background-color:white;*/
} }
.page_content { .page_content {
} }
} }
.page_content {
.page_content > *, .page_aside > * { .page_rubrique & {
margin:0 0 ($spacer*2); /* background-color:#fff; */
padding:$spacer ($spacer*4);
background-color:white;
&.page_extra {
padding:0;
} }
&.btn { }
background:$couleurPrincipaleOn; .page_aside {
color:$couleurPrincipale !important;
&:hover { }
background:$couleurSecondaire; .page_content, .page_aside {
> * {
margin:0 0 ($spacer*2);
padding:$spacer ($spacer*4);
background-color:white;
&.page_extra {
padding:0;
}
&.btn {
background:$couleurPrincipaleOn;
color:$couleurPrincipale !important;
&:hover {
background:$couleurSecondaire;
}
}
}
h1 {
margin-bottom:0;
}
> .ajaxbloc {
padding-top: 0;
margin-top: 6rem;
position: relative;
.emissions > h2, .emissions > a {
position:absolute;
margin-top:-2.6rem;
} }
} }
} }
@ -268,18 +305,27 @@ h2 {
display:none; /* provisoire, par simplicite */ display:none; /* provisoire, par simplicite */
} }
.article__date { .composition_emissions, .composition_emission, .emissions, .derniere_emission, .prochaine_emission {
display:inline; .article__date {
font-size:1.5rem; display:inline;
color:$couleurSecondaire; font-size:1.5rem;
font-weight:700; color:$couleurSecondaire;
font-family:$typo-titre; font-weight:700;
font-family:$typo-titre;
}
}
.composition_blog {
.article__infos {
margin:-($spacer*2) 0 0;
}
.article__date {
display:inline-block;
}
} }
.lecteur { .lecteur {
@include flex; @include flex;
align-items:center; align-items:center;
margin-bottom:3em; margin-bottom:($spacer*3);
> .podlove_wrapper { > .podlove_wrapper {
/* flex-grow:2; */ /* flex-grow:2; */
width:76%; width:76%;
@ -289,13 +335,10 @@ h2 {
.telecharger { .telecharger {
list-style:none; list-style:none;
width:200px; width:200px;
padding:0 0 0 2em; padding:0 0 0 ($spacer*2);
margin:0; margin:0;
li { li {
margin-bottom:1em; padding:($spacer/2) 0 ($spacer/2);
&:last-child {
margin:0;
}
} }
.btn.podcast { .btn.podcast {
width:100%; width:100%;
@ -403,7 +446,8 @@ div.rating-cancel a {
/* bloc connex */ /* bloc connex */
.page_connex { .page_connex {
margin:3rem 0 1rem; margin:3rem 0 0;
padding:0 0 1rem;
background:$couleurPrincipale; background:$couleurPrincipale;
} }
.page_connex_content { .page_connex_content {
@ -453,11 +497,11 @@ div.rating-cancel a {
} }
} }
.derniere_emission, .emissions_precedentes { .derniere_emission, .liste.emissions {
margin-top:($spacer*6); margin-top:($spacer*6);
padding-bottom:0; padding-bottom:0;
> h2 { > h2 {
margin-top:-($spacer*2.5); margin-top:-($spacer*3.6);
margin-bottom:($spacer*0.7); margin-bottom:($spacer*0.7);
color:white; color:white;
} }
@ -515,7 +559,7 @@ div.rating-cancel a {
} }
} }
} }
.emissions_precedentes { .liste.emissions {
.cartouche { .cartouche {
margin:0; margin:0;
} }
@ -539,6 +583,14 @@ div.rating-cancel a {
} }
} }
} }
.liste.emissions.chroniques {
> ul > li {
border-bottom-width:$spacer;
}
.emission-resume.article-resume {
align-items:start;
}
}
.prochaine_emission { .prochaine_emission {
.article__date { .article__date {
font-size:1rem; font-size:1rem;
@ -589,30 +641,17 @@ Sur le menu, je vais voir s'il est possible de faire des filets de rollover comp
border-bottom:3px solid #2E5281; border-bottom:3px solid #2E5281;
} }
.btn {
padding: 0.5em 1em;
font-weight: 500;
}
/*! Boutons trop hauts*/
.liens .btn{
padding: 0.7em 1em;
}
.btn.blanc {
border-radius: 0.7em;
}
/*.emission-programme ul::before {
.emission-Programme ul::before {
content: "Sujet Principal :"; content: "Sujet Principal :";
font-size: 1.3em; font-size: 1.3em;
font-weight: 700; font-weight: 700;
font-family: 'Montserrat'; font-family: 'Montserrat';
line-height: 2em; line-height: 2em;
margin-left: -1em; margin-left: -1em;
} }*/
a.spip_out { a.spip_out {
color: #2E5281; color: #2E5281;
border-bottom: 2px solid #FDC; border-bottom: 2px solid #FDC;
@ -776,4 +815,10 @@ a.spip_out {
.article-resume > :last-child.telecharger { .article-resume > :last-child.telecharger {
margin-bottom:1rem; margin-bottom:1rem;
} }
.page_header .header_menu .liens .formulaire_spip.formulaire_abomailman_mini_une_liste {
width:160px;
}
.page_header .header_title {
min-width: 100px;
}
} }