Compare commits
No commits in common. "937d5b796329afb35fdcc320caaad7164ad20571" and "877b0eab988e71052f430d9d37ab1189591e0229" have entirely different histories.
937d5b7963
...
877b0eab98
8 changed files with 145 additions and 144 deletions
1
CNAME
Normal file
1
CNAME
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
mat.uush.cz
|
||||||
BIN
favicon.ico
BIN
favicon.ico
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
BIN
gatos/gatos.zip
Normal file
BIN
gatos/gatos.zip
Normal file
Binary file not shown.
100
index.html
100
index.html
|
|
@ -7,14 +7,15 @@
|
||||||
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: 600%;font-family: xenippa;}
|
h1 {font-size: 300%;font-family: xenippa;}
|
||||||
h2 {font-size: 275%;font-family: xenippa;}
|
h2 {font-size: 275%;font-family: xenippa;}
|
||||||
p {font-size: 150%; font-family: ninifont;}
|
p {font-size: 150%;}
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
@ -26,7 +27,21 @@ img {
|
||||||
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;
|
||||||
|
|
@ -52,51 +67,68 @@ img {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-family: xenippa;
|
font-family: xenippa;
|
||||||
}
|
}
|
||||||
.galimg { object-fit: contain; }
|
.galimg {
|
||||||
#counter {margin: 2%;}
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
#counter {margin-left: 2%; margin-right: 2%;}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body> <center>
|
<body> <center>
|
||||||
|
<div class='container'>
|
||||||
|
<div class='main'>
|
||||||
<div class='box'>
|
<div class='box'>
|
||||||
<h1>Matúš</h1>
|
<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>
|
</div>
|
||||||
|
|
||||||
|
<h2>Projekty</h2>
|
||||||
|
<p>
|
||||||
|
Rekurzivní piškvorky:
|
||||||
|
<a href='p/index.html'>mat.uush.cz/p</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<div class='box'>
|
<h2>Kontakt</h2>
|
||||||
<h2>Citáty</h2>
|
<p>
|
||||||
<p>"Proč jsme takový vemena Matúši?"<br> - Kačka</p>
|
E-mail: <a href='mailto:matus1@pull.cz'>matus1@pull.cz</a><br>
|
||||||
<p>"Nepřišel Mohamed za javascriptem, přišel javascript za Mohamedem."<br> - Kubík</p>
|
Discord: the_matuush<br>
|
||||||
<p>"Chudák Mohamed."<br> - Jirka</p>
|
Github: <a href='https://github.com/matuush'>matuush</a>
|
||||||
<p>"Čau lidi, já jsem křeček."<br> - Topení</p>
|
</p>
|
||||||
<p>"Koč je uložena v moulíc."<br> - Ríša</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br>
|
<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='box'>
|
<div class='right'> <div class='imgcontain'>
|
||||||
<h2>O kom, o čem</h2>
|
<img src='img/puficek.jpg'>
|
||||||
<p>Student MFF UK - Informatiky</p>
|
<p style='margin-top: 0%;'>
|
||||||
<p>Organizátor <a href='https://ksp.mff.cuni.cz'>Korespondenčního Semináře z Programování</a></p>
|
<i>Obrázek 2:</i>
|
||||||
<p>Zaměstnanec v <a href='https://https://www.eli-beams.eu/'>ELI Beamlines</a></p>
|
<a class="xnp">Pufíček</a>
|
||||||
<p>Skautský vedoucí</p>
|
</p>
|
||||||
<p>Člen <a href='https://0d9e.tech'>0d9e</a></p>
|
</div> </div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br>
|
<br> <br>
|
||||||
|
|
||||||
<div class='box'>
|
|
||||||
<h2>Cool projektíky</h2>
|
|
||||||
<p>Rekurzivní piškvorky: <a href='p/index.html'>mat.uush.cz/p</a></p>
|
|
||||||
<p>Logik: <a href='https://gitlab.mff.cuni.cz/pullm/logik'>gitlab.mff.cuni.cz/pullm/logik</a></p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<h2>Umění</h2>
|
<h2>Galerie umění</h2>
|
||||||
<div id="galerie">
|
<div id="galerie">
|
||||||
<div id="gal0" class="gal"><img class="galimg" id="galimg0"></div>
|
<div id="gal0" class="gal"><img class="galimg" id="galimg0"></div>
|
||||||
<div id="gal1" class="gal"><img class="galimg" id="galimg1"></div>
|
<div id="gal1" class="gal"><img class="galimg" id="galimg1"></div>
|
||||||
|
|
@ -105,9 +137,9 @@ img {
|
||||||
<div id="gal4" class="gal"><img class="galimg" id="galimg4"></div>
|
<div id="gal4" class="gal"><img class="galimg" id="galimg4"></div>
|
||||||
<div id="gal5" class="gal"><img class="galimg" id="galimg5"></div>
|
<div id="gal5" class="gal"><img class="galimg" id="galimg5"></div>
|
||||||
</div>
|
</div>
|
||||||
<button class="foot" id="lgal"><p><</p></button>
|
<button class="foot" id="lgal"><p>Předchozí</p></button>
|
||||||
<p class="foot" id="counter"> </p>
|
<p class="foot" id="counter"> </p>
|
||||||
<button class="foot" id="rgal"><p>></p></button>
|
<button class="foot" id="rgal"><p>Další</p></button>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
let index = 0;
|
let index = 0;
|
||||||
|
|
|
||||||
14
p/game.html
14
p/game.html
|
|
@ -1,14 +0,0 @@
|
||||||
<!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>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 9.1 KiB |
35
p/index.html
35
p/index.html
|
|
@ -1,33 +1,14 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<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>
|
<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>
|
</head>
|
||||||
<body> <center>
|
<body>
|
||||||
<h1>Rekurzivní piškvorky</h1>
|
<div id="app"></div>
|
||||||
<h2><a href="game.html">Hra</a></h2>
|
</body>
|
||||||
<h2>Návod</h2>
|
|
||||||
<p>
|
|
||||||
Nejdřív je třeba zadat hloubku rekurze - to znamená kolikrát budou do sebe piškvorky vnořené.
|
|
||||||
</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
Normal file
1
p/vite.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
Loading…
Reference in a new issue