Mid
/
sivkyne
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make most things editable

Browse Source
main
Midnight 3 years ago
parent ef85252291
commit 824e8839e6
5 changed files with 255 additions and 108 deletions
Show Stats Download Patch File Download Diff File

212
src/lib/en-lang.json
Unescape View File

@ -0,0 +1,212 @@
{
"home": {
"page": "Home",
"title": "Hi, I'm siv Kyne!",
"description": "I'm a young Asian artist who specializes in cartoony 2D animals.<br/>You can find more information below."
},
"tos": {
"title": "Terms of Service",
"description": "By commissioning Siv Kyne, you are agreeing to all of these terms and are held responsible for any noncomformities. These terms may be updated at any time without notice.",
"lastEdit": "Last updated: February 4th, 2022",
"text": "By commissioning Siv Kyne, you are agreeing to all of these terms and are held responsible for any noncomformities. These terms may be updated at any time without notice. <br/><br/> When commissioning Siv Kyne, you, the customer, are paying for the production of the product. The product’s intellectual property rights shall always belong to Siv Kyne unless explicitly stated otherwise. Rights to the product itself may be purchased from Siv Kyne at 500% of the production cost. <br/><br/> Payment is generally taken through PayPal or Cashapp. Siv Kyne shall also accept payment in gift cards upon request. Payment shall be made upfront, and production shall not begin until full payment is sent. <br/><br/> When requesting a refund, the amount of money you shall be refunded depends on how much progress was made on your product. Refunds are strictly disallowed after you have been sent the final product. Attempting to charge back shall result in a ban from receiving any future products from Siv Kyne. If Siv Kyne must stop production of your product due to an issue on her end, then you shall be refunded 100% of the cost. <br/><br/> Siv Kyne is strictly against creating any NSFW products. Attempting to commission an NSFW product from Siv Kyne will result in a 6 month ban from receiving any future products from her. If you paid Siv Kyne before stating that you want an NSFW product, then she is not obligated to refund you. Siv Kyne is allowed to deny commission inquiries without explanation."
},
"about": {
"title": "About me",
"text": "I was born in China, but my biological parents left me at the gate of an orphanage. From there, I was adopted into an American family when I was still a baby. They then raised me on a farm in the southeastern United States. <br/><br/> I learned a lot about myself from being a farmer and gardener. I'm incredibly allergic to pollen and hay. The hot, southern sun is my enemy. I love the days when it's cool enough for me to ride my bike without sweating. <br/><br/> However, just because I was raised in farm country didn't mean my life was centered around the outdoors. Since I was a young child, I was interested in art, music, and writing. I would go through countless sheets of paper drawing. I would consume whole wide ruled notebooks with my childishly simple stories. I would bang on the piano that my sister played beautifully and strum horrendous discord on an antique harp. <br/><br/> As I grew older, I began to refine my skills. I studied art techniques, wrote tons of fan fictions, and started taking piano lessons with half gallon jars of milk as payment instead of cash. Around this time, my brother haggled with my parents to give me their old laptop, and they obliged. This is when my love for gaming—or simply Minecraft, rather—began. A few months afterward, my baby brother was adopted. He's less than a year younger than me, but he's still a baby to this day. <br/><br/> Now, I'm a professional artist by definition. My stories are in the sluggish process of becoming novels. I continue to practice the piano, though under new guidance due to my old teacher's retiring. My bike is still the place where I go to relieve my stress. We own a lot less farm animals now than before, but at least we have more cats."
},
"commissions": {
"accordions" : [
{
"id": "icon",
"title": "Icon Commissions",
"cols": "3",
"autoOpen": true,
"items": [
{
"name": "Sketchy",
"price": "$13",
"picture": "/commissions/iconsketchy.jpg"
},
{
"name": "Basic",
"price": "$18",
"picture": "/commissions/iconbasic.jpg"
},
{
"name": "Basic Lineless",
"price": "$18",
"picture": "/commissions/iconbasiclineless.jpg"
},
{
"name": "Cell Shaded",
"price": "$23",
"picture": "/commissions/iconcellshaded.jpg"
},
{
"name": "Ultra Lineart",
"price": "$30",
"picture": "/commissions/iconultralineart.jpg"
},
{
"name": "Complex Lineless",
"price": "$33",
"picture": "/commissions/iconcomplexlineless.jpg"
}
]
},
{
"id": "emote",
"title": "Emote Commissions",
"cols": "3",
"items": [
{
"name": "Pack of 4",
"price": "$26",
"picture": "/commissions/emote1.jpg"
},
{
"name": "Pack of 5",
"price": "$31",
"picture": "/commissions/emote2.jpg"
},
{
"name": "Pack of 6",
"price": "$38",
"picture": "/commissions/emote4.jpg"
}
]
},
{
"id": "ych",
"title": "YCH Commissions",
"cols": "3",
"items": [
{
"name": "Baby YCH Flat Color",
"price": "$7",
"picture": "/commissions/ychbaby.jpg"
},
{
"name": "Baby YCH Cell Shaded",
"price": "$10",
"picture": "/commissions/ychbaby.jpg"
}
]
},
{
"id": "halfbody",
"title": "Half Body Commissions",
"cols": "3",
"items": [
{
"name": "Sketchy",
"price": "$18",
"picture": "/commissions/halfbodysketchy.jpg"
},
{
"name": "Basic",
"price": "$23",
"picture": "/commissions/halfbodybasic.jpg"
},
{
"name": "Basic Lineless",
"price": "$23"
},
{
"name": "Cell Shaded",
"price": "$28"
},
{
"name": "Ultra Lineart",
"price": "$40",
"picture": "/commissions/halfbodyultralineart.jpg"
}
]
},
{
"id": "fullbody",
"title": "Full Body Commissions",
"cols": "3",
"items": [
{
"name": "Sketchy",
"price": "$23"
},
{
"name": "Basic",
"price": "$28",
"picture": "/commissions/fullbodybasic.jpg"
},
{
"name": "Basic Lineless",
"price": "$38",
"picture": "/commissions/fullbodybasiclineless.jpg"
},
{
"name": "Cell Shaded",
"price": "$33"
},
{
"name": "Ultra Lineart",
"price": "$45",
"picture": "/commissions/fullbodyultralineart.jpg"
}
]
},
{
"id": "animation",
"title": "Animation Commissions",
"cols": "3",
"items": [
{
"name": "Headshot",
"price": "$21 per frame",
"picture": "/commissions/animationheadshot.gif",
"note": "-20% if sketchy<br/> +80% if cell shaded"
}
]
},
{
"id": "refsheet",
"note": "Feel free to contact me about reference sheets! A lot of different details determine the price.",
"title": "Reference Sheet Commissions",
"cols": "1",
"items": [
{
"name": "Reference Sheet Example",
"price": "$?",
"picture": "/commissions/refsheet1.jpg"
},
{
"name": "Reference Sheet Example",
"price": "$?",
"picture": "/commissions/refsheet2.jpg"
},
{
"name": "Reference Sheet Example",
"price": "$?",
"picture": "/commissions/refsheet3.jpg"
}
]
},
{
"id": "complex",
"note": "Feel free to contact me about complex scenes! A lot of different details determine the price.",
"title": "Complex Scene Commissions",
"cols": "2",
"items": [
{
"name": "Complex Scene Example",
"price": "$?",
"picture": "/commissions/complex1.jpg"
},
{
"name": "Complex Scene Example",
"price": "$?",
"picture": "/commissions/complex2.jpg"
}
]
}
]
}
}

24
src/routes/about.svelte
Unescape View File

@ -1,30 +1,24 @@
<script> <script>
import Form from "$lib/elements/Form.svelte";
import Social from "$lib/elements/Social.svelte";
import Navbar from "$lib/header/Navbar.svelte"; import Navbar from "$lib/header/Navbar.svelte";
import words from "$lib/en-lang.json";
let lang = words["about"];
</script> </script>
<svelte:head> <svelte:head>
<meta property="og:title" content="About || Siv Kyne" /> <meta property="og:title" content={lang["title"] + " || Siv Kyne"} />
<meta property="og:description" content="I was born in China, but my biological parents left me at the gate of an orphanage. From there, I was adopted into an American family when I was still a baby. They then raised me on a farm in the southeastern United States..." /> <meta property="og:description" content={lang["text"].substring(0, 200) + "..."} />
<title>About || Siv Kyne</title> <title>{lang["title"]} || Siv Kyne</title>
</svelte:head> </svelte:head>
<main class="flex flex-col gap-5"> <main class="flex flex-col gap-5">
<Navbar page="/about" /> <Navbar page="/about" />
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col gap-5"> <section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col gap-5">
<h1 class="text-2xl font-bold fira-bold">About me</h1> <h1 class="text-2xl font-bold fira-bold">{lang["title"]}</h1>
<hr/>
<p class="text-sm lg:text-base"> <p class="text-sm lg:text-base">
I was born in China, but my biological parents left me at the gate of an orphanage. From there, I was adopted into an American family when I was still a baby. They then raised me on a farm in the southeastern United States. {@html lang["text"]}
<br/><br/>
I learned a lot about myself from being a farmer and gardener. I'm incredibly allergic to pollen and hay. The hot, southern sun is my enemy. I love the days when it's cool enough for me to ride my bike without sweating.
<br/><br/>
However, just because I was raised in farm country didn't mean my life was centered around the outdoors. Since I was a young child, I was interested in art, music, and writing. I would go through countless sheets of paper drawing. I would consume whole wide ruled notebooks with my childishly simple stories. I would bang on the piano that my sister played beautifully and strum horrendous discord on an antique harp.
<br/><br/>
As I grew older, I began to refine my skills. I studied art techniques, wrote tons of fan fictions, and started taking piano lessons with half gallon jars of milk as payment instead of cash. Around this time, my brother haggled with my parents to give me their old laptop, and they obliged. This is when my love for gaming—or simply Minecraft, rather—began. A few months afterward, my baby brother was adopted. He's less than a year younger than me, but he's still a baby to this day.
<br/><br/>
Now, I'm a professional artist by definition. My stories are in the sluggish process of becoming novels. I continue to practice the piano, though under new guidance due to my old teacher's retiring. My bike is still the place where I go to relieve my stress. We own a lot less farm animals now than before, but at least we have more cats.
</p> </p>
</section> </section>
</main> </main>

80
src/routes/commissions/index.svelte
Unescape View File

@ -2,9 +2,10 @@
import Accordion from "$lib/commissions/Accordion.svelte"; import Accordion from "$lib/commissions/Accordion.svelte";
import Item from "$lib/commissions/Item.svelte"; import Item from "$lib/commissions/Item.svelte";
import Social from "$lib/elements/Social.svelte"; import Social from "$lib/elements/Social.svelte";
import words from "$lib/en-lang.json";
import Navbar from "$lib/header/Navbar.svelte"; import Navbar from "$lib/header/Navbar.svelte";
import { onMount } from "svelte";
let lang = words["commissions"];
</script> </script>
<svelte:head> <svelte:head>
@ -16,72 +17,15 @@
<main class="flex flex-col gap-5"> <main class="flex flex-col gap-5">
<Navbar page="/commissions" /> <Navbar page="/commissions" />
<Accordion title="Icon Commissions" autoOpen={true} id="icon"> {#each lang["accordions"] as accordion}
<div class="grid grid-cols-1 lg:grid-cols-3 gap-5"> <Accordion title={accordion["title"]} id={accordion["id"]} note={accordion["note"]} autoOpen={accordion["autoOpen"]}>
<Item picture="/commissions/iconsketchy.jpg" name="Sketchy" price="$13" /> <div class="grid grid-cols-1 lg:grid-cols-{accordion["cols"]} gap-5">
<Item picture="/commissions/iconbasic.jpg" name="Basic" price="$18" /> {#each accordion["items"] as item}
<Item picture="/commissions/iconbasiclineless.jpg" name="Basic Lineless" price="$18" /> <Item picture={item["picture"]} name={item["name"]} price={item["price"]} note={item["note"]} />
<Item picture="/commissions/iconcellshaded.jpg" name="Cell Shaded" price="$23" /> {/each}
<Item picture="/commissions/iconultralineart.jpg" name="Ultra Lineart" price="$30" /> </div>
<Item picture="/commissions/iconcomplexlineless.jpg" name="Complex Lineless" price="$33" /> </Accordion>
</div> {/each}
</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"> <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"> <div class="flex flex-wrap justify-center items-center gap-5">

27
src/routes/commissions/tos.svelte
Unescape View File

@ -1,30 +1,27 @@
<script> <script>
import Form from "$lib/elements/Form.svelte";
import Social from "$lib/elements/Social.svelte";
import Navbar from "$lib/header/Navbar.svelte"; import Navbar from "$lib/header/Navbar.svelte";
import words from "$lib/en-lang.json";
let lang = words["tos"];
</script> </script>
<svelte:head> <svelte:head>
<meta property="og:title" content="Terms of Service || Siv Kyne" /> <meta property="og:title" content={lang["title"] + " || Siv Kyne"} />
<meta property="og:description" content="By commissioning Siv Kyne, you are agreeing to all of these terms and are held responsible for any noncomformities. These terms may be updated at any time without notice." /> <meta property="og:description" content={lang["description"]} />
<title>Terms of Service || Siv Kyne</title> <title>{lang["title"]} || Siv Kyne</title>
</svelte:head> </svelte:head>
<main class="flex flex-col gap-5"> <main class="flex flex-col gap-5">
<Navbar page="/commissions" /> <Navbar page="/commissions" />
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col gap-5"> <section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col gap-5">
<h1 class="text-2xl font-bold fira-bold">Terms of Service</h1> <span>
<h1 class="text-2xl font-bold fira-bold">{lang["title"]}</h1>
<h3 class="text-gray-300 italic text-sm">{lang["lastEdit"]}</h3>
</span>
<hr/>
<p class="text-sm lg:text-base"> <p class="text-sm lg:text-base">
By commissioning Siv Kyne, you are agreeing to all of these terms and are held responsible for any noncomformities. These terms may be updated at any time without notice. {@html lang["text"]}
<br/><br/>
When commissioning Siv Kyne, you, the customer, are paying for the production of the product. The product’s intellectual property rights shall always belong to Siv Kyne unless explicitly stated otherwise. Rights to the product itself may be purchased from Siv Kyne at 500% of the production cost.
<br/><br/>
Payment is generally taken through PayPal or Cashapp. Siv Kyne shall also accept payment in gift cards upon request. Payment shall be made upfront, and production shall not begin until full payment is sent.
<br/><br/>
When requesting a refund, the amount of money you shall be refunded depends on how much progress was made on your product. Refunds are strictly disallowed after you have been sent the final product. Attempting to charge back shall result in a ban from receiving any future products from Siv Kyne. If Siv Kyne must stop production of your product due to an issue on her end, then you shall be refunded 100% of the cost.
<br/><br/>
Siv Kyne is strictly against creating any NSFW products. Attempting to commission an NSFW product from Siv Kyne will result in a 6 month ban from receiving any future products from her. If you paid Siv Kyne before stating that you want an NSFW product, then she is not obligated to refund you. Siv Kyne is allowed to deny commission inquiries without explanation.
</p> </p>
</section> </section>
</main> </main>

20
src/routes/index.svelte
Unescape View File

@ -3,6 +3,8 @@
import Social from "$lib/elements/Social.svelte"; import Social from "$lib/elements/Social.svelte";
import Button from "$lib/header/Button.svelte"; import Button from "$lib/header/Button.svelte";
import { onMount } from "svelte"; import { onMount } from "svelte";
import words from "$lib/en-lang.json";
let lang = words["home"];
onMount(() => { onMount(() => {
const soundBtn = document.querySelector('#clickMeow'); const soundBtn = document.querySelector('#clickMeow');
@ -15,23 +17,21 @@
</script> </script>
<svelte:head> <svelte:head>
<meta property="og:title" content="Home || Siv Kyne" /> <meta property="og:title" content={lang["page"] + " || Siv Kyne"} />
<meta property="og:description" content="I'm a young Asian artist who specializes in cartoony 2D animals." /> <meta property="og:description" content={lang["description"]} />
<title>Home || Siv Kyne</title> <title>{lang["page"]} || Siv Kyne</title>
</svelte:head> </svelte:head>
<main class="flex flex-col gap-5"> <main class="flex flex-col gap-5">
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col -mt-5"> <section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col -mt-5 lg:mt-0 xl:-mt-5">
<div class="flex flex-col justify-center items-center gap-3 -mt-20 lg:-mt-28"> <div class="flex flex-col justify-center items-center gap-3 -mt-20 sm:-mt-28">
<div class="bg-gradient-to-t from-gray-800 via-gray-800 to-red-500 p-2 lg:p-3 rounded-full z-50"> <div class="bg-gradient-to-t from-gray-800 via-gray-800 to-red-500 p-2 lg:p-3 rounded-full z-50">
<img src="/pic.png" id="clickMeow" class="pop w-40 h-40 lg:w-60 lg:h-60 rounded-full bg-gray-800" alt="profile pic" /> <img src="/pic.png" id="clickMeow" class="pop w-40 h-40 sm:w-60 sm:h-60 rounded-full bg-gray-800" alt="profile pic" />
</div> </div>
<h2 class="text-2xl font-bold fira-bold text-center">Hi, I'm Siv Kyne!</h2> <h2 class="text-2xl font-bold fira-bold text-center">{lang["title"]}</h2>
<p class="text-center"> <p class="text-center">
I'm a young Asian artist who specializes in cartoony 2D animals. {@html lang["description"]}
<br/>
You can find more information below.
</p> </p>
</div> </div>
</section> </section>

Write Preview
Loading…
Cancel
Save