<!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 my website for 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>
</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="https://zyqunix.github.io/click">Test It</a>
</div>
</div>
<script src="theme.js"></script>
<script src="slide.js"></script>
</body>
</html>