diff --git a/static/index.css b/static/index.css index dbd2560..4886e7c 100644 --- a/static/index.css +++ b/static/index.css @@ -32,7 +32,6 @@ p { } body { - user-select: none; -webkit-user-select: none; } @@ -56,6 +55,8 @@ body { height: 768px; /*image-rendering: pixelated;*/ background: rgb(63, 63, 71); + + display: block; } section#main { @@ -67,4 +68,15 @@ section#main { width: min(512px, 90vw); height: min(512px, 90vw); } +} + +.button { + background: rgb(44, 41, 53); + border-radius: 15px; + color: rgb(255,255,255); + display: inline-block; + text-decoration: none; + font-weight: bold; + margin: 10px; + padding: 10px; } \ No newline at end of file diff --git a/static/index.html b/static/index.html index 460e031..faf7761 100644 --- a/static/index.html +++ b/static/index.html @@ -11,10 +11,10 @@ <h1>UniButton</h1> <p>The <b>left mouse button</b> is the only input. No keyboard, moving the mouse, or anything else.</p> <p>Click to launch... figure out the rest of the combos yourself.</p> - <p><i>Created by <a href='https://zenoverse.net/'>Onez</a>. Join our <a - href='https://discord.gg/EpsRZrHswB'>Discord</a>!</i></p> - <div> - <canvas id='canvas'></canvas> + <a class='button' href='https://zenoverse.net/'>Created by Onez</a> + <a class='button' href='https://discord.gg/EpsRZrHswB'>Join our + Discord</a> + <canvas id='canvas'></canvas> </div> </section> <script src='js/index.js' type="module"></script>