Defectum/Site_Vologda
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: Defectum:3c2e46af7280c5ee84074a74cd19b601b35fe3d0
Branches Tags
Defectum:main
..
compare: Defectum:ae7c6a33af63f98381e6373979923fcec8a1b718
Branches Tags
Defectum:main

5 Commits
3c2e46af72 ... ae7c6a33af

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
Expand all files Collapse all files

1
site/index.html
View File

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

20
site/style/background.css
View File

@@ -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,27 +102,11 @@
--boxHeight: 3.1vw; --boxHeight: 3.1vw;
--defaultBoxWhight: 750px; --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); --headerBoxColor:rgb(173, 32, 43);
--bodyBoxColor:rgb(255, 255, 255); --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); --vologdaBoxColor: rgb(173, 32, 43);
} }
@media (max-width: 1100px) { @media (max-width: 1100px) {

76
site/style/backgroundEffect.css
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%;
}
}

20
site/style/buttonStyle.css
View File

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

28
site/style/header.html
View File

@@ -1,3 +1,29 @@
<header> <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> </header>

29
site/style/snowflakes.html
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>

9
site/style/textFont.css
View File

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

2
Что на сайте.txt
View File

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