Compare commits

...

5 Commits

Author SHA1 Message Date
Петухова Ростислава
ae7c6a33af Header v3 2023-11-01 00:52:34 +03:00
Петухова Ростислава
987a90f5ab Merge branch 'main' of http://kormcraft.ddns.net:3000/Defectum/Site_Vologda 2023-11-01 00:48:31 +03:00
Петухова Ростислава
10d620cffe UP++ 2023-11-01 00:48:22 +03:00
Петухова Ростислава
e03899ba16 Merge branch 'main' of http://kormcraft.ddns.net:3000/Defectum/Site_Vologda 2023-10-31 23:06:58 +03:00
Петухова Ростислава
17edfca237 Clear V1 2023-10-31 23:06:48 +03:00
8 changed files with 56 additions and 129 deletions

View File

@@ -1,6 +1,7 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<link rel="stylesheet" href="/style/menu.css">
<link rel="stylesheet" href="/style/textFont.css">
<link rel="stylesheet" href="/style/background.css">
<link rel="stylesheet" href="/style/buttonStyle.css">

View File

@@ -5,7 +5,6 @@
header{
margin: auto;
left: 0;
top: 10%;
z-index: 2;
width: var(--headFootBoxWhight);
@@ -20,6 +19,7 @@
body{
background-color: var(--bodyBoxColor);
background-image: url('/style/background.png');
backdrop-filter: blur(2px);
}
.vologdaDescription{
@@ -102,27 +102,11 @@
--boxHeight: 3.1vw;
--defaultBoxWhight: 750px;
--headFootBoxWhight: 900px;
--headFootBoxWhight: 950px;
--vologdaBoxColor: rgb(177, 250, 250);
--headerBoxColor:rgb(177, 250, 250);
--postHeaderBoxColor:rgb(175, 238, 238);
/* --headerBoxColor:rgb(177, 250, 250); */
--headerBoxColor:rgb(173, 32, 43);
--bodyBoxColor:rgb(255, 255, 255);
/* --postHeaderBoxColor:rgb(175, 238, 238); */
/* 89, 152, 197 */
/* --bodyBoxColor:rgb(255, 255, 255); */
/* --bodyBoxColor:rgb(39, 38, 53); */
/* --bodyBoxColor:rgb(78, 89, 140); */
/* --bodyBoxColor:rgb(10, 9, 3); */
/* --vologdaBoxColor: rgb(177, 250, 250); */
--vologdaBoxColor: rgb(173, 32, 43);
}
@media (max-width: 1100px) {

View File

@@ -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%;
}
}

View File

@@ -1,6 +1,4 @@
.button-grid {
display: grid;
display: grid;
grid-template-columns: 4fr 4fr 4fr;
grid-template-rows: 4fr 4fr;
@@ -30,7 +28,12 @@
left: 0;
width: 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 {
@@ -69,6 +72,17 @@
--sizeButton: 4;
}
.hidingMenu {
Display: none;
}
.headerButton-grid {
display: grid;
grid-template-columns: auto;
text-align: center;
}
.button-grid {
display: grid;
display: grid;

View File

@@ -1,3 +1,29 @@
<header>
<p class="titleText">Вологда путешествия</p>
<div class="headerButton-grid">
<a href="/pages/Музей кружева.html" style="text-decoration:none">
<button style="background: transparent; border: none !important;">
<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>

View File

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

View File

@@ -40,12 +40,19 @@
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 {
font-size: calc(var(--textSize) + (var(--textSize) * 1.6));
/* font-family: 'Sometype Mono', monospace; */
font-family: 'Tsarevich-Regular';
text-align: left;
margin-left: 3vw;

View File

@@ -1,7 +1,7 @@
Главная:
-достопромичетальности
-Где покушать
-Турагентсва
-Турагентсва или отелей
-История Вологды