Remove template content, add tachyons

offen · Dec 19, 2024 · 00b9cf8 · 00b9cf8
1 parent 98ac909
commit 00b9cf8
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 133 deletions.
diff --git a/index.html b/index.html
@@ -4,10 +4,10 @@
     <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 + Preact</title>
+    <title>Pyla</title>
   </head>
   <body>
-    <div id="app"></div>
+    <div id="app" class="center"></div>
     <script type="module" src="/src/main.jsx"></script>
   </body>
 </html>
diff --git a/public/.gitkeep b/public/.gitkeep
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/app.css b/src/app.css
@@ -1,25 +1,3 @@
 #app {
   max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.preact:hover {
-  filter: drop-shadow(0 0 2em #673ab8aa);
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
 }
diff --git a/src/app.jsx b/src/app.jsx
@@ -1,43 +1,5 @@
-import { useState } from 'preact/hooks'
-import preactLogo from './assets/preact.svg'
-import viteLogo from '/vite.svg'
 import './app.css'
 
 export function App() {
-  const [count, setCount] = useState(0)
-
-  return (
-    <>
-      <div>
-        <a href="https://vite.dev" target="_blank">
-          <img src={viteLogo} class="logo" alt="Vite logo" />
-        </a>
-        <a href="https://preactjs.com" target="_blank">
-          <img src={preactLogo} class="logo preact" alt="Preact logo" />
-        </a>
-      </div>
-      <h1>Vite + Preact</h1>
-      <div class="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
-        <p>
-          Edit <code>src/app.jsx</code> and save to test HMR
-        </p>
-      </div>
-      <p>
-        Check out{' '}
-        <a
-          href="https://preactjs.com/guide/v10/getting-started#create-a-vite-powered-preact-app"
-          target="_blank"
-        >
-          create-preact
-        </a>
-        , the official Preact + Vite starter
-      </p>
-      <p class="read-the-docs">
-        Click on the Vite and Preact logos to learn more
-      </p>
-    </>
-  )
+  return <h1 class="sans-serif f1">Pyla</h1>
 }
diff --git a/src/assets/preact.svg b/src/assets/preact.svg
diff --git a/src/index.css b/src/index.css