Trademarks message, version info

(cherry picked from commit bc465fb)

Author: ppeccin

README.md

@@ -10,6 +10,9 @@ Please go to **https://webmsx.org** to enjoy it online!
 Refer to [**/doc**](https://github.com/ppeccin/WebMSX/tree/master/doc) for parameters reference and URL usage examples.
 Refer to [**/release**](https://github.com/ppeccin/WebMSX/tree/master/release) for stable release files and deployment examples.
 
+MSX and the MSX logo are shown here as a tribute.
+All trademarks are property of their respective owners.
+
 ### New in Release 5.4
 
 - CapsLock and Kana leds on screen

doc/README.md

@@ -10,6 +10,9 @@ Please go to **https://webmsx.org** to enjoy it online!
 Refer to [**/doc**](https://github.com/ppeccin/WebMSX/tree/master/doc) for parameters reference and URL usage examples.
 Refer to [**/release**](https://github.com/ppeccin/WebMSX/tree/master/release) for stable release files and deployment examples.
 
+MSX and the MSX logo are shown here as a tribute.
+All trademarks are property of their respective owners.
+
 ### New in Release 5.4
 
 - CapsLock and Kana leds on screen

src/runtime/standalone/index.base.html

@@ -63,11 +63,11 @@
             }
             html {
                 height: 100%;
-                background: hsl(0, 0%, 88%);
+                background: hsl(0, 0%, 97%);
             }
             body {
                 min-height: 100%;
-                background: hsl(0, 0%, 95%);
+                background: hsl(0, 0%, 97%);
             }
             .container {
                 max-width: 660px;
@@ -145,16 +145,16 @@
                 position: absolute;
                 bottom: 0;
                 left: 0; right: 0;
-                height: 76px;
+                height: 70px;
                 background: hsl(0, 0%, 88%);
                 overflow: hidden;
-                font-size: 15px;
-                line-height: 13px;
+                font-size: 14px;
+                line-height: 12px;
                 white-space: nowrap;
                 text-overflow: ellipsis;
             }
             #footer .container {
-                padding: 2px 50px 0;
+                padding: 2px 20px 0;
                 box-sizing: border-box;
             }
             a {
@@ -166,6 +166,9 @@
                 color: #0050ba;
                 text-shadow: 0 0 2px hsl(197, 100%, 47%);
             }
+            .toright {
+                float: right;
+            }
             #donate {
                 display: block;
                 position: relative;
@@ -237,8 +240,10 @@
         <div id="footer">
             <div class="container">
                 <script>WMSX.WEB_EXTENSIONS_PROXY_SERVER = WMSX.WEB_EXTENSIONS_SERVER;</script>
-                <p>Created by <a href="http://twitter.com/ppeccin" target="_blank">Paulo A. Peccin</a></p>
-                <p>v5.4.2 &nbsp;<a href="https://github.com/ppeccin/webmsx" target="_blank">Docs & Project Homepage</a></p>
+                <p><span>Created by <a href="http://twitter.com/ppeccin" target="_blank">Paulo A. Peccin</a></span>
+                    <span class="toright">MSX and the MSX logo are shown here as a tribute.</span></p>
+                <p><span>v5.4.3 &nbsp;<a href="https://github.com/ppeccin/webmsx" target="_blank">Docs & Project Home</a></span>
+                    <span class="toright">All trademarks are property of their respective owners.</span></p>
             </div>
         </div>
 

src/runtime/standalone/index.part1.html

@@ -63,11 +63,11 @@
             }
             html {
                 height: 100%;
-                background: hsl(0, 0%, 88%);
+                background: hsl(0, 0%, 97%);
             }
             body {
                 min-height: 100%;
-                background: hsl(0, 0%, 95%);
+                background: hsl(0, 0%, 97%);
             }
             .container {
                 max-width: 660px;
@@ -145,16 +145,16 @@
                 position: absolute;
                 bottom: 0;
                 left: 0; right: 0;
-                height: 76px;
+                height: 70px;
                 background: hsl(0, 0%, 88%);
                 overflow: hidden;
-                font-size: 15px;
-                line-height: 13px;
+                font-size: 14px;
+                line-height: 12px;
                 white-space: nowrap;
                 text-overflow: ellipsis;
             }
             #footer .container {
-                padding: 2px 50px 0;
+                padding: 2px 20px 0;
                 box-sizing: border-box;
             }
             a {
@@ -166,6 +166,9 @@
                 color: #0050ba;
                 text-shadow: 0 0 2px hsl(197, 100%, 47%);
             }
+            .toright {
+                float: right;
+            }
             #donate {
                 display: block;
                 position: relative;

src/runtime/standalone/index.part2.html

@@ -44,8 +44,10 @@
         <div id="footer">
             <div class="container">
                 <script>WMSX.WEB_EXTENSIONS_PROXY_SERVER = WMSX.WEB_EXTENSIONS_SERVER;</script>
-                <p>Created by <a href="http://twitter.com/ppeccin" target="_blank">Paulo A. Peccin</a></p>
-                <p>v5.4.2 &nbsp;<a href="https://github.com/ppeccin/webmsx" target="_blank">Docs & Project Homepage</a></p>
+                <p><span>Created by <a href="http://twitter.com/ppeccin" target="_blank">Paulo A. Peccin</a></span>
+                    <span class="toright">MSX and the MSX logo are shown here as a tribute.</span></p>
+                <p><span>v5.4.3 &nbsp;<a href="https://github.com/ppeccin/webmsx" target="_blank">Docs & Project Home</a></span>
+                    <span class="toright">All trademarks are property of their respective owners.</span></p>
             </div>
         </div>