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=5703a24e-eaf1-4cfb-b55a-08f09689ff49 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 9 <link rel="preconnect" href="https://fonts.googleapis.com" /> 10 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 11 <link 12 href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" 13 rel="stylesheet" 14 /> 15 <link rel="stylesheet" href="src/styles.css" /> 16 <title>My weather application</title> 17 </head> 18 <body> 19 <div class="weather-app"> 20 <header> 21 <form id="search-form"> 22 <input 23 type="search" 24 placeholder="Enter a city.." 25 required 26 class="search-input" 27 id="search-input" 28 /> 29 <input type="submit" value="Search" class="search-button" /> 30 </form> 31 </header> 32 <main> 33 <div class="current-weather"> 34 <div> 35 <h1 class="current-city" id="current-city">Paris</h1> 36 <p class="current-details"> 37 <span id="current-date"></span>, <span id="current-description">moderate rain</span> <br /> 38 Humidity: <strong><span id="current-humidity">87</span>%</strong>, Wind: <strong><span id="current-wind">7.2</span>km/h</strong> 39</p> 40 </div> 41 <div class="current-temperature"> 42 <span class="current-temperature-icon" id="current-icon">âï¸</span> 43 <span class="current-temperature-value" id="current-temperature" 44 >24</span 45 ><span class="current-temperature-unit">°C</span> 46 </div> 47 </div> 48 <div class="forecast" id="forecast"></div> 49 </main> 50 <footer> 51 <p> 52 This project was coded by 53 <a href="https://github.com/farahnadzirah92-ui" target="_blank">Farah Nadzirah</a> and is 54 <a href="https://github.com/farahnadzirah92-ui/my-app" target="_blank">on GitHub</a> and 55 <a href="https://farahchallenge.netlify.app" target="_blank">hosted on Netlify</a> 56 </p> 57 </footer> 58 </div> 59
59<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>
59 60
60<script src="src/index.js"></script>
60 61 </body> 62</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.