Updates dated language on the main website

content/css/apsite.css

@@ -56,15 +56,19 @@ span.transnote, span.phonetic {
     color: #888;
 }
 
-/* sidebar position: left */
-div#apmenu {
-    position: absolute;
-    top: 5.5em;
-    left: 1em;
-    margin-left: 0;
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * Layout: flexbox wrapper + sidebar + content
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+#site-wrapper {
+    display: flex;
     margin-top: 40px;
-    padding: 4px;
+    padding: 0 1em;
+}
+
+div#apmenu {
     width: 13.5em;
+    flex-shrink: 0;
+    padding: 4px;
     background-color: #fff;
     color: inherit;
 }
@@ -74,13 +78,9 @@ div#apmenu {
     font-size: 13px;
 }
 
-/* contents for apsite */
 div#apcontents {
-    position: absolute;
-    top: 5.5em;
-    left: 14em;
-    right: 1em;
-    margin-top: 40px;
+    flex: 1;
+    min-width: 0;
     padding: 4px;
     background-color: #fff;
     color: inherit;
@@ -1137,3 +1137,126 @@ p.figure dfn {
 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  * -> The End <-
  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * Responsive / Mobile
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+/* Responsive logo */
+#site-logo {
+    max-width: 100% !important;
+    width: auto !important;
+    height: auto;
+}
+
+/* Page header */
+#page-header {
+    position: relative;
+}
+
+/* Mobile menu toggle - hidden on desktop */
+#menu-toggle {
+    display: none;
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    background: #557697;
+    color: #fff;
+    border: none;
+    font-size: 24px;
+    padding: 6px 12px;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+#menu-toggle:hover {
+    background: #405871;
+}
+
+/* Tablet breakpoint */
+@media (max-width: 900px) {
+    #site-wrapper {
+        padding: 0 0.5em;
+    }
+
+    div#apmenu {
+        width: 11em;
+    }
+}
+
+/* Mobile breakpoint */
+@media (max-width: 768px) {
+    body {
+        padding: 0;
+    }
+
+    div#page-header {
+        background-color: #304558;
+        padding: 5px 0 8px;
+    }
+
+    div#page-header p.menu {
+        display: none;
+    }
+
+    div#page-header img#site-logo {
+        width: 100% !important;
+        max-width: 800px;
+        height: auto !important;
+        margin: 0 auto !important;
+        display: block;
+    }
+
+    div#page-header p.apache {
+        display: none;
+    }
+
+    div#page-header a.badge {
+        position: absolute;
+        top: 5px;
+        right: 5px;
+        margin: 0;
+    }
+
+    div#page-header a.badge img {
+        width: 50px;
+        height: 50px;
+        margin: 0 !important;
+    }
+
+    #menu-toggle {
+        display: block;
+    }
+
+    #site-wrapper {
+        flex-direction: column;
+        padding: 0 0.5em;
+        margin-top: 20px;
+    }
+
+    div#apmenu {
+        width: 100%;
+        display: none;
+        order: -1;
+    }
+
+    div#apmenu.open {
+        display: block;
+    }
+
+    div#apcontents {
+        padding: 4px 0;
+    }
+
+    /* Prevent tables from overflowing */
+    #apcontents table {
+        display: block;
+        overflow-x: auto;
+    }
+
+    /* Prevent images from overflowing */
+    #apcontents img {
+        max-width: 100%;
+        height: auto;
+    }
+}

content/index.md

@@ -1,15 +1,16 @@
 Title: Welcome!
 license: https://www.apache.org/licenses/LICENSE-2.0
 
-# The Number One HTTP Server On The Internet
-The Apache HTTP Server Project is an effort to develop and maintain an
-open-source HTTP server for modern operating systems including UNIX and
-Windows. The goal of this project is to provide a secure, efficient and
-extensible server that provides HTTP services in sync with the current HTTP
-standards.
+# Apache HTTP Server
+A fast, reliable, and extensible open-source web server for modern
+operating systems. Apache httpd powers everything from personal sites to
+mission-critical production infrastructure with:
 
-The Apache HTTP Server ("httpd") was launched in 1995 and it has been the most popular web server on the Internet since
-April 1996. It has celebrated its 25th birthday as a project in February 2020.
+- **Flexible configuration** — .htaccess per-directory config, virtual hosts, dynamic module loading
+- **Security** — TLS/SSL, authentication modules, fine-grained access control
+- **Performance** — event MPM, HTTP/2, content caching, reverse proxy
+- **Extensibility** — 100+ modules for rewriting, proxying, load balancing, scripting, and more
+- **Portability** — runs on Linux, Windows, macOS, and most Unix-like systems
 
 The Apache HTTP Server is a project of [The Apache Software
 Foundation](https://www.apache.org/).
@@ -31,19 +32,12 @@ Apache HTTP Server version 2.<span>4</span>.43 or newer is required in order to
 2.4](https://downloads.apache.org/httpd/CHANGES_2.4) | [New Features in httpd
 2.4](docs/trunk/new_features_2_4.html)  {.centered}
 
-# Apache httpd 2.2 End-of-Life <span>2018-01-01</span>
-As previously announced, the Apache HTTP Server Project has discontinued
-all development and patch review of the 2.2.x series of releases.
+# Apache httpd 2.2 End-of-Life
+Apache httpd 2.2 is end-of-life. The final release was 2.2.34 (July 2017).
+No further patches, bug fixes, or security updates will be provided.
+Users should upgrade to 2.4.x.
 
-The Apache HTTP Server Project had long committed to provide maintenance
-releases of the 2.2.x flavor through June of 2017. The final release 2.2.34
-was published in July 2017, and no further evaluation of bug reports or
-security risks will be considered or published for 2.2.x releases.
-
-# Want to try out the Apache HTTP Server?
-Great! We have updated our [download page](/download.cgi) in an effort to
-better utilize our mirrors. We hope that by making it easier to use our mirrors, we will be able to provide a better download experience.
-
-Please ensure that you [verify](/download.cgi#verify) your downloads using
-PGP or MD5 signatures.
+# Download
+Get the latest release from the [download page](/download.cgi).
+Please [verify](/download.cgi#verify) your downloads.
 

theme/apache/templates/base.html

@@ -3,6 +3,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link href="/css/apsite.css" rel="stylesheet" media="all" type="text/css" title="Main stylesheet" />
         <meta name="author" content="Documentation Group" /><meta name="email" content="docs@httpd.apache.org" />
 	{% block head %}
@@ -22,12 +23,14 @@
             <p class="menu">&nbsp;</p>
             <p class="apache">&nbsp;</p>
             <a href="/">
-            <img alt="" width="800" height="72"  src="/images/httpd_logo_wide_new.png" />
+            <img alt="Apache HTTP Server" src="/images/httpd_logo_wide_new.png" id="site-logo" />
             </a>
             <a class="badge" href="https://www.apache.org/foundation/contributing.html">
                 <img src="https://www.apache.org/images/SupportApache-small.png">
             </a>
+            <button id="menu-toggle" aria-label="Toggle navigation menu">&#9776;</button>
         </div>
+        <div id="site-wrapper">
         <div id="apmenu">
 	  <script type="text/javascript" src="https://www.apachecon.com/event-images/snippet.js"></script>
 	  <p style="margin-top: -10px;">
@@ -115,5 +118,17 @@ <h1 id="miscellaneous"><a href="/info/">Miscellaneous</a><a class="headerlink" h
  and other countries.</p>
             </div>
         </div>
+        </div><!-- /#site-wrapper -->
+        <script>
+        (function() {
+            var toggle = document.getElementById('menu-toggle');
+            var menu = document.getElementById('apmenu');
+            if (toggle && menu) {
+                toggle.addEventListener('click', function() {
+                    menu.classList.toggle('open');
+                });
+            }
+        })();
+        </script>
     </body>
 </html>