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