aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorVidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com>2020-12-14 16:03:07 +0530
committerVidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com>2020-12-14 16:03:07 +0530
commit1ec6252e738cb6082c7cf13566fc8f5a6247d2b1 (patch)
tree5cefa9bc536b25b9399a23e26014a1f72c73666d
parent03c40f935cb96e3ac98b893162da8ab4f134f83e (diff)
added a startpage for web browser
-rw-r--r--startpage/bg1.pngbin0 -> 2399437 bytes
-rw-r--r--startpage/bg2.pngbin0 -> 185672 bytes
-rw-r--r--startpage/bg3.pngbin0 -> 686328 bytes
-rw-r--r--startpage/bg4.jpgbin0 -> 1257147 bytes
-rw-r--r--startpage/bg5.jpgbin0 -> 522763 bytes
-rw-r--r--startpage/bg6.pngbin0 -> 1256073 bytes
-rw-r--r--startpage/index.html48
-rw-r--r--startpage/styles.css69
8 files changed, 117 insertions, 0 deletions
diff --git a/startpage/bg1.png b/startpage/bg1.png
new file mode 100644
index 00000000..2dede45f
--- /dev/null
+++ b/startpage/bg1.png
Binary files differ
diff --git a/startpage/bg2.png b/startpage/bg2.png
new file mode 100644
index 00000000..14ae8746
--- /dev/null
+++ b/startpage/bg2.png
Binary files differ
diff --git a/startpage/bg3.png b/startpage/bg3.png
new file mode 100644
index 00000000..fe303dac
--- /dev/null
+++ b/startpage/bg3.png
Binary files differ
diff --git a/startpage/bg4.jpg b/startpage/bg4.jpg
new file mode 100644
index 00000000..99191573
--- /dev/null
+++ b/startpage/bg4.jpg
Binary files differ
diff --git a/startpage/bg5.jpg b/startpage/bg5.jpg
new file mode 100644
index 00000000..3e8476f3
--- /dev/null
+++ b/startpage/bg5.jpg
Binary files differ
diff --git a/startpage/bg6.png b/startpage/bg6.png
new file mode 100644
index 00000000..10647200
--- /dev/null
+++ b/startpage/bg6.png
Binary files differ
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;
+}