This commit is contained in:
Matuush 2024-03-06 18:50:05 +01:00
parent 79c9e2d78f
commit 3040d9663b

View file

@ -11,18 +11,22 @@
font-family: 'ninifont'; font-family: 'ninifont';
src: URL('img/ninifont.otf') format('opentype'); src: URL('img/ninifont.otf') format('opentype');
} }
.title { h1 {
color: black; color: black;
font-size: 300%; font-size: 300%;
} }
.subtitle { h2 {
color: black; color: black;
font-size: 275%; font-size: 275%;
} }
.text { a, p {
color: black; color: black;
font-size: 150%; font-size: 150%;
} }
img {
width: 100%;
height: 100%;
}
.quote { .quote {
font-family: 'ninifont'; font-family: 'ninifont';
} }
@ -30,10 +34,6 @@
.left {grid-area: left;} .left {grid-area: left;}
.right {grid-area: right;} .right {grid-area: right;}
.down {grid-area: down;} .down {grid-area: down;}
img {
width: 100%;
height: 100%;
}
.imgcontain {object-fit: contain;} .imgcontain {object-fit: contain;}
.container { .container {
display: grid; display: grid;
@ -51,30 +51,30 @@ img {
<body> <center> <body> <center>
<div class='container'> <div class='container'>
<div class='main'> <div class='main'>
<h1 class='title'>Tohle je přepadení</h1> <h1>Tohle je přepadení</h1>
<div id='quotes'> </div> <div id='quotes'> </div>
</div> </div>
<div class='left'> <div class='imgcontain'> <div class='left'> <div class='imgcontain'>
<img src='img/karinka.jpg'> <img src='img/karinka.jpg'>
<a class='text'><i>Obrázek 1:</i></a> <a><i>Obrázek 1:</i></a>
<a class='text', style="font-family: xenippa">Karinka</a> <a style="font-family: xenippa">Karinka</a>
</div> </div> </div> </div>
<div class='right'> <div class='imgcontain'> <div class='right'> <div class='imgcontain'>
<img src='img/puficek.jpg'> <img src='img/puficek.jpg'>
<a class='text'><i>Obrázek 2:</i></a> <a><i>Obrázek 2:</i></a>
<a class='text', style="font-family: xenippa">Pufíček</a> <a style="font-family: xenippa">Pufíček</a>
</div> </div> </div> </div>
<div class='down'> <div class='down'>
<h2 class='subtitle'>Projekty</h2> <h2>Projekty</h2>
<p class='text'> <p>
Rekurzivní piškvorky: <a href='p/index.html'>mat.uuush.eu/p</a><br> Rekurzivní piškvorky: <a href='p/index.html'>mat.uuush.eu/p</a><br>
</p> </p>
<h2 class='subtitle'>Kontakt</h2> <h2>Kontakt</h2>
<p class='text'> <p>
E-mail: matus1@pull.cz<br> E-mail: matus1@pull.cz<br>
Discord: the_matuush<br> Discord: the_matuush<br>
</p> </p>