svnit-surat · arya177 · Dec 24, 2020 · Dec 24, 2020 · Dec 24, 2020 · Dec 24, 2020
diff --git a/Hunger Hacker/1.html b/Hunger Hacker/1.html
@@ -0,0 +1,4 @@
+hi 
+ TEAM: HUNGER HACKER
+ARYA SHAHI
+DHRUMI SHAH
diff --git a/Hunger Hacker/Home Page.html b/Hunger Hacker/Home Page.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Home Page</title>
+  <style>
+    h1{
+      font-size: 20mm;
+      background-color: rgb(24, 104, 223);
+      text-align:center;  
+      color: rgb(232, 240, 239);
+    }
+ #button{
+padding:35px;
+background-color: rgb(7, 83, 247);
+font-size: medium;
+border-radius: 10px;
+font-weight: bolder;
+cursor: pointer;
+color: rgb(232, 240, 239);
+}
+
+#button:hover{
+  background-color: blueviolet;
+}
+
+h2{
+  text-align:center;
+  font-size: 15mm;
+  color: aliceblue;
+}
+
+h3{
+  text-align:center;
+  font-size: 10mm;
+  color: aliceblue;
+}
+body {
+  margin: 0;
+  padding: 0;
+  background-color: rgb(6, 55, 70);
+  font-family: Source Sans Pro;
+  font-weight: lighter;
+  padding: 1em;
+  text-align: center;
+  color: aliceblue;
+}
+
+.block p {
+  font-size: 20px;
+  padding:m3em;
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+  color: aliceblue;
+  text-align: center;
+
+}
+
+section{
+  display: block;
+  max-width: width 2000px;
+  margin: 0 auto lem;
+  background-color: rgb(24, 121, 185);
+  height: 200px;
+  position: relative;
+  border-right: .2em;
+  transform: perserve-3d;
+  color: aliceblue;
+  text-align: center;
+  font-size: 15px;
+}
+
+
+  </style>
+</head>
+<body>
+  <h1>SMARTech</h1>
+  <img src="https://img.etimg.com/thumb/width-640,height-480,imgsize-148807,resizemode-1,msid-77937580/photo.jpg" alt="Online Education" width="2000" height="600">
+  <br>
+  <a href="todo.html">
+    <button class="submit" id="button">TO-DO LIST</button></a>
+  <a href="index.html">
+    <button class="submit" id="button">NOTES</button></a>
+    <a href="library.html">
+      <button class="submit" id="button">LIBRARY</button></a>
+
+    <br>
+    <div class="wrapper">
+    <h2>HOW SMARTech WORKS</h2>
+
+    <section class="block">
+    <p>
+      <h3>Virtual Learning</h3>
+      Each student at SMARTech has a personal, customized path that is specifically built
+         for their goals, skill level and pace. We're here to provide the flexible 
+             learning experience you need. 
+            </section>       
+    </p>
+  </div>
+
+
+
+</body>
+</html>
diff --git a/Hunger Hacker/Hunger Hacker.mp4 b/Hunger Hacker/Hunger Hacker.mp4
diff --git a/Hunger Hacker/Hunger Hacker.pptx b/Hunger Hacker/Hunger Hacker.pptx
diff --git a/Hunger Hacker/app.js b/Hunger Hacker/app.js
@@ -0,0 +1,93 @@
+
+
+
+console.log("Welcome to notes app. This is app.js");
+showNotes();
+
+// If user adds a note, add it to the localStorage
+let addBtn = document.getElementById("addBtn");
+addBtn.addEventListener("click", function(e) {
+  let addTxt = document.getElementById("addTxt");
+  let notes = localStorage.getItem("notes");
+  if (notes == null) {
+    notesObj = [];
+  } else {
+    notesObj = JSON.parse(notes);
+  }
+  notesObj.push(addTxt.value);
+  localStorage.setItem("notes", JSON.stringify(notesObj));
+  addTxt.value = "";
+// console.log(notesObj);
+  showNotes();
+});
+
+// Function to show elements from localStorage
+function showNotes() {
+  let notes = localStorage.getItem("notes");
+  if (notes == null) {
+    notesObj = [];
+  } else {
+    notesObj = JSON.parse(notes);
+  }
+  let html = "";
+  notesObj.forEach(function(element, index) {
+    html += `
+            <div class="noteCard my-2 mx-2 card" style="width: 18rem;">
+                    <div class="card-body">
+                        <h5 class="card-title">Note ${index + 1}</h5>
+                        <p class="card-text"> ${element}</p>
+                        <button id="${index}"onclick="deleteNote(this.id)" class="btn btn-primary">Delete Note</button>
+                    </div>
+                </div>`;
+  });
+  let notesElm = document.getElementById("notes");
+  if (notesObj.length != 0) {
+    notesElm.innerHTML = html;
+  } else {
+    notesElm.innerHTML = `Nothing to show! Use "Add a Note" section above to add notes.`;
+  }
+}
+
+// Function to delete a note
+function deleteNote(index) {
+// console.log("I am deleting", index);
+
+  let notes = localStorage.getItem("notes");
+  if (notes == null) {
+    notesObj = [];
+  } else {
+    notesObj = JSON.parse(notes);
+  }
+
+  notesObj.splice(index, 1);
+  localStorage.setItem("notes", JSON.stringify(notesObj));
+  showNotes();
+}
+
+
+let search = document.getElementById('searchTxt');
+search.addEventListener("input", function(){
+
+    let inputVal = search.value.toLowerCase();
+    // console.log('Input event fired!', inputVal);
+    let noteCards = document.getElementsByClassName('noteCard');
+    Array.from(noteCards).forEach(function(element){
+        let cardTxt = element.getElementsByTagName("p")[0].innerText;
+        if(cardTxt.includes(inputVal)){
+            element.style.display = "block";
+        }
+        else{
+            element.style.display = "none";
+        }
+        // console.log(cardTxt);
+    })
+})
+
+/*
+Further Features:
+1. Add Title
+2. Mark a note as Important
+3. Separate notes by user
+4. Sync and host to web server 
+*/ 
+
diff --git a/Hunger Hacker/art.7z b/Hunger Hacker/art.7z
diff --git a/Hunger Hacker/art.html b/Hunger Hacker/art.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ART</title>
+    <style>
+        body{
+            background-color: rgb(8, 141, 218);
+
+        }
+        h1{
+            color: rgb(2, 16, 99);
+            text-align: center;
+            font-size: 75px;
+        }
+    </style>
+</head>
+<body>
+    <h1>ART</h1>
+    <img src="https://mymodernmet.com/wp/wp-content/uploads/2019/03/elements-of-art-6.jpg" alt="" width="2000" height="500">
+    <br>
+    <a href="7th sem college/art.7z/The-Art-of-Public-Speaking.pdf">The Art of Public Speaking</a>
+    <br>
+    <a href="7th sem college/art.7z/The-Art-of-Interior-Decoration.pdf">The Art of Interior Decoration</a>
+</body>
+</html>
diff --git a/Hunger Hacker/books1.zip b/Hunger Hacker/books1.zip
diff --git a/Hunger Hacker/curriculum.html b/Hunger Hacker/curriculum.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CURRICULUM</title>
+    <style>
+      body{
+          background-color: rgb(67, 209, 235);
+          color: burlywood;
+      } 
+      h1{
+          color: darkblue;
+          text-align: center;
+          font-size: 75px;
+      } 
+    </style>
+</head>
+<body>
+    <h1>LIBRARY</h1>
+    <img src="https://miro.medium.com/max/822/1*kJoopUyP-6d58kI0JiiOQA.jpeg" alt="this is an image" width="2000" height="550">
+
+   <br>
+   <a href="7th sem college/books1.7z/High Voltage and Electrical Insulation Engineering By Ravindra Arora and Wolfgang Mosch.pdf"> High Voltage and Electrical Insulation Engineering By Ravindra Arora and Wolfgang Mosch</a>
+   <br>
+   <a href="7th sem college/books1.7z/High Voltage Engineering By CL Wadhwa.pdf">High Voltage Engineering By CL Wadhwa</a>
+   <br>
+   <a href="7th sem college/books2.7z/power system protection.pdf">power system protection</a>
+   <br>
+   <a href="7th sem college/books2.7z/power systems by C L Wadhwa - By EasyEngineering.net.pdf">power systems by C L Wadhwa</a>
+   <br>
+   <a href="7th sem college/books2.7z/kuffel hvt.pdf">kuffel</a>
+   <br>
+   <a href="7th sem college/books2.7z/STEVENSON book.pdf">Stevenson</a>
+</body>
+</html>
diff --git a/Hunger Hacker/fiction.7z b/Hunger Hacker/fiction.7z
diff --git a/Hunger Hacker/fiction.html b/Hunger Hacker/fiction.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>FICTION</title>
+    <style>
+        body{
+            background-color: darkcyan;
+        }
+        h1{
+            color: rgb(3, 5, 109);
+            text-emphasis: centre;
+            font-size: 75px;
+        }
+    </style>
+</head>
+<body>
+    <h1>FICTION</h1>
+    <img src="https://indianfolk.com/wp-content/uploads/2017/09/booklights.jpg" alt="" width="2000" height="500">
+    <br>
+    <a href="7th sem college/fiction.7z/20000-Leagues-Under-the-Sea.pdf">20000-Leagues-Under-the-Sea</a>
+    <br>
+    <a href="7th sem college/fiction.7z/The-Invisible-Man.pdf">The Invisible Man</a>
+</body>
+</html>
diff --git a/Hunger Hacker/index.html b/Hunger Hacker/index.html
@@ -0,0 +1,70 @@
+
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Notes App</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+</head>
+
+<body>
+
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <a class="navbar-brand" href="#">Magic Notes</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
+            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav mr-auto">
+                <li class="nav-item active">
+                    <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+                </li>
+
+            </ul>
+            <form class="form-inline my-2 my-lg-0">
+                <input class="form-control mr-sm-2" id="searchTxt" type="search" placeholder="Search" aria-label="Search">
+                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+            </form>
+        </div>
+    </nav>
+
+
+    <div class="container my-3">
+        <h1>Welcome To Magic Notes</h1>
+        <div class="card">
+            <div class="card-body">
+                <h5 class="card-title">Add a note</h5>
+                <div class="form-group">
+                    <textarea class="form-control" id="addTxt" rows="3"></textarea>
+                </div>
+                <button class="btn btn-primary" id="addBtn">Add Note</button>
+            </div>
+        </div>
+        <hr>
+        <h1>Your Notes</h1>
+        <hr>
+        <div id="notes" class="row container-fluid"> </div>
+    </div>
+
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+        crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+        crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+        crossorigin="anonymous"></script>
+    <script src="js/app.js"></script>
+</body>
+
+</html>
+
+