Creating a Basic JSF 2.2 Application - JSF and HTML5 - page 251

#container {
width:100%;
}
a {
font-size: 12px;
}
#header {
background-color: #84978F;
padding: 50px;
}
#header h1 {
margin-bottom: 0px;
text-align: center;
}
#content {
float: left;
margin: 10px;
height: 400px;
width: 100%;
}
#footer {
clear:both; /*No floating elements are allowed on left or right*/
background-color: #84978F;
text-align:center;
font-weight: bold;
padding: 10px;
}
.errorMessage {
font-size: 12px;
color: red;
font-family: sans-serif;
}
In order to protect the weather page, it is put inside a custom folder called ( "/protected" ), and a custom JSF
phase listener is created to protect the pages as shown in Listing 10-10.
Listing 10-10. AuthorizationListener Class
package com.jsfprohtml5.weather.util;
import javax.faces.application.NavigationHandler;
import javax.faces.context.FacesContext;
import javax.faces.event.PhaseEvent;
import javax.faces.event.PhaseId;
import javax.faces.event.PhaseListener;