please take a look at the Standard report in the newskin branch.  changes 
include:

- refactored the Standard report
- better behavior when resizing browser window
- better behavior when viewing on devices with different screen sizes
- single .html file with javascript to enable/disable different time periods
- eliminated unneeded RSS directory
- significant reduction in code size by using includes and for loops
- significant reduction in css complexity
- introduced a primitive 'widget' concept to make customization of the skin 
easier
- moved mobile and smartphone to separate Mobile and Smartphone skins, 
respectively
- eliminated unnecessary comments and code from skin.conf for Mobile and 
Smartphone
- retained heavy comments and extensive options in skin.conf for Standard

to give it a try:

git clone https://github.com/weewx/weewx
cd weewx
git checkout newskin
./setup.py install    (choose simulator)
cd /home/weewx
./bin/weewxd weewx.conf

let it run for a few minutes

open /home/weewx/public_html/index.html in a web browser

Standard is enabled, Mobile and Smartphone are disabled (see sections in 
weewx.conf)

my goals for this refactoring:

- incorporate some of the responsive requests made in the forum
- include data/plots for more sensors out-of-the-box (this still needs work)
- ensure that the skin is still easy to understand
  - should be easy to customize
  - should illustrate weewx/cheetah concepts
- no external js or css dependencies

if you don't want to install and try it yourself, you can see the 
refactored skins here:

http://lancet.mit.edu/mwall/projects/weewx-newskin

known issues:
- day/week/month/year are not obviously click/touch-able
- timestamp for each max/min is a hover; should be click/touch-able
- grey is a boring color

m

Reply via email to