Svoboda | Graniru | BBC Russia | Golosameriki | Facebook
, but this code // executes before the first paint, when is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); BBC Russian
Satellite Snapshot

A Look Back at Debby

View the Hurricane
GOES GeoColor western hemisphere
Interactive Maps
Our dynamic world is always changing. See what it looks like now from space via our live feeds.
Explore interactively
GOES-U in space with the earth and sun in the background.
GOES-19
Earth and Sun in High Definition.
See the Difference
Image of a hurricane on the atlantic coast.
Hurricane Tracker
The live hurricane tracker map provides current hurricane tracker information.
Live Hurricane Tracker

Feature Stories

Explore

Hurricane Tracker
Wildfires
Space Weather

Data & New Technology

Data Purchases
NOAA is taking concrete steps to support the development of commercial markets for space-based weather data.
Visit the programs page
Data Collections
NOAA collects the most up-to-date data about the atmosphere, land, and oceans.
Learn about data information
Latest Research
There are many ways that NOAA data is being used for research.
View the latest research
Pathfinder Initiative
Help develop studies for future applications of mission data products.
Read about pathfinder initiative

News & Announcements

View MoreHomepage News & Announcements

Events

All EventsHomepage Events