77 lines
1.2 KiB
Svelte
77 lines
1.2 KiB
Svelte
<script>
|
|
</script>
|
|
|
|
<nav>
|
|
<h1>Universal Test Card</h1>
|
|
|
|
<div class="options">
|
|
<a href="card">
|
|
<i class="ti ti-device-desktop"></i>
|
|
Screen
|
|
</a>
|
|
<a href="audio">
|
|
<i class="ti ti-volume"></i>
|
|
Audio
|
|
</a>
|
|
<a href="av-sync" class="disabled">
|
|
<i class="ti ti-time-duration-off"></i>
|
|
AV Sync
|
|
</a>
|
|
<a href="keyboard">
|
|
<i class="ti ti-keyboard"></i>
|
|
Keyboard
|
|
</a>
|
|
<a href="mouse" class="disabled">
|
|
<i class="ti ti-mouse"></i>
|
|
Mouse
|
|
</a>
|
|
<a href="gamepad">
|
|
<i class="ti ti-device-gamepad"></i>
|
|
Gamepad
|
|
</a>
|
|
<a href="camera">
|
|
<i class="ti ti-camera"></i>
|
|
Camera
|
|
</a>
|
|
<a href="microphone" class="disabled">
|
|
<i class="ti ti-microphone"></i>
|
|
Microphone
|
|
</a>
|
|
<a href="sensors" class="disabled">
|
|
<i class="ti ti-cpu-2"></i>
|
|
Sensors
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<style>
|
|
h1 {
|
|
text-align: center;
|
|
font-size: 3rem;
|
|
margin: 1rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.options {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
gap: 2em;
|
|
|
|
& a {
|
|
text-align: center;
|
|
text-decoration: none;
|
|
|
|
&.disabled {
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
& .ti {
|
|
display: block;
|
|
font-size: 3rem;
|
|
}
|
|
}
|
|
</style>
|