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

style + bg + color

Browse Source
This commit is contained in:
Frog-Lover-Antony
2023-10-31 21:03:40 +03:00
parent 9b1ab813a9
commit d62c6d98e6
8 changed files with 1290 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
site/index.html
View File

@@ -8,9 +8,9 @@
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Site</title> <title>Вологда путешествия</title>
<!-- HTML loader script --> <!--HTML loader script-->
<script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script> <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
<!--VOLOGDA MAPS--> <!--VOLOGDA MAPS-->
<script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Abac1416c747a6867070208e3a71fefae060843d99a9cd9f4c84fc00cb6aba4f0&amp;id=AttractionsMap&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script> <script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Abac1416c747a6867070208e3a71fefae060843d99a9cd9f4c84fc00cb6aba4f0&amp;id=AttractionsMap&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
@@ -18,7 +18,7 @@
</head> </head>
<body> <body>
<!-- SNOWFLAKES --> <!--SNOWFLAKES-->
<div w3-include-html="/style/snowflakes.html"></div> <div w3-include-html="/style/snowflakes.html"></div>
<!--HEADER --> <!--HEADER -->
@@ -36,7 +36,6 @@
<div w3-include-html="/pages/attractions.html"></div> <div w3-include-html="/pages/attractions.html"></div>
<!--RESTAURANTS--> <!--RESTAURANTS-->

25
site/style/background.css
View File

@@ -17,6 +17,7 @@
body{ body{
background-color: var(--bodyBoxColor); background-color: var(--bodyBoxColor);
background-image: url('/style/background.png');
} }
.vologdaDescription{ .vologdaDescription{
@@ -94,14 +95,30 @@
} }
:root { :root {
--headerBoxColor:rgb(177, 250, 250); /* --headerBoxColor:rgb(177, 250, 250); */
--postHeaderBoxColor:rgb(175, 238, 238); --headerBoxColor:rgb(227, 38, 54);
/* --postHeaderBoxColor:rgb(175, 238, 238); */
--postHeaderBoxColor:rgb(173, 32, 43);
/* 89, 152, 197 */
/* --bodyBoxColor:rgb(255, 255, 255); */
/* --bodyBoxColor:rgb(39, 38, 53); */
/* --bodyBoxColor:rgb(78, 89, 140); */
/* --bodyBoxColor:rgb(10, 9, 3); */
--bodyBoxColor:rgb(89, 152, 197);
--bodyBoxColor:rgb(255, 255, 255);
--vologdaBoxMargin: 6vw; --vologdaBoxMargin: 6vw;
--blockSize: 50vw; --blockSize: 50vw;
--vologdaBoxColor: rgb(177, 250, 250);
/* --vologdaBoxColor: rgb(177, 250, 250); */
--vologdaBoxColor: rgb(227, 38, 54);
--boxHeight: 3.1vw; --boxHeight: 3.1vw;
} }

BIN
site/style/background.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
site/style/fonts/Tsarevich-Regular.eot Normal file
View File

Binary file not shown.

1240
site/style/fonts/Tsarevich-Regular.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB

BIN
site/style/fonts/Tsarevich-Regular.ttf Normal file
View File

Binary file not shown.

BIN
site/style/fonts/Tsarevich-Regular.woff Normal file
View File

Binary file not shown.

31
site/style/textFont.css
View File

@@ -1,3 +1,4 @@
/* Beryozki */
@font-face { @font-face {
font-family: 'Beryozki'; font-family: 'Beryozki';
src: url('/style/fonts/Beryozki.eot') format('embedded-opentype'); src: url('/style/fonts/Beryozki.eot') format('embedded-opentype');
@@ -12,22 +13,42 @@
url('/style/fonts/Beryozki.svg#Beryozki') format('svg'); url('/style/fonts/Beryozki.svg#Beryozki') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
/* Tsarevich */
@font-face {
font-family: 'Tsarevich-Regular';
src: url('/style/fonts/Tsarevich-Regular.eot') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Tsarevich-Regular';
src: url('/style/fonts/Tsarevich-Regular.woff') format('woff'),
url('/style/fonts/Tsarevich-Regular.ttf') format('truetype'),
url('/style/fonts/Tsarevich-Regular.svg#Tsarevich-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
.normalText { .normalText {
font-size: var(--textSize); font-size: var(--textSize);
font-family: 'Sometype Mono', monospace; font-family: 'Sometype Mono', monospace;
color: rgb(0, 0, 0); /* color: rgb(0, 0, 0); */
color: rgb(255, 255, 255);
} }
.titleText { .titleText {
font-size: calc(var(--textSize) + (var(--textSize) * 0.3)); font-size: calc(var(--textSize) + (var(--textSize) * 1.6));
font-family: 'Sometype Mono', monospace; /* font-family: 'Sometype Mono', monospace; */
font-family: 'Tsarevich-Regular';
text-align: left; text-align: left;
margin-left: 3vw; margin-left: 3vw;
color: rgb(0, 0, 0); color: rgb(255, 255, 255);
} }
.miniText { .miniText {