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

Merge branch 'main' of http://openshediavault.local:3000/Defectum/Site_Vologda

Browse Source
This commit is contained in:
Frog-Lover-Antony
2023-11-01 00:55:30 +03:00
parent e0bd7c9870 ae7c6a33af
commit b6ba139b1d
8 changed files with 56 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
site/style/background.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,18 +102,14 @@
--boxHeight: 3.1vw;
--defaultBoxWhight: 750px;
--headFootBoxWhight: 900px;
--vologdaBoxColor: rgb(177, 250, 250);
--headFootBoxWhight: 950px;
--headerBoxColor:rgb(177, 250, 250);
--postHeaderBoxColor:rgb(175, 238, 238);
--headerBoxColor:rgb(173, 32, 43);
--bodyBoxColor:rgb(255, 255, 255);
--vologdaBoxColor: rgb(173, 32, 43);
}

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

28
site/style/header.html
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>

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);
}
.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;