Web Programming with html5, css, and JavaScript

258
Chapter 6
 
Links and Images

Energy Storage

In summer, electricity generated by PV can
chill water in storage tanks for
later cooling. This shifts the noon peak in PV generation to the
later peak in consumption. The storage rate can be varied to offset
variations in PV output created by passing clouds. In winter, heat
from CHP making electricity can heat water in (the same) storage
tanks. This transfers excess heat generated in the day when
electricity is most needed to night when heat is most needed.
Large low-cost centrally located molten-salt href="http://en.wikipedia.org/wiki/Sodium%E2%80%93sulfur_battery"
target="_blank">sodium-sulfur batteries or room-temperature
target="_blank">quinone-based flow batteries or smaller
"_blank">sodium-ion batteries in local shops and restaurants
can smooth variations in load and PV generation and provide
emergency power.
"_blank">Lithium-ion batteries in electric vehicles can be
wirelessly recharged through inductive coils in "http://pluglesspower.com" target="_blank">parking lots or at
bus stops.

tag.
To implement the new website header and the navigation buttons, you need to add the CSS 
rules in 
FIGUre 6.26
. Note the 
li
type selector rule and all its property-value pairs. They make 
the links look like buttons. To make the buttons look three-dimensional and raised, we use the 
260
Chapter 6
 
Links and Images

---

FIGUre 6.25 
Source code for the navigation section of the website’s home page
FIGUre 6.24 
Lawrence Microgrid website’s home page, 
index.html
261
6.13 Case Study: Local Energy and Home Page with Website Navigation