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

Compare commits

base: Defectum:c9e6d29bab4b5989c0156a2c397773ad97418906
Branches Tags
Defectum:main
...
compare: Defectum:9257e7205af07b823c79ec391cc942995f22fc40
Branches Tags
Defectum:main

4 Commits
c9e6d29bab ... 9257e7205a

Author SHA1 Message Date
Петухова Ростислава
9257e7205a 2:48 2023-11-01 02:48:07 +03:00
Петухова Ростислава
04ec8fc091 Merge branch 'main' of http://kormcraft.ddns.net:3000/Defectum/Site_Vologda 2023-11-01 02:47:50 +03:00
Петухова Ростислава
e4c619a957 Merge branch 'main' of http://kormcraft.ddns.net:3000/Defectum/Site_Vologda 2023-11-01 02:27:03 +03:00
Петухова Ростислава
f2f1171a28 Vologda history button 2023-11-01 02:14:33 +03:00
5 changed files with 59 additions and 8 deletions
Expand all files Collapse all files

13
site/index.html
View File

@@ -19,7 +19,7 @@
</head>
<body>
<!--HEADER -->
<!--HEADER -->
<div w3-include-html="/style/header.html"></div>
<!--VOLOGDA DESCRIPTION-->
@@ -27,6 +27,14 @@
<p class="normalText">Вологда – город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний – с девятивековой историей, богатый – с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.</p>
</div>
<a href="/index.html">
<div class="vologdaHistoryButton">
<button style="background: transparent; border: none !important;">
<p class="normalText">Подробнее</p>
</button>
</div>
</a>
<!--ATTRACTIONS-->
<div id="AttractionsMap" class="vologdaMap">
<p class="titleText">Достопримечательности Вологды</p>
@@ -51,6 +59,9 @@
<!--FOOTER-->
<div w3-include-html="/style/footer.html"></div>
<!--BUTTON TOP-->
<a href="#" class="buttonTop miniText">Вверх!</a>
<!-- load all included html pages -->
<script>includeHTML();</script>
</body>

42
site/style/background.css
View File

@@ -2,11 +2,25 @@
scroll-behavior: smooth;
}
.buttonTop {
place-self:end;
position:sticky;
bottom:1vw;
margin-top:100vh;
margin-left: 85%;
text-decoration: none;
padding: 1vw;
background: var(--vologdaBoxColor);
border-radius: 2vw;
z-index: 2;
}
header{
margin: auto;
left: 0;
z-index: 2;
width: var(--headFootBoxWhight);
background-color: var(--headerBoxColor);
@@ -38,6 +52,22 @@
box-shadow: 0 0 1em rgba(0,0,0,0.7);
}
.vologdaHistoryButton{
position:relative;
margin: auto;
margin-top: 1vw;
text-align: center;
width: calc(var(--defaultBoxWhight) / 4);
background-color: var(--vologdaBoxColor);
border-radius: 1em;
overflow: hidden;
box-shadow: 0 0 1em rgba(0,0,0,0.7);
}
.vologdaPlace{
position:relative;
margin: auto;
@@ -118,4 +148,14 @@
--defaultBoxWhight: 90%;
--headFootBoxWhight: 95%;
}
.buttonTop {
Display: none;
}
}
@media (max-width: 800px) {
.vologdaHistoryButton{
Display: none;
}
}

2
site/style/footer.html
View File

@@ -1,6 +1,6 @@
<footer>
<div class="prevFooter"></div>
<div class = "postFooter">
<p class="miniText"> ©Defectum studio</p>
<p class="miniText"> ©Defectum studio 2023-2023</p>
</div>
</footer>

8
site/style/header.html
View File

@@ -6,22 +6,22 @@
</button>
</a>
<a href="#VologdaHistory" style="text-decoration:none" class="hidingMenu">
<a href="/index.html#VologdaHistory" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Вологда</p>
</a>
<a href="#AttractionsMap" style="text-decoration:none" class="hidingMenu">
<a href="/index.html#AttractionsMap" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Достопримечательности</p>
</a>
<a href="#RestaurantsMap" style="text-decoration:none" class="hidingMenu">
<a href="/index.html#RestaurantsMap" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Рестораны</p>
</a>
<a href="#HotelMap" style="text-decoration:none" class="hidingMenu">
<a href="/index.html#HotelMap" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Отели</p>
</a>

2
site/style/textFont.css
View File

@@ -61,7 +61,7 @@
.miniText {
font-size: calc(var(--textSize) * 0.9);
font-family: 'Sometype Mono', monospace;
font-family: 'Tsarevich-Regular';
color: rgb(255, 255, 255);
}