52 lines
2.7 KiB
HTML
52 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>zyq's Tools</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<div id="topbar" class="topbar">
|
||
<a id="home" class="home" href="/index.html" target="_blank" rel="noopener noreferrer">Go Home</a>
|
||
<button id="themeToggle" class="theme-button" title="Change Theme to Dark/Light">
|
||
<svg fill="#747474" height="24px" width="24px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 472.618 472.618" xml:space="preserve" style="--darkreader-inline-fill: #747474;" data-darkreader-inline-fill=""><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path d="M380.525,337.291c-135.427,0-245.302-109.773-245.302-245.302c0-32.502,6.338-63.575,17.991-91.988 C63.372,36.286,0,124.39,0,227.315c0,135.427,109.875,245.302,245.302,245.302c102.923,0,191.029-63.472,227.316-153.315 C444.201,330.954,413.129,337.291,380.525,337.291z"></path> </g> </g> </g></svg>
|
||
</button>
|
||
</div>
|
||
|
||
<div id="welcome" class="welcome">
|
||
<h1>Welcome!</h1>
|
||
<h2>This is a website for future tools. The source code can be found on my <a href="https://github.com/zyqunix/tools" target="_blank">GitHub</a>!</h2>
|
||
<h3>Clicking "Test It" will open the tool in the current tab.</h3>
|
||
<h3>More tools will come in the future.</h3>
|
||
<h3>MOTD: "To the mind that is still, the whole universe surrenders." - Lao Tzu</h3>
|
||
|
||
</div>
|
||
|
||
<div class="tools-main">
|
||
<div id="tool-div" class="click-test">
|
||
<h1 class="tool-header">Mouse Test</h1>
|
||
<h2 class="tool-desc">This allows you to test your mouse's keys!</h2>
|
||
<div class="slideshow-container">
|
||
<button class="prev" onclick="changeSlide(-1)">❮</button>
|
||
<button class="next" onclick="changeSlide(1)">❯</button>
|
||
</div>
|
||
<a id="visit" class="visit-tool" href="/click">Test It</a>
|
||
</div>
|
||
|
||
<div id="tool-div" class="mouse-test">
|
||
<h1 class="tool-header">Keyboard Test</h1>
|
||
<h2 class="tool-desc">This allows you to test your keyboard's keys to see if they all work!</h2>
|
||
<div class="slideshow-container">
|
||
<img class="tool-media" src="assets/keyboard.png" alt="Keyboard Image">
|
||
</div>
|
||
<a id="visit" class="visit-tool" href="/keyboard">Test It</a>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<script src="theme.js"></script>
|
||
<script src="slide.js"></script>
|
||
|
||
</body>
|
||
</html>
|