Added a bunch of stuff to make it work and trying out bun

2025-05-04 17:44:56 -05:00
parent f72dde1369
commit 94edaa2783
30 changed files with 559 additions and 4 deletions
@@ -0,0 +1,108 @@
+<script lang="ts">
+  interface Props {
+    data: {
+      users: {
+        name: string;
+        email: string;
+      }[];
+    };
+    children: any;
+  }
+  let { data, children }: Props = $props();
+  $inspect(data);
+</script>
+
+<main>
+  {@render children()}
+</main>
+
+<aside>
+  <!-- <h2>Sidebar</h2> -->
+<!--   <ul>
+    {#each data.users as user}
+      <li>
+        <a href={`/user/${user.name}`}>{user.name}</a>
+      </li>
+    {/each}
+  </ul> -->
+</aside>
+
+<style lang="scss">
+  @use '/src/app.scss' as *;
+  :global(body) {
+    background-color: $green-42;
+    $list: (
+      // '3px-tile.png',
+      'arabesque.png',
+      // 'beige-paper.png',
+      // 'binding-dark.png',
+      // '45-degree-fabric-light.png'
+    );
+    $bg: nth($list, random(length($list)));
+    background-image: url('/patterns/#{$bg}');
+    // background-image: url('/pattern.svg');
+    // background-repeat: no-repeat;
+    background-attachment: fixed;
+  }
+  main {
+    display: flex;
+    flex-direction: row;
+  }
+
+  aside {
+    width: 200px;
+    padding: 1rem;
+  }
+
+
+  :global(html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video){
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    color: inherit;
+    font-family: "Garamond",sans-serif;
+    vertical-align: baseline;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    text-size-adjust: none;
+  }
+
+
+  @font-face{
+    font-family: 'Garamond';
+    font-display: swap;
+    font-style: normal;
+    font-weight: 100;
+    src: url(/font/EBGaramond-Initials.otf) format('opentype');
+  }
+  @font-face{
+    font-family: 'Garamond';
+    font-display: swap;
+    font-style: normal;
+    font-weight: 500;
+    src: url(/font/EBGaramond08-Regular.otf) format('opentype');
+  }
+  @font-face{
+    font-family: 'Garamond';
+    font-display: swap;
+    font-style: normal;
+    font-weight: 600;
+    src: url(/font/EBGaramondSC08-Regular.otf) format('opentype');
+  }
+  @font-face{
+    font-family: 'Garamond';
+    font-display: swap;
+    font-style: normal;
+    font-weight: 800;
+    src: url(/font/EBGaramond12-Regular.otf) format('opentype');
+  }
+  @font-face{
+    font-family: 'Garamond';
+    font-display: swap;
+    font-style: normal;
+    font-weight: 900;
+    src: url(/font/EBGaramondSC12-ExtraBold.otf) format('opentype');
+  }
+</style>