From 9c5349a83aadc02afec88188bd946b017519f5b2 Mon Sep 17 00:00:00 2001
From: ChronosXYZ <chronosxyz000@gmail.com>
Date: Mon, 1 Jul 2024 01:41:46 +0300
Subject: [PATCH] Add "our friends" section

---
 assets/css/style.scss             | 44 ++++++++++++++++++++++++++-----
 layouts/_default/baseof.html      | 28 +++++++++++---------
 layouts/partials/our-friends.html |  4 +++
 layouts/partials/social.html      |  4 +++
 4 files changed, 61 insertions(+), 19 deletions(-)
 create mode 100644 layouts/partials/our-friends.html
 create mode 100644 layouts/partials/social.html

diff --git a/assets/css/style.scss b/assets/css/style.scss
index 70fa54e..c7bd942 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -67,10 +67,7 @@ aside {
     display: flex;
     align-items: center;
     flex-direction: column;
-}
-
-#social-widescreen {
-    margin-top: 10px;
+    gap: 1em;
 }
 
 .menu-item {
@@ -140,6 +137,22 @@ article {
     visibility: hidden;
 }
 
+#right-side {
+    display: flex;
+    flex-direction: column;
+    gap: 1em;
+}
+
+#our-friends {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+
+#our-friends-mobile {
+    display: none;
+    visibility: hidden;
+}
+
 @media only screen and (max-width: 768px) {
     #wrapper {
         flex-direction: column;
@@ -203,7 +216,26 @@ article {
     #social-mobile {
         display: block;
         visibility: visible;
-        order: 4;
+        order: 5;
         // margin-bottom: 7px;
     }
-}
+
+    #our-friends {
+        display: none;
+        visibility: hidden;
+    }
+
+    #our-friends-mobile {
+        display: block;
+        visibility: visible;
+        width: 100%;
+        order: 4;
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+
+    #right-side {
+        display: flex;
+        align-items: center;
+    }
+}
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 8a4aae9..c35ba36 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -9,25 +9,27 @@
             <div id="nav-wrapper">
                 {{- partial "nav.html" . -}}
                 <div id="social-widescreen">
-                    <a href="https://t.me/southwestradio" style="filter: unset;"><img class="social-link"
-                            src="/telegram.svg" onload="SVGInject(this)" /></a>
-                    <a href="https://vk.com/southwest_radio" style="filter: unset;"><img class="social-link"
-                            src="/vk.svg" onload="SVGInject(this)" /></a>
+                    {{- partial "social.html" . -}}
                 </div>
             </div>
             <div id="content" class="block">
                 {{- block "main" . }}{{- end }}
             </div>
-            <div id="player" class="block">
-                <iframe id="web-player" height="100%" width="100%"
-                    src="https://azuracast.antiope.link/public/southwest_radio/embed?theme=dark" frameborder="0"
-                    allowtransparency="true" style="border: 0;"></iframe>
+            <div id="right-side">
+                <div id="player" class="block">
+                    <iframe id="web-player" height="100%" width="100%"
+                        src="https://azuracast.antiope.link/public/southwest_radio/embed?theme=dark" frameborder="0"
+                        allowtransparency="true" style="border: 0;"></iframe>
+                </div>
+                <div id="our-friends" class="block">
+                    {{- partial "our-friends.html" . -}}
+                </div>
+            </div>
+            <div id="our-friends-mobile" class="block">
+                {{- partial "our-friends.html" . -}}
             </div>
             <div id="social-mobile">
-                <a href="https://t.me/southwestradio" style="filter: unset;"><img class="social-link"
-                        src="/telegram.svg" onload="SVGInject(this)" /></a>
-                <a href="https://vk.com/southwest_radio" style="filter: unset;"><img class="social-link" src="/vk.svg"
-                        onload="SVGInject(this)" /></a>
+                {{- partial "social.html" . -}}
             </div>
         </div>
         {{- partial "footer.html" . -}}
@@ -35,4 +37,4 @@
 
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/layouts/partials/our-friends.html b/layouts/partials/our-friends.html
new file mode 100644
index 0000000..f2b02c5
--- /dev/null
+++ b/layouts/partials/our-friends.html
@@ -0,0 +1,4 @@
+<p><b>Наши друзья</b></p>
+<ul>
+    <li><a href="https://krtd.net/">KRTD: The Night Radio</a></li>
+</ul>
\ No newline at end of file
diff --git a/layouts/partials/social.html b/layouts/partials/social.html
new file mode 100644
index 0000000..6b40849
--- /dev/null
+++ b/layouts/partials/social.html
@@ -0,0 +1,4 @@
+<a href="https://t.me/southwestradio" style="filter: unset;"><img class="social-link" src="/telegram.svg"
+        onload="SVGInject(this)" /></a>
+<a href="https://vk.com/southwest_radio" style="filter: unset;"><img class="social-link" src="/vk.svg"
+        onload="SVGInject(this)" /></a>
\ No newline at end of file