Theme elements

2022-04-18 22:44:24 +02:00
parent 5f4ccfa716
commit e94cb3115e
5 changed files with 32 additions and 11 deletions
--- a/README.md
+++ b/README.md
@@ -0,0 +1,9 @@
+# Okupamicoche Hydrogen
+
+## Theme
+- Download and build `hidrogen-web` outside this project.
+    - `git clone https://github.com/vector-im/hydrogen-web`
+    - `yarn install`
+    - `yarn build:sdk`
+    - `yarn link`
+- Inside this project `yarn link hydrogen-view-sdk`
--- a/index.html
+++ b/index.html
@@ -5,11 +5,19 @@
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Vite App</title>
+  <title>Okupamicoche</title>
+  <meta name="viewport" content="width=device-width, user-scalable=no">
+  <meta name="application-name" content="Okupamicoche"/>
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="Okupamicoche">
+  <meta name="description" content="A matrix chat application">
+  <link rel="apple-touch-icon" href="./assets/icon-maskable.png">
+  <link rel="icon" type="image/png" href="assets/icon-maskable.png">
+  
 </head>

-<body>
-  <div id="app" class="hydrogen"></div>
+<body class="hydrogen">
  <script type="module" src="/src/main.ts"></script>
 </body>

--- a/src/main.ts
+++ b/src/main.ts
@@ -20,6 +20,8 @@ const assetPaths = {
 };
 import "hydrogen-view-sdk/style.css";

+import "hydrogen-view-sdk/theme-element-dark.css";
+
 // Don't use a default export here, as we use multiple entries during legacy build,
 // which does not support default exports,
 // see https://github.com/rollup/plugins/tree/master/packages/multi-entry
--- a/src/style.css
+++ b/src/style.css
@@ -1,8 +0,0 @@
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
--- a/vite.config.js
+++ b/vite.config.js
@@ -0,0 +1,10 @@
+// vite.config.js
+const {defineConfig} = require('vite');
+export default defineConfig({
+    server: {
+      fs: {
+        // Allow serving files from one level up to the project root
+        strict: false
+      }
+    }
+  })