1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5<!-- This site is hosted on Netlify. Anyone can build and deploy a site 6 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=4ccb324f-146e-470a-b269-0cc498867563 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 10 <title>Space discovery</title> 11 <link rel="stylesheet" href="style.css" /> 12 <link rel="preconnect" href="https://fonts.googleapis.com" /> 13 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 14 <link 15 href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&family=Major+Mono+Display&family=Quicksand&family=Roboto:wght@100&family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&family=Walter+Turncoat&display=swap" 16 rel="stylesheet" 17 /> 18 </head> 19 <body> 20 <div class="container-1"> 21 <div class="content" id="titre"> 22 <h1>Space discovery</h1> 23 <p> 24 NASA (National Aeronautics and Space Administration) is an agency 25 responsible for the space program and research.<br /> 26 Scroll down to discover some information from the NASA, as astronomy 27 pictures, objects near the earth at a given date or exoplanets that we 28 already know. 29 </p> 30 </div> 31 </div> 32 <div class="container-2" id="container-2"> 33 <div class="content" id="APOD"> 34 <h2>Astronomy picture of the day</h2> 35 <p> 36 Each day a different image or photograph of our fascinating universe 37 is featured, along with a brief explanation written by a professional 38 astronomer.<br /> 39 It's provided by NASA and Michigan Technology University since June 40 16, 1995.<br /> 41 You can select a date below between June 16, 1995 and today. Before 42 this date, no picture will be displayed. 43 </p> 44 <div id="input"> 45 <input type="date" id="date" min="1995-06-16" /> 46 </div> 47 <h3 id="picture_title"></h3> 48 <p id="picture_description"></p> 49 </div> 50 </div> 51 <div class="container-3"> 52 <div class="content" id="mars"> 53 <h2>Last Weather on Mars</h2> 54 <p> 55 NASA's InSight Mars lander used to take weather measurements 56 (temperature, wind, pressure) on the surface of Mars at Elysium 57 Planitia, a flat, smooth plain near Mars' equator.<br /> 58 Unfortunately, NASA's Insight Mission ended in January 2023, but the 59 Perseverance Rover still collects data from Mars at the Jezero 60 Crater.<br /> 61 Discover these data and the current weather on Mars. Spoiler : it's 62 very cold ! 63 </p> 64 <p id="sols"></p> 65 <hr /> 66 <div class="meteo"> 67 <div class="infoMars"> 68 <div id="season"></div> 69 <div id="temperature"></div> 70 </div> 71 </div> 72 <div class="chart"> 73 <canvas id="chart" aria-label="chart" role="img"></canvas> 74 </div> 75 </div> 76 </div> 77 <div class="container-4"> 78 <div class="content" id="NEO"> 79 <h2>Near Earth Objects</h2> 80 <p> 81 With Neo web service from NASA, you can search for Asteroids based on 82 their closest approach date to Earth. 83 </p> 84 <div class="toto"> 85 <div id="asteroid_input"> 86 <input type="date" id="asteroid_date" /> 87 </div> 88 <div id="earth"> 89 <div id="moonContainer"> 90 <div id="moon"></div> 91 </div> 92 </div> 93 <!-- <p id="asteroid_description"></p> --> 94 </div> 95 </div> 96 </div> 97 <div class="widgets"> 98 <a href="#titre" class="btn"></a> 99 <a href="#APOD" class="btn"></a> 100 <a href="#Asteroid" class="btn"></a> 101 <a href="#NEO" class="btn"></a> 102 </div> 103
103<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
103 104
104<script type="module" src="script.js" defer></script>
104 105 </body> 106</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.