Completely redesign the style of site

This commit is contained in:
ChronosX88 2022-11-24 16:47:26 +03:00
parent ff5b19fa38
commit 7a78c5dbf1
8 changed files with 41 additions and 17 deletions

View File

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

View File

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

View File

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

BIN
static/background.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 421 KiB

BIN
static/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -5,6 +5,10 @@ body {
font-size: 14pt; font-size: 14pt;
padding: 0; padding: 0;
margin: 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 { #container {
@ -22,7 +26,10 @@ body {
aside { aside {
margin-right: 2em; margin-right: 2em;
border: 1px solid; border: 1px solid;
border-radius: 3mm;
padding: 16px; padding: 16px;
padding-top: 0;
padding-bottom: 0;
min-width: 5em; min-width: 5em;
align-self: start; align-self: start;
} }
@ -30,6 +37,7 @@ aside {
#player { #player {
margin-left: 2em; margin-left: 2em;
border: 1px solid; border: 1px solid;
border-radius: 3mm;
padding: 16px; padding: 16px;
padding-bottom: 0; padding-bottom: 0;
display: flex; display: flex;
@ -40,13 +48,20 @@ aside {
#content { #content {
border: 1px solid; border: 1px solid;
border-radius: 3mm;
padding: 16px; padding: 16px;
max-width: 50%; padding-top: 0;
// min-width: 40em; padding-bottom: 0;
width: 75vh;
} }
a { a {
color: #cc61be; color: #cc61be;
text-decoration: none;
}
a:hover {
color: #faa0ee;
} }
#calendar { #calendar {
@ -80,6 +95,7 @@ article {
width: 100%; width: 100%;
margin: 0; margin: 0;
display: flex; display: flex;
margin-bottom: 16px;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
align-self: unset; align-self: unset;
@ -88,8 +104,9 @@ article {
#content{ #content{
// max-width: 100%; // max-width: 100%;
width: 100%; width: 100%;
margin-bottom: 16px;
max-width: unset; max-width: unset;
// min-width: unset; min-width: unset;
} }
#player { #player {

View File

@ -11,7 +11,12 @@
</div> </div>
<div id="player"> <div id="player">
<div id="p1"></div> <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>
</div> </div>
{{- partial "footer.html" . -}} {{- partial "footer.html" . -}}

View File

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