Add "our friends" section

assets/css/style.scss

@@ -67,10 +67,7 @@ aside {
     display: flex;
     align-items: center;
     flex-direction: column;
-}
+    gap: 1em;
-
-#social-widescreen {
-    margin-top: 10px;
 }
 
 .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,27 @@ 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;
+        width: 100%;
+    }
 }

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"
+                    {{- partial "social.html" . -}}
-                            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>
                 </div>
             </div>
             <div id="content" class="block">
                 {{- block "main" . }}{{- end }}
             </div>
-            <div id="player" class="block">
+            <div id="right-side">
-                <iframe id="web-player" height="100%" width="100%"
+                <div id="player" class="block">
-                    src="https://azuracast.antiope.link/public/southwest_radio/embed?theme=dark" frameborder="0"
+                    <iframe id="web-player" height="100%" width="100%"
-                    allowtransparency="true" style="border: 0;"></iframe>
+                        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"
+                {{- partial "social.html" . -}}
-                        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>
             </div>
         </div>
         {{- partial "footer.html" . -}}

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>

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>