Author: dsahlberg
Date: Mon Jun 28 22:42:30 2021
New Revision: 1891123

URL: http://svn.apache.org/viewvc?rev=1891123&view=rev
Log:
In site/staging-ng
Improve Lighthouse score

* site-banner.html
  Replace png/jpg logos with hires svg.
  Move styling to site.css
* site.webmanifest
  Additional elements related to PWA (which is not really applicable but 
doesn't hurt).
* style/site.css
  Add styling for the logos from site-banner.html and make slightly smaller in >
  Modify hue of blue border in narrow mode to same as in wide mode.


Modified:
    subversion/site/staging-ng/site-banner.html
    subversion/site/staging-ng/site.webmanifest
    subversion/site/staging-ng/style/site.css

Modified: subversion/site/staging-ng/site-banner.html
URL: 
http://svn.apache.org/viewvc/subversion/site/staging-ng/site-banner.html?rev=1891123&r1=1891122&r2=1891123&view=diff
==============================================================================
--- subversion/site/staging-ng/site-banner.html (original)
+++ subversion/site/staging-ng/site-banner.html Mon Jun 28 22:42:30 2021
@@ -1,12 +1,14 @@
 <div id="site-banner">
-<div style="width: 379px; height: 80px; font-style: italic; 
+<div style="font-style: italic; 
             text-align: center;" id="site-banner-apachelogo">
   <a href="https://www.apache.org/";
-  ><img src="/images/apache-logo.png"
+  ><img src="/images/asf_logo_wide.svg"
+       width="379" height="80"
         alt="Apache Software Foundation" /></a>
 </div>
 <a href="/">
-  <img src="/images/svn-name-banner.jpg"
+  <img src="/images/svn-name-banner.svg"
+       width="379" height="80"
        alt="[S] Subversion"
-       style="width: 400px; height: 80px;"/></a>
+       id="site-banner-svnlogo" /></a>
 </div> <!-- #site-banner -->

Modified: subversion/site/staging-ng/site.webmanifest
URL: 
http://svn.apache.org/viewvc/subversion/site/staging-ng/site.webmanifest?rev=1891123&r1=1891122&r2=1891123&view=diff
==============================================================================
--- subversion/site/staging-ng/site.webmanifest (original)
+++ subversion/site/staging-ng/site.webmanifest Mon Jun 28 22:42:30 2021
@@ -4,8 +4,15 @@
   "icons": [{
     "src": "icon.png",
     "type": "image/png",
+    "purpose": "any maskable",
     "sizes": "192x192"
+  },{
+    "src": "icon512.png",
+    "type": "image/png",
+    "purpose": "any maskable",
+    "sizes": "512x512"
   }],
+  "display": "standalone",
   "start_url": "/",
   "background_color": "#ffffff",
   "theme_color": "#98b0d4"

Modified: subversion/site/staging-ng/style/site.css
URL: 
http://svn.apache.org/viewvc/subversion/site/staging-ng/style/site.css?rev=1891123&r1=1891122&r2=1891123&view=diff
==============================================================================
--- subversion/site/staging-ng/style/site.css (original)
+++ subversion/site/staging-ng/style/site.css Mon Jun 28 22:42:30 2021
@@ -122,12 +122,18 @@ pre {
     padding: 1em 2em;
   }
   #site-banner-apachelogo {
+    width: 379px;
+    height: 80px; 
     float: right;
   }
+  #site-banner-svnlogo {
+    width: 400px;
+    height: 80px;
+  }
   @media screen and (max-width: 815px) {
     #site-nav {
       width: 100%;
-      border-top: solid 10px #97afd5;
+      border-top: solid 10px rgb(147,176,218); /* #93b0da */
       background-color: #d6e3b2;
     }
     #site-nav-menu {
@@ -154,6 +160,12 @@ pre {
     #site-content { margin-left: 0px; }
     #site-banner-apachelogo {
       float: none;
+      width: 322px;
+      height: 68px; 
+    }
+    #site-banner-svnlogo {
+      width: 340px;
+      height: 68px;
     }
   }
   


Reply via email to