Update project structure and enhance build process

- Removed unnecessary entries from .gitignore related to the app/web/dist directory. - Updated app/web/.gitignore to exclude the dist directory. - Added rollup-plugin-copy to package.json and updated rollup.config.js to copy static assets during the build process. - Introduced new CSS and JS files in the dist directory for improved styling and functionality. - Updated index.html to reference new global CSS and JS files, enhancing the overall user interface. - Added favicon and other image assets to the dist directory for branding consistency.
2025-10-11 08:05:50 +01:00
parent 506ad66aeb
commit 4cf3d9cfb5
15 changed files with 673 additions and 14 deletions
--- a/app/web/dist/build/bundle.css
+++ b/app/web/dist/build/bundle.css
--- a/app/web/dist/build/bundle.js
+++ b/app/web/dist/build/bundle.js
--- a/app/web/dist/bundle.css
+++ b/app/web/dist/bundle.css
--- a/app/web/dist/bundle.js
+++ b/app/web/dist/bundle.js
--- a/app/web/dist/favicon.png
+++ b/app/web/dist/favicon.png
--- a/app/web/dist/global.css
+++ b/app/web/dist/global.css
@@ -0,0 +1,69 @@
+html,
+body {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  color: #333;
+  margin: 0;
+  padding: 8px;
+  box-sizing: border-box;
+  font-family:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
+    Cantarell, "Helvetica Neue", sans-serif;
+}
+
+a {
+  color: rgb(0, 100, 200);
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+a:visited {
+  color: rgb(0, 80, 160);
+}
+
+label {
+  display: block;
+}
+
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  -webkit-padding: 0.4em 0;
+  padding: 0.4em;
+  margin: 0 0 0.5em 0;
+  box-sizing: border-box;
+  border: 1px solid #ccc;
+  border-radius: 2px;
+}
+
+input:disabled {
+  color: #ccc;
+}
+
+button {
+  color: #333;
+  background-color: #f4f4f4;
+  outline: none;
+}
+
+button:disabled {
+  color: #999;
+}
+
+button:not(:disabled):active {
+  background-color: #ddd;
+}
+
+button:focus {
+  border-color: #666;
+}
--- a/app/web/dist/index.html
+++ b/app/web/dist/index.html
@@ -2,13 +2,16 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Next Orly</title>
-    <link rel="icon" href="/orly-favicon.png" type="image/png" />
-    <link rel="stylesheet" href="/bundle.css" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+
+    <title>ORLY?</title>
+
+    <link rel="icon" type="image/png" href="/orly-favicon.png" />
+    <link rel="stylesheet" href="/global.css" />
+    <link rel="stylesheet" href="/build/bundle.css" />
+
+    <script defer src="/build/bundle.js"></script>
  </head>
-  <body>
-    <div id="app"></div>
-    <script src="/bundle.js"></script>
-  </body>
+
+  <body></body>
 </html>
--- a/app/web/dist/orly-favicon.png
+++ b/app/web/dist/orly-favicon.png
--- a/app/web/dist/orly.png
+++ b/app/web/dist/orly.png