diff options
| author | Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com> | 2020-12-14 20:26:28 +0530 |
|---|---|---|
| committer | Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com> | 2020-12-14 20:26:28 +0530 |
| commit | 189b7f4a00d988ba8e0ddd37379f23c10ffe0866 (patch) | |
| tree | 6038b128770733c55de9087ee1ca1824871667f3 /startpage | |
| parent | a342fe534dac82c879c6431b2769b07b5d6fa51f (diff) | |
now the startpage background is random
Diffstat (limited to 'startpage')
| -rw-r--r-- | startpage/index.html | 6 | ||||
| -rw-r--r-- | startpage/styles.css | 8 |
2 files changed, 10 insertions, 4 deletions
diff --git a/startpage/index.html b/startpage/index.html index 0cd1492a..14dbdbcf 100644 --- a/startpage/index.html +++ b/startpage/index.html @@ -6,6 +6,12 @@ <title>Welcome, Vidhu Kant!</title> </head> <body> + <style id="randomBG"></style> + <script> + var images = ['bg1.png', 'bg2.png', 'bg3.png', 'bg4.jpg', 'bg5.jpg', 'bg6.png']; + var BG = "backgrounds/" + images[Math.floor(Math.random() * images.length)] + document.getElementById("randomBG").innerHTML = "body { background-image: url('" + BG + "'); }"; + </script> <div class="content"> <h1 class="center" id="title"> Welcome, Vidhu Kant! diff --git a/startpage/styles.css b/startpage/styles.css index 4631ead4..f2049252 100644 --- a/startpage/styles.css +++ b/startpage/styles.css @@ -2,7 +2,7 @@ body { margin: 7px; background-color: #111111; - background-image: url("bg5.jpg"); + background-image: url('bg5.jxg'), url("shttps://raw.githubusercontent.com/MikunoNaka/dots/master/startpage/bg5.jpg"); background-repeat: no-repeat; background-size: cover; } @@ -24,7 +24,7 @@ body { margin-right: 510px; margin-left: 510px; padding: 5px 0px; - background-color: #a00af619; + background-color: #23262719; border-radius: 50px; } @@ -52,7 +52,7 @@ body { #nav-links { padding: 12px 12px 12px 12px; - background-color: #FCFCFC; + background-color: #FCFCFCdd; float: left; border: 2px solid #232627; border-radius: 90px 90px 90px 90px; @@ -60,7 +60,7 @@ body { #nav-links a { color: #FFFFFF; - background-color: #a000fc; + background-color: #5b76b7; text-decoration: none; padding: 8px 18px; border-radius: 20px; |