svn commit: r1928383 - apr/site/trunk/docs

Author: dsahlberg
Date: Fri Sep 12 22:12:08 2025
New Revision: 1928383

Log:
In site/trunk

Continue with mobile friendly experiment

* style.css
  Add width-aware styles for the menu
* projects.html
  Add hamburger menu elements

Modified:
   apr/site/trunk/docs/projects.html
   apr/site/trunk/docs/style.css

Modified: apr/site/trunk/docs/projects.html
==============================================================================
--- apr/site/trunk/docs/projects.html	Fri Sep 12 21:33:56 2025	(r1928382)
+++ apr/site/trunk/docs/projects.html	Fri Sep 12 22:12:08 2025	(r1928383)
@@ -18,40 +18,49 @@
   ><img src="http://www.ossummit.com/ads/ossummit_button_3.jpg"
         alt="OS Summit Asia" width="125" height="125" border="0"></a></span>
 -->
-      <p><b>Get Involved</b></p>
-    <menu compact="compact">
+<label for="hamburger">&#9776;</label>
+<input type="checkbox" id="hamburger">
+<nav id="site-nav-menu">
+      <p><b>Get Involved</b>
+    <ul>
           <li><a href="anonsvn.html">Subversion</a></li>
           <li><a href="mailing-lists.html">Mailing Lists</a></li>
           <li><a href="compiling_win32.html">Build on Win32</a></li>
           <li><a href="compiling_unix.html">Build on Unix</a></li>
-        </menu>
-      <p><b>Download!</b></p>
-    <menu compact="compact">
+        </ul>
+      </p>
+      <p><b>Download!</b>
+    <ul>
           <li><a href="download.cgi">from a mirror</a></li>
-        </menu>
-      <p><b>APR Docs</b></p>
-    <menu compact="compact">
+        </ul>
+      </p>
+      <p><b>APR Docs</b>
+    <ul>
           <li><a href="docs/apr/1.7/">Version 1.7</a></li>
           <li><a href="docs/apr/trunk/">Trunk APR 2.0</a> (dev preview)</li>
-        </menu>
-      <p><b>APR-util Docs</b></p>
-    <menu compact="compact">
+        </ul>
+      </p>
+      <p><b>APR-util Docs</b>
+    <ul>
           <li><a href="docs/apr-util/1.6/">Version 1.6</a></li>
           <li><a href="docs/apr/trunk/">Trunk APR 2.0</a> (dev preview)</li>
-        </menu>
-      <p><b>APR-iconv Docs</b></p>
-    <menu compact="compact">
+        </ul>
+      </p>
+      <p><b>APR-iconv Docs</b>
+    <ul>
           <li><a href="docs/apr-iconv/1.2/">Version 1.2</a></li>
           <li><a href="docs/apr-iconv/trunk/">Trunk</a> (dev preview)</li>
-        </menu>
-      <p><b>Guidelines</b></p>
-    <menu compact="compact">
+        </ul>
+      </p>
+      <p><b>Guidelines</b>
+    <ul>
           <li><a href="guidelines.html">Project Guidelines</a></li>
           <li><a href="patches.html">Contributing</a></li>
           <li><a href="versioning.html">Version Numbers</a></li>
-        </menu>
-      <p><b>Miscellaneous</b></p>
-    <menu compact="compact">
+        </ul>
+      </p>
+      <p><b>Miscellaneous</b>
+    <ul>
           <li><a href="https://www.apache.org/licenses/">License</a></li>
           <li><a href="security_report.html">Security Reports</a></li>
           <li><a href="projects.html">Projects using APR</a></li>
@@ -60,7 +69,9 @@
           <li><a href="https://www.apache.org/">Foundation</a></li>
           <li><a href="https://www.apache.org/events/current-event.html">Events</a></li>
           <li><a href="https://privacy.apache.org/policies/privacy-policy-public.html">Privacy Policy</a></li>
-        </menu>
+        </ul>
+      </p>
+</nav>
     </div>
     <!-- RIGHT SIDE INFORMATION -->
     <div id="site-content">

Modified: apr/site/trunk/docs/style.css
==============================================================================
--- apr/site/trunk/docs/style.css	Fri Sep 12 21:33:56 2025	(r1928382)
+++ apr/site/trunk/docs/style.css	Fri Sep 12 22:12:08 2025	(r1928383)
@@ -9,21 +9,40 @@
   width: 15em;
 }
 #site-content {
+  margin-top: 10px;
   margin-left: 15.1em;
 }
 h1 {
-    background: #525D76;
-    color: #ffffff;
-    font-family: sans-serif;
-    font-size: medium;
-    font-weight: 500;
-    padding: 2px;
+  background: #525D76;
+  color: #ffffff;
+  font-family: sans-serif;
+  font-size: medium;
+  font-weight: 500;
+  padding: 2px;
 }
 h2 {
-    background: #828DA6;
-    color: #ffffff;
-    font-family: sans-serif;
-    font-size: medium;
-    font-weight: 500;
-    padding: 2px;
+  background: #828DA6;
+  color: #ffffff;
+  font-family: sans-serif;
+  font-size: medium;
+  font-weight: 500;
+  padding: 2px;
+}
+@media screen {
+  #site-nav label, #hamburger {
+    display: none;
+  }
+}
+
+@media screen and (max-width: 815px) {
+    #site-nav {
+	width: 100%;
+	float: none;
+    }
+    #site-nav label {
+	display: inline-block;
+    }
+    #site-nav-menu { display: none }
+    #site-nav input:checked + #site-nav-menu { display: block; }
+    #site-content { margin-left: 0px; }
 }