Completely redesign the style of site

config.toml

@@ -5,21 +5,21 @@ theme = "swr"
 
 [menu]
     [[menu.main]]
-        name = 'Home'
+        name = 'Главная'
         url = '/'
         weight = 1
 
     [[menu.main]]
-        name = 'Schedule'
+        name = 'Расписание'
         url = '/schedule'
         weight = 2
+    # [[menu.main]]
+    #     name = 'Новости'
+    #     url = '/posts/'
+    #     weight = 3
     [[menu.main]]
-        name = 'News'
-        url = '/posts/'
-        weight = 3
-    [[menu.main]]
-        name = 'About'
-        url = '#'
+        name = 'О радио'
+        url = '/about/'
         weight = 4
 
 

content/_index.md

@@ -1,3 +1,5 @@
-Non-commercial radio run by MIREA students.
+**Радио Southwest** - некоммерческий проект свободного радио, созданный студентами университета РТУ МИРЭА.
 
-**Stay locked in!**
+Отбираем самую годную музыку без привязки к жанрам. Тщательно подобранный плейлист музыки будет сопровождать ваш день. Делаем все возможное, чтобы заслужить внимание ваших ушей.
+
+*Настраивайтесь на наши волны!*

content/about.md

@@ -1,3 +1,3 @@
-# About
+# О нас
 
-Test.
+Кто прочитал тот лох.

themes/swr/assets/css/style.scss

@@ -5,6 +5,10 @@ body {
     font-size: 14pt;
     padding: 0;
     margin: 0;
+    background-attachment: fixed;
+    background-image: linear-gradient( rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7) ),url('../background.jpg');
+    backdrop-filter: blur(5px);
+    height: 100vh;
 }
 
 #container {
@@ -22,7 +26,10 @@ body {
 aside {
     margin-right: 2em;
     border: 1px solid;
+    border-radius: 3mm;
     padding: 16px;
+    padding-top: 0;
+    padding-bottom: 0;
     min-width: 5em;
     align-self: start;  
 }
@@ -30,6 +37,7 @@ aside {
 #player {
     margin-left: 2em;
     border: 1px solid;
+    border-radius: 3mm;
     padding: 16px;
     padding-bottom: 0;
     display: flex;
@@ -40,13 +48,20 @@ aside {
 
 #content {
     border: 1px solid;
+    border-radius: 3mm;
     padding: 16px;
-    max-width: 50%;
-    // min-width: 40em;
+    padding-top: 0;
+    padding-bottom: 0;
+    width: 75vh;
 }
 
 a {
     color: #cc61be;
+    text-decoration: none;
+}
+
+a:hover {
+    color: #faa0ee;
 }
 
 #calendar {
@@ -80,6 +95,7 @@ article {
         width: 100%;
         margin: 0;
         display: flex;
+        margin-bottom: 16px;
         flex-direction: column;
         align-items: center;
         align-self: unset;
@@ -88,8 +104,9 @@ article {
     #content{
         // max-width: 100%;
         width: 100%;
+        margin-bottom: 16px;
         max-width: unset;
-        // min-width: unset;
+        min-width: unset;
     }
 
     #player {

themes/swr/layouts/_default/baseof.html

@@ -11,7 +11,12 @@
                 </div>
                 <div id="player">
                     <div id="p1"></div>
-                    <iframe src="https://azuracast.southwestradio.ru/public/southwest_radio/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; height: 130px; border: 0;"></iframe>
+                    <iframe id="web-player" src="https://azuracast.southwestradio.ru/public/southwest_radio/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; height: 130px; border: 0;"></iframe>
+                    <script>
+                        var iframe = document.getElementById('web-player');
+                        iframe.srcdoc = '<p style="font: 14px/1.5 monospace; color:white;">Loading...</p>';
+                        iframe.addEventListener('load', () => iframe.removeAttribute('srcdoc'));
+                    </script>
                 </div>
             </div>
             {{- partial "footer.html" . -}}

themes/swr/layouts/partials/header.html

@@ -1 +1 @@
-<h1 style="text-shadow: 0px 0px 11px white;">{{ .Site.Title }}</h1>
+<a href="/" style="color:white"><h1 style="text-shadow: 0px 0px 11px white;">{{ .Site.Title }}</h1></a>