halfd/valde
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Make the viewport fit nicely on mobile

Browse source
This commit is contained in:
Halfdan 2024-01-26 15:18:03 +01:00
parent 356444f2de
commit 9329c1c439
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
templates/index.html
View file

@ -2,9 +2,12 @@
<html>
<head>
<meta charset="utf8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>🌟 Valde 30 🌟</title>
<style>
html, body {
padding : 0;
margin : 0;
width : 100%;
height : 100%;
}
@ -40,7 +43,6 @@
color: #121212;
background-image: url('/static/images/play.svg');
background-position: 58% 54%;
}
#play.playing {
@ -62,6 +64,7 @@
<script>
// Random colours
let hexString = "0123456789abcdef";
let randomColor = () => {
let hexCode = "#";
for( i=0; i<6; i++){
@ -75,7 +78,6 @@
let colorTwo = randomColor();
let angle = Math.floor(Math.random() * 360);
document.body.style.background = `linear-gradient(${angle}deg, ${colorOne}, ${colorTwo})`;
// outputCode.value = `background: linear-gradient(${angle}deg, ${colorOne}, ${colorTwo});`;
}
generateGrad()