1.0

lyarov22 · Jul 29, 2024 · f9e914e · f9e914e
1 parent a3458a4
commit f9e914e
Show file tree

Hide file tree

Showing 22 changed files with 5,691 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,2 +1,19 @@
-# meteoboard
-One-page HTML and JS website with weather information (OWM Api) and meteo station sensor readings(narodmon api)
+# MeteoBoard
+## One-page HTML and JS website with weather information (OWM Api) and meteo station sensor readings(narodmon api)
+
+### Figma File:
+
+### How to run?
+1. Open file ./js/api.js
+2. Set the coordinates of your city in **lat** ang **lon** variables (example lat = 43.25 and lon = 76.95)
+3. Set the OpenWeatherMap API key in **apiKey** variable (https://openweathermap.org/api)
+4. Set the WAQI API key in **airApiKey** variable (https://aqicn.org/api)
+5. Run page!
+
+### Todo:
+~~make a design in figma~~
+~~Create an html page based on the design~~
+~~add integration with openweathermap (weather data)~~
+~~add integration with the wagi api (data api)~~
+add integration with the narodmon api (meteo sensors data)
+english supports
diff --git a/api.html b/api.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <title>Прогноз погоды</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+        }
+        .weather-section {
+            margin-bottom: 20px;
+        }
+    </style>
+</head>
+<body>
+    <div id="current-weather" class="weather-section">
+        <h2>Текущая погода</h2>
+        <p id="temp">Температура: </p>
+        <p id="humidity">Влажность: </p>
+        <p id="time">Время запроса: </p>
+        <p id="sunrise">Восход: </p>
+        <p id="sunset">Закат: </p>
+        <p id="wind-speed">Скорость ветра: </p>
+        <p id="wind-deg">Направление ветра: </p>
+        <p id="weather-description">Состояние погоды: </p>
+        <p id="uvi">UV индекс: </p>
+    </div>
+    <div id="hourly-weather" class="weather-section">
+        <h2>Почасовая погода (на 7 часов вперед)</h2>
+    </div>
+    <div id="daily-weather" class="weather-section">
+        <h2>Прогноз на неделю</h2>
+    </div>
+
+    <script src="js/api.js"></script>
+</body>
+</html>
diff --git a/css/aos.css b/css/aos.css
diff --git a/css/plus-jakarta-text.min.css b/css/plus-jakarta-text.min.css
diff --git a/favicon.ico b/favicon.ico
diff --git a/fonts/PlusJakartaText-Bold.woff b/fonts/PlusJakartaText-Bold.woff
diff --git a/fonts/PlusJakartaText-Bold.woff2 b/fonts/PlusJakartaText-Bold.woff2
diff --git a/fonts/PlusJakartaText-BoldItalic.woff b/fonts/PlusJakartaText-BoldItalic.woff
diff --git a/fonts/PlusJakartaText-BoldItalic.woff2 b/fonts/PlusJakartaText-BoldItalic.woff2
diff --git a/fonts/PlusJakartaText-Italic.woff b/fonts/PlusJakartaText-Italic.woff
diff --git a/fonts/PlusJakartaText-Italic.woff2 b/fonts/PlusJakartaText-Italic.woff2
diff --git a/fonts/PlusJakartaText-Light.woff b/fonts/PlusJakartaText-Light.woff
diff --git a/fonts/PlusJakartaText-Light.woff2 b/fonts/PlusJakartaText-Light.woff2
diff --git a/fonts/PlusJakartaText-LightItalic.woff b/fonts/PlusJakartaText-LightItalic.woff
diff --git a/fonts/PlusJakartaText-LightItalic.woff2 b/fonts/PlusJakartaText-LightItalic.woff2
diff --git a/fonts/PlusJakartaText-Regular.woff b/fonts/PlusJakartaText-Regular.woff
diff --git a/fonts/PlusJakartaText-Regular.woff2 b/fonts/PlusJakartaText-Regular.woff2
diff --git a/images/favicon.png b/images/favicon.png