kankys/NewLukasBlog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

menší úpravy, setup conf vins

Browse Source
This commit is contained in:
kankys
2024-11-09 23:16:51 +01:00
parent a2ea8e37b3
commit c72f6d5f1b
11 changed files with 18 additions and 1896 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -38,15 +38,15 @@
<!-- <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>
<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>
<a href="index/repository/index.html" class="btn">Repozitáře</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/webrings/" class="btn">Webrings<sup>⨳</sup></a> -->
<a href="index/privaci-policy/index.html" class="btn">

56
index/games/fractal/index.php
View File

@@ -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 &lt;canvas&gt; 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>

12
index/games/fractal/script/starter-template.js
View File

@@ -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();
}

1518
index/games/fractal/script/xaos.js
View File

File diff suppressed because it is too large Load Diff

67
index/games/fractal/style.css
View File

@@ -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;
}
}

81
index/games/index.php
View File

@@ -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>

51
index/games/rps/index.html
View File

@@ -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>

93
index/games/rps/script/script.js
View File

@@ -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();
}

7
index/privaci-policy/index.html
View File

@@ -169,9 +169,10 @@
Tyto Zásady ochrany osobních údajů nabývají účinnosti 28.4.2022
</p>
<footer class="site-footer">
Copyright &copy; Lukáš Kaňka 2024
</footer>
</main>
<footer>
Copyright &copy; Lukáš Kaňka 2024
</footer>
</body>
</html>

21
index/project/index.html
View File

@@ -12,7 +12,7 @@
type="image/x-icon"
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
id="MathJax-script"
@@ -28,7 +28,7 @@
Zde najdeš odkazy na mé projekty.
</h2>
<a href="../../" class="btn">Home</a>
<a href="../../index.html" class="btn">Domů</a>
</header>
@@ -41,21 +41,17 @@
</div>
-->
<div class="content-pr">
<h2>
Vítám tě na této stránce, která slouží jako mapa pro mé projekty.
</h2>
<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>
Všechny projekty jsou vytvořeny v HTML, CSS a strochou JavaScriptu. Ale určitě jsem přidám i další
projekty, které tvořím mimo Akademii.</p>
Všechny projekty jsou vytvořeny v PHP, HTML, CSS a ztrochou JavaScriptu.</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>.
</p>
<p>
@@ -82,10 +78,13 @@
</p>
<p>Projekt EndeavourOS CZ najdete <a target="_blank" href="https://endeavouros.cz/">zde.</a></p>
</div>
<!-- <div class="pr3">
<div class="pr3">
<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>

2
index/tools/index.html
View File

@@ -28,7 +28,7 @@
Seznam nástrojů se kterými nejvíce pracuji.
</h2>
<a href="../../" class="btn">Domů</a>
<a href="../../index.html" class="btn">Domů</a>
</header>
<main id="content" class="main-content" role="main">