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> </head>
<body> <body>
<nav> <nav>
<a href="index.html">Главная</a> <strong><a href="index.html" class="active">Главная</a></strong>
<a href="contacts.html">Контакты</a> <a href="contacts.html">Контакты</a>
<a href="soft.html">Софт</a> <a href="soft.html">Софт</a>
<a href="iso.html">Образы</a> <a href="iso.html">Образы</a>
@ -24,9 +24,9 @@
<img src="https://avatars.githubusercontent.com/u/76707795" alt="icon" /> <img src="https://avatars.githubusercontent.com/u/76707795" alt="icon" />
<h1>LameHub</h1> <h1>LameHub</h1>
<h3> <h3>
Это обычный сайт на котором собраны образы всех систем (пока только Домик ламенишки, где обитает его шиза и всё такое. Где хранятся его мозги,
Windows), весь нужный и крякнутый софт, и другое всякое не нужное говно. файлы, и софтик всякий. Также имеет свой щитпост канала в телеге -
Также, сайт создаётся не мной (Lameni), а вами! <a href="htttps://t.me/home_coterons">https://t.me/home_coterons</a>
</h3> </h3>
</div> </div>
</body> </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 { body {
margin: 0; margin: 0;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
@ -11,10 +10,10 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: 'Bitter', serif; font-family: 'Comfortaa', cursive;
text-shadow: 1px 0 1px #000, text-shadow: 1px 0 1px #000,
0 1px 1px #000, 0 1px 1px #000,
-1px 0 1px #000, -1px 0 1px #000,
0 -1px 1px #000; 0 -1px 1px #000;
} }
@ -30,7 +29,8 @@ img {
nav { nav {
width: 100vw; width: 100vw;
align-items: center;
text-align: center;
position: fixed; position: fixed;
background-color: #fefefe; background-color: #fefefe;
padding: 2mm; padding: 2mm;
@ -38,7 +38,6 @@ nav {
nav a { nav a {
color: #222222; color: #222222;
transition: 0.5s; transition: 0.5s;
} }
@ -48,8 +47,7 @@ nav a:hover {
.landing { .landing {
color: #fefefe; 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; min-height: 100vh;
display: flex; display: flex;
@ -63,6 +61,10 @@ nav a:hover {
padding: 1em; padding: 1em;
} }
.active {
font-size: 1.5em;
}
.landing img { .landing img {
width: auto; width: auto;
max-width: 10em; max-width: 10em;