[divan] refonte mise en page "à propos"

branches/divan-dit-vent/about.html

@@ -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>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 <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>
+                        <p>Vous pouvez également nous écouter sur :</p>
-                        <h4>Crédits</h4>
+                        <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>

branches/divan-dit-vent/css/bootstrap.min.css

@@ -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
 }

branches/divan-dit-vent/css/style.css

@@ -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;
+  color: #fff;
-  border: 1px solid #ff5e13;
+  border: 1px solid #fff;
   background: #fff;
 }
 
 /* line 227, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_elements.scss */
 .genric-btn.primary-border {
-  color: #ff5e13;
+  color: #fff;
-  border: 1px solid #ff5e13;
+  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;
 }