|
|
@@ -1,152 +1,257 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
- <head itemscope itemtype="http://schema.org/Website">
|
|
|
- <meta charset="utf-8">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
- <meta http-equiv="Refresh" content="180">
|
|
|
- #if $Extras.has_key('cwop')
|
|
|
- <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
|
|
|
- #else
|
|
|
- <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
|
|
|
- #end if
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
- <link rel="profile" href="http://gmpg.org/xfn/11" />
|
|
|
- #if $Extras.has_key('web_url')
|
|
|
- <link href="$Extras.web_url/about.html" itemprop="url"/>
|
|
|
- #end if
|
|
|
-
|
|
|
- <title itemprop="name">About $station.location Weather Station</title>
|
|
|
-
|
|
|
- <!-- Open Graph -->
|
|
|
- <meta property="og:site_name" content="$station.location Station Information" />
|
|
|
- <meta property="og:title" content="About the Station"/>
|
|
|
- #if $Extras.has_key('web_url')
|
|
|
- <meta property="og:url" content="$Extras.web_url/about.html"/>
|
|
|
- #end if
|
|
|
- <meta property="og:description" content="About $station.location - weather web site powered by WeeWX" />
|
|
|
- <meta property="og:type" content="website" />
|
|
|
-
|
|
|
- <!-- FavIcons -->
|
|
|
- <link rel="icon" href="favicon.ico" type="image/png">
|
|
|
- <link rel="apple-touch-icon" href="touch-icon.png"/>
|
|
|
-
|
|
|
- <!-- Styles -->
|
|
|
- <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
|
|
|
- <link rel="stylesheet" href="css/main.css">
|
|
|
-
|
|
|
- <!-- Font Awesome CDN links for 5.3-->
|
|
|
- <!-- If you have a pro license --!>
|
|
|
- <!-- <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-9ralMzdK1QYsk4yBY680hmsb4/hJ98xK3w0TIaJ3ll4POWpWUYaA2bRjGGujGT8w" crossorigin="anonymous"> -->
|
|
|
- <!-- Free license --!>
|
|
|
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
|
|
|
-
|
|
|
-
|
|
|
- <!-- Skripte -->
|
|
|
- <script src="js/modernizr-2.6.2.min.js"></script>
|
|
|
- <script src="js/checkdiff.js"></script>
|
|
|
- </head>
|
|
|
-
|
|
|
- <body>
|
|
|
- <header>
|
|
|
- <div class="container-fix" >
|
|
|
- <div class="h-left" >
|
|
|
- <h1><i class="fas fa-cloud" ></i> $station.location </h1>
|
|
|
- <p>$station.latitude[0]° $station.latitude[1]' $station.latitude[2] | $station.longitude[0]° $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.latitude[0]°%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]°%20$station.longitude[1]%20$station.longitude[2]" target="_blank" ><i class="fas fa-map-marker-alt" ></i> Show on map</a></p>
|
|
|
- <h2>About the Station</h2>
|
|
|
- <p><i class="far fa-clock" ></i> $current.dateTime $current.dateTime.format("%Z")</p>
|
|
|
- <p id="freshweather" class="m-orange"></p>
|
|
|
- <script>
|
|
|
- window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
|
|
|
- </script>
|
|
|
- </div>
|
|
|
- <div class="h-right" >
|
|
|
- <table>
|
|
|
- <tr>
|
|
|
- <td><b>Station:</b></td>
|
|
|
- <td>$station.hardware</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><b>Software:</b></td>
|
|
|
- <td><a href="http://weewx.com/" target="_blank" >WeeWX v$station.version</a></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><b>Weewx uptime:</b></td>
|
|
|
- <td>$station.uptime</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><b>Server uptime:</b></td>
|
|
|
- <td>$station.os_uptime</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <nav>
|
|
|
- <ul class="topnav" id="myTopnav">
|
|
|
- <li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fas fa-bars" ></i></a></li>
|
|
|
- <li><a href="/" >Current</a></li>
|
|
|
- <li><a href="week.html" >Week</a></li>
|
|
|
- <li><a href="month.html" >Month</a></li>
|
|
|
- <li><a href="year.html" >Year</a></li>
|
|
|
- <li><a href="summary.html" >Summaries</a></li>
|
|
|
- <li class="active"><a href="about.html" >About</a></li>
|
|
|
- <li><a href="RSS/weewx_rss.xml" ><i class="fas fa-rss" ></i></a></li>
|
|
|
- </ul>
|
|
|
- </nav>
|
|
|
- </div>
|
|
|
- </header>
|
|
|
-
|
|
|
- <!-- Main container -->
|
|
|
- <div class="main" >
|
|
|
- <div class="container" >
|
|
|
- <div class="card">
|
|
|
- <p> Put whatever station information you would like. </P>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <footer>
|
|
|
- <div class="container-fix">
|
|
|
- <div style="text-align:center">
|
|
|
- #if $Extras.has_key('you')
|
|
|
- <i class="fab fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a>
|
|
|
- #end if
|
|
|
- ⋅
|
|
|
- Copyright <i class="far fa-copyright"></i> $latest.dateTime.format("%Y")
|
|
|
- <br>
|
|
|
- Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
|
|
|
- ⋅
|
|
|
- CW9009 Version by <a href="http://cw9009.x10host.com">JDS</a>
|
|
|
- ⋅
|
|
|
- Powered by<i class="fas fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </footer>
|
|
|
-
|
|
|
- #if $Extras.has_key('googleAnalyticsId')
|
|
|
- <!-- Google Analytics -->
|
|
|
- <script>
|
|
|
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
|
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
|
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
|
- })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
-
|
|
|
- ga('create', '$Extras.googleAnalyticsId', 'auto');
|
|
|
- ga('send', 'pageview');
|
|
|
- </script>
|
|
|
- #end if
|
|
|
-
|
|
|
- <!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
|
|
|
- <script>
|
|
|
- function myFunction() {
|
|
|
- var x = document.getElementById("myTopnav");
|
|
|
- if (x.className === "topnav") {
|
|
|
- x.className += " responsive";
|
|
|
- } else {
|
|
|
- x.className = "topnav";
|
|
|
- }
|
|
|
- }
|
|
|
- </script>
|
|
|
-
|
|
|
- </body>
|
|
|
-</html>
|
|
|
-
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+ <head itemscope itemtype="http://schema.org/Website">
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta http-equiv="Refresh" content="180">
|
|
|
+ #if $Extras.has_key('cwop')
|
|
|
+ <meta name="description" content="$station.location Weather Station ($Extras.cwop) - weather web site powered by WeeWX">
|
|
|
+ #else
|
|
|
+ <meta name="description" content="$station.location Weather Station - weather web site powered by WeeWX">
|
|
|
+ #end if
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
+ <link rel="profile" href="http://gmpg.org/xfn/11" />
|
|
|
+ #if $Extras.has_key('web_url')
|
|
|
+ <link href="$Extras.web_url/about.html" itemprop="url"/>
|
|
|
+ #end if
|
|
|
+
|
|
|
+ <title itemprop="name">About $station.location Weather Station</title>
|
|
|
+
|
|
|
+ <!-- Open Graph -->
|
|
|
+ <meta property="og:site_name" content="$station.location Station Information" />
|
|
|
+ <meta property="og:title" content="About the Station"/>
|
|
|
+ #if $Extras.has_key('web_url')
|
|
|
+ <meta property="og:url" content="$Extras.web_url/about.html"/>
|
|
|
+ #end if
|
|
|
+ <meta property="og:description" content="About $station.location - weather web site powered by WeeWX" />
|
|
|
+ <meta property="og:type" content="website" />
|
|
|
+
|
|
|
+ <!-- FavIcons -->
|
|
|
+ <link rel="icon" href="favicon.ico" type="image/png">
|
|
|
+ <link rel="apple-touch-icon" href="touch-icon.png"/>
|
|
|
+
|
|
|
+ <!-- Styles -->
|
|
|
+ <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
|
|
|
+ <link rel="stylesheet" href="css/main.css">
|
|
|
+
|
|
|
+ <!-- Font Awesome CDN links for 5.3-->
|
|
|
+ <!-- If you have a pro license --!>
|
|
|
+ <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-9ralMzdK1QYsk4yBY680hmsb4/hJ98xK3w0TIaJ3ll4POWpWUYaA2bRjGGujGT8w" crossorigin="anonymous">
|
|
|
+ <!-- Free license --!>
|
|
|
+ <!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> --!>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- Skripte -->
|
|
|
+ <script src="js/modernizr-2.6.2.min.js"></script>
|
|
|
+ <script src="js/checkdiff.js"></script>
|
|
|
+ </head>
|
|
|
+
|
|
|
+ <body>
|
|
|
+ <header>
|
|
|
+ <div class="container-fix" >
|
|
|
+ <div class="h-left" >
|
|
|
+ <h1><i class="fas fa-cloud" ></i> $station.location </h1>
|
|
|
+ <p>$station.latitude[0]° $station.latitude[1]' $station.latitude[2] | $station.longitude[0]° $station.longitude[1]' $station.longitude[2] | $station.altitude | <a href="https://www.google.com/maps/?q=$station.latitude[0]°%20$station.latitude[1]%20$station.latitude[2],$station.longitude[0]°%20$station.longitude[1]%20$station.longitude[2]" target="_blank" ><i class="fas fa-map-marker-alt" ></i> Show on map</a></p>
|
|
|
+ <h2>Station Information</h2>
|
|
|
+ <p><i class="far fa-clock" ></i> $current.dateTime $current.dateTime.format("%Z")</p>
|
|
|
+ <p id="freshweather" class="m-orange"></p>
|
|
|
+ <script>
|
|
|
+ window.onload = checkDiff("$current.dateTime ($current.dateTime.format('%Z'))");
|
|
|
+ </script>
|
|
|
+ </div>
|
|
|
+ <div class="h-right" >
|
|
|
+ <table>
|
|
|
+ <tr>
|
|
|
+ <td><b>Station:</b></td>
|
|
|
+ <td>$station.hardware</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><b>Software:</b></td>
|
|
|
+ <td><a href="http://weewx.com/" target="_blank" >WeeWX v$station.version</a></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><b>Weewx uptime:</b></td>
|
|
|
+ <td>$station.uptime</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><b>Server uptime:</b></td>
|
|
|
+ <td>$station.os_uptime</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <nav>
|
|
|
+ <ul class="topnav" id="myTopnav">
|
|
|
+ <li class="icon"><a href="javascript:void(0);" onclick="myFunction()"><i class="fas fa-bars" ></i></a></li>
|
|
|
+ <li><a href="/" >Current</a></li>
|
|
|
+ <li><a href="week.html" >Week</a></li>
|
|
|
+ <li><a href="month.html" >Month</a></li>
|
|
|
+ <li><a href="year.html" >Year</a></li>
|
|
|
+ <li><a href="summary.html" >Summaries</a></li>
|
|
|
+ <li class="active"><a href="about.html" >About</a></li>
|
|
|
+ <li><a href="RSS/weewx_rss.xml" ><i class="fas fa-rss" ></i></a></li>
|
|
|
+ </ul>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
+
|
|
|
+ <!-- Main container -->
|
|
|
+ <div class="main" >
|
|
|
+ <div class="container" >
|
|
|
+ <div class="card">
|
|
|
+ <h1><i class="fal fa-info-circle"></i> About the Station</h1>
|
|
|
+ Weather data from a <a href="http://weatherflow.com/smart-home-weather-stations">WeatherFlow Smart Weather Station</a> which is located about 5 miles south-southeast of Meridian, Idaho, is sent to this website every 2.5 minutes. This is a personal
|
|
|
+ weather station which has been running since August 30, 2018. The station provides the following weather data:
|
|
|
+ <br>
|
|
|
+ <br> Temperature
|
|
|
+ <br> Dewpoint
|
|
|
+ <br> Humidity
|
|
|
+ <br> Wind Speed and Direction
|
|
|
+ <br> Rain and rain intensity
|
|
|
+ <br> Barometric Pressure
|
|
|
+ <br> UV
|
|
|
+ <br> Solar Radiation
|
|
|
+ <br> Lightning Strikes and distance
|
|
|
+ <br>
|
|
|
+ <br> Data is also sent to:
|
|
|
+ <br>
|
|
|
+ <table>
|
|
|
+ <tr>
|
|
|
+ <td class="about">
|
|
|
+ <img src="http://cw9009.x10host.com/icons/cwop.png" title="CWOP" alt="cwop" height="60" width="60" />
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <a href="http://www.findu.com/cgi-bin/wxpage.cgi?call=CW9009&last=24" target="_blank"> CW9009</a> on CWOP (every 10 minutes)
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="about">
|
|
|
+ <img src="http://cw9009.x10host.com/icons/mesowest.png" height="60" width="60" title="Mesowest" alt="C9009" />
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <a href="https://mesowest.utah.edu/cgi-bin/droman/meso_base_dyn.cgi?stn=C9009&unit=0&timetype=LOCAL" target="_blank"> C9009</a> on Mesowest (every 10 minutes)
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="about">
|
|
|
+ <img src="http://cw9009.x10host.com/icons/wu.png" title="Weather Underground" alt="KIDMERID85" height="40" width="60" />
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <a href="https://www.wunderground.com/personal-weather-station/dashboard?ID=KIDMERID85" target="_blank"> KIDMERID85</a> on Weather Underground (every 60 seconds)
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="about">
|
|
|
+ <img src="http://cw9009.x10host.com/icons/weatherflow.png" title="WeatherFlow" alt="4952" height="60" width="60" />
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <a href="https://smartweather.weatherflow.com/share/4952/grid" target="_blank"> 4952</a> on WeatherFlow (every 60 seconds)
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <br>
|
|
|
+ Daily rain and snowfall observations is taken near the WeatherFlow Station. This data is available here:
|
|
|
+ <br>
|
|
|
+ <table>
|
|
|
+ <tr>
|
|
|
+ <td class="about">
|
|
|
+ <img src="http://cw9009.x10host.com/icons/CoCoRaHS.png" height="60" width="60" title="CoCoRaHS" alt="CoCoRaHS" />
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <a href="https://www.cocorahs.org/ViewData/CountyDailyPrecipReports.aspx?state=ID&county=AD" target="_blank"> ID-AD-45</a> on CoCoRaHS (daily around 700 AM LT)
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <br>
|
|
|
+ <br> Software:
|
|
|
+ <br>
|
|
|
+ <a href="http://weewx.com/" target="_blank">WeeWX v3.8.2</a> using the <a href="https://github.com/captain-coredump/weatherflow-udp" target="_blank">weatherflowUDP driver</a> <i class="fab fa-github"></i>
|
|
|
+ <br>
|
|
|
+ <a href="http://fontawesome.com/" target="_blank">Font Awesome</a> icons <i class="fab fa-fort-awesome-alt"></i> used in the template.
|
|
|
+ <br>
|
|
|
+ <br> Hardware:
|
|
|
+ <br>
|
|
|
+ <a href="https://www.raspberrypi.org/" target="_blank">Raspberry Pi 2 Model B</a>
|
|
|
+ <br>
|
|
|
+ <br>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card">
|
|
|
+ <h1><i class="far fa-code"></i> Site Code</h1>
|
|
|
+ <p>
|
|
|
+ This web site uses the Sofaskin template for <a href="http://www.weewx.com">WeeWX</a>, designed by Sven at <a href="http://neoground.com/projects/weewx/">Neoground</a>. Sofaskin is a custom skin modelled from Google's Material Design that uses
|
|
|
+ <a href="http://getbootstrap.com">Bootstrap</a> to display the weather data. I made a variety of functional changes to the original Sofaskin code which is available on GitHub. My Sofaskin-CW9009 skin needs an additional python script, historygenerator.py,
|
|
|
+ which was adapted from another skin, <a href="http://www.dajda.net/about.html">Dajda.net</a>, to generate the history tables. I have also incorporated some changes in this template by <a href="http://www.torkel.se/weather/index.html">Bjorn Torkelsson</a>.
|
|
|
+ The code for the web page skins and python script is available from the web sites below.
|
|
|
+ <br><br> Original Sofaskin template from Neoground:
|
|
|
+ <br>
|
|
|
+ <i class="far fa-external-link-square-alt fa-lg"> </i><a href="http://neoground.com/projects/weewx/" target="_blank"> Neoground</a>
|
|
|
+ <br><br> My Sofaskin-CW9009 template:
|
|
|
+ <br><i class="fab fa-github-square fa-lg"> </i> <a href="http://github.com/weatherstorm/Sofaskin-CW9009" target="_blank"> Github Repository</a>
|
|
|
+ <br><br> Dajda template for historygenerator.py code:
|
|
|
+ <br>
|
|
|
+ <i class="far fa-external-link-square-alt fa-lg"></i> <a href="http://www.dajda.net/about.html" target="_blank"> Dajda</a>
|
|
|
+ <br>
|
|
|
+ <i class="fab fa-github-square fa-lg"></i> <a href="http://github.com/brewster76/fuzzy-archer" target="_blank"> Dajda Github Repository</a>
|
|
|
+ <br>
|
|
|
+ <br>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card">
|
|
|
+ <h1><i class="fas fa-envelope m-rot"></i> Contact</h1>
|
|
|
+ <div class="contact">
|
|
|
+ Josh Smith
|
|
|
+ <br>
|
|
|
+ <a href=mailto:Josh@cw9009.x10host.com>Josh@cw9009.x10host.com</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <footer>
|
|
|
+ <div class="container-fix">
|
|
|
+ <div style="text-align:center">
|
|
|
+ #if $Extras.has_key('you')
|
|
|
+ <i class="fab fa-pied-piper-pp"> </i><a href=mailto:$Extras.email> $Extras.you</a>
|
|
|
+ #end if
|
|
|
+ ⋅
|
|
|
+ Copyright <i class="far fa-copyright"></i> $latest.dateTime.format("%Y")
|
|
|
+ <br>
|
|
|
+ Sofaskin by <a href="http://blauesledersofa.de">Blaues Ledersofa</a>
|
|
|
+ ⋅
|
|
|
+ CW9009 Version by <a href="http://cw9009.x10host.com">JDS</a>
|
|
|
+ ⋅
|
|
|
+ Powered by<i class="fas fa-cog fa-spin fa-fw" aria-hidden="true"></i><a href="http://weewx.com/" target="_blank">WeeWX</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </footer>
|
|
|
+
|
|
|
+ #if $Extras.has_key('googleAnalyticsId')
|
|
|
+ <!-- Google Analytics -->
|
|
|
+ <script>
|
|
|
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
|
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
|
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
|
+ })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
+
|
|
|
+ ga('create', '$Extras.googleAnalyticsId', 'auto');
|
|
|
+ ga('send', 'pageview');
|
|
|
+ </script>
|
|
|
+ #end if
|
|
|
+
|
|
|
+ <!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
|
|
|
+ <script>
|
|
|
+ function myFunction() {
|
|
|
+ var x = document.getElementById("myTopnav");
|
|
|
+ if (x.className === "topnav") {
|
|
|
+ x.className += " responsive";
|
|
|
+ } else {
|
|
|
+ x.className = "topnav";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+
|
|
|
+ </body>
|
|
|
+</html>
|
|
|
+
|
Josh Smith