A Pen by vanessa cendales on CodePen.
Vanessa Cendales vanecendales
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="ui sidebar vertical left menu overlay visible" style="-webkit-transition-duration: 0.1s; overflow: visible !important;"> | |
| <div class="item logo"> | |
| <img src="https://hackernoon.imgix.net/images/cl-08-oeazz-00920-as-67-rfg-97-c-5.jpg" /><img src="https://static-00.iconduck.com/assets.00/semantic-ui-icon-2048x2048-dtumoayv.png" style="display: none" /> | |
| </div> | |
| <div class="ui accordion"> | |
| <a class="title item">Dashboard <i class="dropdown icon"></i> | |
| </a> | |
| <div class="content"> | |
| <a class="item" href="dashboard.html">Dashboard | |
| </a> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html lang="en" dir="ltr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Side Navigation Bar</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| </head> | |
| <body> | |
| <div class="sidebar"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="root"> | |
| </div> |
This file has been truncated, but you can view the full file.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [{"datasetid": "us-air-quality-measurements", "recordid": "f00c05e7a4a5b7cbb7d4d883b96d918c636d58a7", "fields": {"city": "Detroit-Warren-Livonia", "measurements_lastupdated": "2020-11-10T04:00:00-05:00", "measurements_unit": "\u00b5g/m\u00b3", "measurements": "{\"parameter\": \"pm25\", \"value\": 8.5, \"lastUpdated\": \"2020-11-10T09:00:00.000Z\", \"unit\": \"\u00b5g/m\u00b3\", \"sourceName\": \"AirNow\", \"averagingPeriod\": {\"value\": 1, \"unit\": \"hours\"}}", "distance": 1065154.6194808166, "coordinates": [42.2283, -83.2092], "measurements_parameter": "pm2.5", "location": "ALLEN PARK", "country": "US", "measurements_value": 8.5, "measurements_sourcename": "AirNow"}, "geometry": {"type": "Point", "coordinates": [-83.2092, 42.2283]}, "record_timestamp": "1969-12-31T19:00:00-05:00"},{"datasetid": "us-air-quality-measurements", "recordid": "25fcd494bf7f955f79dd06a68653cdf3b0721f04", "fields": {"city": "St. Louis", "measurements_lastupdated": "2019-11-15T08:00:00-05:00", "measurements_unit": "\u00b5g/m\u00b3" |