less files in demo

WebKit · Nov 21, 2024 · bf2ef76 · bf2ef76
1 parent 728aeab
commit bf2ef76
Show file tree

Hide file tree

Showing 8 changed files with 163 additions and 210 deletions.
diff --git a/resources/remote-helloworld/dist/assets/index-BM42Nkx-.css b/resources/remote-helloworld/dist/assets/index-BM42Nkx-.css
diff --git a/...-helloworld/dist/assets/index-DZh9gsEf.js → ...-helloworld/dist/assets/index-D2lLi4lE.js b/...-helloworld/dist/assets/index-DZh9gsEf.js → ...-helloworld/dist/assets/index-D2lLi4lE.js
diff --git a/...loworld/dist/assets/index-DZh9gsEf.js.map → ...loworld/dist/assets/index-D2lLi4lE.js.map b/...loworld/dist/assets/index-DZh9gsEf.js.map → ...loworld/dist/assets/index-D2lLi4lE.js.map
diff --git a/resources/remote-helloworld/dist/index.html b/resources/remote-helloworld/dist/index.html
@@ -2,11 +2,86 @@
 <html lang="en">
     <head>
         <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Vite App</title>
-      <script type="module" crossorigin src="./assets/index-DZh9gsEf.js"></script>
-      <link rel="stylesheet" crossorigin href="./assets/index-BM42Nkx-.css">
+        <title>Remote Workload - Hello World</title>
+        <style>
+            :root {
+                font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+                line-height: 1.5;
+                font-weight: 400;
+
+                color-scheme: light dark;
+                color: rgba(255, 255, 255, 0.87);
+                background-color: #242424;
+
+                font-synthesis: none;
+                text-rendering: optimizeLegibility;
+                -webkit-font-smoothing: antialiased;
+                -moz-osx-font-smoothing: grayscale;
+            }
+
+            a {
+                font-weight: 500;
+                color: #646cff;
+                text-decoration: inherit;
+            }
+            a:hover {
+                color: #535bf2;
+            }
+
+            body {
+                margin: 0;
+                display: flex;
+                place-items: center;
+                min-width: 320px;
+                min-height: 100vh;
+            }
+
+            h1 {
+                font-size: 3.2em;
+                line-height: 1.1;
+            }
+
+            #app {
+                max-width: 1280px;
+                margin: 0 auto;
+                padding: 2rem;
+                text-align: center;
+            }
+
+            button {
+                border-radius: 8px;
+                border: 1px solid transparent;
+                padding: 0.6em 1.2em;
+                font-size: 1em;
+                font-weight: 500;
+                font-family: inherit;
+                background-color: #1a1a1a;
+                cursor: pointer;
+                transition: border-color 0.25s;
+            }
+            button:hover {
+                border-color: #646cff;
+            }
+            button:focus,
+            button:focus-visible {
+                outline: 4px auto -webkit-focus-ring-color;
+            }
+
+            @media (prefers-color-scheme: light) {
+                :root {
+                    color: #213547;
+                    background-color: #ffffff;
+                }
+                a:hover {
+                    color: #747bff;
+                }
+                button {
+                    background-color: #f9f9f9;
+                }
+            }
+        </style>
+      <script type="module" crossorigin src="./assets/index-D2lLi4lE.js"></script>
     </head>
     <body>
         <div id="app"></div>

diff --git a/resources/remote-helloworld/index.html b/resources/remote-helloworld/index.html
@@ -2,9 +2,85 @@
 <html lang="en">
     <head>
         <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Vite App</title>
+        <title>Remote Workload - Hello World</title>
+        <style>
+            :root {
+                font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+                line-height: 1.5;
+                font-weight: 400;
+
+                color-scheme: light dark;
+                color: rgba(255, 255, 255, 0.87);
+                background-color: #242424;
+
+                font-synthesis: none;
+                text-rendering: optimizeLegibility;
+                -webkit-font-smoothing: antialiased;
+                -moz-osx-font-smoothing: grayscale;
+            }
+
+            a {
+                font-weight: 500;
+                color: #646cff;
+                text-decoration: inherit;
+            }
+            a:hover {
+                color: #535bf2;
+            }
+
+            body {
+                margin: 0;
+                display: flex;
+                place-items: center;
+                min-width: 320px;
+                min-height: 100vh;
+            }
+
+            h1 {
+                font-size: 3.2em;
+                line-height: 1.1;
+            }
+
+            #app {
+                max-width: 1280px;
+                margin: 0 auto;
+                padding: 2rem;
+                text-align: center;
+            }
+
+            button {
+                border-radius: 8px;
+                border: 1px solid transparent;
+                padding: 0.6em 1.2em;
+                font-size: 1em;
+                font-weight: 500;
+                font-family: inherit;
+                background-color: #1a1a1a;
+                cursor: pointer;
+                transition: border-color 0.25s;
+            }
+            button:hover {
+                border-color: #646cff;
+            }
+            button:focus,
+            button:focus-visible {
+                outline: 4px auto -webkit-focus-ring-color;
+            }
+
+            @media (prefers-color-scheme: light) {
+                :root {
+                    color: #213547;
+                    background-color: #ffffff;
+                }
+                a:hover {
+                    color: #747bff;
+                }
+                button {
+                    background-color: #f9f9f9;
+                }
+            }
+        </style>
     </head>
     <body>
         <div id="app"></div>

diff --git a/resources/remote-helloworld/main.js b/resources/remote-helloworld/main.js
@@ -1,4 +1,4 @@
-import "./style.css";
+
 import { setupCounter } from "./counter.js";
 import { BenchmarkTestStep, BenchmarkTestSuite, BenchmarkSuitesManager, forceLayout, getElement, connectFromRemote } from "speedometer/resources/workload-testing-utils.mjs";
 
@@ -21,13 +21,10 @@ window.benchmarkSuitesManager = new BenchmarkSuitesManager(window.name, [
 
 document.querySelector("#app").innerHTML = `
   <div>
-    <h1>Hello Vite!</h1>
+    <h1>Remote Workload - Hello World</h1>
     <div class="card">
       <button id="counter" type="button"></button>
     </div>
-    <p class="read-the-docs">
-      Click on the Vite logo to learn more
-    </p>
   </div>
 `;