Merge branch 'main' of http://openshediavault.local:3000/Defectum/Site_Vologda
This commit is contained in:
Frog-Lover-Antony
@@ -1,6 +1,7 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ru">
|
<html lang="ru">
|
||||||
<head>
|
<head>
|
||||||
|
<link rel="stylesheet" href="/style/menu.css">
|
||||||
<link rel="stylesheet" href="/style/textFont.css">
|
<link rel="stylesheet" href="/style/textFont.css">
|
||||||
<link rel="stylesheet" href="/style/background.css">
|
<link rel="stylesheet" href="/style/background.css">
|
||||||
<link rel="stylesheet" href="/style/buttonStyle.css">
|
<link rel="stylesheet" href="/style/buttonStyle.css">
|
||||||
|
|||||||
@@ -5,7 +5,6 @@
|
|||||||
header{
|
header{
|
||||||
margin: auto;
|
margin: auto;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 10%;
|
|
||||||
|
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
width: var(--headFootBoxWhight);
|
width: var(--headFootBoxWhight);
|
||||||
@@ -20,6 +19,7 @@
|
|||||||
body{
|
body{
|
||||||
background-color: var(--bodyBoxColor);
|
background-color: var(--bodyBoxColor);
|
||||||
background-image: url('/style/background.png');
|
background-image: url('/style/background.png');
|
||||||
|
backdrop-filter: blur(2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.vologdaDescription{
|
.vologdaDescription{
|
||||||
@@ -102,18 +102,14 @@
|
|||||||
--boxHeight: 3.1vw;
|
--boxHeight: 3.1vw;
|
||||||
|
|
||||||
--defaultBoxWhight: 750px;
|
--defaultBoxWhight: 750px;
|
||||||
--headFootBoxWhight: 900px;
|
--headFootBoxWhight: 950px;
|
||||||
|
|
||||||
--vologdaBoxColor: rgb(177, 250, 250);
|
|
||||||
|
|
||||||
--headerBoxColor:rgb(177, 250, 250);
|
--headerBoxColor:rgb(177, 250, 250);
|
||||||
|
|
||||||
--postHeaderBoxColor:rgb(175, 238, 238);
|
--postHeaderBoxColor:rgb(175, 238, 238);
|
||||||
|
|
||||||
--headerBoxColor:rgb(173, 32, 43);
|
--headerBoxColor:rgb(173, 32, 43);
|
||||||
|
|
||||||
--bodyBoxColor:rgb(255, 255, 255);
|
--bodyBoxColor:rgb(255, 255, 255);
|
||||||
|
|
||||||
--vologdaBoxColor: rgb(173, 32, 43);
|
--vologdaBoxColor: rgb(173, 32, 43);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,76 +0,0 @@
|
|||||||
|
|
||||||
.snowflake {
|
|
||||||
color: #757575;
|
|
||||||
font-size: 1em;
|
|
||||||
font-family: 'Sometype Mono', monospace;
|
|
||||||
position: fixed;
|
|
||||||
top: -10%;
|
|
||||||
user-select: none;
|
|
||||||
cursor: default;
|
|
||||||
animation-name: snowflakes-fall, snowflakes-shake;
|
|
||||||
animation-duration: 10s, 3s;
|
|
||||||
animation-timing-function: linear, ease-in-out;
|
|
||||||
animation-iteration-count: infinite, infinite;
|
|
||||||
animation-play-state: running, running;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.snowflake:nth-of-type(0) {
|
|
||||||
left: 1%;
|
|
||||||
animation-delay: 0s, 0s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.snowflake:nth-of-type(1) {
|
|
||||||
left: 10%;
|
|
||||||
animation-delay: 1s, 1s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.snowflake:nth-of-type(2) {
|
|
||||||
left: 20%;
|
|
||||||
animation-delay: 6s, .5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.snowflake:nth-of-type(3) {
|
|
||||||
left: 30%;
|
|
||||||
animation-delay: 4s, 2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.snowflake:nth-of-type(4) {
|
|
||||||
left: 40%;
|
|
||||||
animation-delay: 2s, 2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.snowflake:nth-of-type(5) {
|
|
||||||
left: 50%;
|
|
||||||
animation-delay: 8s, 3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.snowflake:nth-of-type(6) {
|
|
||||||
left: 60%;
|
|
||||||
animation-delay: 6s, 2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.snowflake:nth-of-type(7) {
|
|
||||||
left: 70%;
|
|
||||||
animation-delay: 2.5s, 1s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.snowflake:nth-of-type(8) {
|
|
||||||
left: 80%;
|
|
||||||
animation-delay: 1s, 0s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.snowflake:nth-of-type(9) {
|
|
||||||
left: 90%;
|
|
||||||
animation-delay: 3s, 1.5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes snowflakes-fall {
|
|
||||||
0% {
|
|
||||||
top: -10%;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
top: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,6 +1,4 @@
|
|||||||
|
|
||||||
.button-grid {
|
.button-grid {
|
||||||
display: grid;
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 4fr 4fr 4fr;
|
grid-template-columns: 4fr 4fr 4fr;
|
||||||
grid-template-rows: 4fr 4fr;
|
grid-template-rows: 4fr 4fr;
|
||||||
@@ -30,7 +28,12 @@
|
|||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: rgba(0, 0, 0, 0.5); /* Настройка цвета и прозрачности для блока с заголовком */
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.headerButton-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto auto auto auto auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
@@ -69,6 +72,17 @@
|
|||||||
--sizeButton: 4;
|
--sizeButton: 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hidingMenu {
|
||||||
|
Display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headerButton-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.button-grid {
|
.button-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
@@ -1,3 +1,29 @@
|
|||||||
<header>
|
<header>
|
||||||
|
<div class="headerButton-grid">
|
||||||
|
<a href="/pages/Музей кружева.html" style="text-decoration:none">
|
||||||
|
<button style="background: transparent; border: none !important;">
|
||||||
<p class="titleText">Вологда путешествия</p>
|
<p class="titleText">Вологда путешествия</p>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
|
||||||
|
<button style="background: transparent; border: none !important;"> </button>
|
||||||
|
<p class="titleTextMini">Вологда</p>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
|
||||||
|
<button style="background: transparent; border: none !important;"> </button>
|
||||||
|
<p class="titleTextMini">Достопримечательности</p>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
|
||||||
|
<button style="background: transparent; border: none !important;"> </button>
|
||||||
|
<p class="titleTextMini">Рестораны</p>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
|
||||||
|
<button style="background: transparent; border: none !important;"> </button>
|
||||||
|
<p class="titleTextMini">Отели</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|||||||
@@ -1,29 +0,0 @@
|
|||||||
<div class="snowflakes">
|
|
||||||
<div class="snowflake">
|
|
||||||
В ВОЛОГДЕ ВКУСНОЕ МОЛОКО !
|
|
||||||
</div>
|
|
||||||
<div class="snowflake">
|
|
||||||
ВОЛОГДА СУПЕР !
|
|
||||||
</div>
|
|
||||||
<div class="snowflake">
|
|
||||||
ГДЕ ? В ВОЛОГДЕ !
|
|
||||||
</div>
|
|
||||||
<div class="snowflake">
|
|
||||||
КРУЖЕВА ПРОСТО КЛАСС !
|
|
||||||
</div>
|
|
||||||
<div class="snowflake">
|
|
||||||
МАСЛО ЛУЧШЕЕ !
|
|
||||||
</div>
|
|
||||||
<div class="snowflake">
|
|
||||||
В ВОЛОГДЕ КЛАСС !
|
|
||||||
</div>
|
|
||||||
<div class="snowflake">
|
|
||||||
В ВОЛОГДЕ ПРЕКРАСНО!
|
|
||||||
</div>
|
|
||||||
<div class="snowflake">
|
|
||||||
ВОЛОГДА СУПЕР !
|
|
||||||
</div>
|
|
||||||
<div class="snowflake">
|
|
||||||
ВОЛОГДА!
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -40,12 +40,19 @@
|
|||||||
color: rgb(255, 255, 255);
|
color: rgb(255, 255, 255);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.titleTextMini {
|
||||||
|
font-size: calc(var(--textSize) + (var(--textSize) * 0.5));
|
||||||
|
/* font-family: 'Sometype Mono', monospace; */
|
||||||
|
font-family: 'Tsarevich-Regular';
|
||||||
|
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
}
|
||||||
|
|
||||||
.titleText {
|
.titleText {
|
||||||
font-size: calc(var(--textSize) + (var(--textSize) * 1.6));
|
font-size: calc(var(--textSize) + (var(--textSize) * 1.6));
|
||||||
/* font-family: 'Sometype Mono', monospace; */
|
/* font-family: 'Sometype Mono', monospace; */
|
||||||
font-family: 'Tsarevich-Regular';
|
font-family: 'Tsarevich-Regular';
|
||||||
|
|
||||||
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin-left: 3vw;
|
margin-left: 3vw;
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
Главная:
|
Главная:
|
||||||
-достопромичетальности
|
-достопромичетальности
|
||||||
-Где покушать
|
-Где покушать
|
||||||
-Турагентсва
|
-Турагентсва или отелей
|
||||||
-История Вологды
|
-История Вологды
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user