diff --git a/content/css/apsite.css b/content/css/apsite.css index ecd0be3..f0c7689 100644 --- a/content/css/apsite.css +++ b/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; + } +} diff --git a/content/index.md b/content/index.md index e64f647..cd98d00 100644 --- a/content/index.md +++ b/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.4.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 2018-01-01 -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. diff --git a/theme/apache/templates/base.html b/theme/apache/templates/base.html index 444295b..211ed11 100644 --- a/theme/apache/templates/base.html +++ b/theme/apache/templates/base.html @@ -3,6 +3,7 @@ + {% block head %} @@ -22,12 +23,14 @@

 

- + + +

@@ -115,5 +118,17 @@

Miscellaneous

+ +