menší úpravy, setup conf vins
This commit is contained in:
parent
a2ea8e37b3
commit
c72f6d5f1b
@ -38,15 +38,15 @@
|
|||||||
|
|
||||||
<!-- <a href="./index/games/" class="btn">Games</a> -->
|
<!-- <a href="./index/games/" class="btn">Games</a> -->
|
||||||
|
|
||||||
<a href="./index/about/" class="btn">O mně</a>
|
<a href="./index/about/index.html" class="btn">O mně</a>
|
||||||
</nav>
|
</nav>
|
||||||
<nav>
|
<nav>
|
||||||
<a href="index/services/index.php" class="btn">Nabízím tyto služby</a>
|
<a href="index/services/index.php" target="_blank" class="btn">Nabízím tyto služby</a>
|
||||||
</nav>
|
</nav>
|
||||||
<nav>
|
<nav>
|
||||||
<a href="index/repository/index.html" class="btn">Repozitáře</a>
|
<a href="index/repository/index.html" class="btn">Repozitáře</a>
|
||||||
<a href="./index/project/index.html" class="btn">Projekty</a>
|
<a href="./index/project/index.html" class="btn">Projekty</a>
|
||||||
<a href="./index/tools/" class="btn">Nástroje</a>
|
<a href="./index/tools/index.html" class="btn">Nástroje</a>
|
||||||
<!-- <a href="./index/projects/" class="btn">Projects<sup>⨳</sup></a> -->
|
<!-- <a href="./index/projects/" class="btn">Projects<sup>⨳</sup></a> -->
|
||||||
<!-- <a href="./index/webrings/" class="btn">Webrings<sup>⨳</sup></a> -->
|
<!-- <a href="./index/webrings/" class="btn">Webrings<sup>⨳</sup></a> -->
|
||||||
<a href="index/privaci-policy/index.html" class="btn">
|
<a href="index/privaci-policy/index.html" class="btn">
|
||||||
|
|||||||
@ -1,56 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en-US">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
||||||
<title>Fractal</title>
|
|
||||||
<link rel="stylesheet" type="text/css" href="../../../style/style.css" />
|
|
||||||
<link rel="stylesheet" type="text/css" href="./style.css" />
|
|
||||||
<link
|
|
||||||
rel="icon"
|
|
||||||
type="image/x-icon"
|
|
||||||
href="../../../res/site/icons/favicon.ico"
|
|
||||||
/>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<header class="page-header" role="banner">
|
|
||||||
<h1 class="project-name">Fractal</h1>
|
|
||||||
<h2 class="project-tagline">
|
|
||||||
Interactive fractal using
|
|
||||||
<a href="https://github.com/xaos-project/XaoSjs">XaoS.js</a>.
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<a href="../../../" class="btn">Home</a>
|
|
||||||
<a href="../" class="btn">Games</a>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<canvas id="canvas">
|
|
||||||
<p>
|
|
||||||
Your browser doesn't seem to support the <canvas> tag. Try
|
|
||||||
<a href="http://firefox.com">Firefox</a>.
|
|
||||||
</p>
|
|
||||||
</canvas>
|
|
||||||
<div id="controls">
|
|
||||||
<button
|
|
||||||
id="fullScreenButton"
|
|
||||||
class="btn btn-primary"
|
|
||||||
onclick="goFullScreen();"
|
|
||||||
></button>
|
|
||||||
<a href="./" id="resetButton" class="btn btn-danger">Reset</a>
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
id="saveCanvasButton"
|
|
||||||
class="btn btn-primary"
|
|
||||||
download="fractal.png"
|
|
||||||
onclick="saveCanvas()"
|
|
||||||
>Capture</a
|
|
||||||
><br />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script src="./script/xaos.js"></script>
|
|
||||||
<script src="./script/starter-template.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
function saveCanvas() {
|
|
||||||
saveCanvasButton.download = "image.png";
|
|
||||||
saveCanvasButton.href = canvas
|
|
||||||
.toDataURL("image/png")
|
|
||||||
.replace("image/png", "image/octet-stream");
|
|
||||||
}
|
|
||||||
|
|
||||||
function goFullScreen() {
|
|
||||||
if (canvas.requestFullScreen) canvas.requestFullScreen();
|
|
||||||
else if (canvas.webkitRequestFullScreen) canvas.webkitRequestFullScreen();
|
|
||||||
else if (canvas.mozRequestFullScreen) canvas.mozRequestFullScreen();
|
|
||||||
}
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,67 +0,0 @@
|
|||||||
#controls {
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: 2.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#canvas {
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
margin-bottom: 0.5em;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fullScreenButton {
|
|
||||||
position: absolute;
|
|
||||||
height: 100vh;
|
|
||||||
width: 100%;
|
|
||||||
bottom: 3rem;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 600px) {
|
|
||||||
#fullScreenButton {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#saveCanvasButton {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#resetButton {
|
|
||||||
position: absolute;
|
|
||||||
left: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#saveCanvasButton {
|
|
||||||
position: absolute;
|
|
||||||
right: 0.1em;
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
padding-right: 15px;
|
|
||||||
padding-left: 15px;
|
|
||||||
margin-right: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
.container {
|
|
||||||
width: 750px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
.container {
|
|
||||||
width: 970px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.container {
|
|
||||||
width: 1170px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,81 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en-US">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>Games</title>
|
|
||||||
<link rel="stylesheet" href="../../style/style.css" />
|
|
||||||
<link
|
|
||||||
rel="icon"
|
|
||||||
type="image/x-icon"
|
|
||||||
href="../../res/site/icons/favicon.ico"
|
|
||||||
/>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<header class="page-header" role="banner">
|
|
||||||
<h1 class="project-name">Games</h1>
|
|
||||||
<h2 class="project-tagline">
|
|
||||||
Games I programmed or implemented. <br />
|
|
||||||
(Warning: They suck.)
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<a href="../../" class="btn">Home</a>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main id="content" class="main-content" role="main">
|
|
||||||
<section id="rps">
|
|
||||||
<h3>
|
|
||||||
<a href="./rps/">Rock Paper Scissors 🪨📄✂️<sup>⨳</sup></a>
|
|
||||||
</h3>
|
|
||||||
<code>
|
|
||||||
The first game I ever made! I wrote this when I first began learning
|
|
||||||
Javascript, to be specific I wrote the logic during that time. The
|
|
||||||
game was only playable through the terminal, now its fairly portable
|
|
||||||
and can be integrated into anything.
|
|
||||||
</code>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<section id="es">
|
|
||||||
<h3>
|
|
||||||
<a href="./eternal-space/web">Eternal Space<sup>⨳</sup></a>
|
|
||||||
</h3>
|
|
||||||
<code>
|
|
||||||
Currently only playable on a pc, I haven't tried figuring out how to
|
|
||||||
scale down the game lol. I participated in the Opera GX + GameMaker
|
|
||||||
game jam and created this monstrosity. The game jam was alien themed,
|
|
||||||
however I never got that far. Before taking part in this game jam I
|
|
||||||
have never programmed an actual game nor have been in a game jam. I
|
|
||||||
learned how to program in GameMaker Language (basically Javascript)
|
|
||||||
during the event.
|
|
||||||
</code>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<section id="fractal">
|
|
||||||
<h3>
|
|
||||||
<a href="./fractal/">Fractal<sup>⨳</sup></a>
|
|
||||||
</h3>
|
|
||||||
<code>
|
|
||||||
Interactive Javascript real-time fractal renderer using XaoS.js. Works
|
|
||||||
best on a PC.
|
|
||||||
</code>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- <section id="#">
|
|
||||||
<h3><a href="#">title</a></h3>
|
|
||||||
<code>
|
|
||||||
Description
|
|
||||||
</code>
|
|
||||||
</section> -->
|
|
||||||
|
|
||||||
<footer class="site-footer">
|
|
||||||
You have reached the end of the page. (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
|
|
||||||
</footer>
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,51 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en-US">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>Rock Paper Scissors</title>
|
|
||||||
<link rel="stylesheet" href="../../../style/style.css" />
|
|
||||||
<link
|
|
||||||
rel="icon"
|
|
||||||
type="image/x-icon"
|
|
||||||
href="../../../res/site/icons/favicon.ico"
|
|
||||||
/>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<header class="page-header" role="banner">
|
|
||||||
<h1 class="project-name">Rock Paper Scissors</h1>
|
|
||||||
<h2 class="project-tagline">Made using Javascript.</h2>
|
|
||||||
|
|
||||||
<a href="../../../" class="btn">Home</a>
|
|
||||||
<a href="../" class="btn">Games</a>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main id="content" class="main-content" role="main">
|
|
||||||
<section class="game">
|
|
||||||
<div id="gameScore">
|
|
||||||
<p><span id="scorePlayer"></span> <span id="scoreCPU"></span></p>
|
|
||||||
<p><span id="round"></span></p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<script src="./script/script.js"></script>
|
|
||||||
<button class="btn gameButton" onclick="play('rock')">🪨</button>
|
|
||||||
<button class="btn gameButton" onclick="play('paper')">📄</button>
|
|
||||||
<button class="btn gameButton" onclick="play('scissors')">✂️</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="evaluation">
|
|
||||||
<p id="choice">
|
|
||||||
<span id="choicePlayer"></span> <span id="choiceCPU"></span>
|
|
||||||
</p>
|
|
||||||
<p><strong id="gameWinner"> </strong></p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<footer class="site-footer">
|
|
||||||
You have reached the end of the page. (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
|
|
||||||
</footer>
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,93 +0,0 @@
|
|||||||
let userChoice = "";
|
|
||||||
|
|
||||||
const getUserChoice = (userInput) => {
|
|
||||||
userChoice = userInput;
|
|
||||||
};
|
|
||||||
|
|
||||||
function getComputerChoice() {
|
|
||||||
let cpuChoice = Math.floor(Math.random() * 3);
|
|
||||||
if (cpuChoice === 0) {
|
|
||||||
return "rock";
|
|
||||||
} else if (cpuChoice === 1) {
|
|
||||||
return "paper";
|
|
||||||
} else if (cpuChoice === 2) {
|
|
||||||
return "scissors";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function determineWinner(userChoice, computerChoice) {
|
|
||||||
if (userChoice === computerChoice) {
|
|
||||||
return "Tie";
|
|
||||||
}
|
|
||||||
if (userChoice === "rock") {
|
|
||||||
if (computerChoice === "paper") {
|
|
||||||
return "Computer";
|
|
||||||
} else {
|
|
||||||
return "Player";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (userChoice === "paper") {
|
|
||||||
if (computerChoice === "scissors") {
|
|
||||||
return "Computer";
|
|
||||||
} else {
|
|
||||||
return "Player";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (userChoice === "scissors") {
|
|
||||||
if (computerChoice === "rock") {
|
|
||||||
return "Computer";
|
|
||||||
} else {
|
|
||||||
return "Player";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const score = {
|
|
||||||
player: 0,
|
|
||||||
cpu: 0,
|
|
||||||
ties: 0,
|
|
||||||
rounds: 0,
|
|
||||||
};
|
|
||||||
|
|
||||||
function playGame() {
|
|
||||||
var computerChoice = getComputerChoice();
|
|
||||||
const winner = determineWinner(userChoice, computerChoice);
|
|
||||||
|
|
||||||
score.rounds++;
|
|
||||||
switch (winner) {
|
|
||||||
case "Player":
|
|
||||||
score.player++;
|
|
||||||
break;
|
|
||||||
case "Computer":
|
|
||||||
score.cpu++;
|
|
||||||
break;
|
|
||||||
case "Tie":
|
|
||||||
score.ties++;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log("\nPlayer: " + userChoice);
|
|
||||||
console.log("CPU: " + computerChoice);
|
|
||||||
if (winner != "Tie") {
|
|
||||||
console.log("Winner: " + winner);
|
|
||||||
} else {
|
|
||||||
console.log("Tie game!");
|
|
||||||
}
|
|
||||||
console.log(score);
|
|
||||||
|
|
||||||
scorePlayer.textContent = `Player wins: ${score.player}` + " ";
|
|
||||||
scoreCPU.textContent = `Computer wins: ${score.cpu}`;
|
|
||||||
round.textContent = `Round ${score.rounds}`;
|
|
||||||
choicePlayer.textContent = `You: ${userChoice}`;
|
|
||||||
choiceCPU.textContent = `CPU: ${computerChoice}`;
|
|
||||||
if (winner != "Tie") {
|
|
||||||
gameWinner.textContent = "Winner: " + winner;
|
|
||||||
} else {
|
|
||||||
gameWinner.textContent = "Tie game!";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function play(input) {
|
|
||||||
getUserChoice(input);
|
|
||||||
playGame();
|
|
||||||
}
|
|
||||||
@ -169,9 +169,10 @@
|
|||||||
Tyto Zásady ochrany osobních údajů nabývají účinnosti 28.4.2022
|
Tyto Zásady ochrany osobních údajů nabývají účinnosti 28.4.2022
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<footer class="site-footer">
|
|
||||||
Copyright © Lukáš Kaňka 2024
|
|
||||||
</footer>
|
|
||||||
</main>
|
</main>
|
||||||
|
<footer>
|
||||||
|
Copyright © Lukáš Kaňka 2024
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -12,7 +12,7 @@
|
|||||||
type="image/x-icon"
|
type="image/x-icon"
|
||||||
href="../../res/site/icons/favicon.ico"
|
href="../../res/site/icons/favicon.ico"
|
||||||
/>
|
/>
|
||||||
<link rel="shortcut icon" href="../../img/logo_arch_linux_167.png" />
|
<link rel="shortcut icon" href="../../img/tux.png" />
|
||||||
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
|
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
|
||||||
<script
|
<script
|
||||||
id="MathJax-script"
|
id="MathJax-script"
|
||||||
@ -28,7 +28,7 @@
|
|||||||
Zde najdeš odkazy na mé projekty.
|
Zde najdeš odkazy na mé projekty.
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<a href="../../" class="btn">Home</a>
|
<a href="../../index.html" class="btn">Domů</a>
|
||||||
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
@ -41,21 +41,17 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="content-pr">
|
<div class="content-pr">
|
||||||
<h2>
|
<h2>
|
||||||
Vítám tě na této stránce, která slouží jako mapa pro mé projekty.
|
Vítám tě na této stránce, která slouží jako mapa pro mé projekty.
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
Zde najtete projekty věnující se k tvorbě webu a hlavně mou cestu Akademií Engeto.
|
Zde najtete projekty věnující se k tvorbě webu.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Všechny projekty jsou vytvořeny v HTML, CSS a strochou JavaScriptu. Ale určitě jsem přidám i další
|
Všechny projekty jsou vytvořeny v PHP, HTML, CSS a ztrochou JavaScriptu.</p>
|
||||||
projekty, které tvořím mimo Akademii.</p>
|
|
||||||
<p>
|
<p>
|
||||||
Projekty které se netýkají tworby webu, najdete na mém GitHubu přes tento odkaz na <a
|
Projekty které se netýkají tworby webu, najdete na mém Git účtu na platformě <a
|
||||||
href="https://git.arch-linux.cz/kankys">Gitea</a>.
|
href="https://git.arch-linux.cz/kankys">Gitea</a>.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
@ -82,10 +78,13 @@
|
|||||||
</p>
|
</p>
|
||||||
<p>Projekt EndeavourOS CZ najdete <a target="_blank" href="https://endeavouros.cz/">zde.</a></p>
|
<p>Projekt EndeavourOS CZ najdete <a target="_blank" href="https://endeavouros.cz/">zde.</a></p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="pr3">
|
<div class="pr3">
|
||||||
<h2>Projekt 3: Blog Lukan</h2>
|
<h2>Projekt 3: Blog Lukan</h2>
|
||||||
|
<p>Můj blog který mám od roku 2012.</p>
|
||||||
|
<p>Blog je na platformě Wordpress a zaměřuje se na IT a převážně Linux.</p>
|
||||||
|
<p>Blog najdete <a href="https://lukan.cz/" target="_blank"> na této adrese</a>.</p>
|
||||||
|
|
||||||
</div> -->
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -28,7 +28,7 @@
|
|||||||
Seznam nástrojů se kterými nejvíce pracuji.
|
Seznam nástrojů se kterými nejvíce pracuji.
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<a href="../../" class="btn">Domů</a>
|
<a href="../../index.html" class="btn">Domů</a>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main id="content" class="main-content" role="main">
|
<main id="content" class="main-content" role="main">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user