menší úpravy, setup conf vins

2024-11-09 23:16:51 +01:00
parent a2ea8e37b3
commit c72f6d5f1b
11 changed files with 18 additions and 1896 deletions
--- a/index.html
+++ b/index.html
@@ -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">
--- a/index/games/fractal/index.php
+++ b/index/games/fractal/index.php
@@ -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>
--- a/index/games/fractal/script/starter-template.js
+++ b/index/games/fractal/script/starter-template.js
@@ -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();
 }
--- a/index/games/fractal/script/xaos.js
+++ b/index/games/fractal/script/xaos.js
--- a/index/games/fractal/style.css
+++ b/index/games/fractal/style.css
@@ -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;
  }
 }
--- a/index/games/index.php
+++ b/index/games/index.php
@@ -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>
--- a/index/games/rps/index.html
+++ b/index/games/rps/index.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>
--- a/index/games/rps/script/script.js
+++ b/index/games/rps/script/script.js
@@ -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();
 }
--- a/index/privaci-policy/index.html
+++ b/index/privaci-policy/index.html
@@ -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>
--- a/index/project/index.html
+++ b/index/project/index.html
@@ -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ší
+                Všechny projekty jsou vytvořeny v PHP, HTML, CSS a ztrochou JavaScriptu.</p>
                projekty, které tvořím mimo Akademii.</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>
--- a/index/tools/index.html
+++ b/index/tools/index.html
@@ -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">