Author: markt
Date: Wed Jan 24 09:41:27 2018
New Revision: 1822091

URL: http://svn.apache.org/viewvc?rev=1822091&view=rev
Log:
Make web site responsive. Patch by Igal Sapir.

Added:
    tomcat/site/trunk/docs/res/js/
    tomcat/site/trunk/docs/res/js/tomcat.js   (with props)
    tomcat/site/trunk/xdocs/res/js/
    tomcat/site/trunk/xdocs/res/js/tomcat.js   (with props)
Modified:
    tomcat/site/trunk/docs/bugreport.html
    tomcat/site/trunk/docs/ci.html
    tomcat/site/trunk/docs/conference.html
    tomcat/site/trunk/docs/contact.html
    tomcat/site/trunk/docs/download-70.html
    tomcat/site/trunk/docs/download-80.html
    tomcat/site/trunk/docs/download-90.html
    tomcat/site/trunk/docs/download-connectors.html
    tomcat/site/trunk/docs/download-native.html
    tomcat/site/trunk/docs/download-taglibs.html
    tomcat/site/trunk/docs/findhelp.html
    tomcat/site/trunk/docs/getinvolved.html
    tomcat/site/trunk/docs/heritage.html
    tomcat/site/trunk/docs/index.html
    tomcat/site/trunk/docs/irc.html
    tomcat/site/trunk/docs/legal.html
    tomcat/site/trunk/docs/lists.html
    tomcat/site/trunk/docs/maven-plugin.html
    tomcat/site/trunk/docs/migration-6.html
    tomcat/site/trunk/docs/migration-7.html
    tomcat/site/trunk/docs/migration-8.html
    tomcat/site/trunk/docs/migration-85.html
    tomcat/site/trunk/docs/migration-9.html
    tomcat/site/trunk/docs/migration.html
    tomcat/site/trunk/docs/oldnews-2010.html
    tomcat/site/trunk/docs/oldnews-2011.html
    tomcat/site/trunk/docs/oldnews-2012.html
    tomcat/site/trunk/docs/oldnews-2013.html
    tomcat/site/trunk/docs/oldnews-2014.html
    tomcat/site/trunk/docs/oldnews-2015.html
    tomcat/site/trunk/docs/oldnews-2016.html
    tomcat/site/trunk/docs/oldnews.html
    tomcat/site/trunk/docs/presentations.html
    tomcat/site/trunk/docs/res/css/tomcat.css
    tomcat/site/trunk/docs/resources.html
    tomcat/site/trunk/docs/security-3.html
    tomcat/site/trunk/docs/security-4.html
    tomcat/site/trunk/docs/security-5.html
    tomcat/site/trunk/docs/security-6.html
    tomcat/site/trunk/docs/security-7.html
    tomcat/site/trunk/docs/security-8.html
    tomcat/site/trunk/docs/security-9.html
    tomcat/site/trunk/docs/security-impact.html
    tomcat/site/trunk/docs/security-jk.html
    tomcat/site/trunk/docs/security-native.html
    tomcat/site/trunk/docs/security-taglibs.html
    tomcat/site/trunk/docs/security.html
    tomcat/site/trunk/docs/svn.html
    tomcat/site/trunk/docs/taglibs.html
    tomcat/site/trunk/docs/tomcat-55-eol.html
    tomcat/site/trunk/docs/tomcat-60-eol.html
    tomcat/site/trunk/docs/tomcat-80-eol.html
    tomcat/site/trunk/docs/tools.html
    tomcat/site/trunk/docs/whichversion.html
    tomcat/site/trunk/docs/whoweare.html
    tomcat/site/trunk/xdocs/res/css/tomcat.css
    tomcat/site/trunk/xdocs/stylesheets/tomcat-site.xsl

Modified: tomcat/site/trunk/docs/bugreport.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/bugreport.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/bugreport.html (original)
+++ tomcat/site/trunk/docs/bugreport.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 Bugs</title>
 <meta name="author" content="Glenn L. Nielsen">
 </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>
@@ -991,16 +986,20 @@ See <a href="security.html">Security Rep
 </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/ci.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/ci.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/ci.html (original)
+++ tomcat/site/trunk/docs/ci.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; - Continuous Integration</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>
@@ -930,16 +925,20 @@ prepared and published by ASF Buildbot,
 </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/conference.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/conference.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/conference.html (original)
+++ tomcat/site/trunk/docs/conference.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; - TomcatCon</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>
@@ -372,16 +367,20 @@ for speaker travel and associated expens
 </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/contact.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/contact.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/contact.html (original)
+++ tomcat/site/trunk/docs/contact.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; - Contact Information</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>
@@ -258,16 +253,20 @@ Apache sites at once.
 </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/download-70.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/download-70.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/download-70.html (original)
+++ tomcat/site/trunk/docs/download-70.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; - Apache Tomcat 7 Software Downloads</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>
@@ -470,16 +465,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/download-80.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/download-80.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/download-80.html (original)
+++ tomcat/site/trunk/docs/download-80.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; - Apache Tomcat 8 Software Downloads</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>
@@ -679,16 +674,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/download-90.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/download-90.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/download-90.html (original)
+++ tomcat/site/trunk/docs/download-90.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; - Apache Tomcat 9 Software Downloads</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>
@@ -468,16 +463,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/download-connectors.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/download-connectors.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/download-connectors.html (original)
+++ tomcat/site/trunk/docs/download-connectors.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; - Tomcat Connectors (mod_jk) Downloads</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>
@@ -367,16 +362,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/download-native.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/download-native.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/download-native.html (original)
+++ tomcat/site/trunk/docs/download-native.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; - Tomcat Native Downloads</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>
@@ -540,16 +535,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/download-taglibs.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/download-taglibs.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/download-taglibs.html (original)
+++ tomcat/site/trunk/docs/download-taglibs.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; - Apache Taglibs Downloads</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>
@@ -372,16 +367,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/findhelp.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/findhelp.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/findhelp.html (original)
+++ tomcat/site/trunk/docs/findhelp.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; - Find Help</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>
@@ -278,16 +273,20 @@ is maintained on the
 </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/getinvolved.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/getinvolved.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/getinvolved.html (original)
+++ tomcat/site/trunk/docs/getinvolved.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; - Get Involved</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>
@@ -286,16 +281,20 @@ Apache Tomcat has very loosely defined c
 </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/heritage.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/heritage.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/heritage.html (original)
+++ tomcat/site/trunk/docs/heritage.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; - Heritage</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>
@@ -230,16 +225,20 @@ and oversight structure to manage itself
 </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/index.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/index.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/index.html (original)
+++ tomcat/site/trunk/docs/index.html Wed Jan 24 09:41:27 2018
@@ -2,42 +2,37 @@
 <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; - Welcome!</title>
 <meta name="author" content="Apache Tomcat Project">
 <meta name="google-site-verification" 
content="nA9F0GvGNjVCU9W7HBziONQVx6FehvgQglI1X7WPfRw">
 </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>
@@ -240,7 +235,7 @@ project logo are trademarks of the Apach
 
 </div>
 <h3 id="Tomcat_8.5.27_Released">
-<span style="float: right;">2018-01-22</span> Tomcat 8.5.27 Released</h3>
+<span class="pull-right">2018-01-22</span> Tomcat 8.5.27 Released</h3>
 <div class="text">
 
 <p>
@@ -281,7 +276,7 @@ changelog</a>.
 
 </div>
 <h3 id="Tomcat_9.0.4_Released">
-<span style="float: right;">2018-01-22</span> Tomcat 9.0.4 Released</h3>
+<span class="pull-right">2018-01-22</span> Tomcat 9.0.4 Released</h3>
 <div class="text">
 
 <p>
@@ -320,7 +315,7 @@ changelog</a>.
 
 </div>
 <h3 id="Tomcat_8.0.48_Released">
-<span style="float: right;">2017-12-12</span> Tomcat 8.0.48 Released</h3>
+<span class="pull-right">2017-12-12</span> Tomcat 8.0.48 Released</h3>
 <div class="text">
 
 <p>
@@ -361,7 +356,7 @@ changelog</a>.
 
 </div>
 <h3 id="Tomcat_Native_1.2.16_Released">
-<span style="float: right;">2017-11-20</span> Tomcat Native 1.2.16 
Released</h3>
+<span class="pull-right">2017-11-20</span> Tomcat Native 1.2.16 Released</h3>
 <div class="text">
 
 <p>
@@ -388,7 +383,7 @@ Tomcat Native. The notable changes since
 
 </div>
 <h3 id="Tomcat_7.0.82_Released">
-<span style="float: right;">2017-10-03</span> Tomcat 7.0.82 Released</h3>
+<span class="pull-right">2017-10-03</span> Tomcat 7.0.82 Released</h3>
 <div class="text">
 
 <p>
@@ -421,7 +416,7 @@ Full details of these changes, and all t
 
 </div>
 <h3 id="Tomcat_Connectors_1.2.42_Released">
-<span style="float: right;">2016-10-05</span> Tomcat Connectors 1.2.42 
Released</h3>
+<span class="pull-right">2016-10-05</span> Tomcat Connectors 1.2.42 
Released</h3>
 <div class="text">
 
 <p>
@@ -439,7 +434,7 @@ This version fixes a number of bugs foun
 
 </div>
 <h3 id="Tomcat_Native_1.1.34_Released">
-<span style="float: right;">2015-12-15</span> Tomcat Native 1.1.34 
Released</h3>
+<span class="pull-right">2015-12-15</span> Tomcat Native 1.1.34 Released</h3>
 <div class="text">
 
 <p>
@@ -469,7 +464,7 @@ using 1.2.x in preference to 1.1.x.</p>
 
 </div>
 <h3 id="Apache_Standard_Taglib_1.2.5_Released">
-<span style="float: right;">2015-03-17</span> Apache Standard Taglib 1.2.5 
Released</h3>
+<span class="pull-right">2015-03-17</span> Apache Standard Taglib 1.2.5 
Released</h3>
 <div class="text">
 
 <p>
@@ -498,7 +493,7 @@ Please see the <a href="taglibs.html">Ta
 
 </div>
 <h3 id="Tomcat_Maven_Plugin_2.2_Released">
-<span style="float: right;">2013-11-11</span> Tomcat Maven Plugin 2.2 
Released</h3>
+<span class="pull-right">2013-11-11</span> Tomcat Maven Plugin 2.2 
Released</h3>
 <div class="text">
 
 <p>
@@ -551,16 +546,20 @@ version in your project's plugin configu
 </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/irc.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/irc.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/irc.html (original)
+++ tomcat/site/trunk/docs/irc.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 on IRC</title>
 <meta name="author" content="Marc A. Saegesser">
 </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>
@@ -225,16 +220,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/legal.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/legal.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/legal.html (original)
+++ tomcat/site/trunk/docs/legal.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; - Legal Stuff They Make Us Say</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>
@@ -279,16 +274,20 @@ Version 2.0 (current)</a>.
 </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/lists.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/lists.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/lists.html (original)
+++ tomcat/site/trunk/docs/lists.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; - Mailing Lists</title>
 <meta name="author" content="Apache Tomcat Team">
 </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>
@@ -774,16 +769,20 @@ and how they can be used.
 </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/maven-plugin.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/maven-plugin.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/maven-plugin.html (original)
+++ tomcat/site/trunk/docs/maven-plugin.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; - Tomcat Maven Plugin</title>
 <meta name="author" content="Apache Tomcat Team">
 </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/migration-6.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/migration-6.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/migration-6.html (original)
+++ tomcat/site/trunk/docs/migration-6.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; - Migration Guide - 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>
@@ -691,16 +686,20 @@ of Apache Tomcat.</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/migration-7.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/migration-7.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/migration-7.html (original)
+++ tomcat/site/trunk/docs/migration-7.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; - Migration Guide - Tomcat 7.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>
@@ -1283,16 +1278,20 @@ of Apache Tomcat.</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/migration-8.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/migration-8.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/migration-8.html (original)
+++ tomcat/site/trunk/docs/migration-8.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; - Migration Guide - 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>
@@ -956,16 +951,20 @@ of Apache Tomcat.</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/migration-85.html
URL: 
http://svn.apache.org/viewvc/tomcat/site/trunk/docs/migration-85.html?rev=1822091&r1=1822090&r2=1822091&view=diff
==============================================================================
--- tomcat/site/trunk/docs/migration-85.html (original)
+++ tomcat/site/trunk/docs/migration-85.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; - Migration Guide - Tomcat 8.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>
@@ -797,16 +792,20 @@ of Apache Tomcat.</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>



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

Reply via email to