Initial commit

2025-10-02 08:54:03 +02:00
commit ea54638227
1642 changed files with 53677 additions and 0 deletions
--- a/frontend/src/lib/components/widgets/TopRightCrinkle.svelte
+++ b/frontend/src/lib/components/widgets/TopRightCrinkle.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+    export let brightColor = true
+    export let edges = true,
+        bigVersion = false,
+        icon: string
+    console.log("ICON WTFDOFJSIKDJ?", icon)
+    //
+</script>
+
+<div
+    id="crinkle"
+    class:bigVersion="{bigVersion}"
+>
+    <div
+        class="crinkle-background"
+        class:brightColor="{brightColor}"
+    >
+        {#if $$slots.icon}
+            <slot name="icon" />
+        {:else}
+            <img
+                src="../../../media/{icon
+                    ? icon
+                    : edges
+                    ? brightColor
+                        ? ''
+                        : 'topRightCrinkledDarkAndEdged'
+                    : brightColor
+                    ? 'topRightCrinkleBrightAndUnedged'
+                    : 'topRightCrinkledDarkAndUnedged'}.svg"
+                alt="crinkle"
+            />
+        {/if}
+    </div>
+    <div class="action-container">
+        <slot />
+    </div>
+</div>
+
+<style lang="less">
+    #crinkle {
+        height: calc(3rem - 2px);
+        width: 3rem;
+        margin-left: -3px;
+        &.bigVersion {
+            height: 72px;
+            width: 72px;
+        }
+        .crinkle-background {
+            position: relative;
+            height: 100%;
+            width: 100%;
+            overflow: visible;
+            img {
+                object-fit: cover;
+                height: 100%;
+                width: 100%;
+            }
+            &.brightColor {
+            }
+        }
+    }
+</style>