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

Compare commits

base: matuush:877b0eab988e71052f430d9d37ab1189591e0229
Branches Tags
matuush:master
...
compare: matuush:937d5b796329afb35fdcc320caaad7164ad20571
Branches Tags
matuush:master

10 commits
877b0eab98 ... 937d5b7963

Author SHA1 Message Date
Matuush
937d5b7963 Add favicon 2025-06-12 09:32:04 +02:00
Matuush
43172c1879 Add About me section 2025-06-12 09:31:52 +02:00
Matuush
111188ebcf Corrections of p tutorial 2025-06-09 22:47:24 +02:00
Matuush
c212c8482a Ríšův citát 2025-06-09 22:46:42 +02:00
Matuush
fae4b1a312 Added p homepage and tutorial 2025-06-02 20:44:17 +02:00
Matuush
900a2104a8 Simplify index 2025-06-02 20:43:43 +02:00
Matuush
773bb3099b ODstranění haluz zipu 2025-05-14 18:23:22 +00:00
Matuush
8bbde760c6 Odstranění kontaktů až na mail 2025-05-14 18:21:06 +00:00
Matuush
5dfcdbc3f1 Init sifrovacky 2025-05-06 17:33:44 +00:00
Matuush
25c44772a2 Remvoe CNAME needed for GitHub 2025-05-06 17:30:32 +00:00
8 changed files with 144 additions and 145 deletions
Show stats Expand all files Collapse all files

1
CNAME
View file

@ -1 +0,0 @@
mat.uush.cz

BIN
favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
gatos/gatos.zip
View file

Binary file not shown.

230
index.html
View file

@ -1,55 +1,40 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title> Deez nuts </title> <title> Deez nuts </title>
<style> <style>
@font-face { @font-face {
font-family: 'xenippa'; font-family: 'xenippa';
src: URL('img/xenippa.ttf') format('truetype'); src: URL('img/xenippa.ttf') format('truetype');
} }
.xnp {font-family: xenippa;}
@font-face { @font-face {
font-family: 'ninifont'; font-family: 'ninifont';
src: URL('img/ninifont.otf') format('opentype'); src: URL('img/ninifont.otf') format('opentype');
} }
h1, h2, a, p {color: black;} 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;} h2 {font-size: 275%;font-family: xenippa;}
p {font-size: 150%;} p {font-size: 150%; font-family: ninifont;}
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.box { .box {
border-radius: 1%; border-radius: 1%;
margin-left: 5%; margin-left: 5%;
margin-right: 5%; margin-right: 5%;
padding: 1%; padding: 1%;
background-color: lightgray; background-color: lightgray;
} }
.main {grid-area: main;}
.left {grid-area: left;}
.right {grid-area: right;}
.imgcontain {object-fit: contain;} .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 { #galerie {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: grid-template-areas:
"aa ab ac" "aa ab ac"
"ba bb bc"; "ba bb bc";
justify-items: center; justify-items: center;
} }
#gal0 {grid-area: aa;} #gal0 {grid-area: aa;}
#gal1 {grid-area: ab;} #gal1 {grid-area: ab;}
@ -58,113 +43,96 @@ img {
#gal4 {grid-area: bb;} #gal4 {grid-area: bb;}
#gal5 {grid-area: bc;} #gal5 {grid-area: bc;}
.gal { .gal {
margin: 2.5%; margin: 2.5%;
object-fit: contain; object-fit: contain;
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
padding-bottom: 0%; padding-bottom: 0%;
} }
.foot { .foot {
display: inline-block; display: inline-block;
font-family: xenippa; font-family: xenippa;
} }
.galimg { .galimg { object-fit: contain; }
object-fit: contain; #counter {margin: 2%;}
}
#counter {margin-left: 2%; margin-right: 2%;}
</style> </style>
</head> </head>
<body> <center> <body> <center>
<div class='container'> <div class='box'>
<div class='main'> <h1>Matúš</h1>
<div class='box'> </div>
<h2>Galerie umění</h2>
<p class='text quote'>
"Proč jsme takový vemena Matúši?"<br> - Kačka
</p>
<p class='text quote'>
"Nepřišel Mohamed za javascriptem, přišel javascript za Mohamedem."<br> - Kubík
</p>
<p class='text quote'>
"Chudák Mohamed."<br> - Jirka
</p>
<p class='text quote'>
"Čau lidi, já jsem křeček."<br> - Topení
</p>
</div>
<h2>Projekty</h2> <br>
<p>
Rekurzivní piškvorky:
<a href='p/index.html'>mat.uush.cz/p</a>
</p>
<br> <div class='box'>
<h2>Citáty</h2>
<p>"Proč jsme takový vemena Matúši?"<br> - Kačka</p>
<p>"Nepřišel Mohamed za javascriptem, přišel javascript za Mohamedem."<br> - Kubík</p>
<p>"Chudák Mohamed."<br> - Jirka</p>
<p>"Čau lidi, já jsem křeček."<br> - Topení</p>
<p>"Koč je uložena v moulíc."<br> - Ríša</p>
</div>
<h2>Kontakt</h2> <br>
<p>
E-mail: <a href='mailto:matus1@pull.cz'>matus1@pull.cz</a><br>
Discord: the_matuush<br>
Github: <a href='https://github.com/matuush'>matuush</a>
</p>
</div>
<div class='left'> <div class='imgcontain'> <div class='box'>
<img src='img/karinka.jpg'> <h2>O kom, o čem</h2>
<p style='margin-top: 0%;'> <p>Student MFF UK - Informatiky</p>
<i>Obrázek 1:</i> <p>Organizátor <a href='https://ksp.mff.cuni.cz'>Korespondenčního Semináře z Programování</a></p>
<a class="xnp">Karinka</a> <p>Zaměstnanec v <a href='https://https://www.eli-beams.eu/'>ELI Beamlines</a></p>
</p> <p>Skautský vedoucí</p>
</div> </div> <p>Člen <a href='https://0d9e.tech'>0d9e</a></p>
</div>
<div class='right'> <div class='imgcontain'> <br>
<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'>
<div class="box"> <h2>Cool projektíky</h2>
<h2>Galerie umění</h2> <p>Rekurzivní piškvorky: <a href='p/index.html'>mat.uush.cz/p</a></p>
<div id="galerie"> <p>Logik: <a href='https://gitlab.mff.cuni.cz/pullm/logik'>gitlab.mff.cuni.cz/pullm/logik</a></p>
<div id="gal0" class="gal"><img class="galimg" id="galimg0"></div> </div>
<div id="gal1" class="gal"><img class="galimg" id="galimg1"></div>
<div id="gal2" class="gal"><img class="galimg" id="galimg2"></div> <br>
<div id="gal3" class="gal"><img class="galimg" id="galimg3"></div>
<div id="gal4" class="gal"><img class="galimg" id="galimg4"></div> <div class="box">
<div id="gal5" class="gal"><img class="galimg" id="galimg5"></div> <h2>Umění</h2>
</div> <div id="galerie">
<button class="foot" id="lgal"><p>Předchozí</p></button> <div id="gal0" class="gal"><img class="galimg" id="galimg0"></div>
<p class="foot" id="counter"> </p> <div id="gal1" class="gal"><img class="galimg" id="galimg1"></div>
<button class="foot" id="rgal"><p>Další</p></button> <div id="gal2" class="gal"><img class="galimg" id="galimg2"></div>
</div> <div id="gal3" class="gal"><img class="galimg" id="galimg3"></div>
<script> <div id="gal4" class="gal"><img class="galimg" id="galimg4"></div>
let index = 0; <div id="gal5" class="gal"><img class="galimg" id="galimg5"></div>
let imgpaths = ["cabelist.jpg", "computerist.jpg", "culturist.jpg", "drivist.jpg", "forkliftist.jpg", "hamerist.webp", "listenist.jpg", "assist.jpg", "readist.jpg", "readist2.jpg", "pottist.jpg", "ew.jpg", "waterist.jpg", "the_fight.jpg", "tankist.png", "lingebra.jpg", "i_was_put.jpg", "man.jpg", "real.jpg", "freebird.jpg", "Bez_nadeje.png", "amogusepic.jpg", "gchdeez.png", "lays.png", "pie.png", "godot.jpg", "amogus-real.jpg", "big-chungus.png"]; </div>
let count = imgpaths.length; <button class="foot" id="lgal"><p><</p></button>
let max = Math.floor(count/6); <p class="foot" id="counter"> </p>
let update = () => { <button class="foot" id="rgal"><p>></p></button>
for(let i = 0; i < 6; i++) { </div>
let src = "gandalf.jpg"; <script>
if(i + index*6 < count) src = imgpaths[6*index + i]; let index = 0;
document.getElementById("galimg"+i).src = "img/umeni/"+src; let imgpaths = ["cabelist.jpg", "computerist.jpg", "culturist.jpg", "drivist.jpg", "forkliftist.jpg", "hamerist.webp", "listenist.jpg", "assist.jpg", "readist.jpg", "readist2.jpg", "pottist.jpg", "ew.jpg", "waterist.jpg", "the_fight.jpg", "tankist.png", "lingebra.jpg", "i_was_put.jpg", "man.jpg", "real.jpg", "freebird.jpg", "Bez_nadeje.png", "amogusepic.jpg", "gchdeez.png", "lays.png", "pie.png", "godot.jpg", "amogus-real.jpg", "big-chungus.png"];
} let count = imgpaths.length;
document.getElementById("counter").innerHTML = index + ' / ' + max; let max = Math.floor(count/6);
} let update = () => {
document.getElementById("lgal").onclick = () => { for(let i = 0; i < 6; i++) {
if(index <= 0 ) index = max; let src = "gandalf.jpg";
else index--; if(i + index*6 < count) src = imgpaths[6*index + i];
update(); document.getElementById("galimg"+i).src = "img/umeni/"+src;
} }
document.getElementById("rgal").onclick = () => { document.getElementById("counter").innerHTML = index + ' / ' + max;
if(index >= max) index = 0; }
else index++; document.getElementById("lgal").onclick = () => {
update(); if(index <= 0 ) index = max;
} else index--;
update(); update();
</script> }
document.getElementById("rgal").onclick = () => {
if(index >= max) index = 0;
else index++;
update();
}
update();
</script>
</center> </body> </center> </body>
</html> </html>

14
p/game.html Normal file
View file

@ -0,0 +1,14 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="assets/pisiskvory-xNDUTFas.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Rekurzivní piškvorky</title>
<script type="module" crossorigin src="assets/index-ZSL_3EB3.js"></script>
<link rel="stylesheet" crossorigin href="assets/index-zw4yGBaN.css">
</head>
<body>
<div id="app"></div>
</body>
</html>

BIN
p/img/pisiskvory-ilustrace1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.1 KiB

43
p/index.html
View file

@ -1,14 +1,33 @@
<!doctype html> <!doctype html>
<html lang="en"> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="assets/pisiskvory-xNDUTFas.png" /> <title>Rekurzivní piškvorky</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> </head>
<title>Rekurzivní piškvorky</title> <body> <center>
<script type="module" crossorigin src="assets/index-ZSL_3EB3.js"></script> <h1>Rekurzivní piškvorky</h1>
<link rel="stylesheet" crossorigin href="assets/index-zw4yGBaN.css"> <h2><a href="game.html">Hra</a></h2>
</head> <h2>Návod</h2>
<body> <p>
<div id="app"></div> Nejdřív je třeba zadat hloubku rekurze - to znamená kolikrát budou do sebe piškvorky vnořené.
</body> </p>
<p>
Hra potom spočívá v opakovaném pokládání svého symbolu (X/O) do určeného území.
Souřadnice položeného symbolu na jedné úrovni v rámci 3x3 pole určují souřadnice určeného území protihráče <b>o vrstvu výš</b>.
</p>
<img src="img/pisiskvory-ilustrace1.png" style="width: 50%">
<p>
Na obrázku výše hrál první hráč kolečko do <i>pravého prostředního</i> políčka v rámci levého dolního hracího pole, tedy křížek musí hrát na <i>pravé prostřední</i> <b>hrací pole</b>.
</p>
<p>
Toto se aplikuje pro každou vrstvu, až na tu nejvyšší, která už nemá, kam se promítnout. Dá se na to nahlédnout také tak, že se pole v největším hracím poli roztáhne na celou hrací plochu, čímž určí, kam má hrát protihráč.
</p>
<p>
Hráč, který vyhraje v poli na nějaké úrovni, celé toto pole obsadí svým symbolem.
Cílem hry je obsadit celou hrací plochu.
</p>
<p>
Pokud je určené pole, kam má hráč hrát, již obsazené, vezme se pole o úroveň výš - má volbu na větším poli.
</p>
</center> </body>
</html> </html>

1
p/vite.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB