Add files via upload

AdeshGhadage · Aug 15, 2022 · ffe3e6e · ffe3e6e
1 parent b461684
commit ffe3e6e
Show file tree

Hide file tree

Showing 8 changed files with 633 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
+    <link rel="stylesheet" href="./style.css"> 
+    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet"> 
+    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">  
+    <title>Time Table</title>
+</head>
+<body>
+    <div class="container">
+        <h1>Ocean engineering & Naval architecture</h1>
+        <h3>Time Table</h3>
+        <img src="./photos/logo.png" alt="logo image">
+        <div class="login">
+            <input type="password" name="key" id="key" placeholder="Enter Password" autofocus>
+            <script src="./index.js"></script>
+            <input class="btn" type="button" value="login" onclick="timetable()">
+        </div>
+
+    </div>
+    <img class="footer" src="./photos/footer.png" alt="">
+
+</body>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,28 @@
+// ./time-table/table.html
+var date = new Date();
+var day = date.getDay();
+// alert(day);
+var input = document.getElementById("key");
+function timetable(){
+    var password = "oenatt";
+    var user = input.value;
+    if (user == password){
+        if (day == 0 || day == 6){
+            console.log("you enterd if statment");
+            window.location.href = "https://www.youtube.com/";        
+        }
+        else{
+            window.location.href = "./time-table/table.html";
+        }
+    }
+    else {
+        alert("login unsuccessful");
+    }
+}
+
+input.addEventListener("keydown", function(event){
+    console.log(event);
+    if (event.key === "Enter"){
+        timetable();
+    }
+});
diff --git a/photos/footer.png b/photos/footer.png
diff --git a/photos/logo.png b/photos/logo.png
diff --git a/style.css b/style.css
@@ -0,0 +1,73 @@
+body {
+    margin: 0;
+    background-color: #00D7FF;
+}
+
+.container{
+    text-align: center;
+}
+
+h1 , h3{
+    font-family: 'Roboto', sans-serif; 
+}
+
+h1 {
+    color: #FF7300;
+}
+
+h3 {
+    font-weight: 200;
+    color: #5800FF;
+
+}
+
+.container img {
+    width: 330px;
+}
+
+.login input{
+    display: block;
+    margin: 1rem auto;
+}
+
+#key {
+    background-color: #72FFFF;
+    border: none;
+    color: #0096FF;
+    font-family: 'Roboto', sans-serif;
+    font-weight: 100;
+    font-size: 16px;
+    text-align: center;
+    padding: 11px 17px;
+    border-radius: 20px;
+}
+
+.btn {
+    background-color: #0096FF;
+    border: none;
+    color: #72FFFF;
+    font-family: 'Roboto', sans-serif;
+    font-weight: 100;
+    font-size: 32px;
+    text-align: center;
+    padding: 2px 31px;
+    border-radius: 20px;
+}
+
+.btn:hover {
+    cursor: pointer;
+    background-color:#5800FF;
+    transition: 0.7s; 
+}
+
+input:focus-visible{
+    outline: none;
+}
+
+.footer {
+    width: 100%;
+    position: absolute;
+    left: 0px;
+    bottom: 0px;
+    z-index: -1;
+}