From 99c4781cb693360ada8b26d684d7b5ac3f8c2633 Mon Sep 17 00:00:00 2001
From: Will Stensvold <will@sludge.link>
Date: Mon, 5 May 2025 22:50:51 -0500
Subject: [PATCH] I did some stuff with getting it set up and changing photos
 but i can't get the sqlite to work on prod

---
 .gitignore                   |   5 ++-
 prod.db                      | Bin 0 -> 24576 bytes
 src/lib/db/index.ts          |  22 +++++++++++
 src/routes/+layout.svelte    |  26 ++++++++++++-
 src/routes/+page.server.ts   |   2 +-
 src/routes/+page.svelte      |  67 ----------------------------------
 src/routes/fest/+page.svelte |  19 ++++++++++
 src/routes/pork/+page.svelte |  69 ++++++++++++++++++-----------------
 8 files changed, 105 insertions(+), 105 deletions(-)
 create mode 100644 src/routes/fest/+page.svelte

diff --git a/.gitignore b/.gitignore
index 936a4bf..ddd34c5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -28,4 +28,7 @@ vite.config.ts.timestamp-*
 *.png
 
 # Databases
-*.db
\ No newline at end of file
+*.db
+
+# zips
+*.zip
\ No newline at end of file
diff --git a/prod.db b/prod.db
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..561f289f2820d4c446141c9db769fee3b7af68fc 100644
GIT binary patch
literal 24576
zcmeI)&u`mQ8~|{?IR4cwenrc$I<)nz0ui&e<X71i3Dz_XtRhXjG!aZfO1$K?wc^;B
z?X2q#NQ?u21-D5cPF&atA;F0q#sP6cLP7#f9CkuN+F=LYbDFFx9b7=#(ASc`vETFa
z`@T<-gJ0}yT&mb1C7Yh#vqF*+CIy6qMM4BYIKft#t)pdvZNx`A>=o_Xe$wU%Vg5!x
zfgcD`qAOqp-_^fJboHB0IvmPD00ck)1V8`;KmY_l00cnbe<5%)8CQ(yY4qVvXkBq=
z-}Af8_8<(#8&auOF4oJWUR<h_No!o*BB_?$X%X8E=@#{g>xIM}I1cIicF*#6Ntf;t
zYY=+2+xBUXy5THoxmJ(1$TiDvZ(DvUpEjc=tirc;c(*OGw6<0$7ptT4AoSYZ7Fns*
zhbQmQO>5wUBt1)J`aa#E_SQD-%#52=8<h&H>e+5Hstaex@>+vuKB}><A6_$X?W+Si
z9F%EhB-toWBf)k%^m=gBVV9%L;b7Q)bBxf;j5p<VQ8vz;L6;-Py(R%==XBfjz;668
z(*u<$jx@_!nje&qVi*RxNuzTP0_q1*h&|RmDk7-~!WO&3t;%neYh=B)vRbTNCU2K7
zlVYR3wo+xSR?F4;Y;+{=h1ARM)=71Zt=ugtr#;Jdh82zK%B2RAd#s+lnN~<UO?F|v
z%sv<OmDMs?F27l9RO+PEsMS~pO<uTBFRre$Gn!^hHeNTLL>VRD%tS9D`$nn!Ta{p|
ztbZ-w@A0R26VK}R*$ylq00JNY0w4eaAOHd&00JNY0wD0T37E1Zn8$MO*la#zBcyI{
z&2u{0#cVd6U6@Pf=dwAH&J{A}3k&%-BuSWB%~?Tb(_&Zm4z)Ut9fb4Q&4shUVqo|B
z4t2aO+nsNFz5VU8h5Y$KK7TIGy2|A0GzbX~9WS)~kZmmTz-A1*Lt3WK6>_gFimYYv
zke2g1>27HKUEi6)!a^apkczR~Pw(Z<N3a+TV}F+HNPh4vl7!=PQD5}B#m5w-cW_LZ
zLjG(ao#sF4%lL+XZ{VNsef$;v1jDcMPupi4@&N%5009sH0T2KI5C8!X009tqh6NPy
z7-I7j@{8gs`lrbV>3K1O{yNhTKP48U;=`vAL|r_M9?ccRj)`;H!6^a$`+p4I6Yw7_
zzybmw00JNY0w4eaAOHd&00JNY0wC}V3nXIVG#WoYfi)x=Y|eq*u^=b#ZDCR`#qj(1
zWBe<=gPV96n^@N$>c8lB^;`N!x~rG;_nzUwL+T&^0w4eaAOHd&00JNY0w4ea|Bis6
ztHMhfQW2_o7P~b*RbhWbV5*WjiB-XPRH2Hhkr*FpUkONRqi^}tjEm9>M^z!CAx+aZ
ztU+LHv400x^KEu3zU7$G%STkfRFSGE7ujDF@Mb-)OFO21;ofGnTzD`XNpeCJrlSro
zT0N4gSv#hvU_)b_vgQayrF)HK1y8D@{FbQW?8cOdDMc0LRG!9?)%M(dNhGJ_16Av^
z-={uHBRM4<s48vSeJ^yVnLHUE_N^&<CoH?2z>JR)KFJ=!Kh6?Xl+w1>f91k&!*PtN
z4Kz$pLF~x}t9xox&Y#|Yj<-XITQh2sni5AzRBV?cjs21*Vyf_JG^)L-C1*gdP~YD*
zll=bwNqkGd5AZ|$J9`4)9{w5sh=0J};cxLb_)B~ne~v$62fzXXAOHd&00JNY0w4ea
zAOHd&00JQJp9)AKLKyR?>pUhBJRUvD<B=mgPE7EqX*{YbkBY*hEb}NyJjUZZiXxA(
Lm?)~MC~DfDsK(_?

literal 0
HcmV?d00001

diff --git a/src/lib/db/index.ts b/src/lib/db/index.ts
index 02a4b23..906db10 100644
--- a/src/lib/db/index.ts
+++ b/src/lib/db/index.ts
@@ -4,6 +4,28 @@ import { dev } from '$app/environment';
 // Initialize the database
 const db = new Database(dev ? 'dev.db' : 'prod.db', { create: true});
 
+db.exec(`
+  CREATE TABLE IF NOT EXISTS users (
+    id INTEGER PRIMARY KEY AUTOINCREMENT,
+    name TEXT NOT NULL,
+    email TEXT UNIQUE NOT NULL,
+    created_at DATETIME DEFAULT CURRENT_TIMESTAMP
+  );
+`);
+
+db.exec(`
+  CREATE TABLE IF NOT EXISTS
+  'pork_cuts' (
+    'id' integer not null primary key autoincrement,
+    'name' varchar(40) null,
+    'raw_cut' BOOLEAN null,
+    'stock' INT null default 0,
+    "preweighed" BOOLEAN NULL,
+    "min_weight" DOUBLE NULL,
+    "max_weight" DOUBLE NULL,
+    unique ('id')
+  )
+`);
 
 // Close the database connection when the application shuts down
 process.on('SIGINT', () => {
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 5b5295d..85d47bf 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -12,6 +12,12 @@
   $inspect(data);
 </script>
 
+<nav>
+  <a href="/">Sludge</a>
+  <a href="/fest">Fest</a>
+  <a href="/pork">Pork</a>
+</nav>
+
 <main>
   {@render children()}
 </main>
@@ -44,6 +50,22 @@
     // background-repeat: no-repeat;
     background-attachment: fixed;
   }
+  nav{
+    padding: 0 20%;
+    display: flex;
+    gap: 1rem;
+    justify-content: flex-end;
+    a{
+      text-decoration: none;
+      &:first-child{
+        margin-right: auto;
+      }
+      &:hover{
+        color: $orange;
+      }
+    }
+  }
+
   main {
     display: flex;
     flex-direction: row;
@@ -62,11 +84,11 @@
     font-size: 100%;
     font: inherit;
     color: inherit;
-    font-family: "Garamond",sans-serif;
+    font-family: "Garamond", serif;
     vertical-align: baseline;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
-    text-size-adjust: none;
+    font-size-adjust: 0.75;
   }
 
 
diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
index 2cbeda9..ad524d6 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/+page.server.ts
@@ -4,7 +4,7 @@ import { marked } from 'marked';
 
 export async function load() {
   const users = await get_all_users();
-  const html = marked.parse('# Marked in Node.js\n\nRendered by **marked**.');
+  const html = marked.parse('# Sludge And Links\n\n**maybe**.');
 
   return { users, html };
 }
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index eb3aaa3..5b9ce52 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -6,30 +6,7 @@
 </script>
 
 <main>
-  <h1>Add User</h1>
-  {#if form?.error}
-    <p class="error">{form.error}</p>
-  {/if}
-<!--   <form method="POST">
-    <div>
-      <label for="name">Name:</label>
-      <input type="text" id="name" name="name" required />
-    </div>
-    <div>
-      <label for="email">Email:</label>
-      <input type="email" id="email" name="email" required />
-    </div>
-    <button type="submit">Add User</button>
-  </form> -->
   <div>{@html html}</div>
-  <h2>User List</h2>
-  <ul>
-    {#each users as user}
-      <li>
-        {user.name} ({user.email})
-      </li>
-    {/each}
-  </ul>
 </main>
 
 <style lang="scss">
@@ -40,48 +17,4 @@
     margin: 0 auto;
     padding: 2rem;
   }
-
-  .error {
-    color: $orange;
-  }
-
-  form {
-    margin: 2rem 0;
-    div {
-      margin-bottom: 1rem;
-    }
-  }
-
-  label {
-    display: block;
-    margin-bottom: 0.5rem;
-  }
-
-  input {
-    width: 100%;
-    padding: 0.5rem;
-    background: $blue;
-  }
-
-  button {
-    padding: 0.5rem 1rem;
-    background: $blue;
-    color: $green;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    &:hover {
-      background: $orange;
-    }
-  }
-
-  ul {
-    list-style: none;
-    padding: 0;
-  }
-
-  li {
-    padding: 0.5rem;
-    border-bottom: 1px solid $green;
-  }
 </style>
diff --git a/src/routes/fest/+page.svelte b/src/routes/fest/+page.svelte
new file mode 100644
index 0000000..f00f0c0
--- /dev/null
+++ b/src/routes/fest/+page.svelte
@@ -0,0 +1,19 @@
+<script lang="typescript">
+	
+</script>
+
+<svelte:head>
+	<title></title>
+	<meta name="description" content="" />
+</svelte:head>
+
+<section>
+  <h1>Coming Soon&trade; - 2025</h1>
+  <h2>This time its brown</h2>
+</section>
+
+<style lang="scss">
+	:global(body){
+    background-color: oklch(38% 0.042 42);
+  }
+</style>
\ No newline at end of file
diff --git a/src/routes/pork/+page.svelte b/src/routes/pork/+page.svelte
index 75fbe6c..726250d 100644
--- a/src/routes/pork/+page.svelte
+++ b/src/routes/pork/+page.svelte
@@ -13,38 +13,23 @@
     };
   }
 
-  let selected = $state({
-    name: "Chop"
-  })
+  let selected = $state("Chop")
+
+  function change_photo({target:{id}}){
+    console.log(id)
+    selected = id
+  }
   
 </script>
 <section>
-  <h1>Pork</h1>
-  
- <!--  <div class="list">
-    {#each data.pork as pork}
-      {@const price_per_lb = pork.raw_cut ? RAW_COST : PROCESSED_COST}
-      <div>
-          <img src={`/pork/${pork.name.replace(' ', '_')}.jpg`} alt={`Image of a ${pork.name}`} />
-          <h2>{pork.name}</h2>
-          <span>
-              {#if pork.preweighed}
-                  <p>${price_per_lb * pork.min_weight}</p>
-              {:else}
-              <p>${price_per_lb * pork.min_weight} ~ ${ price_per_lb * pork.max_weight}</p>
-              {/if}
-              <p>~{pork.stock} in stock</p>
-          </span>
-      </div>
-    {/each}
-  </div> -->
-
+  <h1><b>F</b>arm Raised Pork</h1>
+  <h5>this ain't your grocery store's pork</h5>
   <div id="tui">
     <ol>
       <li><span>Cut</span><span>Weight</span><span>Stock</span></li>
       {#each data.pork as {name, raw_cut, preweighed, min_weight, max_weight, stock}}
         {@const price_per_lb = raw_cut ? RAW_COST : PROCESSED_COST}
-        <li>
+        <li onmouseenter={change_photo} id={name}>
           <span>{name}</span>
           {#if preweighed}
             <span>{min_weight} lb</span>
@@ -55,12 +40,16 @@
         </li>
       {/each}
     </ol>
-    <img src={`/pork/${selected.name.replace(' ', '_')}.jpg`} alt={`Image of a ${selected.name}`} />
+    <img src={`/pork/${selected.replace(' ', '_')}.jpg`} alt={`Image of a ${selected}`} />
   </div>
 </section>
 
 <style lang="scss">
   @use '/src/app.scss' as *;
+  @use 'sass:color';
+  b{
+    font-weight: 100;
+  }
   section {
     width: 100%;
     display: flex;
@@ -69,25 +58,30 @@
     justify-content: center;
     h1 {
         text-align: center;
-        font-size: 5rem;
-        font-weight: 600;
-        margin: 0 0 2rem 0;
-    }   
+        font-size: 2.5rem;
+        font-weight: 500;
+    }
+    h5{
+      font-size: 0.75rem;
+      color:transparentize(black, 0.5)
+    }
+
     img {
-      width: 20rem;
+      width: 50%;
       height: fit-content;
       border-radius: 0.375rem;
+      text-align: center;
       // min-width: 10rem;
       // min-height: 10rem;
     }
 
     #tui{
       display: flex;
-      width: 80%;
-      font-size: 1.5rem;
-      
+      width: 90%;
+      font-size: 1rem;
+
       ol{
-        width: 75%;
+        width: 100%;
         display: inherit;
         flex-direction: column;
         list-style: none;
@@ -97,6 +91,13 @@
           span{
             flex-basis: 33%;
           }
+          &:nth-child(2n){
+            background: transparentize(color.to-space($blue, rgb), 0.75);
+          }
+          &:not(:first-child):hover{
+            background: transparentize(color.to-space($green, rgb), 0.5);
+            // background: $green;
+          }
         }
       }
     }