matuush/web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Simplify index

Browse source
This commit is contained in:
Matúš Púll 2025-06-02 20:43:43 +02:00
parent 773bb3099b
commit 900a2104a8
1 changed files with 98 additions and 126 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
index.html
View file

@ -7,13 +7,12 @@
font-family: 'xenippa';
src: URL('img/xenippa.ttf') format('truetype');
}
.xnp {font-family: xenippa;}
@font-face {
font-family: 'ninifont';
src: URL('img/ninifont.otf') format('opentype');
}
h1, h2, a, p {color: black;}
h1 {font-size: 300%;font-family: xenippa;}
h1 {font-size: 600%;font-family: xenippa;}
h2 {font-size: 275%;font-family: xenippa;}
p {font-size: 150%;}
img {
@ -27,21 +26,7 @@ img {
padding: 1%;
background-color: lightgray;
}
.main {grid-area: main;}
.left {grid-area: left;}
.right {grid-area: right;}
.imgcontain {object-fit: contain;}
.quote {font-family: 'ninifont';}
.container {
display: grid;
grid-template-columns: 3fr 2fr 2fr 3fr;
grid-template-rows: auto;
grid-template-areas:
"left main main right"
"left main main right"
". . . .";
justify-items: center;
}
#galerie {
display: grid;
@ -67,64 +52,51 @@ img {
display: inline-block;
font-family: xenippa;
}
.galimg {
object-fit: contain;
}
#counter {margin-left: 2%; margin-right: 2%;}
.galimg { object-fit: contain; }
#counter {margin: 2%;}
</style>
</head>
<body> <center>
<div class='container'>
<div class='main'>
<div class='box'>
<h2>Galerie umění</h2>
<p class='text quote'>
<h1>Matúš</h1>
</div>
<br>
<div class='box'>
<h2>Citáty</h2>
<p style='font-family: ninifont'>
"Proč jsme takový vemena Matúši?"<br> - Kačka
</p>
<p class='text quote'>
<p style='font-family: ninifont'>
"Nepřišel Mohamed za javascriptem, přišel javascript za Mohamedem."<br> - Kubík
</p>
<p class='text quote'>
<p style='font-family: ninifont'>
"Chudák Mohamed."<br> - Jirka
</p>
<p class='text quote'>
<p style='font-family: ninifont'>
"Čau lidi, já jsem křeček."<br> - Topení
</p>
</div>
<h2>Projekty</h2>
<p>
Rekurzivní piškvorky:
<a href='p/index.html'>mat.uush.cz/p</a>
<br>
<div class='box'>
<h2>Cool projektíky</h2>
<p style='font-family: ninifont'>
Rekurzivní piškvorky: <a href='p/index.html'>mat.uush.cz/p</a>
</p>
<p style='font-family: ninifont'>
Logik: <a href='gitlab.mff.cuni.cz/pullm/logik'>gitlab.mff.cuni.cz/pullm/logik</a>
</p>
</div>
<br>
<h2>Kontakt</h2>
<p>matus1 (obmotané a) pull.cz</p>
</div>
<div class='left'> <div class='imgcontain'>
<img src='img/karinka.jpg'>
<p style='margin-top: 0%;'>
<i>Obrázek 1:</i>
<a class="xnp">Karinka</a>
</p>
</div> </div>
<div class='right'> <div class='imgcontain'>
<img src='img/puficek.jpg'>
<p style='margin-top: 0%;'>
<i>Obrázek 2:</i>
<a class="xnp">Pufíček</a>
</p>
</div> </div>
</div>
<br> <br>
<div class="box">
<h2>Galerie umění</h2>
<h2>Umění</h2>
<div id="galerie">
<div id="gal0" class="gal"><img class="galimg" id="galimg0"></div>
<div id="gal1" class="gal"><img class="galimg" id="galimg1"></div>