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

Clear V1

Browse Source
This commit is contained in:
Петухова Ростислава
2023-10-31 23:06:48 +03:00
parent 3a1318276e
commit 17edfca237
6 changed files with 3 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
site/index.html
View File

@@ -18,9 +18,6 @@
</head> </head>
<body> <body>
<!--SNOWFLAKES-->
<div w3-include-html="/style/snowflakes.html"></div>
<!--HEADER --> <!--HEADER -->
<div w3-include-html="/style/header.html"></div> <div w3-include-html="/style/header.html"></div>

17
site/style/background.css
View File

@@ -20,6 +20,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{
@@ -99,25 +100,9 @@
--defaultBoxWhight: 750px; --defaultBoxWhight: 750px;
--headFootBoxWhight: 900px; --headFootBoxWhight: 900px;
--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%;
}
}

2
site/style/buttonStyle.css
View File

@@ -30,7 +30,7 @@
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);
} }
:root { :root {

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>

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

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