DeprivedDevs/deprived-main-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Big progress
Some checks failed
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Failing after 19s
Details

Browse source
This commit is contained in:
BOTAlex 2025-08-24 05:42:06 +02:00
parent e6c498b0c2
commit a74ff91ebe
3 changed files with 94 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -33,6 +33,7 @@
"@lucide/svelte": "^0.487.0",
"@tailwindcss/vite": "^4.1.3",
"lucide-svelte": "^0.475.0",
"marked": "^16.2.0",
"pocketbase": "^0.26.2",
"svelte-katex": "^0.1.2",
"svelte-media-queries": "^1.6.2",

10
pnpm-lock.yaml generated
View file

@ -17,6 +17,9 @@ importers:
lucide-svelte:
specifier: ^0.475.0
version: 0.475.0(svelte@5.25.7)
marked:
specifier: ^16.2.0
version: 16.2.0
pocketbase:
specifier: ^0.26.2
version: 0.26.2
@ -1078,6 +1081,11 @@ packages:
magic-string@0.30.17:
resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
marked@16.2.0:
resolution: {integrity: sha512-LbbTuye+0dWRz2TS9KJ7wsnD4KAtpj0MVkWc90XvBa6AslXsT0hTBVH5k32pcSyHH1fst9XEFJunXHktVy0zlg==}
engines: {node: '>= 20'}
hasBin: true
micromatch@4.0.8:
resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
engines: {node: '>=8.6'}
@ -2239,6 +2247,8 @@ snapshots:
dependencies:
'@jridgewell/sourcemap-codec': 1.5.0
marked@16.2.0: {}
micromatch@4.0.8:
dependencies:
braces: 3.0.3

89
src/pages/shop/_art_test.svelte
View file

@ -1,18 +1,48 @@
<script>
<script lang="ts">
import CustomScrollBar from "@src/routes/comps/CustomScrollBar.svelte";
import { Info } from "lucide-svelte";
import { marked } from "marked";
import { onMount } from "svelte";
let desc: HTMLDivElement;
const testMarkdown = `
# I'm a Markdown header
## I'm a smaller Markdown header
This is a paragraph of **Lorem Ipsum** text. I can use _italics_, \`inline code\`, and even a [link to Google](https://www.google.com).
Here's a list:
* Item one
* Item two
* Item three
And here's a blockquote:
> This is a quote, a famous one at that, from some wise person.
`;
onMount(async () => {
desc.innerHTML = await marked.parse(testMarkdown);
});
</script>
<div class="grid grid-cols-6 w-full h-[80vh]">
<div class="h-full col-start-2 col-span-2">
<div class="flex flex-col items-center justify-center w-full h-full">
<div class="flex flex-col w-72">
<div class="w-full h-72 bg-lime-200"></div>
<div class="flex flex-col w-72 gap-4">
<div class="flext justify-center items-center w-full h-72 bg-lime-200">
<img
class="object-cover w-full h-full"
src="https://picsum.photos/seed/picsum/200/300"
alt=""
/>
</div>
<CustomScrollBar overflowX="scroll" overflowY="hidden" Class="">
<div class="flex w-full gap-4">
<div class="relative flex w-full gap-4 pb-4">
{#each { length: 6 } as i}
<img
src="https://placehold.co/600x400"
class="w-16 h-16 rounded object-cover"
class="w-16 h-16 object-cover"
alt=""
/>
{/each}
@ -21,5 +51,52 @@
</div>
</div>
</div>
<div class="h-full col-start-4 col-span-2">test2</div>
<div class="h-full col-start-4 col-span-2">
<div class="flex flex-col items-center justify-center w-full h-full">
<div class="w-full grid items-center">
<div
class="flex border-l-2 pl-1 border-primary-content text-primary-content flex-col w-full"
>
<span class="text-left text-2xl">Art thing - Zylle</span>
<span class="text-left">100DKK</span>
</div>
<div class="py-1"></div>
<div class="flex">
<div class="flex flex-col text-primary-content opacity-30">
<span>10EUR</span>
<span>10USD</span>
<span>10GBP</span>
</div>
<div
class="tooltip"
data-tip="These conversions is a rough estimate, based on data I found on Google"
>
<Info class="opacity-30 p-1" />
</div>
</div>
<div class="py-16"></div>
<div class="flex w-full gap-2">
<input type="number" class="input w-32" />
<button class="btn grow btn-primary">Buy</button>
</div>
</div>
</div>
</div>
</div>
<div class="grid grid-cols-6 w-full h-[80vh]">
<div class="col-start-2 col-span-4">
<div class="tabs tabs-box">
<input type="radio" name="my_tabs_1" class="tab" aria-label="Tab 1" />
<input
type="radio"
name="my_tabs_1"
class="tab"
aria-label="Tab 2"
checked="checked"
/>
<input type="radio" name="my_tabs_1" class="tab" aria-label="Tab 3" />
</div>
<div bind:this={desc}></div>
</div>
</div>