diff --git a/lang/libreavous_fr.php b/lang/libreavous_fr.php index 3f1d9c4..0142ada 100644 --- a/lang/libreavous_fr.php +++ b/lang/libreavous_fr.php @@ -19,4 +19,25 @@ $GLOBALS[$GLOBALS['idx_lang']] = array( 'photos_de_l_emission' => 'Photos de l’émission', 'galerie_april' => 'Galerie April', + 'dernieres_emissions' => 'Dernières émissions', + 'derniere_emission' => 'Dernière émission', + 'toutes_les_emissions' => 'Toutes les émissions', + 'emissions_precedentes' => 'Émissions pécédentes', + 'dernieres_chroniques' => 'Dernières chroniques', + + 'au_programme' => 'Au programme', + + 'transcription' => 'Transcription', + + 'personnes_participantes' => 'Personnes participantes', + 'references' => 'Références', + 'transcription' => 'Transcription', + 'pauses_musicales' => 'Pauses musicales', + 'licence' => 'Licence', + + 'diffusee_le' => 'Diffusée le', + 'diffusee_en_direct_le' => 'Diffusée en direct le ', + 'toutes_les_emissions' => 'Toutes les émissions', + 'c_est_bientot' => 'C’est bientôt !', + ); diff --git a/paquet.xml b/paquet.xml index 92f8c2b..b34febc 100644 --- a/paquet.xml +++ b/paquet.xml @@ -1,7 +1,7 @@ [(#REM) charger un fichier different pour chaque page ] +
+ +
+ + +
+

<:libreavous:dernieres_emissions:>

+ +
+ + + + +
+

<:libreavous:dernieres_chroniques:>

+ +
+ + +
+ +
diff --git a/squelettes/connex/article.html b/squelettes/connex/article.html new file mode 100644 index 0000000..14fc5b3 --- /dev/null +++ b/squelettes/connex/article.html @@ -0,0 +1,4 @@ +[(#REM) charger un fichier different pour chaque page ] +
+ +
diff --git a/squelettes/connex/dist.html b/squelettes/connex/dist.html new file mode 100644 index 0000000..9060da9 --- /dev/null +++ b/squelettes/connex/dist.html @@ -0,0 +1,3 @@ +[(#REM) charger un fichier different pour chaque page ] +
+
diff --git a/squelettes/content/article-emission.html b/squelettes/content/article-emission.html index eedce12..9698501 100644 --- a/squelettes/content/article-emission.html +++ b/squelettes/content/article-emission.html @@ -57,14 +57,14 @@ #SET{chapitres,oui}

<:libreavous:sujet_principal:>

- +
#SET{chapitres,oui}

<:libreavous:et_aussi:>

- +
@@ -91,21 +91,20 @@
- [(#PODCAST_PERSONNES|oui)Personnes participantes] - Références - [(#PODCAST_TRANSCRIPTION|oui)Transciption] - [(#PODCAST_MUSIQUE|oui)Pauses musicales] - [(#CONFIG{libreavous/licence}|oui)Licence] + [(#PODCAST_PERSONNES|oui)<:libreavous:personnes_participantes:>] + <:libreavous:references:> + [(#PODCAST_TRANSCRIPTION|oui)<:libreavous:transcription:>] + [(#PODCAST_MUSIQUE|oui)<:libreavous:pauses_musicales:>] + [(#CONFIG{libreavous/licence}|oui)<:libreavous:licence:>] - [

Personnes participantes

(#PODCAST_PERSONNES|propre)
]

Références

- [
(#PODCAST_REFERENCES)
] + [
(#PODCAST_REFERENCES|propre)
]
- + [

#TITRE

(#REFERENCES_SUJET|propre)] diff --git a/squelettes/content/rubrique-emissions.html b/squelettes/content/rubrique-emissions.html index 609160b..47caf6f 100644 --- a/squelettes/content/rubrique-emissions.html +++ b/squelettes/content/rubrique-emissions.html @@ -1,3 +1,23 @@ - - - + + +

#TITRE

+ +
+ + [
(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})
] + +
+ +
#ANCRE_PAGINATION +

<:libreavous:emissions_precedentes:>

+
    + +
  • + +
    • + +
+ [] +
+ + diff --git a/squelettes/content/rubrique.html b/squelettes/content/rubrique.html new file mode 100644 index 0000000..d9f5d64 --- /dev/null +++ b/squelettes/content/rubrique.html @@ -0,0 +1,30 @@ + + +

#TITRE

+ +
+ + [
(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})
] + + +
+ #ANCRE_PAGINATION + + #INCLURE{fond=inclure/resume/article, id_article} + + [

(#PAGINATION{page_precedent_suivant})

] +
+ + + +

#TITRE

+
+ + #INCLURE{fond=inclure/resume/article, id_article} + +
+

Tous les articles « #TITRE »

+ + +
+ diff --git a/squelettes/content/sommaire.html b/squelettes/content/sommaire.html new file mode 100644 index 0000000..dd7d378 --- /dev/null +++ b/squelettes/content/sommaire.html @@ -0,0 +1,94 @@ + + += #ENV{date}}{0,1}> + +
+ +
+ +

+ #[(#SURTITRE)] + [<:libreavous:diffusee_en_direct_le:> [(#DATE|nom_jour) ][(#DATE|jour) ][(#DATE|nom_mois) ](#DATE|annee)] +

+ + +

+ <:libreavous:c_est_bientot:>
+ [[(#DATE|nom_jour) ][(#DATE|jour) ](#DATE|nom_mois)
] + <:libreavous:de_15h30_a_17h:> +

+ + +

[(#TITRE|libreavous_supp_numero)][ + (#SOUSTITRE) + ]

+ + + +
+ #MODELE{article_traductions} + + +

+ #TITRE : + #TITRE + +

+ + +
+ +
+ + + #SET{chapitres,oui} +
+

<:libreavous:sujet_principal:>

+ +
+ #SET{chapitres,oui} +
+

<:libreavous:et_aussi:>

+
+ + + +
+
+ + [(#GET{chapitres}|!={oui}|oui) + [
(#CHAPO)
] + ] + +
+ + + + + + + +
+ +
+ [
(#CHAPO|adaptive_images{#CONST{_CONTENT_WIDTH}})
] + [
(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})
] +
+
+ [

<:info_ps:>

(#PS|adaptive_images{#CONST{_CONTENT_WIDTH}})
] + [

<:info_notes:>

(#NOTES)
] +
+ +
+ + [
(#DESCRIPTIF_SITE_SPIP)
] + [(#DESCRIPTIF_SITE_SPIP|non)
#NOM_SITE_SPIP
] + + + + + + + [(#MODELE{bouton,lienobjet=rubrique,lienidobjet=1,class=center taille130,texte=Toutes les émissions})] + + diff --git a/squelettes/inclure/chapitre.html b/squelettes/inclure/chapitre.html index 413fd9b..e9a42ee 100644 --- a/squelettes/inclure/chapitre.html +++ b/squelettes/inclure/chapitre.html @@ -7,18 +7,17 @@ -

+ [(#ENV{page_emission}|=={oui}|oui)

<:libreavous:page_de_l_emission:> -

- - - +

] + [(#ENV{telecharger}|=={oui}|oui) + ] - [(#ENV{composition}|=={emission}|oui)[
+ [(#ENV{references}|=={oui}|oui)[
(#REFERENCES_SUJET|propre)
]]
diff --git a/squelettes/inclure/derniere_emission.html b/squelettes/inclure/derniere_emission.html new file mode 100644 index 0000000..3a87275 --- /dev/null +++ b/squelettes/inclure/derniere_emission.html @@ -0,0 +1,73 @@ + + +
+

<:libreavous:derniere_emission:>

+
+ +
+
+

+ #[(#SURTITRE)] + [<:libreavous:diffusee_le:> [(#DATE|jour)/][(#DATE|mois)/](#DATE|annee)] +

+ +

[(#TITRE|libreavous_supp_numero)][ + (#SOUSTITRE) + ]

+ +
+ #MODELE{article_traductions} + + +

+ #TITRE : + #TITRE + +

+ + +
+
+ +
+

<:libreavous:au_programme:> :

+ +
+ + + [
(#CHAPO)
] + + + +

+ <:libreavous:emission_integrale:>
<:libreavous:podcast:> <:libreavous:ogg:> + <:libreavous:emission_integrale:>
<:libreavous:podcast:> <:libreavous:mp3:> + + <:libreavous:page_de_l_emission:> + [Transciption] +

+ +
+ + [
(#LOGO_ARTICLE|image_reduire{350,*})
] + #SET{thumbs,'data-original-title'} + +
+ +
#VALEUR
+ + [<:libreavous:galerie_april:>] +
+ + +
+
+ + diff --git a/squelettes/inclure/emissions_precedentes.html b/squelettes/inclure/emissions_precedentes.html new file mode 100644 index 0000000..ef02f8e --- /dev/null +++ b/squelettes/inclure/emissions_precedentes.html @@ -0,0 +1,12 @@ + +
+

<:libreavous:emissions_precedentes:>

+
    + +
  • + +
    • + +
+
 + diff --git a/squelettes/inclure/resume/emission.html b/squelettes/inclure/resume/emission.html new file mode 100644 index 0000000..b5a4a14 --- /dev/null +++ b/squelettes/inclure/resume/emission.html @@ -0,0 +1,57 @@ + + + diff --git a/squelettes/modeles/liste_chroniques.html b/squelettes/modeles/liste_chroniques.html index 3274413..5792377 100644 --- a/squelettes/modeles/liste_chroniques.html +++ b/squelettes/modeles/liste_chroniques.html @@ -1,3 +1,3 @@ - - + + diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss index 97d666b..c0a7223 100644 --- a/squelettes/scss/styles/_perso.scss +++ b/squelettes/scss/styles/_perso.scss @@ -2,7 +2,7 @@ // les différences .page_wrapper { background:$couleurPrincipale url('../images/egalizer.png') repeat-x center -150px; -/* background-attachment:fixed; */ + background-attachment:fixed; @media ($bp-small) { background:$couleurPrincipale url('../images/egalizer-480.png') repeat-x center -150px; } @@ -11,13 +11,16 @@ padding:0; > .page_container { background-color:$couleurSecondaire; - .nav { - padding-top:2rem; - } + } + .header_title { + min-width: 150px; } .header_menu { flex-grow: 2; - padding:0 $spacer; + padding:$spacer; + .nav { + padding-top:0; + } .liens { text-align:right; margin-top:0.7rem; @@ -40,7 +43,7 @@ float:right; display:inline-block; font-size:0.8rem; - margin:1.5rem 1.5rem 0 0; + margin:1.8rem 1.5rem 0 0; .socicon { background:none !important; color:$blancTransparent; @@ -100,8 +103,37 @@ @include visuallyhidden; } +.encart { + float:right; + text-align:right; + font-size:1.1rem; + margin-left:2rem; + span { + font-size:145%; + &.bientot { + display:inline-block; + color:$couleurSecondaire; + font-weight:900; + } + &.btn { + background:$couleurSecondaire; + color:white !important; + font-weight:900; + margin:0.6rem 0 0.3rem; + padding:1.3rem 2rem; + &:first-letter { + text-transform:uppercase; + } + } + } +} + + .texte_accueil { background-color:white; + .main { + padding-bottom:1rem; + } } @@ -119,20 +151,30 @@ flex-direction: column; } .page_content, .page_aside { - width:100%; + /* width:100%; margin:0 0 ($spacer*2); padding:$spacer ($spacer*4); - background-color:white; + background-color:white;*/ } .page_content { } } -.page_content, .page_aside { +.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; + } + } } h2 { @@ -187,10 +229,13 @@ h2 { color:$couleurPrincipale !important; background:white; border:1px solid rgba($couleurPrincipale,0.2); - border-radius:1em; + border-radius:0.5em; &:hover { background:$couleurPrincipaleOn; } + &.bold { + border-color:$couleurPrincipale; + } } @@ -222,19 +267,19 @@ h2 { .article__date { display:none; /* provisoire, par simplicite */ } -.article_emission { - .article__date { - display:inline; - font-size:1.5rem; - color:$couleurSecondaire; - font-weight:700; - font-family:$typo-titre; - } + +.article__date { + display:inline; + font-size:1.5rem; + color:$couleurSecondaire; + font-weight:700; + font-family:$typo-titre; } + .lecteur { @include flex; align-items:center; - margin-bottom:2em; + margin-bottom:3em; > .podlove_wrapper { /* flex-grow:2; */ width:76%; @@ -243,7 +288,7 @@ h2 { .telecharger { list-style:none; - width:24%; + width:200px; padding:0 0 0 2em; margin:0; li { @@ -255,30 +300,31 @@ h2 { .btn.podcast { width:100%; padding-left:2.2rem; + padding-bottom:0.3rem; font-size:1.15rem; + text-transform:none; + &:before { + left:0.8rem; + } } } .btn.podcast { - padding:0 0.5em 0.3em 1rem; + padding:0 0.5em 0.1em 1rem; position:relative; text-align:left; border-width:0.25em; border-color:$couleurSecondaire; color:$couleurSecondaire !important; font-weight:900; - h2 &, h3 & { - font-size:50%; - &:before { - left:0.4rem; - } - } + font-size:0.6rem; + text-transform:uppercase; &:before { @include triangle(right, $couleurSecondaire, 0.5em); position: absolute; - left: 0.8rem; + left: 0.4rem; top: 50%; - margin-top:-0.5em; + margin-top:-0.45em; } small { font-size:0.7em; @@ -292,8 +338,12 @@ h2 { } } &:hover, &:active, &:focus { - background:none !important; + background:$couleurPrincipaleOn !important; border-color:$couleurPrincipaleOn !important; + color:$couleurPrincipale !important; + &:before { + @include triangle(right, $couleurPrincipale, 0.5em); + } } } @@ -301,8 +351,8 @@ h2 { .sujet_autre { background:$couleurBackgroundTexte; padding:$spacer ($spacer*4); - margin:0 -($spacer*4); - > div { + margin:($spacer*2) -($spacer*4) -($spacer*2); + .article_emission & > div { @include flex; @include vendor-prefix(flex-wrap, wrap); > * { @@ -315,18 +365,64 @@ h2 { } } } + // pour insertion dans le texte/chapo avant d'avoir le podcast + .chapo & { + margin-bottom: -($spacer); + clear:both; + font-size:1rem; + > * { + font-size:1.2rem; + } + } } + +/* notation */ +.formulaire_jaime_jaimepas { + .note, .reponse_formulaire { + float:left; + } +} div.star-rating, div.star-rating a { background-image:url('img/star.png'); } div.rating-cancel a { background-image:url('img/delete.png'); } +/**/ -.sociaux .socicon { - display: inline-block; +.sociaux { + .socicon { + display: inline-block; + } + a.spip_out { + border:0; + } } + + +/* bloc connex */ +.page_connex { + margin:3rem 0 1rem; +} +.page_connex_content { + color:white; + h2 { + color:white; + font-size:1rem; + } + ul { + list-style:none; + margin-left:0; + li { + margin:0 0 0.5rem; + } + } + a { + border:0; + } +} +/**/ .page_footer { .article { @include media($bp-small-up) { @@ -349,11 +445,113 @@ div.rating-cancel a { } } +/* page sommaire */ +.body__sommaire .page_main { + h1 { + margin: 1em 0 0.8em; + } +} +.derniere_emission, .emissions_precedentes { + margin-top:($spacer*6); + padding-bottom:0; + > h2 { + margin-top:-($spacer*2.5); + margin-bottom:($spacer*0.7); + color:white; + } + .texte_content { + flex:1; + padding-bottom:$spacer; + h1 { + font-size:1.6rem; + } + h2 { + font-size:1.2rem; + } + p.flex { + margin-bottom:1rem; + padding-right:2rem; + align-items:center; + .podcast { + font-size:110%; + text-transform:none; + padding-left:1.6rem; + } + } + } + .article__infos { + margin-top:0; + .num_emission { + font-size:2rem; + padding:0.1rem 1rem; + width: auto; + } + .article__date { + font-size:1rem; + color:$couleurPrincipale; + font-weight:400; + } + .btn.blanc { + float:right; + margin-top:0.8rem; + margin-left:0.5rem; + font-weight:700; + } + } + .photo { + margin-right:-4rem; + background:$couleurBackgroundTexte; + .photoapril { + margin:0; + } + a { + display:inline-block; + padding:0 1rem; + font-size:0.9rem; + font-weight:500; + color:$couleurSecondaire; + } + } +} +.emissions_precedentes { + .cartouche { + margin:0; + } + > h2 { + margin-bottom:($spacer*0.6); + } + > ul { + list-style:none; + padding:0; + margin:0 -($spacer*4); + > li { + border-bottom:2px solid $couleurPrincipale; + } + } + .emission-resume.article-resume { + align-items:center; + padding: 0 1em; + margin:0; + .article__infos { + margin-left:-$spacer; + } + } +} +.prochaine_emission { + .article__date { + font-size:1rem; + color:$couleurPrincipale; + font-weight:400; + } + .chapo { + font-size:1.2rem; + } +} - - - +.orange { + color:$couleurSecondaire; +} /*! Plusieurs typographies sont finalement trop grosses, j'ai réduit. */ h1, .h1 { @@ -414,7 +612,7 @@ Sur le menu, je vais voir s'il est possible de faire des filets de rollover comp line-height: 2em; margin-left: -1em; } -p a.spip_out, li a.spip_out { +a.spip_out { color: #2E5281; border-bottom: 2px solid #FDC; } @@ -460,4 +658,121 @@ p a.spip_out, li a.spip_out { .page_footer p { font-size: 0.8rem; font-weight: 200; + a, a.spip_out { + display:inline; + font-weight:400; + color:white; + border-bottom-width:1px; + } +} + + +@media (max-width:940px) { + .page_header > .page_container { + .nav { + padding-top:($spacer/2); + font-size:0.95rem; + z-index:7; + position:static; + > ul { + position:absolute; + background:$couleurPrincipale; + width:100%; + top:36px; + left:-100%; + padding:$spacer/2 $spacer; + text-align:center; + z-index:10; + &.ouvert{ + left:0; + } + a { + color:white; + border:0; + display:block; + margin:0; + padding:0.5rem; + &:hover, &:focus, &.on { + background:$couleurSecondaire; + } + } + li { + display:block; + } + .loupe { + .fas { + color:white; + } + .formulaire_recherche.vu { + right:50%; + margin-right:-160px; + max-width:320px; + form { + padding:0.5rem; + &:before { + display:none; + } + } + } + } + } + } + } + .btn-nav { + display:block; + } + .header_initiatives { + .btn-initiatives { + display:block; + } + + .nav { + position:absolute; + width:100%; + top:36px; + left:-100%; + @include vendor-prefix(transition,all 0.3s ease-in-out); + &.ouvert { + left:0; + } + ul, .initiatives { + display:inline; + } + } + } +} + +@include media(min-width:941px) { + .page_header > .page_container .nav { + position:relative; + } + +} +@media (max-width:804px) { + .page_header .header_menu .liens { + margin-top:0; + } + .page_header .header_menu .liens .sociaux { + margin-top:0.8rem; + } +} +@media (max-width:650px) { + + .page_header .header_menu .liens .btn { + margin-top:0.5rem; + } +} +@media (max-width:580px) { + .page_header > .page_container .nav { + padding-top:0; + } + .page_header .header_menu { + padding:0.3rem 1rem; + } + .page_header .header_menu .liens .sociaux { + margin-top:0; + } + .article-resume > :last-child.telecharger { + margin-bottom:1rem; + } }