travisshears/weather-portal
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

start stripping down the vite example

Browse source
This commit is contained in:
Travis Shears 2026-03-25 14:12:04 +01:00
parent 2571501d0c
commit f2c479af16
Signed by: travisshears
GPG key ID: CB9BF1910F3F7469
7 changed files with 91 additions and 106 deletions
Download patch file Download diff file Expand all files Collapse all files

105
frontend/src/App.tsx
View file

@ -1,102 +1,19 @@
import { createSignal } from 'solid-js'
import solidLogo from './assets/solid.svg'
import viteLogo from './assets/vite.svg'
import heroImg from './assets/hero.png'
import './App.css'
// import { createSignal } from 'solid-js'
// import "./App.css";
function App() {
const [count, setCount] = createSignal(0)
// const [count, setCount] = createSignal(0)
return (
<>
<section id="center">
<div class="hero">
<img src={heroImg} class="base" width="170" height="179" alt="" />
<img src={solidLogo} class="framework" alt="Solid logo" />
<img src={viteLogo} class="vite" alt="Vite logo" />
</div>
<div>
<h1>Get started</h1>
<p>
Edit <code>src/App.tsx</code> and save to test <code>HMR</code>
</p>
</div>
<button class="counter" onClick={() => setCount((count) => count + 1)}>
Count is {count()}
</button>
</section>
<div class="ticks"></div>
<section id="next-steps">
<div id="docs">
<svg class="icon" role="presentation" aria-hidden="true">
<use href="/icons.svg#documentation-icon"></use>
</svg>
<h2>Documentation</h2>
<p>Your questions, answered</p>
<ul>
<li>
<a href="https://vite.dev/" target="_blank">
<img class="logo" src={viteLogo} alt="" />
Explore Vite
</a>
</li>
<li>
<a href="https://solidjs.com/" target="_blank">
<img class="button-icon" src={solidLogo} alt="" />
Learn more
</a>
</li>
</ul>
</div>
<div id="social">
<svg class="icon" role="presentation" aria-hidden="true">
<use href="/icons.svg#social-icon"></use>
</svg>
<h2>Connect with us</h2>
<p>Join the Vite community</p>
<ul>
<li>
<a href="https://github.com/vitejs/vite" target="_blank">
<svg class="button-icon" role="presentation" aria-hidden="true">
<use href="/icons.svg#github-icon"></use>
</svg>
GitHub
</a>
</li>
<li>
<a href="https://chat.vite.dev/" target="_blank">
<svg class="button-icon" role="presentation" aria-hidden="true">
<use href="/icons.svg#discord-icon"></use>
</svg>
Discord
</a>
</li>
<li>
<a href="https://x.com/vite_js" target="_blank">
<svg class="button-icon" role="presentation" aria-hidden="true">
<use href="/icons.svg#x-icon"></use>
</svg>
X.com
</a>
</li>
<li>
<a href="https://bsky.app/profile/vite.dev" target="_blank">
<svg class="button-icon" role="presentation" aria-hidden="true">
<use href="/icons.svg#bluesky-icon"></use>
</svg>
Bluesky
</a>
</li>
</ul>
</div>
</section>
<div class="ticks"></div>
<section id="spacer"></section>
<header></header>
<footer>
<a href="https://git.travisshears.com/travisshears/weather-portal">
Quellcode
</a>
</footer>
</>
)
);
}
export default App
export default App;