youwen5/jankboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: initial setup complete

Browse source
This commit is contained in:
Youwen Wu 2024-02-21 15:13:18 -08:00
parent 9c13c82cce
commit 699f655b03
6 changed files with 30 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/index.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Jankboard</title> <title>Jankboard 2</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

30
client/src/App.svelte
View file

@ -1,37 +1,13 @@
<script lang="ts"> <script lang="ts">
import '@fontsource/roboto/latin.css'
import svelteLogo from './assets/svelte.svg' import svelteLogo from './assets/svelte.svg'
import viteLogo from '/vite.svg' import viteLogo from '/vite.svg'
import Counter from './lib/Counter.svelte'
</script> </script>
<main> <main></main>
<div>
<a href="https://vitejs.dev" target="_blank" rel="noreferrer">
<img src={viteLogo} class="logo" alt="Vite Logo" />
</a>
<a href="https://svelte.dev" target="_blank" rel="noreferrer">
<img src={svelteLogo} class="logo svelte" alt="Svelte Logo" />
</a>
</div>
<h1>Vite + Svelte</h1>
<div class="card">
<Counter />
</div>
<p>
Check out <a
href="https://github.com/sveltejs/kit#readme"
target="_blank"
rel="noreferrer">SvelteKit</a
>, the official Svelte app framework powered by Vite!
</p>
<p class="text-blue-400">Click on the Vite and Svelte logos to learn more</p>
</main>
<style lang="postcss"> <style lang="postcss">
main { main {
@apply bg-blue-500; font-family: 'Roboto', sans-serif;
} }
</style> </style>

4
client/src/app.css
View file

@ -12,4 +12,8 @@
@apply text-blue-300 hover:text-blue-500 visited:text-purple-300; @apply text-blue-300 hover:text-blue-500 visited:text-purple-300;
} }
} }
body {
@apply bg-black;
}
} }

10
client/src/lib/Counter.svelte
View file

@ -1,10 +0,0 @@
<script lang="ts">
let count: number = 0
const increment = () => {
count += 1
}
</script>
<button on:click={increment}>
count is {count}
</button>

17
package-lock.json generated Normal file
View file

@ -0,0 +1,17 @@
{
"name": "jankboard-2",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"dependencies": {
"@fontsource/roboto": "^5.0.8"
}
},
"node_modules/@fontsource/roboto": {
"version": "5.0.8",
"resolved": "https://registry.npmjs.org/@fontsource/roboto/-/roboto-5.0.8.tgz",
"integrity": "sha512-XxPltXs5R31D6UZeLIV1td3wTXU3jzd3f2DLsXI8tytMGBkIsGcc9sIyiupRtA8y73HAhuSCeweOoBqf6DbWCA=="
}
}
}

5
package.json Normal file
View file

@ -0,0 +1,5 @@
{
"dependencies": {
"@fontsource/roboto": "^5.0.8"
}
}