add audio-podcast`s"

GamingHackintosh · Jun 25, 2024 · 6faebfc · 6faebfc
1 parent 1e32c71
commit 6faebfc
Show file tree

Hide file tree

Showing 4 changed files with 57 additions and 21 deletions.
diff --git a/assets/CSS/adaptation.css b/assets/CSS/adaptation.css
@@ -228,8 +228,13 @@
 @media (max-width: 768px) {
     .podcast-list {
         flex-direction: column;   
+        width: 90%;
     }
     .podcast {
+        width: 90% !important;
+    }
+
+    .podcast_audio {
         width: 90%;
     }
 }

diff --git a/assets/CSS/podcasts.css b/assets/CSS/podcasts.css
@@ -13,8 +13,8 @@
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
+    width: 100%;
 }
-
 .podcast {
     width: calc(50% - 10px);
     background-color: #4C4945;
@@ -23,13 +23,13 @@
     border-radius: 15px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
-
 .podcast-title {
     font-family: 'Header-TITLE', sans-serif;
     font-size: 30px;
     text-align: center;
 }
 
+
 .podcast button {
     padding: 10px 15px;
     background-color: #D9BFA2;
@@ -41,6 +41,6 @@
 }
 
 .podcast button:hover {
-    background-color: #A67B5B; /* Коричневый */
-    color: #F7E1C8; /* Пастельный бежевый */
+    background-color: #A67B5B;
+    color: #F7E1C8;
 }
diff --git a/assets/date.json b/assets/date.json
@@ -2011,7 +2011,7 @@
             {
                 "date": "1945",
                 "title": "Атомные бомбы были сброшены американцами на японские города Хиросима (6 августа) и Нагасаки (9 августа).",
-                "keywords": "20, сброшены, Атомные, американцами, города,, на,, атомные,, Хиросима, были,, на, японские, японские,, 1945, 1945,, и, 6,, бомбы,, августа,, (9, августа)., нагасаки,, (6, Нагасаки, города, августа), были, бомбы, сброшены,, 9,, хиросима,, век,, и,, американцами,",
+                "keywords": "9 мая, 20, сброшены, Атомные, американцами, города,, на,, атомные,, Хиросима, были,, на, японские, японские,, 1945, 1945,, и, 6,, бомбы,, августа,, (9, августа)., нагасаки,, (6, Нагасаки, города, августа), были, бомбы, сброшены,, 9,, хиросима,, век,, и,, американцами,",
                 "century": "century-20"
             },
             {
@@ -2161,7 +2161,7 @@
             {
                 "date": "1941-1945",
                 "title": "Вторая Мировая Война",
-                "keywords": "20, 1941,, киевом,, москву,, 1942,, вов,, начало,, великой,, до,, отечественная, битва,, ВОВ,, пакт,, война,, 1941-1945, за,, отечественная,, Мировая, войны,, блокада,, оборона,, 1944,, великая, Война, отечественной,, век,, Вторая, ленинграда, Вторая Мировая Война, Вторая Мировая, Мировая Война, мировая война, вторая война",
+                "keywords": "9 мая, 20, 1941,, киевом,, москву,, 1942,, вов,, начало,, великой,, до,, отечественная, битва,, ВОВ,, пакт,, война,, 1941-1945, за,, отечественная,, Мировая, войны,, блокада,, оборона,, 1944,, великая, Война, отечественной,, век,, Вторая, ленинграда, Вторая Мировая Война, Вторая Мировая, Мировая Война, мировая война, вторая война",
                 "century": "century-20"
             },
             {
@@ -2185,7 +2185,7 @@
             {
                 "date": "1945",
                 "title": "Ялтинская конференция. Победоносное завершение Великой Отечественной войны (09.05). Советско-японская война.",
-                "keywords": "0905,, 20, 9, конференция., Отечественной, Ялтинская, победоносное,, великой,, битва, войны, 1945, (09.05)., 1945,, завершение, война,, войны,, мая,, Победоносное, Великой, война., Советско-японская, конференция,, отечественной,, ялтинская,, век,, завершение,, советскояпонская,",
+                "keywords": "9 мая, 0905,, 20, 9, конференция., Отечественной, Ялтинская, победоносное,, великой,, битва, войны, 1945, (09.05)., 1945,, завершение, война,, войны,, мая,, Победоносное, Великой, война., Советско-японская, конференция,, отечественной,, ялтинская,, век,, завершение,, советскояпонская,",
                 "century": "century-20"
             },
             {
@@ -2647,7 +2647,7 @@
             {
                 "date": "2022",
                 "title": "Операция ОДКБ в Казахстане. Признание Россией независимости самопровозглашённых Донецкой и Луганской народных республик. Начало «специальной военной операции». Мобилизация, потопление крейсера «Москва» и связанные события: убийство Дарьи Дугиной и первый подрыв Крымского моста. Массовое убийство в школе в Ижевске. Смерть М. С. Горбачёва спустя 30 лет после отставки.",
-                "keywords": "Начало, мобилизация,, самопровозглашённых, Мобилизация,, народных, Операция, казахстане,, после,, и, спустя, независимости,, потопление, операции»., москва, отставки,, операция,, горбачёва,, республик,, «специальной, и,, ОДКБ, Горбачёва, операции»,, дугиной,, Смерть, крейсера,, с,, военной, военной,, независимости, убийство,, крейсера, 30, луганской,, подрыв,, спустя,, 2022,, связанные,, смерть,, связанные, в,, отставки., убийство, Ижевске., одкб,, самопровозглашённых,, 2022, Дарьи, «Москва», лет, М., подрыв, начало,, моста., потопление,, «специальной,, Крымского, события:, республик., в, школе,, массовое,, события,, лет,, м,, первый, после, россией,, школе, первый,, признание,, народных,, Донецкой, Россией, дарьи,, донецкой,, Луганской, крымского,, Казахстане., С., 30,, моста,, ижевске,, Дугиной, Массовое, 21, век,, Признание",
+                "keywords": "Украина, Начало, мобилизация,, самопровозглашённых, Мобилизация,, народных, Операция, казахстане,, после,, и, спустя, независимости,, потопление, операции»., москва, отставки,, операция,, горбачёва,, республик,, «специальной, и,, ОДКБ, Горбачёва, операции»,, дугиной,, Смерть, крейсера,, с,, военной, военной,, независимости, убийство,, крейсера, 30, луганской,, подрыв,, спустя,, 2022,, связанные,, смерть,, связанные, в,, отставки., убийство, Ижевске., одкб,, самопровозглашённых,, 2022, Дарьи, «Москва», лет, М., подрыв, начало,, моста., потопление,, «специальной,, Крымского, события:, республик., в, школе,, массовое,, события,, лет,, м,, первый, после, россией,, школе, первый,, признание,, народных,, Донецкой, Россией, дарьи,, донецкой,, Луганской, крымского,, Казахстане., С., 30,, моста,, ижевске,, Дугиной, Массовое, 21, век,, Признание",
                 "century": "century-21"
             },
             {

diff --git a/index.html b/index.html
@@ -196,26 +196,57 @@ <h2>Подкасты</h2>
 
             <div class="podcast-list">
                 <div class="podcast">
-                    <h3>Подкаст 1: Революция 1917 года</h3>
-                    <p>Описание: Обсуждение причин и последствий Великой Октябрьской Социалистической Революции.</p>
-                    <button>Слушать</button>
+                    <h3>Готовимся к ЕГЭ: История России</h3>
+                    <p>Подготовка к ЕГЭ по истории России. Рассматриваются ключевые события и даты, а также их значение и влияние на дальнейшее развитие страны.</p>
+                    <iframe frameborder="0" 
+                            allow="clipboard-write" 
+                            style="border:none;width:100%;height:241px;" 
+                            width="100%" 
+                            height="241" 
+                            src="https://music.yandex.ru/iframe/album/24342983">Слушайте 
+                        <a href='https://music.yandex.ru/album/24342983'>Готовимся к ЕГЭ. История России: События и даты</a> — 
+                        <a href='https://music.yandex.ru/artist/18047177'>Кирсанов Сергей</a>
+                    </iframe>
                 </div>
+
                 <div class="podcast">
-                    <h3>Подкаст 2: Куликовская битва</h3>
-                    <p>Описание: История Куликовской битвы и её влияние на русскую историю.</p>
-                    <button>Слушать</button>
+                    <h3>История России с древнейших времен до наших дней.</h3>
+                    <p>Увлекательный подкаст, который охватывает ключевые события и эпохи в истории России, от зарождения древнерусского государства до современных дней.</p>
+                    <iframe style="border-radius:12px;" 
+                        src="https://open.spotify.com/embed/album/5t9hCItEdQa27M47H9PnEI?utm_source=generator&amp;theme=0" 
+                        width="100%" height="400" frameborder="0" allowfullscreen="" 
+                        allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy">
+                    </iframe>
                 </div>
+
+
                 <div class="podcast">
-                    <h3>Подкаст 3: Полёт Юрия Гагарина</h3>
-                    <p>Описание: Первый полёт человека в космос и его значение для науки и общества.</p>
-                    <button>Слушать</button>
-                </div>
+                    <h3>Орлов. История России</h3>
+                    <p>Захватывающий подкаст, посвящённый истории России от древнейших времён до наших дней. Узнайте о ключевых событиях, выдающихся личностях и поворотных моментах, которые сформировали российское государство и культуру.</p>
+                    <div id="vk_playlist_-66598975_82129460"></div>
+                    <script type="text/javascript" src="https://vk.com/js/api/openapi.js?173"></script>
+                    <script type="text/javascript">
+                      (function() {
+                        VK.Widgets.Playlist("vk_playlist_-66598975_82129460", -66598975, 82129460, '9cc7aa82d66d577992');
+                      }());
+                    </script>
+                </div>                
+
+
                 <div class="podcast">
-                    <h3>Подкаст 4: Распад СССР</h3>
+                    <h3>Распад СССР: Причины и последствия</h3>
                     <p>Описание: Причины и последствия распада Советского Союза.</p>
-                    <button>Слушать</button>
+                    <div id="vk_playlist_-66598975_82129458"></div>
+                    <script type="text/javascript" 
+                        src="https://vk.com/js/api/openapi.js?173">
+                    </script>
+                    <script type="text/javascript">
+                        (function() {
+                            VK.Widgets.Playlist("vk_playlist_-66598975_82129458", -66598975, 82129458,'20e467af2ec115dd83');
+                        }());
+                    </script>
                 </div>
-            </div>
+            </div>            
         </section>
 
         <!-- Articles Section -->