diff --git a/INFAMOUS/Earth and moon.blend b/INFAMOUS/Earth and moon.blend new file mode 100644 index 0000000..2781dec Binary files /dev/null and b/INFAMOUS/Earth and moon.blend differ diff --git a/INFAMOUS/Quiz/css/custom.css b/INFAMOUS/Quiz/css/custom.css new file mode 100644 index 0000000..dc42ae1 --- /dev/null +++ b/INFAMOUS/Quiz/css/custom.css @@ -0,0 +1,58 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} + + + +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap'); +.main { + width: 100%; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + background-image: url(earth.jpg); + background-size: cover; + +} + +.container { + width: 35rem; + box-shadow: 0px 0px 5px grey; + display: flex; + background-color: white; + border-radius: 10px; + overflow: hidden; + flex-direction: column; +} + +.col { + text-align: justify; + padding: 15px; + width: 95%; +} + +#submit { + width: 100%; + background-color: rgb(47, 8, 73); + transition: 0.5s; + color: white; + outline: none; + border: none; + font-size: 25px; + display: block; + padding: 10px; + cursor: pointer; +} + +#submit:hover { + background-color: rgb(34, 6, 53); +} + +.box { + box-shadow: 0px -1px 1px grey; + width: 100%; +} \ No newline at end of file diff --git a/INFAMOUS/Quiz/css/earth.jpg b/INFAMOUS/Quiz/css/earth.jpg new file mode 100644 index 0000000..f0136d5 Binary files /dev/null and b/INFAMOUS/Quiz/css/earth.jpg differ diff --git a/INFAMOUS/Quiz/index.html b/INFAMOUS/Quiz/index.html new file mode 100644 index 0000000..92e6377 --- /dev/null +++ b/INFAMOUS/Quiz/index.html @@ -0,0 +1,44 @@ + + + + + + + + Document + + + + +
+ +
+
+

+ 1) Lorem ipsum dolor sit amet, consectetur adipisicing elit Debitis? +

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/INFAMOUS/Quiz/js/app.js b/INFAMOUS/Quiz/js/app.js new file mode 100644 index 0000000..553f8ff --- /dev/null +++ b/INFAMOUS/Quiz/js/app.js @@ -0,0 +1,112 @@ +const quizData = [{ + question: "The water cycle is the continuous movement of water on, above, and below the Earth's surface. What is another term for the water cycle?", + a: "Hydrology", + b: "Hydraulics", + c: "Hydrogen", + d: "Hydrologic", + correct: "a", + }, + { + question: "Aquifers are categorized as either unconfined or confined based on what characteristic?", + a: "Depth", + b: "Permeability", + c: "Pressure", + d: "Saturation", + correct: "c", + }, + { + question: "In the water cycle, water evaporates from Earth's surface and rises into the atmosphere. What is this process called?", + a: "Precipitation", + b: "Infiltration", + c: "Evaporation", + d: "Condensation", + correct: "c", + }, + { + question: "When water vapour in the atmosphere cools and changes back into liquid water or ice, it forms tiny water droplets or ice crystals. What is this process known as in the water cycle?", + a: "Transpiration", + b: "Evaporation", + c: "Condensation", + d: "Precipitation", + correct: "c", + }, + { + question: "How does increased atmospheric CO2 contribute to climate change?", + a: "Causes global warming by trapping heatration", + b: "Leads to global cooling", + c: "Has no impact on climate", + d: "Influences magnetic fields", + correct: "a", + }, + { + question: "What natural process removes CO2 from the atmosphere, mitigating climate change?", + a: "Fossil fuel combustion", + b: "Deforestation", + c: "Volcanic eruptions", + d: "Photosynthesis by plants and phytoplankton", + correct: "d", + } +]; +let index = 0; +let correct = 0, + incorrect = 0, + total = quizData.length; +let questionBox = document.getElementById("questionBox"); +let allInputs = document.querySelectorAll("input[type='radio']") +const loadQuestion = () => { + if (total === index) { + return quizEnd() + } + reset() + const data = quizData[index] + questionBox.innerHTML = `${index + 1}) ${data.question}` + allInputs[0].nextElementSibling.innerText = data.a + allInputs[1].nextElementSibling.innerText = data.b + allInputs[2].nextElementSibling.innerText = data.c + allInputs[3].nextElementSibling.innerText = data.d +} + +document.querySelector("#submit").addEventListener( + "click", + function() { + const data = quizData[index] + const ans = getAnswer() + if (ans === data.correct) { + correct++; + } else { + incorrect++; + } + index++; + loadQuestion() + } +) + +const getAnswer = () => { + let ans; + allInputs.forEach( + (inputEl) => { + if (inputEl.checked) { + ans = inputEl.value; + } + } + ) + return ans; +} + +const reset = () => { + allInputs.forEach( + (inputEl) => { + inputEl.checked = false; + } + ) +} + +const quizEnd = () => { + // console.log(document.getElementsByClassName("container")); + document.getElementsByClassName("container")[0].innerHTML = ` +
+

Hii, you've scored ${correct} / ${total}

+
+ ` +} +loadQuestion(index); \ No newline at end of file diff --git a/INFAMOUS/The-Meeting-of-the-Waters-In-Manaus-Aerial.webp b/INFAMOUS/The-Meeting-of-the-Waters-In-Manaus-Aerial.webp new file mode 100644 index 0000000..17aaf2e Binary files /dev/null and b/INFAMOUS/The-Meeting-of-the-Waters-In-Manaus-Aerial.webp differ diff --git a/INFAMOUS/Types-of-water-of-bodies-2-0421.jpg b/INFAMOUS/Types-of-water-of-bodies-2-0421.jpg new file mode 100644 index 0000000..9929ef2 Binary files /dev/null and b/INFAMOUS/Types-of-water-of-bodies-2-0421.jpg differ diff --git a/INFAMOUS/first.html/Water-cycle.png b/INFAMOUS/first.html/Water-cycle.png new file mode 100644 index 0000000..1ae19b1 Binary files /dev/null and b/INFAMOUS/first.html/Water-cycle.png differ diff --git a/INFAMOUS/first.html/aquifers.jpg b/INFAMOUS/first.html/aquifers.jpg new file mode 100644 index 0000000..76001a9 Binary files /dev/null and b/INFAMOUS/first.html/aquifers.jpg differ diff --git a/INFAMOUS/first.html/download.jpeg b/INFAMOUS/first.html/download.jpeg new file mode 100644 index 0000000..8285606 Binary files /dev/null and b/INFAMOUS/first.html/download.jpeg differ diff --git a/INFAMOUS/first.html/earth_landocean_16K.png b/INFAMOUS/first.html/earth_landocean_16K.png new file mode 100644 index 0000000..7a4bdee Binary files /dev/null and b/INFAMOUS/first.html/earth_landocean_16K.png differ diff --git a/INFAMOUS/first.html/first.html b/INFAMOUS/first.html/first.html new file mode 100644 index 0000000..8bf8f05 --- /dev/null +++ b/INFAMOUS/first.html/first.html @@ -0,0 +1,93 @@ + + + + + + Quiz Entrance + + + +

Welcome to the Quiz!

+ +
+
+ Image 1 +
+
+ Image 2 +
+
+ Image 3 +
+
+ Image 4 +
+
+ + + + + + diff --git a/INFAMOUS/global_currents_456.gif b/INFAMOUS/global_currents_456.gif new file mode 100644 index 0000000..ddbc9d0 Binary files /dev/null and b/INFAMOUS/global_currents_456.gif differ diff --git a/INFAMOUS/shutterstock_1853507206-1-1.jpg b/INFAMOUS/shutterstock_1853507206-1-1.jpg new file mode 100644 index 0000000..1204d65 Binary files /dev/null and b/INFAMOUS/shutterstock_1853507206-1-1.jpg differ diff --git a/README.md b/README.md index 2d3e90b..aa39ebb 100644 --- a/README.md +++ b/README.md @@ -15,18 +15,24 @@ To get started with the NASA Space Apps Noida Hackathon 2023 repository, follow ### README.md must consist of the following information: -#### Team Name - -#### Problem Statement - -#### Team Leader Email - +#### Team Name - Taem Infamous +#### Problem Statement - Everything starts with water +#### Team Leader Email - yashverma612003@gmail.com ### A Brief of the Prototype: - This section must include UML Diagrams and prototype description + we developed an interactive model to tell students the importance of water on our planet earth . +We also developed and AR model of how moon's gravity affects earth's tides and climate changes and its water cycles/. +we developed a quiz in which students will see pictures related to the water cycle system and then attempt the quiz , and the result will be shown on the basis of the no. of correct answers. ### Tech Stack: - List Down all technologies used to Build the prototype + HTML + CSS + Javascript + Blender ### Step-by-Step Code Execution Instructions: - This Section must contain a set of instructions required to clone and run the prototype so that it can be tested and deeply analyzed + First run the first.html then it will direct you to quiz interface. ### Future Scope: - Write about the scalability and futuristic aspects of the prototype developed + To fetch live data using nasa satellites and nasa daatseet about all the rivers, ocean and other water bodies present on earth. +Main focus would be on the idea of fetching data about the garbage clusters in the water bodies and preventing the river or small lakes from dying or being cluttered. diff --git a/WATER.zip b/WATER.zip new file mode 100644 index 0000000..d30581b Binary files /dev/null and b/WATER.zip differ