Dark/light mode + button ,prvni text
This commit is contained in:
105
index.html
105
index.html
@ -1,52 +1,71 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="cs">
|
||||
<!-- Lukáš Kaňka -->
|
||||
<!-- lukas.kanka@outlook.cz -->
|
||||
<!-- Discord: Lukáš K. -->
|
||||
<!-- Lukáš Kaňka -->
|
||||
<!-- lukas.kanka@outlook.cz -->
|
||||
<!-- Discord: Lukáš K. -->
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
|
||||
<script src="https://kit.fontawesome.com/0a43c6cd1f.js" crossorigin="anonymous"></script>
|
||||
<title>Project 2</title>
|
||||
</head>
|
||||
<script
|
||||
src="https://kit.fontawesome.com/0a43c6cd1f.js"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<title>Project 2</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<!-- Terminal - logo (Terminal) -->
|
||||
<div class="logo">
|
||||
<img class="picture" src="img/terminal.png" alt="" />
|
||||
<h1 class="title">Terminal</h1>
|
||||
</div>
|
||||
<body>
|
||||
<header>
|
||||
<!-- Terminal - logo (Terminal) -->
|
||||
<div class="logo">
|
||||
<img class="picture" src="img/terminal.png" alt="" />
|
||||
<h1 class="title">Terminal</h1>
|
||||
</div>
|
||||
|
||||
<!-- Terminal - navigation -->
|
||||
<nav class="navigation">
|
||||
<ul>
|
||||
<li><a class="link" href="">Domů</a></li>
|
||||
<li><a class="link1" href="">O nás</a></li>
|
||||
<li><a class="link2" href="">Kontakt</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- Terminal - navigation -->
|
||||
<nav class="navigation">
|
||||
<ul>
|
||||
<li><a class="link" href="">Domů</a></li>
|
||||
<li><a class="link1" href="">O nás</a></li>
|
||||
<li><a class="link2" href="">Kontakt</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="menu-icon">
|
||||
<!-- Ikona hamburger -->
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<!-- Ikona cross -->
|
||||
<!-- <i class="fa-solid fa-xmark"></i> -->
|
||||
</div>
|
||||
</header>
|
||||
<hr>
|
||||
<!-- Sekce 1 -->
|
||||
<section class="section1">
|
||||
<section class="welcome">
|
||||
<h3>Vítám tě na Terminalu, webu věnovanému Terminalům a aplikacim v Terminalu. </h3>
|
||||
<div class="menu-icon">
|
||||
<!-- Ikona hamburger -->
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<!-- Ikona cross -->
|
||||
<!-- <i class="fa-solid fa-xmark"></i> -->
|
||||
</div>
|
||||
</header>
|
||||
<hr />
|
||||
<button id="toggleButton">Dark/Light mode</button>
|
||||
|
||||
<!-- Sekce 1 -->
|
||||
<section class="section1">
|
||||
<section class="welcome">
|
||||
<h3>
|
||||
Vítám tě na Terminalu, webu věnovanému Terminalům a aplikacim v
|
||||
Terminalu.
|
||||
</h3>
|
||||
<p>
|
||||
Tento projekt je věnován Terminálum hlavně na systémech Linux a MacOS.
|
||||
Najdeš tu všechny možné terminály a multiplexory co si můžeš
|
||||
naistalovat do svého OS, aplikace pro terminály, rady a tipy pro
|
||||
terminály.
|
||||
</p>
|
||||
<p>Terminály nejsou jen pro programátory a správce sítí, pracovat nebo objevat kouzlo terminálů může každý a brzy zjistí že to není nic čeho se bát. Díky Terminálům můžeš monitorovat systém, automatizovat opakující se činnosti, editovat textové soubory, nastavovat svůj OS, programovat, hrát hry a sposty dalšího. To vš zvládneš v jednom Terminálu na jednou s nainatalovaným multiplexrem jako je <a href="https://zellij.dev/" target="_blank">Zellij</a> nebo <a href="https://github.com/tmux/tmux/wiki" target="_blank">Tmux</a>.</p>
|
||||
</section>
|
||||
<footer>
|
||||
Copyright ©
|
||||
<a href="https://git.archoslinux.cz/kankys" target="_blank"
|
||||
>Lukáš Kaňka</a
|
||||
>
|
||||
2024
|
||||
</footer>
|
||||
</section>
|
||||
<footer>Copyright © <a href="https://git.archoslinux.cz/kankys" target="_blank">Lukáš Kaňka</a> 2024
|
||||
</footer>
|
||||
</section>
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
Reference in New Issue
Block a user