diff options
| author | Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com> | 2020-12-14 16:03:07 +0530 |
|---|---|---|
| committer | Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com> | 2020-12-14 16:03:07 +0530 |
| commit | 1ec6252e738cb6082c7cf13566fc8f5a6247d2b1 (patch) | |
| tree | 5cefa9bc536b25b9399a23e26014a1f72c73666d | |
| parent | 03c40f935cb96e3ac98b893162da8ab4f134f83e (diff) | |
added a startpage for web browser
| -rw-r--r-- | startpage/bg1.png | bin | 0 -> 2399437 bytes | |||
| -rw-r--r-- | startpage/bg2.png | bin | 0 -> 185672 bytes | |||
| -rw-r--r-- | startpage/bg3.png | bin | 0 -> 686328 bytes | |||
| -rw-r--r-- | startpage/bg4.jpg | bin | 0 -> 1257147 bytes | |||
| -rw-r--r-- | startpage/bg5.jpg | bin | 0 -> 522763 bytes | |||
| -rw-r--r-- | startpage/bg6.png | bin | 0 -> 1256073 bytes | |||
| -rw-r--r-- | startpage/index.html | 48 | ||||
| -rw-r--r-- | startpage/styles.css | 69 |
8 files changed, 117 insertions, 0 deletions
diff --git a/startpage/bg1.png b/startpage/bg1.png Binary files differnew file mode 100644 index 00000000..2dede45f --- /dev/null +++ b/startpage/bg1.png diff --git a/startpage/bg2.png b/startpage/bg2.png Binary files differnew file mode 100644 index 00000000..14ae8746 --- /dev/null +++ b/startpage/bg2.png diff --git a/startpage/bg3.png b/startpage/bg3.png Binary files differnew file mode 100644 index 00000000..fe303dac --- /dev/null +++ b/startpage/bg3.png diff --git a/startpage/bg4.jpg b/startpage/bg4.jpg Binary files differnew file mode 100644 index 00000000..99191573 --- /dev/null +++ b/startpage/bg4.jpg diff --git a/startpage/bg5.jpg b/startpage/bg5.jpg Binary files differnew file mode 100644 index 00000000..3e8476f3 --- /dev/null +++ b/startpage/bg5.jpg diff --git a/startpage/bg6.png b/startpage/bg6.png Binary files differnew file mode 100644 index 00000000..10647200 --- /dev/null +++ b/startpage/bg6.png diff --git a/startpage/index.html b/startpage/index.html new file mode 100644 index 00000000..1d0cd486 --- /dev/null +++ b/startpage/index.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html> +<head> + <link rel="stylesheet" href="styles.css" type="text/css"/> + <!--meta name="viewport" content="width=device-width, initial-scale=1.0"--> + <title>Welcome, Vidhu Kant!</title> +</head> +<body> + <div class="content"> + <h1 class="center" id="title"> + Welcome, Vidhu Kant! + </h1> + <span id="time-container"> + <h2 class="center" id="quote-container" id="subtitle"> + Time: <span id="datetime"></span> + </h2> + </span> + </div> + + + + <div id="bottom-nav-container"> + <span class="bottom-nav-item" id="nav-links"> + <a href="">MyAnimeList</a> + <a href="">Old Reddit</a> + <a href="">YouTube</a> + <a href="">Twitter</a> + <a href="">WhatsApp</a> + <a href="">MAL Profile</a> + <a href="">New Reddit</a> + <a href="">Nyaa</a> + <a href="">Mega</a> + <a href="">Amazon</a> + <a href="">Music</a> + <a href="">音楽</a> + <a href="">Amazon</a> + </span> + <span class="bottom-nav-item"> + <p><span id="datetime"></span></p> + </span> + </div> + +<script> + var dt = new Date(); + document.getElementById("datetime").innerHTML = (("0"+dt.getHours()).slice(-2)) +":"+ (("0"+dt.getMinutes()).slice(-2)); +</script> +</body> +</html> diff --git a/startpage/styles.css b/startpage/styles.css new file mode 100644 index 00000000..4631ead4 --- /dev/null +++ b/startpage/styles.css @@ -0,0 +1,69 @@ +.center { text-align: center; } +body { + margin: 7px; + background-color: #111111; + background-image: url("bg5.jpg"); + background-repeat: no-repeat; + background-size: cover; +} + +.content { + border-radius: 6px; + background: #2326273f; + padding: 10px 24px; + margin: 3%; +} + +.content #title { + font-size: 44px; +} + +#time-container h2 { + font-size: 32px; + color: #f50a69; + margin-right: 510px; + margin-left: 510px; + padding: 5px 0px; + background-color: #a00af619; + border-radius: 50px; +} + + + +.content h1 { + color: #FFFFFF; +} + + +#bottom-nav-container { + margin: -7px; + background-color: #333333dd; + overflow: hidden; + position: fixed; + bottom: 0; + width: 100%; + padding: 0px 0px 7px 0px; +} + +.bottom-nav-item p { + display: inline; + color: #FFFFFF; +} + +#nav-links { + padding: 12px 12px 12px 12px; + background-color: #FCFCFC; + float: left; + border: 2px solid #232627; + border-radius: 90px 90px 90px 90px; +} + +#nav-links a { + color: #FFFFFF; + background-color: #a000fc; + text-decoration: none; + padding: 8px 18px; + border-radius: 20px; + margin-right: 3px; + margin-left: 3px; +} |
