+
+
\ No newline at end of file
diff --git a/site/pages/attractions.html b/site/pages/attractions.html
new file mode 100644
index 0000000..26b51c1
--- /dev/null
+++ b/site/pages/attractions.html
@@ -0,0 +1,44 @@
+
+
Места которые стоит посетить в первую очередь
+
+
+
+
+
Музей заповедник
+
+
+
+
+
+
Памятник букве О
+
+
+
+
+
+
+
Парк заповедник
+
+
+
+
+
+
+
Бульвар Пирогова
+
+
+
+
+
+
+
Кремлёвский сад
+
+
+
+
+
+
+
Парк заповедник
+
+
+
\ No newline at end of file
diff --git a/site/pages/Музей-заповедник.html b/site/pages/Музей-заповедник.html
new file mode 100644
index 0000000..916baf3
--- /dev/null
+++ b/site/pages/Музей-заповедник.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+ Site
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Вологда – город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний – с девятивековой историей, богатый – с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/scripts/w3-include.js b/site/scripts/w3-include.js
new file mode 100644
index 0000000..36eb135
--- /dev/null
+++ b/site/scripts/w3-include.js
@@ -0,0 +1,27 @@
+function includeHTML() {
+ var z, i, elmnt, file, xhttp;
+ /* Loop through a collection of all HTML elements: */
+ z = document.getElementsByTagName("*");
+ for (i = 0; i < z.length; i++) {
+ elmnt = z[i];
+ /*search for elements with a certain atrribute:*/
+ file = elmnt.getAttribute("w3-include-html");
+ if (file) {
+ /* Make an HTTP request using the attribute value as the file name: */
+ xhttp = new XMLHttpRequest();
+ xhttp.onreadystatechange = function() {
+ if (this.readyState == 4) {
+ if (this.status == 200) {elmnt.innerHTML = this.responseText;}
+ if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
+ /* Remove the attribute, and call this function once more: */
+ elmnt.removeAttribute("w3-include-html");
+ includeHTML();
+ }
+ }
+ xhttp.open("GET", file, true);
+ xhttp.send();
+ /* Exit the function: */
+ return;
+ }
+ }
+}
\ No newline at end of file
diff --git a/site/style/background.css b/site/style/background.css
index 2ba1eb1..f445f23 100644
--- a/site/style/background.css
+++ b/site/style/background.css
@@ -1,33 +1,27 @@
+ html {
+ scroll-behavior: smooth;
+ }
+
header{
position: fixed;
margin: 0 auto;
left: 0;
top: 0;
-
- height: calc(var(--boxHeight) * 1.5);
+
width: 100%;
z-index: 2;
+ }
+ .prevHeader{
background-color: var(--headerBoxColor);
overflow: hidden;
}
.postHeader{
- position: fixed;
- margin: 0 auto;
- left: 0;
- top: 0;
- margin-top: calc(var(--boxHeight) * 1.5);
-
- height: calc(var(--boxHeight) * 0.2);
- width: 100%;
- z-index: 2;
-
- border-bottom-right-radius: 1vw;
+ height: calc(var(--boxHeight) * 0.3);
+ background-color: var(--postHeaderBoxColor);
border-bottom-left-radius: 1vw;
-
- background-color: var(--postHeaderBoxColor);
- overflow: hidden;
+ border-bottom-right-radius: 1vw;
}
body{
@@ -36,11 +30,10 @@
.vologdaDescription{
position:relative;
- left: calc(100% - (50% + var(--blockSize)/2));
- margin-top: calc(var(--boxHeight) * 2.2);
+ margin: auto;
+ margin-top: 10%;
width: var(--blockSize);
- height: calc(var(--boxHeight) * 2.8);
text-align: center;
@@ -51,11 +44,11 @@
.vologdaPlace{
position:relative;
- left: calc(100% - (50% + var(--blockSize)/2));
+ margin: auto;
width: var(--blockSize);
margin-top: 6vw;
- height: calc(var(--boxHeight) * 10);
+ height: 25%;
text-align: center;
@@ -66,11 +59,11 @@
.vologdaMap{
position:relative;
- left: calc(100% - (50% + var(--blockSize)/2));
+ margin: auto;
margin-top: var(--vologdaBoxMargin);
width: var(--blockSize);
- height: calc(var(--boxHeight) * 8);
+ height: 30vw;
text-align: center;
@@ -101,8 +94,6 @@
}
.postFooter{
- height: calc(var(--boxHeight) * 1);
-
border-bottom-right-radius: 1vw;
border-bottom-left-radius: 1vw;
background-color: var(--headerBoxColor);
@@ -118,17 +109,8 @@
--bodyBoxColor:rgb(255, 255, 255);
--vologdaBoxMargin: 6vw;
- --blockSize: 40vw;
+ --blockSize: 50vw;
--vologdaBoxColor: rgb(177, 250, 250);
--boxHeight: 3.1vw;
- }
-
- @media screen and (max-width: 980px) {
- :root {
- --vologdaBoxMargin: 12vw;
- --blockSize: 80vw;
-
- --boxHeight: 6.2vw;
- }
}
\ No newline at end of file
diff --git a/site/style/buttonStyle.css b/site/style/buttonStyle.css
index 54a9c10..dadc971 100644
--- a/site/style/buttonStyle.css
+++ b/site/style/buttonStyle.css
@@ -2,9 +2,9 @@
.button-grid {
display: grid;
display: grid;
- grid-template-columns: 2fr 0.1fr 2fr;
- grid-template-rows: calc(11vw * var(--sizeButton)) calc(11vw * var(--sizeButton)) calc(11vw * var(--sizeButton));
- grid-gap: calc(2vw * var(--sizeButton));
+ grid-template-columns: 4fr 4fr 4fr;
+ grid-template-rows: 4fr 4fr;
+ grid-gap: 4fr;
}
.image-button {
@@ -35,10 +35,4 @@
:root {
--sizeButton: 1;
- }
-
- @media screen and (max-width: 980px) {
- :root {
- --sizeButton: 2;
- }
}
\ No newline at end of file
diff --git a/site/style/header.html b/site/style/header.html
new file mode 100644
index 0000000..66d1a54
--- /dev/null
+++ b/site/style/header.html
@@ -0,0 +1,6 @@
+
+