1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <link rel="stylesheet" href="style.css" /> 7 <link rel="preconnect" href="https://fonts.googleapis.com" /> 8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 9 <link rel="preconnect" href="https://fonts.googleapis.com" /> 10 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 11 <link rel="preconnect" href="https://fonts.googleapis.com" /> 12 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 13 <link rel="preconnect" href="https://fonts.googleapis.com" /> 14 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 15 <link rel="preconnect" href="https://fonts.googleapis.com" /> 16 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 17 <link 18 href="https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Comfortaa:[email protected]&family=Gaegu&family=Hind:wght@300;400;500;600;700&family=Luckiest+Guy&family=Onest:[email protected]&family=Outfit:[email protected]&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rampart+One&family=Righteous&family=Rubik:ital,wght@0,300..900;1,300..900&family=STIX+Two+Text:ital,wght@0,400..700;1,400..700&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap" 19 rel="stylesheet" 20 /> 21 <link rel="preconnect" href="https://fonts.googleapis.com" /> 22 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 23 24
24<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>
24 25 <title>Weather App</title> 26 </head> 27 <body> 28 <div class="app"> 29 <header> 30 <form class="search-form" id="search-form"> 31 <input 32 type="search" 33 placeholder="Enter a city..." 34 required 35 id="search-form-input" 36 class="search-form-input" 37 /> 38 <input type="submit" value="Search" class="search-form-button" /> 39 </form> 40 </header> 41 </br> 42 43 <main> 44 <div class="weather-app-data"> 45 46 47 <div> 48 <h1 class="weather-app-city" id="city"></h1> 49 <p class="weather-app-details"> 50 <span id="time"></span> 51 <strong>with</strong> 52 <span id="description"></span> 53 54 <br /> 55 Humidity : <strong id="humidity"></strong> Wind : 56 <strong id="wind-speed"></strong> 57 </p> 58 </br> 59 </br> 60 61 </div> 62 <div class="weather-app-temperature-container"> 63 <div id="icon"></div> 64 <div class="weather-app-temperature" id="temperature"></div> 65 <div class="weather-app-unit">°C</div> 66 </div> 67 </div> 68 <div class="weather-forecast" id="forecast"></div> 69 </main> 70 <footer> 71 This project was coded by 72 <a href="https://github.com/JemLBT" target="_blank">Jem</a> is 73 <a href="https://github.com/JemLBT/weatherapp" target="_blank" 74 >open- sourced on Github</a 75 > 76 and 77 <a href="https://jemweather.netlify.app/" target="_blank" 78 >hosted on Netlify</a 79 > 80 </footer> 81 </div> 82
82<script src="index.js"></script>
82 83 </body> 84</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.