[divan] refonte mise en page "à propos"
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Esenjin 2022-09-08 16:08:02 +02:00
parent ce803614c0
commit beca6023c1
3 changed files with 40 additions and 26 deletions

View File

@ -111,11 +111,25 @@
<div class="col-xl-7 col-md-6">
<div class="about_info">
<h3>Divan dit vent</h3>
<p>Podcast de l'association <a href="https://camelia-studio.org">Camélia Studio</a>. On y partage tout ce qui nous passionne ! Nous avons actuellement deux formats ; « <i>Un amour de saison</i> » où l'on parle de notre coup de cœur de la dernière saison d'animés et des « hors série » divers et variés.</p>
<p>Vous pouvez également nous écouter sur <a href="https://www.deezer.com/fr/show/3101332" target="_blank">Deezer</a>, <a href="https://www.podcastaddict.com/podcast/3682013" target="_blank">Podcast Addict</a>, <a href="https://anchor.fm/divan-dit-vent" target="_blank">Anchor</a> et <a href="https://www.vodio.fr/vodiotheque/c/346/divan-dit-vent/" target="_blank">Vodio</a>.</p>
<h4>Crédits</h4>
<p>Podcast de l'association <a href="https://camelia-studio.org">Camélia Studio</a>. On y partage tout ce qui nous passionne ! Nous avons actuellement deux formats ; <b>Un amour de saison</b> où l'on parle de notre coup de cœur de la dernière saison d'animés et des <b>hors série</b> divers et variés.</p>
<p>Vous pouvez également nous écouter sur :</p>
<ul>
<li>- <a href="https://www.deezer.com/fr/show/3101332" target="_blank">Deezer</a>,</li>
<li>- <a href="https://www.podcastaddict.com/podcast/3682013" target="_blank">Podcast Addict</a>,</li>
<li>- <a href="https://anchor.fm/divan-dit-vent" target="_blank">Anchor (Spotify)</a>,</li>
<li>- <a href="https://www.vodio.fr/vodiotheque/c/346/divan-dit-vent/" target="_blank">Vodio</a>.</li>
</ul>
<br />
<h2>Crédits</h2>
<p>Nos génériques ont été réalisés spécialement par <a href="https://soundcloud.com/user-200830465" target="_blank">Aeson</a> (instru/mixage) et Dev (voix), un gros merci à eux !</p>
<p>Nous avons utilisé les illustrations suivantes pour nos bannières : « <i>Accueil</i> » par <a href="https://www.pixiv.net/en/artworks/89915356" target="_blank">vyragami</a>, « <i>À propos</i> » par <a href="https://twitter.com/piche9468/status/1567836898499911681" target="_blank">초연 チョー</a>, « <i>Nos émissions</i> » par <a href="https://www.pixiv.net/en/artworks/76473985" target="_blank">Neku397</a>, « <i>Contact</i> » par <a href="https://www.pixiv.net/en/artworks/85494362" target="_blank">イトウアキ</a>, « <i>Recherche</i> » par <a href="https://www.pixiv.net/en/artworks/69174605" target="_blank">Arden</a>.</p>
<p>Nous avons utilisé les illustrations suivantes pour nos bannières :</p>
<ul>
<li>- Accueil par <a href="https://www.pixiv.net/en/artworks/89915356" target="_blank">vyragami</a>,</li>
<li>- À propos par <a href="https://twitter.com/piche9468/status/1567836898499911681" target="_blank">초연 チョー</a>,</li>
<li>- Nos émissions par <a href="https://www.pixiv.net/en/artworks/76473985" target="_blank">Neku397</a>,</li>
<li>- Contact par <a href="https://www.pixiv.net/en/artworks/85494362" target="_blank">イトウアキ</a>,</li>
<li>- Recherche par <a href="https://www.pixiv.net/en/artworks/69174605" target="_blank">Arden</a>.</li>
</ul>
<p>Notre flux RSS est généré grâce au script « <i>mp3torss</i> » de l'association <a href="https://www.badgeek.fr/accueil/" target="_blank">BadGeek</a>.</p>
<p>Le code source original du site provient d'<a href="https://themewagon.com/themes/free-bootstrap-4-html5-music-website-template-musico/" target="_blank">ici</a>.</p>
<p>Le script qui permet d'accéder à un moment précis d'une émission en cliquant sur le temps correspondant a été écrit par <a href="https://twitter.com/Nemotaku" target="_blank">Nemotaku</a>.</p>

View File

@ -75,7 +75,7 @@ body {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
color: #fff;
text-align: left;
background-color: #fff
}

View File

@ -4235,7 +4235,7 @@ h3 {
/* line 30, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_contact.scss */
.contact-info .media-body h3 a:hover {
color: #ff5e13;
color: #fff;
}
/* line 36, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_contact.scss */
@ -4365,7 +4365,7 @@ h3 {
/* line 146, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_contact.scss */
.contact-section .btn_2:hover {
background-color: #ff5e13;
background-color: #fff;
}
/* line 75, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
@ -4386,7 +4386,7 @@ sup,
sub,
u,
del {
color: #ff5e13;
color: #fff;
}
/* line 93, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
@ -4558,28 +4558,28 @@ h6 {
/* line 217, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
.genric-btn.primary {
color: #fff;
background: #ff5e13;
background: #fff;
border: 1px solid transparent;
}
/* line 221, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
.genric-btn.primary:hover {
color: #ff5e13;
border: 1px solid #ff5e13;
color: #fff;
border: 1px solid #fff;
background: #fff;
}
/* line 227, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
.genric-btn.primary-border {
color: #ff5e13;
border: 1px solid #ff5e13;
color: #fff;
border: 1px solid #fff;
background: #fff;
}
/* line 231, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
.genric-btn.primary-border:hover {
color: #fff;
background: #ff5e13;
background: #fff;
border: 1px solid transparent;
}
@ -4737,7 +4737,7 @@ h6 {
.generic-blockquote {
padding: 30px 50px 30px 30px;
background: #f9f9ff;
border-left: 2px solid #ff5e13;
border-left: 2px solid #fff;
}
/* line 353, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
@ -4892,7 +4892,7 @@ h6 {
position: absolute;
width: 14px;
height: 14px;
border: 3px solid #ff5e13;
border: 3px solid #fff;
background: #fff;
top: 4px;
left: 0;
@ -4907,7 +4907,7 @@ h6 {
/* line 475, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
.ordered-list li {
list-style-type: decimal-leading-zero;
color: #ff5e13;
color: #fff;
font-weight: 500;
line-height: 1.82em !important;
}
@ -4922,7 +4922,7 @@ h6 {
.ordered-list-alpha li {
margin-left: 30px;
list-style-type: lower-alpha;
color: #ff5e13;
color: #fff;
font-weight: 500;
line-height: 1.82em !important;
}
@ -4937,7 +4937,7 @@ h6 {
.ordered-list-roman li {
margin-left: 30px;
list-style-type: lower-roman;
color: #ff5e13;
color: #fff;
font-weight: 500;
line-height: 1.82em !important;
}
@ -5020,7 +5020,7 @@ h6 {
/* line 568, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
.single-input-primary:focus {
outline: none;
border: 1px solid #ff5e13;
border: 1px solid #fff;
}
/* line 574, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
@ -5088,7 +5088,7 @@ h6 {
width: 15px;
height: 15px;
border-radius: 50%;
background: #ff5e13;
background: #fff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
@ -5179,7 +5179,7 @@ h6 {
/* line 696, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
.primary-switch input:checked + label:before {
background: #ff5e13;
background: #fff;
}
/* line 704, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
@ -5566,13 +5566,13 @@ h6 {
/* line 1022, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
.default-select .nice-select .list .option.selected {
color: #ff5e13;
color: #fff;
background: transparent;
}
/* line 1026, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
.default-select .nice-select .list .option:hover {
color: #ff5e13;
color: #fff;
background: transparent;
}
@ -5629,13 +5629,13 @@ h6 {
/* line 1067, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
.form-select .nice-select .list .option.selected {
color: #ff5e13;
color: #fff;
background: transparent;
}
/* line 1071, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
.form-select .nice-select .list .option:hover {
color: #ff5e13;
color: #fff;
background: transparent;
}