diff --git a/site/index.html b/site/index.html index 475b7a0..cb5f5d7 100644 --- a/site/index.html +++ b/site/index.html @@ -1,6 +1,7 @@ + diff --git a/site/style/background.css b/site/style/background.css index 81e1632..e099ffd 100644 --- a/site/style/background.css +++ b/site/style/background.css @@ -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); } diff --git a/site/style/backgroundEffect.css b/site/style/backgroundEffect.css deleted file mode 100644 index d81dbb6..0000000 --- a/site/style/backgroundEffect.css +++ /dev/null @@ -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%; - } - } - \ No newline at end of file diff --git a/site/style/buttonStyle.css b/site/style/buttonStyle.css index 3d3c6a8..7dec4c4 100644 --- a/site/style/buttonStyle.css +++ b/site/style/buttonStyle.css @@ -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; diff --git a/site/style/header.html b/site/style/header.html index 7c31892..16fbb33 100644 --- a/site/style/header.html +++ b/site/style/header.html @@ -1,3 +1,29 @@
-

Вологда путешествия

+
+ + + + + + +

Вологда

+
+ + + +

Достопримечательности

+
+ + + +

Рестораны

+
+ + + +

Отели

+
+
diff --git a/site/style/snowflakes.html b/site/style/snowflakes.html deleted file mode 100644 index ccef613..0000000 --- a/site/style/snowflakes.html +++ /dev/null @@ -1,29 +0,0 @@ -
-
- В ВОЛОГДЕ ВКУСНОЕ МОЛОКО ! -
-
- ВОЛОГДА СУПЕР ! -
-
- ГДЕ ? В ВОЛОГДЕ ! -
-
- КРУЖЕВА ПРОСТО КЛАСС ! -
-
- МАСЛО ЛУЧШЕЕ ! -
-
- В ВОЛОГДЕ КЛАСС ! -
-
- В ВОЛОГДЕ ПРЕКРАСНО! -
-
- ВОЛОГДА СУПЕР ! -
-
- ВОЛОГДА! -
-
\ No newline at end of file diff --git a/site/style/textFont.css b/site/style/textFont.css index 75e19cc..5f50384 100644 --- a/site/style/textFont.css +++ b/site/style/textFont.css @@ -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; diff --git a/Что на сайте.txt b/Что на сайте.txt index 01b74ea..df5a2ee 100644 --- a/Что на сайте.txt +++ b/Что на сайте.txt @@ -1,7 +1,7 @@ Главная: -достопромичетальности -Где покушать - -Турагентсва + -Турагентсва или отелей -История Вологды