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

progress on trackers product page
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Successful in 15s
Details

Browse source
This commit is contained in:
BOTAlex 2025-10-16 02:12:00 +02:00
parent e345af4a56
commit f751f59d6f
2 changed files with 29 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/pages/shop/_trackers.svelte
View file

@ -1,14 +1,23 @@
<script lang="ts"> <script lang="ts">
import onMount from "@e/onMount"; import onMount from "@e/onMount";
let cart = {
trackers: 0,
receivers: 0,
};
function sanityCheck() {
Object.keys(cart).forEach((k) => (cart[k] = Math.max(0, cart[k] || 0)));
}
onMount(async () => { onMount(async () => {
console.log(window.location.href); console.log(window.location.href);
}); });
</script> </script>
<div class=" grid grid-cols-2 items-center gap-x-16"> <div class="grid grid-cols-6 items-center gap-x-16 pt-32">
<div class="w-48 h-48 bg-blue-500 justify-self-end"></div> <div class="w-48 h-48 bg-blue-500 justify-self-end col-start-3"></div>
<div class="justify-self-start flex flex-col w-full"> <div class="justify-self-start flex flex-col w-full col-start-4">
<div>Tracker</div> <div>Tracker</div>
<div>NRF52840 + ICM45856</div> <div>NRF52840 + ICM45856</div>
<div class="flex"> <div class="flex">
@ -17,9 +26,23 @@
<div>25USD</div> <div>25USD</div>
</div> </div>
<div class="flex join"> <div class="flex join">
<button class="join-item btn btn-primary">-</button> <button
<div class="join-item input input-disable cursor-default"></div> class="join-item btn btn-primary"
<button class="join-item btn btn-primary">+</button> on:click={() => {
cart.trackers--;
sanityCheck();
}}>-</button
>
<div class="join-item input input-disable cursor-default">
{cart.trackers}
</div>
<button
class="join-item btn btn-primary"
on:click={() => {
cart.trackers++;
sanityCheck();
}}>+</button
>
</div> </div>
</div> </div>
</div> </div>

21
src/routes/+page.svelte
View file

@ -1,31 +1,10 @@
<script lang="ts"> <script lang="ts">
// import ProfileSpacer from "./comps/ProfileSpacer.svelte";
import MediaQuery from "svelte-media-queries"; import MediaQuery from "svelte-media-queries";
import onMount from "@e/onMount"; import onMount from "@e/onMount";
// import tick from "@e/tick";
import PreviewDeprivedLogo from "$lib/images/DeprivedLogo-NoBackground.png"; import PreviewDeprivedLogo from "$lib/images/DeprivedLogo-NoBackground.png";
import BackgroundVideo from "$lib/videos/DeprivedDevMontage.gif"; import BackgroundVideo from "$lib/videos/DeprivedDevMontage.gif";
import Carousel from "./comps/Carousel.svelte";
import Corrobot1 from "$lib/GamePreviews/Corrobot-rebouce-title.jpg";
import Corrobot2 from "$lib/GamePreviews/Corrobot-rebouce-gameplay1.png";
import Corrobot3 from "$lib/GamePreviews/Corrobot-rebouce-gameplay2.png";
import Blood1 from "$lib/GamePreviews/Blood-title.png";
import Blood2 from "$lib/GamePreviews/Blood-preview1.png";
import Blood3 from "$lib/GamePreviews/Blood-preview2.png";
import Blood4 from "$lib/GamePreviews/Blood-preview3.png";
import Blood5 from "$lib/GamePreviews/Blood-preview4.png";
import Time1 from "$lib/GamePreviews/Time-1.png";
import Time2 from "$lib/GamePreviews/time-2.png";
import Time3 from "$lib/GamePreviews/time-3.png";
import Time4 from "$lib/GamePreviews/time-4.png";
import Time5 from "$lib/GamePreviews/time-5.gif";
// import Tags from "./comps/Tags.svelte";
// import NameAndTag from "./comps/NameAndTag.svelte";
import Profile from "./comps/Profile.svelte"; import Profile from "./comps/Profile.svelte";
import DeprivedTrackerSection from "./comps/DeprivedTrackerSection.svelte"; import DeprivedTrackerSection from "./comps/DeprivedTrackerSection.svelte";
import re from "@src/ts/Redaction/Redactor"; import re from "@src/ts/Redaction/Redactor";