You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
4.7 KiB
91 lines
4.7 KiB
<script>
|
|
import Accordion from "$lib/commissions/Accordion.svelte";
|
|
import Item from "$lib/commissions/Item.svelte";
|
|
import Social from "$lib/elements/Social.svelte";
|
|
|
|
import Navbar from "$lib/header/Navbar.svelte";
|
|
import { onMount } from "svelte";
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>Commission Info || Siv Kyne</title>
|
|
</svelte:head>
|
|
|
|
<main class="flex flex-col gap-5">
|
|
<Navbar page="/commissions" />
|
|
|
|
<Accordion title="Icon Commissions" autoOpen={true} id="icon">
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-5">
|
|
<Item picture="/commissions/iconsketchy.jpg" name="Sketchy" price="$13" />
|
|
<Item picture="/commissions/iconbasic.jpg" name="Basic" price="$18" />
|
|
<Item picture="/commissions/iconbasiclineless.jpg" name="Basic Lineless" price="$18" />
|
|
<Item picture="/commissions/iconcellshaded.jpg" name="Cell Shaded" price="$23" />
|
|
<Item picture="/commissions/iconultralineart.jpg" name="Ultra Lineart" price="$30" />
|
|
<Item picture="/commissions/iconcomplexlineless.jpg" name="Complex Lineless" price="$33" />
|
|
</div>
|
|
</Accordion>
|
|
|
|
<Accordion title="Emote Commissions" id="emote">
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-5">
|
|
<Item picture="/commissions/emote1.jpg" name="Pack of 4" price="$26" />
|
|
<Item picture="/commissions/emote2.jpg" name="Pack of 5" price="$31" />
|
|
<Item picture="/commissions/emote4.jpg" name="Pack of 6" price="$38" />
|
|
</div>
|
|
</Accordion>
|
|
|
|
<Accordion title="YCH Commissions" id="ych">
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-5">
|
|
<Item picture="/commissions/ychbaby.jpg" name="Baby YCH Flat Color" price="$7" />
|
|
<Item picture="/commissions/ychbaby.jpg" name="Baby YCH Cell Shaded" price="$10" />
|
|
</div>
|
|
</Accordion>
|
|
|
|
<Accordion title="Half Body Commissions" id="halfbody">
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-5">
|
|
<Item picture="/commissions/halfbodysketchy.jpg" name="Sketchy" price="$18" />
|
|
<Item picture="/commissions/halfbodybasic.jpg" name="Basic" price="$23" />
|
|
<Item name="Basic Lineless" price="$23" />
|
|
<Item name="Cell Shaded" price="$28" />
|
|
<Item picture="/commissions/halfbodyultralineart.jpg" name="Ultra Lineart" price="$40" />
|
|
</div>
|
|
</Accordion>
|
|
|
|
<Accordion title="Full Body Commissions" id="fullbody">
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-5">
|
|
<Item name="Sketchy" price="$23" />
|
|
<Item picture="/commissions/fullbodybasic.jpg" name="Basic" price="$28" />
|
|
<Item picture="/commissions/fullbodybasiclineless.jpg" name="Basic Lineless" price="$28" />
|
|
<Item name="Cell Shaded" price="$33" />
|
|
<Item picture="/commissions/fullbodyultralineart.jpg" name="Ultra Lineart" price="$45" />
|
|
</div>
|
|
</Accordion>
|
|
|
|
<Accordion title="Animation Commissions" id="animation">
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-5">
|
|
<Item picture="/commissions/animationheadshot.gif" name="Headshot" price="$21 per frame" note="-20% if sketchy<br/> +80% if cell shaded" />
|
|
</div>
|
|
</Accordion>
|
|
|
|
<Accordion title="Reference Sheet Commissions" note="Feel free to contact me about reference sheets! A lot of different details determine the price." id="refsheet">
|
|
<div class="grid grid-cols-1 lg:grid-cols-1 gap-5">
|
|
<Item picture="/commissions/refsheet1.jpg" name="Reference Sheet Example" price="$?" />
|
|
<Item picture="/commissions/refsheet2.jpg" name="Reference Sheet Example" price="$?" />
|
|
<Item picture="/commissions/refsheet3.jpg" name="Reference Sheet Example" price="$?" />
|
|
</div>
|
|
</Accordion>
|
|
|
|
<Accordion title="Complex Scene Commissions" note="Feel free to contact me about complex scenes! A lot of different details determine the price." id="complex">
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-5">
|
|
<Item picture="/commissions/complex1.jpg" name="Complex Scene Example" price="$?" />
|
|
<Item picture="/commissions/complex2.jpg" name="Complex Scene Example" price="$?" />
|
|
</div>
|
|
</Accordion>
|
|
|
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col">
|
|
<div class="flex flex-wrap justify-center items-center gap-5">
|
|
<Social href="https://trello.com/b/JfPAzQyJ/siv-kynes-commission-queue" icon="📑" text="Commission Queue" />
|
|
<Social href="https://ko-fi.com/sivkyne" icon="☕" text="Ko-fi" />
|
|
<Social href="https://paypal.me/sivkyne" icon="💰" text="PayPal" />
|
|
</div>
|
|
</section>
|
|
</main> |