mirror of
https://github.com/nuttylmao/nutty.gg.git
synced 2026-09-19 12:10:59 -04:00
80 lines
1.9 KiB
HTML
80 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="shortcut icon" href="#" />
|
|
<link rel="stylesheet" href="./style.css" />
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/metropolis.min.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div id="statusContainer">Connecting...</div>
|
|
<div id="mainContainer">
|
|
<div id="infoContainer">
|
|
<div id="streamInfo">
|
|
<label id="streamPlatformLabel"></label>
|
|
<label>•</label>
|
|
<label id="streamTimecodeLabel"></label>
|
|
<label>•</label>
|
|
<label id="streamBitrateLabel"></label>
|
|
</div>
|
|
|
|
<div id="topBar">
|
|
<div id="profileLabel"></div>
|
|
</div>
|
|
|
|
<div id="recordInfo">
|
|
<label id="recordOutputFilesize"></label>
|
|
<label>•</label>
|
|
<label id="recordTimecodeLabel"></label>
|
|
<label>•</label>
|
|
<label id="recordingLabel"></label>
|
|
</div>
|
|
|
|
<div id="bottomBar">
|
|
<div id="statsLabel"></div>
|
|
<div id="advancedStatsLabel"></div>
|
|
</div>
|
|
|
|
<div id="theMotherOfAllVolumeContainers">
|
|
<div id="volumeMeterContainerLeft">
|
|
<div id="theGreenShitThatsInsideTheOtherContainerLeft">
|
|
</div>
|
|
<div class="barLabel">L</div>
|
|
</div>
|
|
|
|
<div id="volumeMeterContainerRight">
|
|
<div id="theGreenShitThatsInsideTheOtherContainerRight">
|
|
</div>
|
|
<div class="barLabel">R</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="fpsContainer">
|
|
<div id="fpsMeter"></div>
|
|
<div id="fpsLabel">
|
|
FPS
|
|
<label id="fps"></label>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<img id="micMuteIcon" src="icons/mic-mute.png">
|
|
</div>
|
|
<div id="streamingRing">
|
|
<div id="streamingLeft"></div>
|
|
<div id="streamingRight"></div>
|
|
<div id="streamingTop"></div>
|
|
<div id="streamingBottom"></div>
|
|
</div>
|
|
<div id="recordingRing">
|
|
<div id="left"></div>
|
|
<div id="right"></div>
|
|
<div id="top"></div>
|
|
<div id="bottom"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js'></script>
|
|
<script src="./script.js"></script> |