BuboBubo/topos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

deploy: bbe4b5215c

Browse Source
This commit is contained in:
Bubobubobubobubo
2023-10-22 22:27:48 +00:00
parent dfe871b012
commit b8fe57f36e
3 changed files with 95 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@ -8,8 +8,8 @@
<script src="https://unpkg.com/hydra-synth"></script>
<script type="module" crossorigin src="/assets/index-713965f0.js"></script>
<link rel="stylesheet" href="/assets/index-4d782053.css">
<script type="module" crossorigin src="/assets/index-418da4b4.js"></script>
<link rel="stylesheet" href="/assets/index-28f176ff.css">
</head>
<style>
@ -24,7 +24,12 @@
padding: 0;
}
#hydra-bg {
.fluid-bg-transition {
transition: background-color 0.05s ease-in-out;
}
.fullscreencanvas {
position: fixed; /* ignore margins */
top: 0px;
left: 0px;
@ -36,7 +41,6 @@
display: block;
}
details br {
display: none;
}
@ -162,6 +166,7 @@
<div class="space-y-2">
<h2 class="font-semibold lg:text-xl text-gray-400">More</h2>
<div class="flex flex-col">
<a rel="noopener noreferrer" id="docs_oscilloscope" class="pl-2 pr-2 lg:text-xl text-sm hover:bg-neutral-800 py-1 my-1 rounded-lg">Oscilloscope</a>
<a rel="noopener noreferrer" id="docs_bonus" class="pl-2 pr-2 lg:text-xl text-sm hover:bg-neutral-800 py-1 my-1 rounded-lg">Bonus/Trivia</a>
<a rel="noopener noreferrer" id="docs_about" class="pl-2 pr-2 lg:text-xl text-sm hover:bg-neutral-800 py-1 my-1 rounded-lg">About Topos</a>
</div>
@ -449,7 +454,9 @@
</ul>
<!-- Here comes the editor itself -->
<div id="editor" class="relative flex flex-row h-screen overflow-y-hidden">
<canvas id="hydra-bg"></canvas>
<canvas id="hydra-bg" class="fullscreencanvas"></canvas>
<canvas id="scope" class="fullscreencanvas"></canvas>
<canvas id="feedback" class="fullscreencanvas"></canvas>
</div>
<p id="error_line" class="hidden text-red-400 w-screen bg-neutral-900 font-mono absolute bottom-0 pl-2 py-2">Hello kids</p>
</div>