diff --git a/COC project/about.html b/COC project/about.html new file mode 100644 index 00000000..3e341740 --- /dev/null +++ b/COC project/about.html @@ -0,0 +1,57 @@ + + + + + + About Us - COC Space Club + + + + + + + + +
+

COC Space Club - About Us

+ +
+ +
+
+

Meet Our Team

+ +
+ +
+

Our Motive

+

+ Our mission is to raise awareness about space and its vast potential, focusing on students and individuals with limited exposure to space exploration. We aim to simplify complex concepts, making space more accessible and engaging for everyone. Through hands-on activities, interactive games, and virtual sessions, we seek to inspire curiosity and foster a deeper understanding of the universe. By providing educational resources and opportunities, we hope to bridge the knowledge gap and encourage interest in space science. Our goal is to create a community passionate about space exploration. Ultimately, we aspire to motivate the next generation to explore the limitless possibilities of space.

+
+ +
+

Space Exploration

+ Space Exploration +

+ Space exploration involves the investigation of celestial bodies beyond Earth, aiming to expand our understanding of the universe. It includes both manned missions, like those to the Moon and Mars, and unmanned missions, such as robotic spacecraft and satellites. These missions provide valuable data on planetary atmospheres, geology, and potential for life. Advanced technology plays a crucial role in enabling these explorations, from powerful telescopes to sophisticated spacecraft. International collaboration is vital, bringing together nations to share knowledge and resources. The ultimate goal of space exploration is to answer fundamental questions about our existence and the nature of the cosmos.

+
+
+ + + + \ No newline at end of file diff --git a/COC project/contact.html b/COC project/contact.html new file mode 100644 index 00000000..7ea6f400 --- /dev/null +++ b/COC project/contact.html @@ -0,0 +1,70 @@ + + + + + + Contact Us - COC Space Club + + + + + + + + +
+

COC Space Club - Contact Us

+ +
+ +
+
+

Contact Us

+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+ +
+

COC Space Club

+

The COC Space Club is a vibrant community dedicated to promoting interest in space exploration and science among students. With our logo prominently displayed, we aim to create a welcoming environment for enthusiasts of all ages.

+ +

Activities:

+ +
+
+ + + + + diff --git a/COC project/cosmos-research.html b/COC project/cosmos-research.html new file mode 100644 index 00000000..6de9a3c7 --- /dev/null +++ b/COC project/cosmos-research.html @@ -0,0 +1,97 @@ + + + + + + Cosmos Research + + + + + + + + +
+

Cosmos Research

+ +
+ +
+
+
+
+

Exploring the Cosmos: Research and Discoveries

+
+ Space Mission +

Space research is a crucial scientific endeavor focused on exploring the vast universe beyond Earth. It involves studying celestial bodies such as planets, stars, galaxies, and black holes, aiming to uncover the mysteries of cosmic evolution. Global space agencies like NASA, ESA, and ISRO conduct missions using satellites, space probes, and telescopes to explore space and gather data. These missions help us understand the origins of the universe, the potential for life on other planets, and the nature of dark matter and dark energy. Space research has led to groundbreaking advancements in technology, including satellite communication, medical imaging, and climate monitoring. It continues to push the boundaries of human knowledge and innovation, opening up new possibilities for future space exploration and interplanetary travel.

+
+
+
+

Dark Matter and Dark Energy

+
+ + +

Dark matter and dark energy are two of the most mysterious and fundamental components of the universe. Dark matter, which makes up about 27% of the universe, is invisible and does not emit or absorb light, but its presence is inferred from its gravitational effects on galaxies and galaxy clusters. Scientists believe it plays a crucial role in holding galaxies together, though its exact nature remains unknown. + + Dark energy, on the other hand, comprises nearly 68% of the universe and is thought to be responsible for its accelerating expansion. This mysterious force opposes gravity and causes the universe to expand at an increasing rate. Despite being the dominant form of energy in the universe, dark energy is still poorly understood, and its discovery has reshaped our understanding of cosmology. Together, dark matter and dark energy account for 95% of the universe's total content, yet they remain among the greatest scientific enigmas.

+
+
+
+

Black Holes

+
+ + +

Black holes are regions of space where gravity is so intense that nothing, not even light, can escape from them. They form when massive stars collapse under their own gravity at the end of their life cycles. The boundary surrounding a black hole, known as the event horizon, marks the point of no return—once crossed, matter and light are inevitably pulled in. + + At the center of a black hole is the singularity, a point where matter is thought to be infinitely dense and gravity infinitely strong. Research into black holes has advanced significantly, especially with the first-ever image of a black hole captured in 2019 by the Event Horizon Telescope. This provided groundbreaking insights into black hole behavior, their formation, and their influence on surrounding galaxies. Black holes remain a focus of scientific curiosity, offering clues about the nature of space, time, and the universe itself.

+
+
+
+

Galaxy Formation and Evolution

+
+
+ Black Holes + +

Galaxy formation and evolution are key areas of astrophysics, focused on understanding how galaxies are born, grow, and change over billions of years. Galaxies, massive systems of stars, gas, dust, and dark matter, are believed to form from small fluctuations in the density of matter in the early universe. These fluctuations caused gas and dust to clump together, leading to the formation of the first stars and galaxies. + + Over time, galaxies grow through mergers with other galaxies and the accumulation of surrounding material. These interactions can trigger bursts of star formation and significantly alter the galaxy's shape and structure. The Milky Way, for example, is a spiral galaxy that continues to evolve through interactions with its smaller satellite galaxies. Understanding galaxy formation and evolution helps scientists trace the history of the universe, revealing how large-scale structures like galaxy clusters and superclusters emerged and evolved over time.

+ +
+
+

Exoplanet Research

+
+ + Black Holes + +

Exoplanet research focuses on the discovery and study of planets beyond our solar system, known as exoplanets. Since the first exoplanet was discovered in 1992, thousands have been identified using techniques like the transit method and radial velocity. These methods detect the tiny changes in light or motion caused by a planet orbiting its star. + + The study of exoplanets has revealed a wide variety of planetary systems, some with Earth-like planets in the "habitable zone" where conditions could support liquid water and potentially life. Missions like NASA's Kepler and TESS have played a crucial role in finding these planets. Exoplanet research not only expands our understanding of planetary formation but also raises exciting possibilities about the existence of life beyond Earth. Future missions aim to analyze exoplanet atmospheres, seeking biosignatures that could indicate the presence of living organisms.

+ +
+
+

Future-research

+
+ + + +

Future research on space and exoplanets holds incredible potential, with upcoming missions poised to reveal groundbreaking discoveries. The James Webb Space Telescope (JWST) will not only study the universe's earliest galaxies but also investigate exoplanet atmospheres for signs of habitability and possible biosignatures. This could provide key insights into the conditions of distant worlds. + + The European Space Agency's PLATO mission is also set to find and characterize Earth-like exoplanets in the habitable zones around Sun-like stars. Future advancements will allow scientists to study exoplanet atmospheres in greater detail, searching for gases like oxygen or methane, which may hint at the presence of life. These missions will help expand our understanding of planetary systems and life beyond Earth, driving forward the next era of space exploration.

+ +
+
+ + + + \ No newline at end of file diff --git a/COC project/exoplanets.html b/COC project/exoplanets.html new file mode 100644 index 00000000..f693d209 --- /dev/null +++ b/COC project/exoplanets.html @@ -0,0 +1,118 @@ + + + + + + Exoplanets + + + +
+

Exoplanets

+ +
+ +
+
+
+

TRAPPIST-1 Planet Animations

+
+ Space Games +

This still from a video shows illustrations of the seven Earth-size planets of TRAPPIST-1, an exoplanet system about 40 light-years away, based on data current as of February 2018. Each planet is shown in sequence, starting with the innermost TRAPPIST-1b and ending with the outermost TRAPPIST-1h. The video presents the planets' relative sizes as well as the relative scale of the central star as seen from each planet. The art highlights possibilities for how the surfaces of these intriguing worlds might look based on their newly calculated properties. The seven planets of TRAPPIST-1 are all Earth-sized and terrestrial. TRAPPIST-1 is an ultra-cool dwarf star in the constellation Aquarius, and its planets orbit very close to it. In the background, slightly distorted versions our familiar + constellations, including Orion and Taurus, are shown as they would appear from the location of TRAPPIST-1 (backdrop image courtesy California Academy of Sciences/Dan Tell).

+ +
+
+
+

TOI 700 Artists’ Illustration

+
+ Space Games +

TOI 700, a planetary system 100 light-years away in the constellation Dorado, is home to TOI 700 d, the first Earth-size habitable-zone planet discovered by NASA's Transiting Exoplanet Survey Satellite.

+ + +
+
+

55 Cancri e with Atmosphere (Artist’s Concept)

+
+ Space Games +

The super-Earth exoplanet 55 Cancri e, depicted with its star in this artist's concept, likely has an atmosphere thicker than Earth's, with ingredients that could be similar to those of Earth's atmosphere, according to a 2017 study using data from NASA's Spitzer Space Telescope. Scientists say the planet may be entirely covered in lava. The planet is so close to its star that one face of the planet consistently faces the star, resulting in a dayside and a nightside.

+ + +
+
+

ACD20-0044-001

+
+ Space Games +

An illustration of Kepler-1649c orbiting around its host red dwarf star. This newly discovered exoplanet is in its star’s habitable zone and is the closest to Earth in size and temperature found yet in Kepler's data.

+ + +
+
+

WASP-18b (Artist’s Concept)

+
+ Space Games +

WASP-18b is an exoplanet located 325 light-years from Earth. The planet's mass is 10 times that of Jupiter, and it orbits its star once every 23 hours. A 2017 study found that this planet has a stratosphere that's loaded with carbon dioxide, but has no signs of water. A stratosphere is a layer of atmosphere in which temperature increases with higher altitudes. The study used NASA's Spitzer and Hubble space telescopes.

+ + +
+
+

OGLE-2005-BLG-390L b

+
+ Space Games +

An Icy World Orbits a Distant Star-With an estimated temperature of just 50K, OGLE-2005-BLG-390L b is the chilliest exoplanet yet discovered.

+ + +
+
+

K2-33b

+
+ Space Games +

It is one of the youngest exoplanets detected to date using NASA Kepler Space Telescope. It makes a complete orbit around its star in about five days. These two characteristics combined provide exciting new directions for planet-formation theories. K2-33b could have formed on a farther out orbit and quickly migrated inward. Alternatively, it could have formed in situ, or in place.

+ +
+
+

GJ 504b

+
+ Space Games +

Glowing a dark magenta, the newly discovered exoplanet GJ 504b weighs in with about four times Jupiter's mass, making it the lowest-mass planet ever directly imaged around a star like the sun. Using infrared data from the Subaru Telescope in Hawaii, an international team of astronomers has imaged a giant planet around the bright star GJ 504. Several times the mass of Jupiter and similar in size, the new world, dubbed GJ 504b, is the lowest-mass planet ever detected around a star like the sun using direct imaging techniques.

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/COC project/games.js b/COC project/games.js new file mode 100644 index 00000000..fe929e74 --- /dev/null +++ b/COC project/games.js @@ -0,0 +1,147 @@ +const questions = [ + { + question: "What is the closest planet to the Sun?", + answers: [ + { text: "Mercury", correct: true }, + { text: "Venus", correct: false }, + { text: "Earth", correct: false }, + { text: "Mars", correct: false } + ] + }, + { + question: "Which planet is known as the Red Planet?", + answers: [ + { text: "Mars", correct: true }, + { text: "Jupiter", correct: false }, + { text: "Saturn", correct: false }, + { text: "Venus", correct: false } + ] + }, + { + question: "How many planets are in our solar system?", + answers: [ + { text: "8", correct: true }, + { text: "9", correct: false }, + { text: "7", correct: false }, + { text: "6", correct: false } + ] + }, + { + question: "What is the largest planet in our solar system?", + answers: [ + { text: "Jupiter", correct: true }, + { text: "Saturn", correct: false }, + { text: "Earth", correct: false }, + { text: "Neptune", correct: false } + ] + }, + { + question: "Which planet is known for its rings?", + answers: [ + { text: "Saturn", correct: true }, + { text: "Uranus", correct: false }, + { text: "Neptune", correct: false }, + { text: "Jupiter", correct: false } + ] + }, + // Add 30 more questions in a similar format + ]; + + // DOM elements + const startButton = document.getElementById('start-btn'); + const nextButton = document.getElementById('next-btn'); + const questionContainerElement = document.getElementById('question-container'); + const questionElement = document.getElementById('question'); + const answerButtonsElement = document.getElementById('answer-buttons'); + const scoreContainer = document.getElementById('score-container'); + const scoreElement = document.getElementById('score'); + const restartButton = document.getElementById('restart-btn'); + + let shuffledQuestions, currentQuestionIndex; + let score = 0; + + startButton.addEventListener('click', startGame); + nextButton.addEventListener('click', () => { + currentQuestionIndex++; + setNextQuestion(); + }); + restartButton.addEventListener('click', restartGame); + + function startGame() { + startButton.classList.add('hidden'); + shuffledQuestions = questions.sort(() => Math.random() - 0.5); + currentQuestionIndex = 0; + score = 0; + questionContainerElement.classList.remove('hidden'); + scoreContainer.classList.add('hidden'); + setNextQuestion(); + } + + function setNextQuestion() { + resetState(); + showQuestion(shuffledQuestions[currentQuestionIndex]); + } + + function showQuestion(question) { + questionElement.innerText = question.question; + question.answers.forEach(answer => { + const button = document.createElement('button'); + button.innerText = answer.text; + button.classList.add('btn-answer'); + if (answer.correct) { + button.dataset.correct = answer.correct; + } + button.addEventListener('click', selectAnswer); + answerButtonsElement.appendChild(button); + }); + } + + function resetState() { + nextButton.classList.add('hidden'); + while (answerButtonsElement.firstChild) { + answerButtonsElement.removeChild(answerButtonsElement.firstChild); + } + } + + function selectAnswer(e) { + const selectedButton = e.target; + const correct = selectedButton.dataset.correct; + if (correct) { + score++; + scoreElement.innerText = score; + } + Array.from(answerButtonsElement.children).forEach(button => { + setStatusClass(button, button.dataset.correct); + }); + if (shuffledQuestions.length > currentQuestionIndex + 1) { + nextButton.classList.remove('hidden'); + } else { + showScore(); + } + } + + function setStatusClass(element, correct) { + clearStatusClass(element); + if (correct) { + element.classList.add('correct'); + } else { + element.classList.add('wrong'); + } + } + + function clearStatusClass(element) { + element.classList.remove('correct'); + element.classList.remove('wrong'); + } + + function showScore() { + questionContainerElement.classList.add('hidden'); + scoreContainer.classList.remove('hidden'); + restartButton.classList.remove('hidden'); + } + + function restartGame() { + startButton.classList.remove('hidden'); + restartButton.classList.add('hidden'); + scoreContainer.classList.add('hidden'); + } \ No newline at end of file diff --git a/COC project/index.html b/COC project/index.html new file mode 100644 index 00000000..967b9148 --- /dev/null +++ b/COC project/index.html @@ -0,0 +1,113 @@ + + + + + + COC Space Club + + + + + + + + + + + +
+

COC Space Club

+ +
+ + +
+
+
+

Explore Space

+ +
+
+
+

Discover the Wonders of Space Exploration

+

+ + Space exploration has captivated humanity for centuries, pushing the boundaries of our knowledge and understanding of the universe. From landing on the Moon to exploring distant planets and galaxies, space missions continue to unravel the mysteries of the cosmos. With each mission, we learn more about the potential for life beyond Earth, the origins of the universe, and the future of space travel. + + As we advance in technology, the dream of exploring deeper into space becomes more of a reality. The wonders of the universe, from black holes to nebulae, remind us of the infinite possibilities and the extraordinary discoveries awaiting us. Space exploration not only fuels our curiosity but also leads to innovations that benefit life on Earth, from satellite communications to advancements in science and technology. + + Through continued exploration, we inch closer to answering fundamental questions about our place in the universe and uncovering the extraordinary secrets of space.

+
+ +
+
+
+

Space Missions

+
+ Space Mission + +

Space missions have been key to advancing human knowledge and understanding of the universe. From the first manned mission to the Moon with NASA’s Apollo 11 to current explorations of Mars by rovers like Perseverance, space missions demonstrate humanity’s desire to reach beyond Earth. These missions help us study celestial bodies, understand the conditions on other planets, and search for signs of life. + + Robotic missions, like the Voyager probes and the Hubble Space Telescope, have provided groundbreaking images and data about far-off galaxies, stars, and planetary systems. The International Space Station (ISS), a collaborative effort involving multiple countries, has become a laboratory in orbit, conducting research in microgravity that benefits life both in space and on Earth.

+
+
+
+

Planetary Exploration

+
+ Planets Exploration + +

Planetary exploration aims to deepen our understanding of the planets, moons, and celestial bodies in our solar system. Through a combination of manned and unmanned missions, we have sent spacecraft to nearly every major planet, gaining valuable insights into their atmospheres, geology, and potential for life. + + NASA's Mars missions, including rovers like Curiosity and Perseverance, have revealed the presence of water and key elements necessary for life, fueling speculation about Mars' habitability. Missions like Juno to Jupiter and Cassini to Saturn have provided stunning images and data about their gas giants, rings, and moons.

+
+
+
+

Satellites

+
+ + +

Satellites are essential to modern life, revolutionizing everything from communication to weather forecasting and scientific research. Orbiting Earth, these man-made objects serve various purposes, including transmitting signals for television, phone networks, and internet services. Satellites also provide critical data for navigation systems like GPS, enabling global positioning and mapping. + + In space exploration, scientific satellites like the Hubble Space Telescope and the Chandra X-ray Observatory have transformed our understanding of the universe. They capture high-resolution images of distant galaxies, nebulae, and other celestial phenomena. Earth observation satellites monitor climate changes, track natural disasters, and collect environmental data crucial for studying our planet’s health.

+
+
+
+

Black Holes

+
+
+ Black Holes + +

Black holes are among the most enigmatic and powerful objects in the universe. These regions of space have gravitational fields so intense that nothing, not even light, can escape once it crosses the event horizon. Formed from the remnants of massive stars after they collapse, black holes continue to fascinate scientists as they challenge our understanding of physics. + + There are different types of black holes, from stellar-mass black holes formed by dying stars to supermassive black holes that sit at the center of galaxies, including our own Milky Way. These supermassive black holes, millions to billions of times the mass of the Sun, are believed to influence the formation and evolution of galaxies.

+ +
+ + + + + +
+ + + + + + + \ No newline at end of file diff --git a/COC project/launch.json b/COC project/launch.json new file mode 100644 index 00000000..47adbadc --- /dev/null +++ b/COC project/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/COC project/projects.code-workspace b/COC project/projects.code-workspace new file mode 100644 index 00000000..e2c00e34 --- /dev/null +++ b/COC project/projects.code-workspace @@ -0,0 +1,13 @@ +{ + "folders": [ + { + "path": ".." + }, + { + "path": "../../.vscode" + } + ], + "settings": { + "liveServer.settings.multiRootWorkspaceName": "projects" + } +} \ No newline at end of file diff --git a/COC project/services.html b/COC project/services.html new file mode 100644 index 00000000..a5ecb3eb --- /dev/null +++ b/COC project/services.html @@ -0,0 +1,81 @@ + + + + + + Services - COC Space Club + + + +
+

COC Space Club - Services

+ +
+ +
+
+

Our Services

+ + + +
+
+
+

Space games

+
+ Space Games +

Space games for students are interactive and educational tools designed to spark interest in space exploration and science. These games can range from virtual simulations that let students explore planets, build spacecraft, and manage space missions, to trivia-based games that test knowledge of the solar system, astronomy, and space technology. By blending fun with learning, space games help students understand complex concepts like gravity, planetary orbits, and space travel. + + Examples include games where students can simulate running a space agency, explore Mars rovers, or even pilot missions to the moon. These activities not only foster critical thinking and problem-solving skills but also inspire curiosity about space science and the vast universe beyond Earth.

+ +
+
+
+

Space Missions

+
+ Space Games +

Exoplanet detailing for students introduces them to planets outside our solar system, called exoplanets. These planets orbit other stars and come in various sizes, compositions, and distances from their stars. Some exoplanets are gas giants like Jupiter, while others are rocky, Earth-like planets. The most exciting are those in the "habitable zone"—the region where conditions might allow liquid water, a key ingredient for life. + + Students can learn how scientists detect exoplanets using methods like the transit method, where a planet passes in front of its star, causing a slight dimming. They also explore tools like the Kepler Space Telescope, which has discovered thousands of exoplanets. Understanding exoplanets opens up questions about the possibility of life beyond Earth, and ongoing missions like the James Webb Space Telescope aim to explore these distant worlds further. This fascinating field inspires curiosity about the universe and our place within it.

+ +
+
+
+

Amazing Space Content

+
+ Space Games +

Amazing space content covers the vast wonders of the universe, from exploring distant galaxies to unraveling the mysteries of black holes. Topics like exoplanet discoveries, where Earth-like planets are found orbiting distant stars, capture the imagination. Students can dive into the mind-blowing concepts of dark matter and dark energy, which make up most of the universe, yet remain largely mysterious. + + Exciting missions like the James Webb Space Telescope provide detailed views of the universe's early moments, while the search for extraterrestrial life continues with ongoing explorations of Mars and distant moons. Space content also highlights groundbreaking technologies, like reusable rockets, that make space travel more accessible and sustainable. Whether it's the beauty of the Milky Way, space missions, or the potential for life on other planets, space content fuels a deep sense of wonder and curiosity about our cosmic surroundings.

+ +
+
+
+

Virtual Reality Cosmos Exploration

+
+ Space Games +

Virtual Reality (VR) Cosmos Exploration allows students and enthusiasts to dive into space like never before, providing an immersive experience of the universe's wonders. Through VR, users can virtually travel to distant planets, explore galaxies, and even walk on the surface of the moon or Mars. This technology enables a hands-on, interactive approach to learning about space, making complex concepts like black holes, supernovas, and planetary systems more accessible and engaging. + + Participants can also experience historical space missions, witness rocket launches, or pilot their spacecraft in simulated space environments. Virtual Reality not only enhances the learning experience but also fosters curiosity by allowing users to explore the cosmos from the comfort of their homes or classrooms, creating a powerful connection to the vastness of space exploration.

+ +
+
+ + + + \ No newline at end of file diff --git a/COC project/space-exploration.html b/COC project/space-exploration.html new file mode 100644 index 00000000..6c78a5db --- /dev/null +++ b/COC project/space-exploration.html @@ -0,0 +1,112 @@ + + + + + + Space Exploration + + + +
+

Space Exploration

+ +
+ +
+
+
+

Planetary Exploration

+
+ Space Games +

Planetary exploration focuses on studying planets, moons, and other celestial bodies in our solar system. Missions + + like NASA's Mars rovers (Curiosity, Perseverance) have revolutionized our understanding of the Red Planet, investigating its surface, atmosphere, and potential for ancient life. Exploring icy moons such as Europa (Jupiter) and Enceladus (Saturn) is crucial due to their subsurface oceans, which may harbor life. By analyzing surface compositions, weather patterns, and geological formations, planetary missions provide insights into planetary evolution and habitability. These explorations also help us understand Earth’s place in the cosmos and offer clues for future human settlement. Future missions will expand this knowledge, aiming for closer studies of Venus and the outer planets.

+ +
+
+
+

Astrobiology

+
+ Space Games +

Astrobiology is the study of life beyond Earth, focusing on the search for extraterrestrial life forms. Scientists investigate environments like Mars, Europa, and Enceladus, where liquid water might exist, to find conditions that could support life. Missions like the Kepler and TESS telescopes are crucial in finding exoplanets in habitable zones, where life could potentially thrive. The study involves examining extreme environments on Earth (deep ocean vents, deserts, and frozen regions) to understand how life might adapt to alien worlds. Astrobiology not only broadens our understanding of life's resilience but also raises profound questions about our place in the universe. Future missions will aim to bring back samples and search for biosignatures in planetary atmospheres.

+ + +
+
+

Human Spaceflight

+
+ Space Games +

Human spaceflight is the cornerstone of exploring space firsthand, involving astronauts traveling beyond Earth's atmosphere to space stations, the moon, and, eventually, Mars. The International Space Station (ISS) has been a pivotal platform for long-term human presence in space, conducting experiments on health, biology, and physics in microgravity. Upcoming plans include returning humans to the Moon (NASA’s Artemis program) and establishing a base for deeper space exploration. Mars missions are under active research, with aims to land humans on the planet by the 2030s. Human spaceflight requires advancements in life support, radiation protection, and spacecraft technology. It also serves as a symbol of global cooperation and the drive to push human boundaries.

+ + +
+
+

Space Technology Development

+
+ Space Games +

The development of space technology is crucial for making space exploration sustainable and efficient. Innovations such as reusable rockets (like SpaceX's Falcon series) have drastically reduced costs, making space missions more feasible. New propulsion technologies, such as ion thrusters and nuclear propulsion, promise faster travel times to distant planets. Space habitats and life-support systems are being designed to allow long-term human habitation on the Moon and Mars. Communication technologies ensure data transmission across vast distances, while robotic technologies aid in exploring harsh environments. Continued advancements are essential for both crewed and robotic missions, expanding humanity’s ability to explore further, faster, and more safely.

+ + +
+
+

Cosmology and Astronomy

+
+ Space Games +

Cosmology and astronomy aim to understand the origins, structure, and evolution of the universe. Observations of distant galaxies, stars, and cosmic phenomena provide clues to how the universe was formed and how it behaves on a grand scale. Key discoveries include the Big Bang theory, the existence of black holes, and the accelerating expansion of the universe due to dark energy. Telescopes like the Hubble Space Telescope and the upcoming James Webb Space Telescope (JWST) have been pivotal in advancing our understanding of deep space. These fields also study the life cycle of stars, the formation of planets, and the fundamental forces shaping the cosmos, such as gravity and dark matter.

+ + +
+
+

Resource Utilization

+
+ Space Games +

Resource utilization in space refers to extracting and using materials from celestial bodies, such as asteroids, the Moon, and Mars, to support space missions. This includes mining water for fuel and life support or harvesting metals for construction in space. In-situ resource utilization (ISRU) is vital for sustaining long-term missions, reducing the need to transport everything from Earth. By processing local materials, future missions could produce oxygen, fuel, and building materials for habitats. This approach would significantly lower mission costs and enable more ambitious exploration goals. Research is underway on how to best extract and process these resources efficiently and safely in the space environment.

+ + +
+
+

International Collaboration

+
+ Space Games +

International collaboration is essential in space exploration, allowing countries to share knowledge, resources, and technologies to achieve common goals. Projects like the International Space Station (ISS) involve contributions from NASA, ESA (European Space Agency), Roscosmos (Russia), and other space agencies, creating a global platform for scientific research. Collaborative missions also extend to robotic exploration and satellite launches, as seen in the cooperation between NASA and space agencies from India, Japan, and Europe. Shared missions reduce costs, enhance technological capabilities, and strengthen diplomatic relationships. As space exploration advances, cooperation will be crucial for addressing challenges like space debris, planetary defense, and future manned missions to Mars.

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/COC project/space-games.html b/COC project/space-games.html new file mode 100644 index 00000000..72e20da5 --- /dev/null +++ b/COC project/space-games.html @@ -0,0 +1,66 @@ + + + + + + Space Games + + + + +
+

Space Trivia

+ +
+ +
+ +
+
+
+

Space Trivia Game

+ +
+ + +
+ +
+
+ +
+
+

Space Trivia Game Instructions

+
    +
  1. Objective: The goal of the game is to answer as many space-related questions correctly as possible to achieve a high score.
  2. +
  3. Starting the Game: Click on the "Start" button to begin the trivia.
  4. +
  5. Answering Questions: Select your answer from the provided options.
  6. +
  7. Feedback on Answers: You will receive immediate feedback on whether your answer is correct or incorrect.
  8. +
  9. Next Question: Click the "Next Question" button to move on to the next question.
  10. +
  11. Viewing Your Score: Your total score will be displayed after answering all questions.
  12. +
  13. Restarting the Game: Click the "Restart Game" button to reset the game and play again.
  14. +
  15. Enjoy and Learn: Have fun while learning interesting facts about space!
  16. +
+
+ +
+ + + + \ No newline at end of file diff --git a/COC project/styles.css b/COC project/styles.css new file mode 100644 index 00000000..4e3274b8 --- /dev/null +++ b/COC project/styles.css @@ -0,0 +1,613 @@ +* { + margin: 0px; + padding: 0px; + box-sizing: border-box; + font-family: Arial, sans-serif; +} +.main-heading-11{ + margin-bottom:7px + margin-bottom:7px +} + +.games-container-1 { + background-color: #162447; + border-radius: 15px; + padding: 20px; + max-width: 600px; + text-align: center; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); +} +.space-body{ + font-family: 'Arial', sans-serif; + background-color: #0a1931; + color: #fff; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + opacity:0.9 +} +.btn { + background-color: #00adb5; + color: white; + border: none; + border-radius: 5px; + padding: 10px 20px; + margin: 10px; + cursor: pointer; + font-size: 16px; +} + +.btn:hover { + background-color: #00c1a7; +} + +.btn-grid { + display: grid; + grid-template-columns: repeat(2, auto); + gap: 20px; +} + +.btn-answer { + background-color: #1f4068; + padding: 10px; + border-radius: 10px; + color: white; + cursor: pointer; +} + +.btn-answer:hover { + background-color: #e43f5a; +} + +.hidden-games { + display: none; +} +.instructions-container{ + max-width: 800px; + margin: 50px auto; + padding: 20px; + background-color: #162447; /* Slightly lighter background */ + border-radius: 10px; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); +} +.game-btn{ + background-color: #00adb5; /* Primary button color */ + color: white; /* Button text color */ + border: none; /* Remove default border */ + border-radius: 5px; /* Rounded corners */ + padding: 12px 24px; /* Button padding */ + margin: 15px; /* Space around the button */ + cursor: pointer; /* Pointer cursor on hover */ + font-size: 18px; /* Increase font size */ + transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover and click effects */ + box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */ +} +.instructions-list { + list-style-type: decimal; + padding-left: 20px;} +.instructions-list li { + margin: 10px 0; + } +.about-team-member{ + color:white +} +.body-container{ + background-image: url("https://wallpaper-house.com/data/out/10/wallpaper2you_466777.jpg"); + background-size: cover; /* Ensures the image covers the whole area */ + background-repeat: no-repeat; /* Prevents the image from repeating */ + background-position:center; + background-attachment: fixed; + +} +.exoplanet-body-container{ + background-image: url("https://wallpapercave.com/wp/wp6764410.jpg"); + background-size: cover; /* Ensures the image covers the whole area */ + background-repeat: no-repeat; /* Prevents the image from repeating */ + background-position:center; + background-attachment: fixed; + +} + +.games-body-container{ + background-image: url("https://hgs.cx/wp-content/uploads/2023/02/social-AI-in-contact-center.jpg"); + background-size: cover; /* Ensures the image covers the whole area */ + background-repeat: no-repeat; /* Prevents the image from repeating */ + background-position: center; /* Centers the image */ + background-attachment: fixed; /* Makes the background fixed during scroll */ +} +.contact-bg-container{ + background-image: url("https://hgs.cx/wp-content/uploads/2023/02/social-AI-in-contact-center.jpg"); + background-size: cover; /* Ensures the image covers the whole area */ + background-repeat: no-repeat; /* Prevents the image from repeating */ + background-position: center; /* Centers the image */ + background-attachment: fixed; /* Makes the background fixed during scroll */ +} +.exploration-body-container{ + background-image: url("https://static.vecteezy.com/system/resources/previews/036/392/946/large_2x/ai-generated-an-astronaut-exploring-the-moon-science-fiction-space-exploration-planet-universe-free-photo.jpeg"); + background-size: cover; /* Ensures the image covers the whole area */ + background-repeat: no-repeat; /* Prevents the image from repeating */ + background-position: center; /* Centers the image */ + background-attachment: fixed; /* Makes the background fixed during scroll */ +} +.contact-container-1 { + max-width: 600px; + margin: 50px auto; + padding: 20px; + background-color: #494990; + border-radius: 5px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + opacity:0.7 +} +.club-container { + max-width: 800px; + margin: 50px auto; + padding: 20px; + background-color: #090a1c; + border-radius: 10px; + box-shadow: 0 0 10px rgba(10, 3, 54, 0.163); + text-align: center; + opacity: 0.9; +} +.image-container-1 { + display: flex; + justify-content: center; /* Centers the image horizontally */ + margin: 20px 0; /* Optional margin for spacing */ +} +// : Use a unique and descriptive class name +// : Use a value from 100 to 900 + +.exo-2 { + font-family: "Exo 2", sans-serif; + font-optical-sizing: auto; + font-weight: ; + font-style: normal; +} +.custom-image-1 { + width: 80%; /* Set the desired width */ + height: auto; /* Maintain aspect ratio */ + max-width: 600px; /* Optional: Set a maximum width */ +} + +.club-logo { + width: 300px; /* Adjust logo size as needed */ + height: auto; + font-family: impact; +} + +.form-group { + margin-bottom: 15px; +} + +.label-1 { + display: block; + margin-bottom: 5px; + font-weight: bold; +} + +input[type="text"], +input[type="email"], +textarea { + width: 100%; + padding: 10px; + border: 1px solid #ddd; + border-radius: 4px; + box-sizing: border-box; +} + +.contact-button { + width: 100%; + padding: 10px; + background-color: #007BFF; + color: #fff; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 16px; +} + +button:hover { + background-color: #0056b3; +} +.about-body-container{ + background-image: url("https://wallpaperbat.com/img/77766361-purple-wallpaper-purple-wallpaper.webp"); + background-size: cover; /* Ensures the image covers the whole area */ + background-repeat: no-repeat; /* Prevents the image from repeating */ + background-position: center; /* Centers the image */ + background-attachment: fixed; /* Makes the background fixed during scroll */ +} +/* Basic anchor styling */ +a { + text-decoration: none; /* Removes underline */ + color: #db8fd9; /* Initial color - a vibrant */ + font-weight: bold; + padding: 8px 15px; /* Adds some padding for clickable area */ + border-radius: 5px; /* Rounded corners */ + background-color: #450954; /* Light background color */ + transition: all 0.3s ease; /* Smooth transition effect */ +} + +/* Hover state */ +a:hover { + background-color: #cb86dc; /* Blue background on hover */ + color: rgb(59, 21, 68); /* White text on hover */ + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Adds a subtle shadow */ + transform: scale(1.1); /* Slightly enlarges the link */ + text-decoration: none; + border-color:#511075 + border-radius:10px +} +.bottom-footer{ + background-color: #5c0555 ; + color:rgb(223, 157, 222) +} +.main-heading{ + color:white + background-color: #5c0555; +} +} +.club-logo{ + font-family:impact +} +body { + background-color: #5c0555; + color: #fff; + line-height: 1.6; +} +.heading +header { + margin:0px; + background-color:#5c0555; + color: #fff; + text-align: center; +} +.header-1 { + margin:5px; + background-color:#2f0e49; + color: #fff; + text-align: center; + padding-left: 10px; + padding-right: 10px; + border-radius:25px; + opacity:0.7 + +} +.header-1:hover{ + background-color: #a438ac; + color:rgba(56, 3, 63, 0.485) + text-decoration: none; +} +header h1 { + margin-bottom: 10px; + font-size: 2.5em; + +} + +.header-1 h1 { + margin-bottom: 10px; + font-size: 2.5em; +} +.header-2{ + color:#a1970c + font-family: +} +nav ul { + list-style: none; + display: flex; + justify-content: center; +} + +nav ul li { + margin: 0 15px; +} + +nav ul li a { + background-color: #350e36; + color: #b08fb3; + text-decoration: none; + font-size: 1.2em; + transition: color 0.3s ease-in-out; +} + +nav ul li a:hover { + background-color: #b88bd2; + color: #350e36; + text-decoration: none; +} + +.join-btn { + background-color: #e74c3c; + padding: 10px 15px; + border-radius: 5px; +} + +.join-btn:hover { + background-color: #c0392b; +} + +.info { + text-align: center; + padding: 20px; +} + +.info h2 { + margin-bottom: 20px; +} + +.topic-button-1{ + display: inline-block; + background-color: #410a4d; + color: #ae7eca; + padding: 10px; + margin: 10px; + border-radius: 10px; + text-decoration: none; + transition: background 0.3s ease-in-out; +} +.topic-button-1:hover{ + background-color: #9b57a0; + color:rgb(37, 7, 37)!important + text-decoration: none; +} + +.images img { + max-width: 45%; + margin: 20px; + border-radius: 10px; +} + +footer { + text-align: center; + padding: 0px; + background: #333; + +} +/* General Styles */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Arial', sans-serif; +} +/* Container styling for the heading */ +.heading-container { + background-color: #1c0f2d; /* Light blue background */ + padding: 7px; /* Adds space around the heading */ + border-radius: 10px; /* Rounded corners */ + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */ + text-align: center; /* Centers the heading text */ + margin: 20px auto; /* Centers the container on the page */ + max-width: 800px; /* Limits the container width */ +} +.para-container { + background-color: #4e3c65; /* Light blue background */ + padding: 7px; /* Adds space around the heading */ + border-radius: 10px; /* Rounded corners */ + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */ + text-align: center; /* Centers the heading text */ + margin: 20px auto; /* Centers the container on the page */ + max-width: 800px; /* Limits the container width */ + opacity:0.7 +} + +/* Heading styling inside the container */ +.heading-container h1 { + font-family: 'Arial', sans-serif; /* Simple, clean font */ + font-size: 2.5em; /* Larger text size for emphasis */ + color: white; /* White text color to contrast with background */ + margin: 0; /* Removes default margin */ +} + +body { + background-color: #f4f4f4; + color: #333; + line-height: 1.6; +} + +h1, h2, h3 { + color: white; +} + + +/* Header */ +header { + background-color: #004080; + color: white; + padding: 20px 0; + text-align: center; +} + +header h1 { + font-size: 2.5rem; +} +p{ + color:white +} +nav ul { + list-style: none; + display: flex; + justify-content: center; + margin-top: 10px; +} + +nav ul li { + margin: 0 15px; +} + +nav ul li a { + color: white; + font-weight: bold; + padding: 10px 15px; + border-radius: 5px; + transition: background-color 0.3s ease; +} + +nav ul li a:hover { + background-color: #a65eac; + color:#090a1c +} +/* Ensures all images are larger and maintain a medium height */ +img { + display: block; + max-width: 600px; /* Increase the width of the images */ + width: 100%; + height: 300px; /* Set a medium height */ + object-fit: cover; /* Ensures the image fits well inside the container without distortion */ + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); + margin: 15px auto; /* Centers the image horizontally */ +} +.research-img{ + max-width: 300px; /* Set the maximum width for a small/medium image */ + width: 100%; /* Make it responsive within the container */ + height: auto; /* Maintain the aspect ratio */ + display: block; /* Ensure it's treated as a block element */ + margin: 0 auto; /* Center the image horizontally */ + /* Optional: add a border around the image */ + border-radius: 5px; /* Optional: add slight rounding to the image */ +} +} + +/* Styling for images in the section */ +section.topics img { + max-width: 500px; /* Slightly larger images in the topics section */ + width: 100%; + height: 280px; /* Medium height for section images */ + object-fit: cover; /* Ensure images scale without distortion */ + border-radius: 10px; + transition: transform 0.3s ease-in-out; + margin: 20px auto; /* Center the images */ +} + +/* Hover effect to zoom in slightly */ +section.topics img:hover { + transform: scale(1.05); /* Image zooms in on hover */ +} + +/* Join Button */ +.join-btn { + background-color: #ff9933; + color: white; + padding: 10px 20px; + border-radius: 20px; + font-weight: bold; + transition: background-color 0.3s ease; +} + +.join-btn:hover { + background-color: #ff8000; +} + +/* Main Content */ +main { + margin-top: 20px; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + +} + +main h2 { + font-size: 2rem; + margin-bottom: 20px; +} +.services-body-container{ background-image: url("https://wallpaper-house.com/data/out/7/wallpaper2you_171801.jpg"); + background-size: cover; /* Ensures the image covers the whole area */ + background-repeat: no-repeat; /* Prevents the image from repeating */ + background-position: center; /* Centers the image */ + background-attachment: fixed; /* Makes the background fixed during scroll */ + +} +.research-body-container{ background-image: url("https://static.vecteezy.com/system/resources/previews/021/085/809/original/abstract-background-future-technology-artificial-intelligence-robot-learning-imagination-it-has-a-bright-face-and-cogs-hi-tech-pattern-inside-elements-and-circuits-on-a-bright-purple-background-vector.jpg"); + background-size: cover; /* Ensures the image covers the whole area */ + background-repeat: no-repeat; /* Prevents the image from repeating */ + background-position: center; /* Centers the image */ + background-attachment: fixed; /* Makes the background fixed during scroll */ + +} +.research-section, .dark-matter, .black-holes, .galaxy-evolution, .exoplanet-research, .future-research { + margin-bottom: 40px; +} + +.research-section img, .dark-matter img, .black-holes img, .galaxy-evolution img, .exoplanet-research img, .future-research img { + width: 100%; + max-width: 800px; + height: auto; + display: block; + margin: 20px auto; + border-radius: 10px; + box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); +} + +.research-section p, .dark-matter p, .black-holes p, .galaxy-evolution p, .exoplanet-research p, .future-research p { + font-size: 1.1rem; + margin-top: 10px; + line-height: 1.8; +} + +/* Footer */ +footer { + background-color: hsl(293, 78%, 16%); + color: white; + text-align: center; + padding: 15px 0; + margin-top: 40px; +} + +footer p { + margin-bottom: 0; +} + +/* Topics Buttons on Main Page */ +.topic-button-1 { + display: inline-block; + background-color: #622358; + color: rgb(237, 212, 242); + padding: 15px 25px; + margin: 10px; + border-radius: 10px; + text-align: center; + transition: background-color 0.3s ease, transform 0.3s ease; + font-weight: bold; + font-size: 1.2rem; +} + +.topic-button-1:hover { + background-color: #a06f91; + color:#350e36 !important + transform: translateY(-3px); + text-decoration:none + +} + +/* Carousel (for Exoplanets) */ +.carousel-container { + position: relative; + max-width: 800px; + margin: 0 auto; +} + +.carousel-slide { + width: 100%; + border-radius: 10px; + box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); +} + +.carousel-container img { + display: none; +} + +/* Media Queries */ +@media (max-width: 768px) { + nav ul { + flex-direction: column; + } + + nav ul li { + margin: 10px 0; + } + + .research-section img, .dark-matter img, .black-holes img, .galaxy-evolution img, .exoplanet-research img, .future-research img { + max-width: 100%; + } +} \ No newline at end of file