will/sludge-link
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

I fixed the thing by just using the node adapter.

Browse Source 
I guess taht works.
Cleaned up the clicker page a touch
This commit is contained in:
Will Stensvold
2026-03-07 00:41:59 -06:00
parent afb38aaba6
commit 7732196059
11 changed files with 77 additions and 291 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/fest/clicker/+page.svelte
+24 -18
View File
@@ -30,18 +30,18 @@
<h1>How many people are at Sludge Fest {data.year}?</h1>
<div>
<div>
<h3>~{people} people</h3>
<button data-id="people" onclick={add}>+</button>
<h3>~{people} people</h3>
<button data-id="people" onclick={subtract}>-</button>
</div>
<div>
<h3>~{tents} tents</h3>
<button data-id="tents" onclick={add}>+</button>
<h3>~{tents} tents</h3>
<button data-id="tents" onclick={subtract}>-</button>
</div>
<div>
<h3>~{cars} cars</h3>
<button data-id="cars" onclick={add}>+</button>
<h3>~{cars} cars</h3>
<button data-id="cars" onclick={subtract}>-</button>
</div>
</div>
@@ -54,9 +54,16 @@
</section>
<style lang="scss">
@use "/src/app.scss" as *;
@use "sass:color";
button {
background: var(--primary-5);
border-radius: 0.25rem;
font-size: 2rem;
border: none;
box-shadow: var(--bs);
&:hover {
background: var(--primary-7);
}
}
section {
max-width: 60rem;
margin: 1rem auto 0;
@@ -69,29 +76,28 @@
div {
text-align: center;
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
gap: 1rem;
max-width: 30rem;
div {
display: grid;
grid-template-columns: 1fr 1fr;
display: flex;
flex-direction: row;
justify-content: space-between;
h3 {
font-size: 1.75rem;
grid-column: 1 / 3;
width: fit-content;
}
button {
background: $yellow;
border: solid 3px $yellow;
border-radius: 0.25rem;
margin: 0 1rem;
font-size: 2rem;
flex-basis: 4rem;
}
}
}
form button {
font-size: 2rem;
margin: 1rem;
background: $yellow;
border: solid 3px $yellow;
border-radius: 0.25rem;
width: fit-content;
}
}
</style>