maj underconstruction

nephcode · Aug 19, 2024 · c8a5624 · c8a5624
1 parent 6f641b5
commit c8a5624
Show file tree

Hide file tree

Showing 8 changed files with 31 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -2,9 +2,9 @@
 <html lang="fr">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/rethagon-logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Rethagon Rap game</title>
+    <title>Rethagon Battle Rap game</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/.github/images/rethagon-logo.svg → public/rethagon-logo.svg b/.github/images/rethagon-logo.svg → public/rethagon-logo.svg
diff --git a/src/App.css b/src/App.css
@@ -5,8 +5,18 @@
   text-align: center;
 }
 
+.hero {
+  height: 9rem;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.hero:hover {
+  filter: drop-shadow(0 0 2em #FFFFFFaa);
+}
+
 .logo {
-  height: 6em;
+  height: 3rem;
   padding: 1.5em;
   will-change: filter;
   transition: filter 300ms;
@@ -17,6 +27,9 @@
 .logo.react:hover {
   filter: drop-shadow(0 0 2em #61dafbaa);
 }
+.logo.bun:hover {
+  filter: drop-shadow(0 0 2em #ebcaf0aa);
+}
 
 @keyframes logo-spin {
   from {

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,32 +1,42 @@
 import { useState } from 'react'
-import reactLogo from './assets/react.svg'
+import reactLogo from './assets/stack/react.svg'
 import viteLogo from '/vite.svg'
+import bunLogo from './assets/stack/bun.svg'
+import rethagonLogo from '/rethagon-logo.svg'
 import './App.css'
 
 function App() {
   const [count, setCount] = useState(0)
 
   return (
     <>
+      <div>
+      <a href="#" target="_blank">
+          <img src={rethagonLogo} className="hero" alt="Rethagon logo" />
+        </a>
+      </div>
       <div>
         <a href="https://vitejs.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
         <a href="https://react.dev" target="_blank">
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
+        <a href="https://bun.sh" target="_blank">
+          <img src={bunLogo} className="logo bun" alt="Bun logo" />
+        </a>
       </div>
-      <h1>Vite + React</h1>
+      <h1>Vite + React + Bun</h1>
       <div className="card">
         <button onClick={() => setCount((count) => count + 1)}>
           count is {count}
         </button>
         <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
+          Rethagon - Forecast Game Battle Rap 
         </p>
       </div>
       <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
+        Bun + Vite + React 19rc + Typescript + Foundry + Solidity + TailwindCSS
       </p>
     </>
   )

diff --git a/src/assets/stack/bun.svg b/src/assets/stack/bun.svg
diff --git a/src/assets/react.svg → src/assets/stack/react.svg b/src/assets/react.svg → src/assets/stack/react.svg
diff --git a/src/layouts/Footer/index.tsx b/src/layouts/Footer/index.tsx
diff --git a/src/layouts/Header/index.tsx b/src/layouts/Header/index.tsx