Update site for the new iteration

This commit is contained in:
ChronosXYZ 2024-06-17 02:16:04 +03:00
parent 047cf3af2a
commit 3b33418cd2
7 changed files with 59 additions and 54 deletions

View File

@ -1,4 +1,4 @@
baseURL = 'https://southwestradio.ru/'
baseURL = 'https://radio.nexusnest.link/'
languageCode = 'en-us'
title = 'SouthWest Radio'
theme = "swr"

View File

@ -1,12 +1,12 @@
**Радио Southwest** - некоммерческий проект свободного радио, созданный студентами университета РТУ МИРЭА.
**Радио Southwest** - некоммерческий проект свободного радио.
Отбираем самую годную музыку без привязки к жанрам. Тщательно подобранный плейлист музыки будет сопровождать ваш день. Делаем все возможное, чтобы заслужить внимание ваших ушей.
*Если у вас не работает веб-плеер, вы можете воспользоваться прямой ссылкой на поток*:
- [AAC 192kbps](https://azuracast.southwestradio.ru/listen/southwest_radio/radio.aac) (для пользователей iOS, macOS)
- [OGG 192kbps](https://azuracast.southwestradio.ru/listen/southwest_radio/radio.ogg) (для всех остальных)
- [AAC 192kbps](https://azuracast.nexusnest.link/listen/southwest_radio/radio.aac) (для пользователей iOS, macOS)
- [OGG 192kbps](https://azuracast.nexusnest.link/listen/southwest_radio/radio.ogg) (для всех остальных)
Веб-плеер на [отдельной странице](https://azuracast.southwestradio.ru/public/southwest_radio). Там можно посмотреть историю 5 последних проигранных треков, а так же голосовать за следующие треки из музыкальной базы радиостанции.
Веб-плеер на [отдельной странице](https://azuracast.nexusnest.link/public/southwest_radio). Там можно посмотреть историю 5 последних проигранных треков, а так же голосовать за следующие треки из музыкальной базы радиостанции.
Кроме того, присутствует возможность прослушивать радиостанцию через [мобильные приложения](/mobile-apps/).

View File

@ -8,10 +8,10 @@
1. Открываете приложение Transistor
2. Нажимаете на кнопку "Add new station"
<img src="https://southwestradio.ru/android-screenshot-1.jpg" style="width: 70%;">
<img src="/android-screenshot-1.jpg" style="width: 70%;">
3. Вводите Southwest Radio в поле ввода
4. Выбираете найденную станцию и нажимаете кнопку "Add"
<img src="https://southwestradio.ru/android-screenshot-2.jpg" style="width: 70%;">
<img src="/android-screenshot-2.jpg" style="width: 70%;">
5. Нажимаете на добавленную радиостанцию, она начнет проигрываться.
## iOS

View File

@ -10,7 +10,7 @@ body {
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');
background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)), url('../background.jpg');
backdrop-filter: blur(5px);
height: 100%;
}
@ -25,6 +25,7 @@ body {
display: flex;
padding: 16px;
justify-content: space-evenly;
gap: 1em;
}
aside {
@ -34,19 +35,18 @@ aside {
padding-top: 0;
padding-bottom: 0;
min-width: 5em;
align-self: start;
align-self: start;
}
#player {
margin-left: 2em;
border: 1px solid;
border-radius: 3mm;
padding: 16px;
padding-bottom: 0;
display: flex;
justify-content: center;
align-items: center;
align-self: start;
height: 6.5em;
}
#content {
@ -55,7 +55,7 @@ aside {
padding: 16px;
padding-top: 0;
padding-bottom: 0;
width: 30vw;
width: 50vw;
}
#nav {
@ -69,7 +69,6 @@ aside {
display: flex;
align-items: center;
flex-direction: column;
margin-right: 2em;
}
#social-widescreen {
@ -94,8 +93,8 @@ a:hover {
#calendar {
display: flex;
justify-content: center;
padding-top: 10px;
padding-bottom: 10px;
padding-top: 1em;
padding-bottom: 1em;
}
h1 {
@ -149,8 +148,9 @@ article {
align-items: center;
width: 85vw;
padding-bottom: 0;
gap: 1.2em;
}
aside {
width: 100%;
margin: 0;
@ -163,23 +163,24 @@ article {
#nav-wrapper {
margin: 0;
width: 100%;
margin-bottom: 16px;
order: 1;
}
#content{
#content {
// max-width: 100%;
width: 100%;
margin-bottom: 16px;
max-width: unset;
min-width: unset;
order: 3;
}
#player {
order: 2;
width: 100%;
margin: 0;
padding: 16px;
padding-bottom: 0;
align-self: unset;
height: 15vh;
}
body {
@ -204,7 +205,7 @@ article {
#social-mobile {
display: block;
visibility: visible;
margin-top: 10px;
order: 4;
// margin-bottom: 7px;
}
}

View File

@ -1,36 +1,38 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<body>
<div id="container">
{{- partial "header.html" . -}}
<div id="wrapper">
<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>
</div>
</div>
<div id="content">
{{- block "main" . }}{{- end }}
</div>
<div id="player">
<div id="p1"></div>
<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 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 "head.html" . -}}
<body>
<div id="container">
{{- partial "header.html" . -}}
<div id="wrapper">
<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>
</div>
</div>
{{- partial "footer.html" . -}}
<div id="content">
{{- block "main" . }}{{- end }}
</div>
<div id="player">
<iframe id="web-player" height="100%" width="100%"
src="https://azuracast.nexusnest.link/public/southwest_radio/embed?theme=dark" frameborder="0"
allowtransparency="true" style="border: 0;"></iframe>
</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>
</div>
</div>
</body>
</html>
{{- partial "footer.html" . -}}
</div>
</body>
</html>

View File

@ -1,9 +1,10 @@
<head>
<title>{{ .Site.Title }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8">
{{ $sass := resources.Get "/css/style.scss" }}
{{ $style := $sass | resources.ToCSS }}
<link rel="stylesheet" href="{{ $style.Permalink }}">
<link rel="stylesheet" href="{{ $style.Permalink }}">
<script src="/svg-inject.min.js"></script>
</head>

View File

@ -1,5 +1,6 @@
{{ define "main" }}
<div id="calendar">
<iframe src="https://azuracast.southwestradio.ru/public/southwest_radio/schedule/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 80vmin; min-height: 800px; border: 0;"></iframe>
<iframe src="https://azuracast.nexusnest.link/public/southwest_radio/schedule/embed?theme=dark" frameborder="0"
allowtransparency="true" style="width: 100%; min-height: 80vh; border: 0;"></iframe>
</div>
{{end}}