экзамен...

This commit is contained in:
=
2023-11-07 11:57:32 +03:00
parent a814405f7d
commit 2ed6c8aef4
5 changed files with 34 additions and 17 deletions

View File

@@ -1,5 +1,6 @@
<footer> <footer>
<div class = "postFooter"> <div class = "postFooter">
<p class="miniText"> ©Defectum studio 2023-2023</p> <p class="miniText"> ©Defectum studio 2023-2023</p>
<p class="miniText"><a href="mailto:antonene@kormcraft.ddns.net">antonene@kormcraft.ddns.net</a></p>
</div> </div>
</footer> </footer>

View File

@@ -1,6 +1,6 @@
<div class="vologdaPlace"> <div class="vologdaPlace">
<p class="titleText">Места где можно хорошо поесть</p> <p class="titleText">Места где можно хорошо пообедать</p>
<div class="button-restourant"> <div class="button-restaurant">
<div> <div>
<a href="/pages/restaurants/Устюг Великий.html"><button class="image-button" style="background-image: url('/images/Velicii-Ustig.webp');"></button></a> <a href="/pages/restaurants/Устюг Великий.html"><button class="image-button" style="background-image: url('/images/Velicii-Ustig.webp');"></button></a>
<p class="normalText">Устюг Великий</p> <p class="normalText">Устюг Великий</p>
@@ -11,7 +11,7 @@
<p class="normalText">Дом купчихи Ершовой</p> <p class="normalText">Дом купчихи Ершовой</p>
</div> </div>
<div class="hidingRestourants"> <div class="hidingrestaurants">
<a href="/pages/restaurants/Ресторан Паровозовъ.html"><button class="image-button" style="background-image: url('/images/Ресторан_Паровозовъ.webp');"></button></a> <a href="/pages/restaurants/Ресторан Паровозовъ.html"><button class="image-button" style="background-image: url('/images/Ресторан_Паровозовъ.webp');"></button></a>
<p class="normalText">Ресторан Паровозовъ</p> <p class="normalText">Ресторан Паровозовъ</p>
</div> </div>

View File

@@ -39,9 +39,9 @@
.vologdaDescription{ .vologdaDescription{
position:relative; position:relative;
margin: auto; margin: auto;
margin-top: 3vw; margin-top: 4em;
width: var(--defaultBoxWhight); width: calc(var(--defaultBoxWhight)*1.2);
text-align: center; text-align: center;
@@ -72,7 +72,7 @@
position:relative; position:relative;
margin: auto; margin: auto;
width: var(--defaultBoxWhight); width: calc(var(--defaultBoxWhight)*1.2);
margin-top: 6vw; margin-top: 6vw;
height: 25%; height: 25%;
@@ -90,7 +90,7 @@
margin: auto; margin: auto;
margin-top: var(--vologdaBoxMargin); margin-top: var(--vologdaBoxMargin);
width: var(--defaultBoxWhight); width: calc(var(--defaultBoxWhight)*1.2);
height: 600px; height: 600px;
text-align: center; text-align: center;

View File

@@ -3,9 +3,11 @@
grid-template-columns: 4fr 4fr 4fr; grid-template-columns: 4fr 4fr 4fr;
grid-template-rows: 4fr 4fr; grid-template-rows: 4fr 4fr;
grid-gap: 4fr; grid-gap: 4fr;
justify-content: center;
align-items: center;
} }
.button-restourant { .button-restaurant {
display: grid; display: grid;
grid-template-columns: 4fr 4fr 4fr; grid-template-columns: 4fr 4fr 4fr;
grid-template-rows: 4fr; grid-template-rows: 4fr;
@@ -42,12 +44,16 @@
.headerButton-grid { .headerButton-grid {
display: grid; display: grid;
grid-template-columns: auto auto auto auto auto; grid-template-columns: auto auto auto auto auto;
justify-content: center;
align-items: center;
margin-top: -1em;
} }
:root { :root {
--sizeButton: 1.5; --sizeButton: 1.5;
} }
@media screen and (min-width: 1820px) { @media screen and (min-width: 1820px) {
.image-button { .image-button {
width: 200px; width: 200px;
@@ -73,14 +79,14 @@
grid-gap: 4fr; grid-gap: 4fr;
} }
.button-restourant { .button-restaurant {
display: grid; display: grid;
grid-template-columns: 4fr 4fr; grid-template-columns: 4fr 4fr;
grid-template-rows: 4fr; grid-template-rows: 4fr;
grid-gap: 4fr; grid-gap: 4fr;
} }
.hidingRestourants { .hidingrestaurants {
Display: none; Display: none;
} }
} }
@@ -109,7 +115,7 @@
grid-gap: 4fr; grid-gap: 4fr;
} }
.button-restourant { .button-restaurant {
display: grid; display: grid;
grid-template-columns: 4fr 4fr; grid-template-columns: 4fr 4fr;
grid-template-rows: 4fr; grid-template-rows: 4fr;

View File

@@ -35,30 +35,40 @@
.normalText { .normalText {
font-size: var(--textSize); font-size: var(--textSize);
font-family: 'Pacifico'; /* font-family: 'Pacifico'; */
font-family: 'Verdana';
margin: 0.7em;
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }
.titleTextMini { .titleTextMini {
font-size: calc(var(--textSize) + (var(--textSize) * 0.5)); font-size: calc(var(--textSize) + (var(--textSize) * 0.5));
font-family: 'Tsarevich-Regular'; /* font-family: 'Tsarevich-Regular'; */
font-family: 'Georgia';
margin: 0.2em;
align-self: center;
color: rgb(255, 255, 255); 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: 'Tsarevich-Regular'; /* font-family: 'Tsarevich-Regular'; */
font-family: 'Georgia';
text-align: left; text-align: left;
margin-left: 3vw; margin-left: 3vw;
margin: 0.7em;
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }
.miniText { .miniText {
font-size: calc(var(--textSize) * 0.9); font-size: calc(var(--textSize) * 0.9);
font-family: 'Tsarevich-Regular'; /* font-family: 'Tsarevich-Regular'; */
font-family: 'Verdana';
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }