Modified: tomcat/site/trunk/docs/security-impact.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/security-impact.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/security-impact.html (original)
+++ tomcat/site/trunk/docs/security-impact.html Wed Jan 24 09:41:27 2018
@@ -2,41 +2,36 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - Security Impact Levels</title>
 <meta name="author" content="Apache Tomcat Project">
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -270,16 +265,20 @@
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/docs/security-jk.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/security-jk.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/security-jk.html (original)
+++ tomcat/site/trunk/docs/security-jk.html Wed Jan 24 09:41:27 2018
@@ -2,41 +2,36 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - Apache Tomcat JK Connectors vulnerabilities</title>
 <meta name="author" content="Apache Tomcat Project">
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -426,16 +421,20 @@
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/docs/security-native.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/security-native.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/security-native.html (original)
+++ tomcat/site/trunk/docs/security-native.html Wed Jan 24 09:41:27 2018
@@ -2,41 +2,36 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - Apache Tomcat APR/native Connector 
vulnerabilities</title>
 <meta name="author" content="Apache Tomcat Project">
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -303,16 +298,20 @@
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/docs/security-taglibs.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/security-taglibs.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/security-taglibs.html (original)
+++ tomcat/site/trunk/docs/security-taglibs.html Wed Jan 24 09:41:27 2018
@@ -2,41 +2,36 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - Apache Taglibs vulnerabilities</title>
 <meta name="author" content="Apache Tomcat Project">
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -238,7 +233,7 @@
     
 </div>
 <h3 id="Fixed_in_Apache_Standard_Taglib_1.2.3">
-<span style="float: right;">20 February 2015</span> Fixed in Apache Standard 
Taglib 1.2.3</h3>
+<span class="pull-right">20 February 2015</span> Fixed in Apache Standard 
Taglib 1.2.3</h3>
 <div class="text">
 
       
@@ -264,16 +259,20 @@
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/docs/security.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/security.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/security.html (original)
+++ tomcat/site/trunk/docs/security.html Wed Jan 24 09:41:27 2018
@@ -2,41 +2,36 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - Reporting Security Problems</title>
 <meta name="author" content="Apache Tomcat Project">
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -366,16 +361,20 @@
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/docs/svn.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/svn.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/svn.html (original)
+++ tomcat/site/trunk/docs/svn.html Wed Jan 24 09:41:27 2018
@@ -2,40 +2,35 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - Subversion Repository Access</title>
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -432,16 +427,20 @@ its projects. See <a href="http://git.ap
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/docs/taglibs.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/taglibs.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/taglibs.html (original)
+++ tomcat/site/trunk/docs/taglibs.html Wed Jan 24 09:41:27 2018
@@ -2,41 +2,36 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - Apache Taglibs</title>
 <meta name="author" content="Apache Tomcat Project">
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -280,16 +275,20 @@
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/docs/tomcat-55-eol.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/tomcat-55-eol.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/tomcat-55-eol.html (original)
+++ tomcat/site/trunk/docs/tomcat-55-eol.html Wed Jan 24 09:41:27 2018
@@ -2,41 +2,36 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - End of life for Apache Tomcat 5.5.x</title>
 <meta name="author" content="Apache Tomcat Project">
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -206,7 +201,7 @@
 <div id="content">
 <h2 style="display: none;">Content</h2>
 <h3 id="End_of_life_for_Apache_Tomcat_5.5.x">
-<span style="float: right;">2011-08-10</span> End of life for Apache Tomcat 
5.5.x</h3>
+<span class="pull-right">2011-08-10</span> End of life for Apache Tomcat 
5.5.x</h3>
 <div class="text">
 
 <p>The Apache Tomcat team announces that support for Apache Tomcat 5.5.x
@@ -258,16 +253,20 @@ before 30 September 2012.</p>
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/docs/tomcat-60-eol.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/tomcat-60-eol.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/tomcat-60-eol.html (original)
+++ tomcat/site/trunk/docs/tomcat-60-eol.html Wed Jan 24 09:41:27 2018
@@ -2,41 +2,36 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - End of life for Apache Tomcat 6.0.x</title>
 <meta name="author" content="Apache Tomcat Project">
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -206,7 +201,7 @@
 <div id="content">
 <h2 style="display: none;">Content</h2>
 <h3 id="End_of_life_for_Apache_Tomcat_6.0.x">
-<span style="float: right;">2015-06-03</span> End of life for Apache Tomcat 
6.0.x</h3>
+<span class="pull-right">2015-06-03</span> End of life for Apache Tomcat 
6.0.x</h3>
 <div class="text">
 
 <p>The Apache Tomcat team announces that support for Apache Tomcat 6.0.x
@@ -258,16 +253,20 @@ before 31 December 2016.</p>
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/docs/tomcat-80-eol.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/tomcat-80-eol.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/tomcat-80-eol.html (original)
+++ tomcat/site/trunk/docs/tomcat-80-eol.html Wed Jan 24 09:41:27 2018
@@ -2,41 +2,36 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - End of life for Apache Tomcat 8.0.x</title>
 <meta name="author" content="Apache Tomcat Project">
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -206,7 +201,7 @@
 <div id="content">
 <h2 style="display: none;">Content</h2>
 <h3 id="End_of_life_for_Apache_Tomcat_8.0.x">
-<span style="float: right;">2017-06-30</span> End of life for Apache Tomcat 
8.0.x</h3>
+<span class="pull-right">2017-06-30</span> End of life for Apache Tomcat 
8.0.x</h3>
 <div class="text">
 
 <p>The Apache Tomcat team announces that support for Apache Tomcat 8.0.x
@@ -256,16 +251,20 @@ before 30 June 2018.</p>
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/docs/tools.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/tools.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/tools.html (original)
+++ tomcat/site/trunk/docs/tools.html Wed Jan 24 09:41:27 2018
@@ -2,41 +2,36 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - Developer Tools</title>
 <meta name="author" content="Apache Tomcat Project">
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -378,16 +373,20 @@ and a committer should be able to fix it
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/docs/whichversion.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/whichversion.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/whichversion.html (original)
+++ tomcat/site/trunk/docs/whichversion.html Wed Jan 24 09:41:27 2018
@@ -2,7 +2,9 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - Which Version Do I Want?</title>
 <meta name="author" content="Marc A. Saegesser">
 <meta name="author" content="Yoav Shapira">
@@ -10,35 +12,28 @@
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -791,16 +786,20 @@ later.</p>
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/docs/whoweare.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/whoweare.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/whoweare.html (original)
+++ tomcat/site/trunk/docs/whoweare.html Wed Jan 24 09:41:27 2018
@@ -2,40 +2,35 @@
 <html lang="en">
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="res/css/tomcat.css" rel="stylesheet" type="text/css">
+<link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css">
 <title>Apache Tomcat&reg; - Who We Are</title>
 </head>
 <body>
 <div id="wrapper">
-<header>
-<div id="header">
-<div>
-<div>
-<div class="logo noPrint">
-<a href="http://tomcat.apache.org/";><img alt="Tomcat Home" 
src="res/images/tomcat.png"></a>
-</div>
-<div style="height: 1px;"></div>
-<div class="asfLogo noPrint">
-<a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"></a><a 
href="http://www.apache.org/"; target="_blank"><img 
src="res/images/asf_logo.svg" alt="The Apache Software Foundation" 
style="width: 205px; height: 83px; margin-right: 15px;"></a>
+<header id="header">
+<div class="clearfix">
+<div class="menu-toggler pull-left">
+<div class="hamburger"></div>
 </div>
-<h1 style="margin-top: 35px;">Apache Tomcat<sup>&reg;</sup>
+<a href="http://tomcat.apache.org/";><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="res/images/tomcat.png"></a>
+<h1 class="pull-left">Apache Tomcat<sup>&reg;</sup>
 </h1>
-<div style="clear: right;"></div>
-<div class="searchbox noPrint">
-<form action="https://www.google.com/search"; method="get">
-<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search the Site&hellip;" required="required" size="25" name="q" 
id="query" type="search"><button>Search</button>
-</form>
-</div>
-<div style="height: 1px;"></div>
-<div style="clear: left;"></div>
-</div>
+<div class="asf-logos pull-right">
+<a href="https://www.apache.org/foundation/contributing.html"; target="_blank" 
class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"></a><a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="res/images/asf_logo.svg" class="asf-logo" alt="The 
Apache Software Foundation"></a>
 </div>
 </div>
 </header>
-<div id="middle">
-<div>
-<div id="mainLeft" class="noprint">
+<main id="middle">
 <div>
+<div id="mainLeft">
+<div id="nav-wrapper">
+<div class="searchbox">
+<form action="https://www.google.com/search"; method="get">
+<input value="tomcat.apache.org" name="sitesearch" type="hidden"><input 
placeholder="Search&hellip;" required="required" name="q" id="query" 
type="search"><button>GO</button>
+</form>
+</div>
 <nav>
 <div>
 <h2>Apache Tomcat</h2>
@@ -542,16 +537,20 @@ Emeritus</a> is defined in the Apache gl
 </div>
 </div>
 </div>
-</div>
-<footer>
-<div id="footer">
+</main>
+<footer id="footer">
     Copyright &copy; 1999-2018, The Apache Software Foundation
     <br>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div>
-</footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script><script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>

Modified: tomcat/site/trunk/xdocs/res/css/tomcat.css
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/xdocs/res/css/tomcat.css?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/xdocs/res/css/tomcat.css (original)
+++ tomcat/site/trunk/xdocs/res/css/tomcat.css Wed Jan 24 09:41:27 2018
@@ -15,9 +15,6 @@
 * limitations under the License.
 */
 
-/* Fonts */
-@import url("fonts/fonts.css");
-
 /* General style */
 
 h1, h2, h3, h4, h5, h6, th {
@@ -39,6 +36,8 @@ code, pre {
 
 img {
   border: 0;
+  max-width: 100%;
+  height: auto;
 }
 
 table {
@@ -86,23 +85,83 @@ main {
   position: relative;
 }
 
-#header .logo {
+.pull-left {
   float: left;
-  padding-top: 20px;
-  min-width: 190px;
 }
 
-#header .logo  img{
-  /* To avoid that the Font Descender being added to the parent div's height */
-  vertical-align: middle;
+.pull-right {
+  float: right;
 }
 
-#header .asfLogo {
-  float: right;
+.clearfix:after {
+  content: "";
+  display: block;
+  clear: both;
+}
+
+.menu-toggler {
+  display: none;
+  margin-top: 20px;
+  width: 44px;
+  height: 44px;
+  cursor: pointer;
+}
+
+/* draw hamburger menu */
+.hamburger {
+  margin: 20px 0 0 4px;
+  transition: 0.4s;
+}
+
+.hamburger, .hamburger::before, .hamburger::after {
+  display: block;
+  content: "";
+  height: 4px;
+  width: 36px;
+  background: #333;
+  border-radius: 5px;
+}
+
+.hamburger::before {
+  transform: translateY(-8px);
+}
+
+.hamburger::after {
+  transform: translateY(4px);
+}
+
+/* transform hamburger menu to X */
+.opened .hamburger {
+  transform: rotate(45deg);
+}
+
+.opened .hamburger::before {
+  opacity: 0;
+}
+
+.opened .hamburger::after {
+  transform: translateY(-4px) rotate(-90deg);
+}
+
+
+.tomcat-logo {
+  height: 92px;
+  width: auto;
+  margin: 12px 37px 12px 12px;
+  transition: 0.4s;
+}
+
+.asf-logos {
   position: relative;
   top: 8px;
 }
 
+.asf-logos img {
+  height: 83px;
+  margin-right: 15px;
+  transition: 0.4s;
+}
+
 #header h1 {
   margin-top: 0.6em;
   margin-bottom: 0;
@@ -122,18 +181,14 @@ main {
 #middle > div { display: table-row; }
 #middle > div > div { display: table-cell; vertical-align: top; }
 
-
-
 #mainLeft {
   width: 190px;
+  transition: width 0.4s;
 }
 
-#mainLeft > div {
+#nav-wrapper {
   margin-top: -2px; /* to overwrite border of element above - use 1 additional 
pixel to hide rendering effects */
-  padding-left: 16px;
-  padding-right: 14px;
-  padding-top: 7px;
-  padding-bottom: 15px;
+  padding: 0.75em;
   background-color: #F8F3E4;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
@@ -262,26 +317,74 @@ table.defaultTable th, table.defaultTabl
 }
 
 
+.socialmedia {
+       margin-right: 40px;
+       float: left;
+}
+
+
 .searchbox {
-    text-align: right;
-    margin-top: 8px;
-    margin-right: 10px;
-    margin-bottom: 6px;
+  position: relative;
 }
 
 .searchbox form {
-    padding: 5px 10px;
-    margin: 0;
+  margin: 0;
 }
 
-.socialmedia {
-       margin-right: 40px;
-       float: left;
+.searchbox input[type=search], .searchbox button {
+  height: 25px;
 }
 
+.searchbox button {
+  position: absolute;
+  right: 0;
+}
+
+@media (max-width: 960px){
+  /* target screens smaller than max-width */
+  #header h1 {
+    margin-top: 20px;
+    font-size: 1.67em;
+  }
+
+  .tomcat-logo {
+    margin-left: 24px;
+  }
+
+  .tomcat-logo, .asf-logos img {
+    height: 63px;
+  }
+
+  /* show the menu-toggler */
+  .menu-toggler {
+    display: block;
+  }
+
+  /* hide the navigation */
+  #mainLeft {
+    width: 0;
+  }
+
+  #nav-wrapper {
+    display: none;
+  }
+
+  /* show the navigation when class opened is added to #mainleft */
+  #mainLeft.opened {
+    width: 190px;
+  }
+
+  #mainLeft.opened #nav-wrapper {
+    display: block;
+  }
+
+}
+
+
 /* Printer-only Styles */
 @media print {
-    .noPrint { display: none; }
-    #middle > div > div#mainLeft { display: none; }
-    a { color: inherit; text-decoration: none; }
+  .noPrint  { display: none; }
+  .asf-logos{ display: none; }
+  #mainLeft { display: none; }
+  a { color: inherit; text-decoration: none; }
 }

Added: tomcat/site/trunk/xdocs/res/js/tomcat.js
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/xdocs/res/js/tomcat.js?rev=1822091&view=auto
==============================================================================
--- tomcat/site/trunk/xdocs/res/js/tomcat.js (added)
+++ tomcat/site/trunk/xdocs/res/js/tomcat.js Wed Jan 24 09:41:27 2018
@@ -0,0 +1,53 @@
+/*
+* Copyright 2002-2018 The Apache Software Foundation
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+/** Author: Igal Sapir */
+
+
+/** adds a live event handler akin to jQuery's on() */
+function addLiveEventListeners(selector, event, handler){
+    document.querySelector("body").addEventListener(
+         event
+        ,function(evt){
+            var target = evt.target;
+            while (target != null){
+                // isMatch is a patch for IE 9 - 11; once support for IE11
+                // is not required we can test with target.matches(selector)
+                var isMatch = target.matches ? target.matches(selector) : 
target.msMatchesSelector(selector);
+                if (isMatch){
+                    handler(evt);
+                    return;
+                }
+
+                target = target.parentElement;
+            }
+        }
+        ,true
+    );
+}
+
+
+/** toggles a class for all of the nodes that match a selector akin to 
jQuery's toggleClass() */
+function toggleClass(selector, className){
+    var nodes = document.querySelectorAll(selector);
+    [].forEach.call(nodes, function(node) {
+        if (node.classList.contains(className))
+            node.classList.remove(className);
+        else
+            node.classList.add(className);
+    });
+}
+

Propchange: tomcat/site/trunk/xdocs/res/js/tomcat.js
------------------------------------------------------------------------------
    svn:eol-style = native

Modified: tomcat/site/trunk/xdocs/stylesheets/tomcat-site.xsl
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/xdocs/stylesheets/tomcat-site.xsl?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/xdocs/stylesheets/tomcat-site.xsl (original)
+++ tomcat/site/trunk/xdocs/stylesheets/tomcat-site.xsl Wed Jan 24 09:41:27 2018
@@ -41,11 +41,15 @@
 
   <!-- Defined variables (non-overrideable) -->
 
-
   <!-- Process an entire document into an HTML page -->
   <xsl:template match="document">
-    <xsl:variable name="project"
-                select="document('project.xml')/project"/>
+  <xsl:variable name="project"       select="document('project.xml')/project"/>
+  <xsl:variable name="src-home-logo">
+    <xsl:value-of select="$home-logo"/>
+  </xsl:variable>
+  <xsl:variable name="src-asf-logo">
+    <xsl:value-of select="$asf-logo"/>
+  </xsl:variable>
 
 <html lang="en">
 <head>
@@ -58,7 +62,9 @@
        In XHTML, this is not needed as the encoding will be
        specified in the XML declaration.
   -->
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
   <link href="res/css/tomcat.css" rel="stylesheet" type="text/css"/>
+  <link href="res/css/fonts/fonts.css" rel="stylesheet" type="text/css"/>
     <xsl:apply-templates select="meta"/>
     <title><xsl:value-of select="$project/title"/>&#174; - <xsl:value-of 
select="properties/title"/></title>
     <xsl:for-each select="properties/author">
@@ -83,47 +89,31 @@
 
   <body>
   <div id="wrapper">
-  <header><div id="header">
-    <div>
-      <div>
-        <xsl:variable name="src-home-logo">
-          <xsl:value-of select="$home-logo"/>
-        </xsl:variable>
-        <div class="logo noPrint">
-          <a href="{$project/@href}"><img alt="Tomcat Home" 
src="{$src-home-logo}"/></a>
-        </div>
-
-        <xsl:variable name="src-asf-logo">
-          <xsl:value-of select="$asf-logo"/>
-        </xsl:variable>
-        <div style="height: 1px;"/>
-        <div class="asfLogo noPrint">
-          <a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank"><img 
src="https://www.apache.org/images/SupportApache-small.png"; alt="Support 
Apache" style="height: 83px; margin-right: 15px;"/></a>
-          <a href="http://www.apache.org/"; target="_blank"><img 
src="{$src-asf-logo}" alt="The Apache Software Foundation" style="width: 205px; 
height: 83px; margin-right: 15px;"/></a>
-        </div>
-        <h1 style="margin-top: 35px;"><xsl:value-of 
select="$project/title"/><sup>&#174;</sup></h1>
-        <div style="clear: right;"/>
-
-    <!-- Search box: uses CSS positioning -->
-    <div class="searchbox noPrint">
-      <form action="https://www.google.com/search"; method="get">
-        <input value="tomcat.apache.org" name="sitesearch" type="hidden" />
-        <input placeholder="Search the Site…" required="required" size="25" 
name="q" id="query" type="search" />
-        <button>Search</button>
-      </form>
-    </div>
-    <!-- End search box -->
-
-        <div style="height: 1px;"/>
-        <div style="clear: left;"/>
+  <header id="header">
+    <div class="clearfix">
+      <div class="menu-toggler pull-left">
+        <div class="hamburger"></div>
+      </div>
+      <a href="{$project/@href}"><img class="tomcat-logo pull-left noPrint" 
alt="Tomcat Home" src="{$src-home-logo}"/></a>
+      <h1 class="pull-left"><xsl:value-of 
select="$project/title"/><sup>&#174;</sup></h1>
+      <div class="asf-logos pull-right">
+        <a href="https://www.apache.org/foundation/contributing.html"; 
target="_blank" class="pull-left"><img 
src="https://www.apache.org/images/SupportApache-small.png"; class="support-asf" 
alt="Support Apache"/></a>
+        <a href="http://www.apache.org/"; target="_blank" 
class="pull-left"><img src="{$src-asf-logo}" class="asf-logo" alt="The Apache 
Software Foundation"/></a>
       </div>
     </div>
-  </div></header>
+  </header>
 
-  <div id="middle">
+  <main id="middle">
     <div>
-      <div id="mainLeft" class="noprint">
-        <div>
+      <div id="mainLeft">
+        <div id="nav-wrapper">
+          <div class="searchbox">
+            <form action="https://www.google.com/search"; method="get">
+              <input value="tomcat.apache.org" name="sitesearch" type="hidden" 
/>
+              <input placeholder="Search…" required="required" name="q" 
id="query" type="search" />
+              <button>GO</button>
+            </form>
+          </div>
           <!-- Navigation -->
           <nav>
             <xsl:apply-templates select="$project/body/menu"/>
@@ -139,17 +129,24 @@
         </div>
       </div>
     </div>
-  </div>
+  </main>
 
   <!-- Footer -->
-  <footer><div id="footer">
+  <footer id="footer">
     Copyright © 1999-2018, The Apache Software Foundation
     <br/>
     Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat
     project logo are either registered trademarks or trademarks of the Apache
     Software Foundation.
-  </div></footer>
+  </footer>
 </div>
+<script src="res/js/tomcat.js"></script>
+<script>
+  addLiveEventListeners(".menu-toggler", "click", function(evt){
+    toggleClass("#mainLeft", "opened");
+    toggleClass(".menu-toggler", "opened");
+  });
+</script>
 </body>
 </html>
 
@@ -237,7 +234,7 @@
     <h3 id="{$name}">
       <xsl:if test="@rtext">
         <!-- Additional right-aligned text cell in section heading. -->
-        <span style="float: right;">
+        <span class="pull-right">
           <xsl:value-of select="@rtext"/>
         </span><xsl:text>&#x20;</xsl:text> <!-- Ensure a space follows after 
</span> -->
       </xsl:if>



---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscr...@tomcat.apache.org
For additional commands, e-mail: dev-h...@tomcat.apache.org

Reply via email to