├── CNAME ├── examples ├── comp.png └── wide.png ├── css ├── main.css └── style.css ├── js ├── GeoPosition.js ├── main.js └── OpenWeather.js ├── weather.html ├── README.md ├── index.html └── LICENSE /CNAME: -------------------------------------------------------------------------------- 1 | swo.yaranaika.xyz -------------------------------------------------------------------------------- /examples/comp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jvicu2001/Simple-Weather-Overlay/HEAD/examples/comp.png -------------------------------------------------------------------------------- /examples/wide.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jvicu2001/Simple-Weather-Overlay/HEAD/examples/wide.png -------------------------------------------------------------------------------- /css/main.css: -------------------------------------------------------------------------------- 1 | #preview { 2 | width: 590px; 3 | height: 285px; 4 | resize: both; 5 | overflow: hidden; 6 | margin: 0 auto; 7 | background-color: rgb(150, 150, 150); 8 | } 9 | 10 | #preview-iframe { 11 | position: relative; 12 | height: 100%; 13 | width: 100%; 14 | } 15 | 16 | #why-next-min-info { 17 | color: #007bff; 18 | cursor: pointer; 19 | } 20 | 21 | .hover-pointer { 22 | cursor: pointer; 23 | } -------------------------------------------------------------------------------- /js/GeoPosition.js: -------------------------------------------------------------------------------- 1 | function ShowPositionValues(position){ 2 | let pos = position.coords; 3 | console.log("lat: " + pos.latitude); 4 | console.log("long: " + pos.longitude); 5 | $(".place_field").attr("disabled", true); 6 | $("#city_input").val("Using geolocation info"); 7 | $("#lat_field").val(pos.latitude); 8 | $("#lon_field").val(pos.longitude); 9 | } 10 | 11 | function GetPosition(){ 12 | navigator.geolocation.getCurrentPosition(ShowPositionValues); 13 | } -------------------------------------------------------------------------------- /weather.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |Have your local or somewhere else's current weather conditions shown in your stream!
18 | You'll need a Free API key from OpenWeather to use this (Registration needed).