Weather.js \u2014 \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e \u043f\u043e\u0433\u043e\u0434\u0435.<\/p>\n\n\n\n
\u041f\u0440\u0438\u043c\u0435\u0440 Simple of Weather.js, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang = \"en\">\n <head>\n <meta charset = \"UTF-8\">\n <meta name = \"viewport\" content = \"width = device-width, \n initial-scale = 1\">\n <link rel = \"stylesheet\" \n href = \"https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.3.0\/css\/font-awesome.min.css\">\n <link rel = \"stylesheet\" \n href = \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/normalize\/3.0.3\/normalize.css\">\n <link href = 'https:\/\/fonts.googleapis.com\/css?family=Open+Sans:400,300,600,700'\n rel = 'stylesheet' type = 'text\/css'>\n <link rel = \"stylesheet\" type = \"text\/css\" href = \"weather.css\">\n <\/head>\n\t\n <body id = \"weather-background\" class = \"default-weather\">\n <canvas id = \"rain-canvas\"><\/canvas>\n <canvas id = \"cloud-canvas\"><\/canvas>\n <canvas id = \"weather-canvas\"><\/canvas>\n <canvas id = \"time-canvas\"><\/canvas>\n <canvas id = \"lightning-canvas\"><\/canvas>\n\t\t\n <div class = \"page-wrap\">\n <header class = \"search-bar\">\n\t\t\t\n <p class = \"search-text\">\n <span class = \"search-location-text\">\n What's the weather like in \n \n <input id = \"search-location-input\" \n class = \"search-location-input\" type = \"text\"\n placeholder = \"City\"> ?\n <\/span>\n <\/p>\n\t\t\t\t\t\n <div class = \"search-location-button-group\">\n <button id = \"search-location-button\" \n class = \"fa fa-search search-location-button search-button\">\n <\/button>\n\t\t\t\t\t\t\n <!-- -->\n <button id = \"geo-button\" class = \"geo-button fa\n fa-location-arrow search-button\"><\/button>\n <\/div>\n\t\t\t\t\n <\/header>\n\n <div id = \"geo-error-message\" class = \"geo-error-message hide\">\n <button id = 'close-error' class = 'fa fa-times \n close-error'><\/button>Uh oh! It looks like we can't \n find your location. Please type your city into the search \n box above!\n <\/div>\n\n <div id = \"front-page-description\" \n\t\t\t class = \"front-page-description middle\">\n <h1>Blank Canvas Weather<\/h1>\n <\/div>\n\t\t\t\n <div class = \"attribution-links hide\" id = \"attribution-links\">\n <button id = 'close-attribution' \n class = 'fa fa-times close-attribution'><\/button>\n\t\t\t\t\t\n <h3>Icons from <a href = \"https:\/\/thenounproject.com\/\">\n Noun Project<\/a><\/h3>\n\t\t\t\t\t\n <ul>\n <li class = \"icon-attribution\">\n <a href = \"https:\/\/thenounproject.com\/term\/cloud\/6852\/\">\n Cloud<\/a> by Pieter J. Smits<\/li>\n\t\t\t\t\t\t\n <li class = \"icon-attribution\">\n <a href = \"https:\/\/thenounproject.com\/term\/snow\/64\/\">\n Snow<\/a> from National Park Service Collection<\/li>\n\t\t\t\t\t\t\n <li class = \"icon-attribution\">\n <a href = \"https:\/\/thenounproject.com\/term\/drop\/11449\/\">\n Drop<\/a> Alex Fuller<\/li>\n\t\t\t\t\t\t\n <li class = \"icon-attribution\">\n <a href = \"https:\/\/thenounproject.com\/term\/smoke\/27750\/\">\n Smoke<\/a> by Gerardo Mart\u00edn Mart\u00ednez<\/li>\n\t\t\t\t\t\t\n <li class = \"icon-attribution\">\n <a href = \"https:\/\/thenounproject.com\/term\/moon\/13554\/\">\n Moon<\/a> by Jory Raphael<\/li>\n\t\t\t\t\t\t\n <li class = \"icon-attribution\">\n <a href = \"https:\/\/thenounproject.com\/term\/warning\/18974\/\">\n Warning<\/a> by Icomatic<\/li>\n\t\t\t\t\t\t\n <li class = \"icon-attribution\">\n <a href = \"https:\/\/thenounproject.com\/term\/sun\/13545\/\">\n Sun<\/a> by Jory Raphael<\/li>\n\t\t\t\t\t\t\n <li class = \"icon-attribution\">\n <a href = \"https:\/\/thenounproject.com\/term\/windsock\/135621\/\">\n Windsock<\/a> by Golden Roof<\/li>\n\t\t\t\t\t\t\n <\/ul>\t\t\n <\/div>\n\t\t\t\n <div id = \"weather\" class = \"weather middle hide\">\n <div class = \"location\" id = \"location\"><\/div>\n \n <div class = \"weather-container\">\n <div id = \"temperature-info\" class = \"temperature-info\">\n <div class = \"temperature\" id = \"temperature\">\n <\/div>\n <div class = \"weather-description\" id = \"weather-description\">\n <\/div>\n <\/div>\n\t\t\t\t\t\t\n <div class = \"weather-box\">\n <ul class = \"weather-info\" id = \"weather-info\">\n <li class = \"weather-item humidity\">Humidity:\n <span id = \"humidity\"><\/span>%<\/li><!---->\n <li class = \"weather-item wind\">Wind: <span \n id = \"wind-direction\"><\/span> <span \n id = \"wind\"><\/span> <span \n id = \"speed-unit\"><\/span><\/li>\n <\/ul>\n <\/div>\n\t\t\t\t\t\t\n <div class = \"temp-change\">\n <button id = \"celsius\" \n class = \"temp-change-button celsius\">\u00b0C\n <\/button><button id = \"fahrenheit\" \n class = \"temp-change-button fahrenheit\">\n \u00b0F<\/button>\n <\/div>\n\t\t\t\t\t\t\n <\/div>\n <\/div> \n\t\t\t\t\n <\/div>\n\t\t\t\n <script \n src = \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.3\/jquery.min.js\">\n <\/script>\n <script src = \"weather.js\">\n <\/script>\n <\/div>\t\n <\/body>\n<\/html><\/pre>\n","protected":false},"excerpt":{"rendered":"Weather.js \u2014 \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e \u043f\u043e\u0433\u043e\u0434\u0435. \u041f\u0440\u0438\u043c\u0435\u0440 Simple of Weather.js, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014 <!DOCTYPE html> […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[154],"tags":[],"class_list":["post-4898","page","type-page","status-publish","hentry","category-jquery"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages\/4898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/comments?post=4898"}],"version-history":[{"count":0,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages\/4898\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/media?parent=4898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/categories?post=4898"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/tags?post=4898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}