changing background, site name, font

This commit is contained in:
Evgeny 2021-10-29 17:33:12 +04:00
parent 8b1674e6b9
commit 5bba82f02a
2 changed files with 16 additions and 14 deletions

View File

@ -13,7 +13,7 @@
</head>
<body>
<nav>
<a href="index.html">Главная</a>
<strong><a href="index.html" class="active">Главная</a></strong>
<a href="contacts.html">Контакты</a>
<a href="soft.html">Софт</a>
<a href="iso.html">Образы</a>
@ -24,9 +24,9 @@
<img src="https://avatars.githubusercontent.com/u/76707795" alt="icon" />
<h1>LameHub</h1>
<h3>
Это обычный сайт на котором собраны образы всех систем (пока только
Windows), весь нужный и крякнутый софт, и другое всякое не нужное говно.
Также, сайт создаётся не мной (Lameni), а вами!
Домик ламенишки, где обитает его шиза и всё такое. Где хранятся его мозги,
файлы, и софтик всякий. Также имеет свой щитпост канала в телеге -
<a href="htttps://t.me/home_coterons">https://t.me/home_coterons</a>
</h3>
</div>
</body>

View File

@ -1,5 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@1,200&family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@1,200&family=Roboto:wght@300&display=swap&family=Comfortaa:wght@700&family=Rubik&display=swap');
body {
margin: 0;
font-family: 'Roboto', sans-serif;
@ -11,10 +10,10 @@ h3,
h4,
h5,
h6 {
font-family: 'Bitter', serif;
text-shadow: 1px 0 1px #000,
0 1px 1px #000,
-1px 0 1px #000,
font-family: 'Comfortaa', cursive;
text-shadow: 1px 0 1px #000,
0 1px 1px #000,
-1px 0 1px #000,
0 -1px 1px #000;
}
@ -30,7 +29,8 @@ img {
nav {
width: 100vw;
align-items: center;
text-align: center;
position: fixed;
background-color: #fefefe;
padding: 2mm;
@ -38,7 +38,6 @@ nav {
nav a {
color: #222222;
transition: 0.5s;
}
@ -48,8 +47,7 @@ nav a:hover {
.landing {
color: #fefefe;
background: linear-gradient(135deg, #ff00ff, #ffff00);
background: linear-gradient(55deg, rgba(136,27,42,1) 21%, rgba(86,11,182,1) 100%);
min-height: 100vh;
display: flex;
@ -63,6 +61,10 @@ nav a:hover {
padding: 1em;
}
.active {
font-size: 1.5em;
}
.landing img {
width: auto;
max-width: 10em;