thunder-app
diff --git a/‎index.html
+2-2 b/‎index.html
+2-2
diff --git a/‎public/icon.png
66.6 KB b/‎public/icon.png
66.6 KB
diff --git a/‎public/thunder.png
57 KB b/‎public/thunder.png
57 KB
diff --git a/‎public/vite.svg
-1 b/‎public/vite.svg
-1
diff --git a/‎src/App.css
+4-20 b/‎src/App.css
+4-20
diff --git a/‎src/App.tsx
+10-19 b/‎src/App.tsx
+10-19
diff --git a/‎src/assets/react.svg
-1 b/‎src/assets/react.svg
-1
diff --git a/‎src/index.css
+6-4 b/‎src/index.css
+6-4
diff --git a/‎src/main.tsx
+2 b/‎src/main.tsx
+2
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="/icon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Thunder</title>
   </head>
   <body>
     <div id="root"></div>
 
@@ -6,31 +6,15 @@
 }
 
 .logo {
-  height: 6em;
+  height: 12em;
   padding: 1.5em;
   will-change: filter;
   transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
+  border-radius: 4em;
 }
 
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
+.logo:hover {
+  filter: drop-shadow(0 0 2em #9599e0aa);
 }
 
 .card {
 
@@ -1,32 +1,23 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
+import thunderLogo from '/thunder.png'
+
 import './App.css'
 
 function App() {
-  const [count, setCount] = useState(0)
 
   return (
     <>
       <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 href="https://github.com/thunder-app/thunder" target="_blank">
+          <img src={thunderLogo} className="logo" alt="Thunder logo" />
         </a>
       </div>
-      <h1>Vite + React</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
-        </p>
-      </div>
+      <h1>Thunder</h1>
+      <h2>An open-source, cross-platform Lemmy client for iOS and Android</h2>
+      <p>Fully free of advertisements and trackers</p>
+      <br />
+
       <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
+        Click <a href="https://github.com/thunder-app/thunder"> here</a> to learn more
       </p>
     </>
   )
 
@@ -15,11 +15,12 @@
 
 a {
   font-weight: 500;
-  color: #646cff;
+  color: #9599e0;
   text-decoration: inherit;
 }
+
 a:hover {
-  color: #535bf2;
+  color: #7d81d7;
 }
 
 body {
@@ -46,11 +47,12 @@ button {
   cursor: pointer;
   transition: border-color 0.25s;
 }
+
 button:hover {
   border-color: #646cff;
 }
-button:focus,
-button:focus-visible {
+
+button:focus, button:focus-visible {
   outline: 4px auto -webkit-focus-ring-color;
 }
 
 
@@ -1,6 +1,8 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+
 import App from './App.tsx'
+
 import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
Original file line number	Diff line number	Diff line change
`@@ -15,11 +15,12 @@`
`15`	`15`
`16`	`16`	`a {`
`17`	`17`	`font-weight: 500;`
`18`		`- color: #646cff;`
	`18`	`+ color: #9599e0;`
`19`	`19`	`text-decoration: inherit;`
`20`	`20`	`}`
	`21`	`+`
`21`	`22`	`a:hover {`
`22`		`- color: #535bf2;`
	`23`	`+ color: #7d81d7;`
`23`	`24`	`}`
`24`	`25`
`25`	`26`	`body {`
`@@ -46,11 +47,12 @@ button {`
`46`	`47`	`cursor: pointer;`
`47`	`48`	`transition: border-color 0.25s;`
`48`	`49`	`}`
	`50`	`+`
`49`	`51`	`button:hover {`
`50`	`52`	`border-color: #646cff;`
`51`	`53`	`}`
`52`		`-button:focus,`
`53`		`-button:focus-visible {`
	`54`	`+`
	`55`	`+button:focus, button:focus-visible {`
`54`	`56`	`outline: 4px auto -webkit-focus-ring-color;`
`55`	`57`	`}`
`56`	`58`