commit
cf9d49be70
@ -0,0 +1,20 @@
|
|||||||
|
module.exports = {
|
||||||
|
root: true,
|
||||||
|
parser: '@typescript-eslint/parser',
|
||||||
|
extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
|
||||||
|
plugins: ['svelte3', '@typescript-eslint'],
|
||||||
|
ignorePatterns: ['*.cjs'],
|
||||||
|
overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
|
||||||
|
settings: {
|
||||||
|
'svelte3/typescript': () => require('typescript')
|
||||||
|
},
|
||||||
|
parserOptions: {
|
||||||
|
sourceType: 'module',
|
||||||
|
ecmaVersion: 2020
|
||||||
|
},
|
||||||
|
env: {
|
||||||
|
browser: true,
|
||||||
|
es2017: true,
|
||||||
|
node: true
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
.DS_Store
|
||||||
|
node_modules
|
||||||
|
/build
|
||||||
|
/.svelte-kit
|
||||||
|
/package
|
||||||
|
.env
|
||||||
|
.env.*
|
||||||
|
!.env.example
|
||||||
|
|
||||||
|
.vercel
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"useTabs": true,
|
||||||
|
"singleQuote": true,
|
||||||
|
"trailingComma": "none",
|
||||||
|
"printWidth": 100
|
||||||
|
}
|
||||||
@ -0,0 +1,40 @@
|
|||||||
|
# create-svelte
|
||||||
|
|
||||||
|
Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
|
||||||
|
|
||||||
|
## Creating a project
|
||||||
|
|
||||||
|
If you're seeing this, you've probably already done this step. Congrats!
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# create a new project in the current directory
|
||||||
|
npm init svelte@next
|
||||||
|
|
||||||
|
# create a new project in my-app
|
||||||
|
npm init svelte@next my-app
|
||||||
|
```
|
||||||
|
|
||||||
|
> Note: the `@next` is temporary
|
||||||
|
|
||||||
|
## Developing
|
||||||
|
|
||||||
|
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run dev
|
||||||
|
|
||||||
|
# or start the server and open the app in a new browser tab
|
||||||
|
npm run dev -- --open
|
||||||
|
```
|
||||||
|
|
||||||
|
## Building
|
||||||
|
|
||||||
|
To create a production version of your app:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run build
|
||||||
|
```
|
||||||
|
|
||||||
|
You can preview the production build with `npm run preview`.
|
||||||
|
|
||||||
|
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs#adapters) for your target environment.
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,34 @@
|
|||||||
|
{
|
||||||
|
"name": "sivkyne",
|
||||||
|
"version": "0.0.1",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "svelte-kit dev",
|
||||||
|
"build": "svelte-kit build",
|
||||||
|
"package": "svelte-kit package",
|
||||||
|
"preview": "svelte-kit preview",
|
||||||
|
"check": "svelte-check --tsconfig ./tsconfig.json",
|
||||||
|
"check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
|
||||||
|
"lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
|
||||||
|
"format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@sveltejs/adapter-auto": "next",
|
||||||
|
"@sveltejs/kit": "next",
|
||||||
|
"@typescript-eslint/eslint-plugin": "^5.10.1",
|
||||||
|
"@typescript-eslint/parser": "^5.10.1",
|
||||||
|
"autoprefixer": "^10.4.2",
|
||||||
|
"eslint": "^7.32.0",
|
||||||
|
"eslint-config-prettier": "^8.3.0",
|
||||||
|
"eslint-plugin-svelte3": "^3.2.1",
|
||||||
|
"postcss": "^8.4.6",
|
||||||
|
"prettier": "^2.4.1",
|
||||||
|
"prettier-plugin-svelte": "^2.4.0",
|
||||||
|
"svelte": "^3.44.0",
|
||||||
|
"svelte-check": "^2.2.6",
|
||||||
|
"svelte-preprocess": "^4.9.4",
|
||||||
|
"tailwindcss": "^3.0.18",
|
||||||
|
"tslib": "^2.3.1",
|
||||||
|
"typescript": "^4.4.3"
|
||||||
|
},
|
||||||
|
"type": "module"
|
||||||
|
}
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
module.exports = {
|
||||||
|
plugins: {
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
}
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,500;0,900;1,100;1,500&display=swap');
|
||||||
|
|
||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'FiraCode_Regular';
|
||||||
|
src: url('/FiraCode-Regular.ttf') format('truetype');
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'FiraCode_Bold';
|
||||||
|
src: url('/FiraCode-Bold.ttf') format('truetype');
|
||||||
|
}
|
||||||
|
|
||||||
|
.fira {
|
||||||
|
font-family: 'FiraCode_Regular';
|
||||||
|
}
|
||||||
|
|
||||||
|
.fira-bold {
|
||||||
|
font-family: 'FiraCode_Bold';
|
||||||
|
}
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
/// <reference types="@sveltejs/kit" />
|
||||||
|
|
||||||
|
// See https://kit.svelte.dev/docs#typescript
|
||||||
|
// for information about these interfaces
|
||||||
|
declare namespace App {
|
||||||
|
interface Locals {}
|
||||||
|
|
||||||
|
interface Platform {}
|
||||||
|
|
||||||
|
interface Session {}
|
||||||
|
|
||||||
|
interface Stuff {}
|
||||||
|
}
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="description" content="" />
|
||||||
|
<link rel="icon" href="%svelte.assets%/pic.png" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
%svelte.head%
|
||||||
|
</head>
|
||||||
|
<body class="bg-gray-900 overflow-x-hidden">
|
||||||
|
<div>%svelte.body%</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
|
||||||
|
<script>
|
||||||
|
export let href;
|
||||||
|
export let picture;
|
||||||
|
export let alt;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<a href={href} class="group relative shadow w-full bg-cover text-white rounded-lg hover:-translate-y-1 duration-300">
|
||||||
|
<img src={picture} class="bg-black rounded-lg group-hover:bg-gradient-to-b group-hover:from-rose-400 group-hover:to-red-900 duration-300" alt={alt} />
|
||||||
|
<div class="absolute inset-0 bg-black bg-opacity-50 group-hover:bg-opacity-20 duration-300 rounded-lg"></div>
|
||||||
|
|
||||||
|
<div class="absolute inset-0 flex justify-center items-center">
|
||||||
|
<h4 class="font-bold text-xl text-center drop-shadow-xl">
|
||||||
|
<slot />
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
<script>
|
||||||
|
export let href;
|
||||||
|
export let icon;
|
||||||
|
export let text;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<a href={href} class="flex flex-col items-center gap-1 justify-center hover:scale-110 duration-100" target="_blank">
|
||||||
|
<span class="text-6xl">{icon}</span>
|
||||||
|
<span class="text-sm text-gray-200 text-center">{text}</span>
|
||||||
|
</a>
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<footer>
|
||||||
|
<h4 class="text-center py-20 text-sm text-gray-200">copyright 2022 -- site made by mid -- art by siv kyne</h4>
|
||||||
|
</footer>
|
||||||
@ -0,0 +1,16 @@
|
|||||||
|
<script>
|
||||||
|
export let href;
|
||||||
|
export let active = "";
|
||||||
|
|
||||||
|
let classes = "hover:bg-gradient-to-tr hover:from-red-500 hover:to-pink-500 bg-red-500 duration-300 active:translate-y-1 py-2 px-3 w-full rounded-lg shadow";
|
||||||
|
|
||||||
|
if(active == "true") {
|
||||||
|
classes += " bg-opacity-90";
|
||||||
|
} else {
|
||||||
|
classes += " bg-opacity-50";
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<a href={href} class={classes}>
|
||||||
|
<slot />
|
||||||
|
</a>
|
||||||
@ -0,0 +1,27 @@
|
|||||||
|
<header>
|
||||||
|
<a href="/">
|
||||||
|
<img src="/title.png" class="w-2/3 mx-auto grow drop-shadow-2xl" alt="header siv kyne" />
|
||||||
|
</a>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.grow {
|
||||||
|
animation: grow;
|
||||||
|
animation-duration: 2s;
|
||||||
|
animation-timing-function: ease-in-out;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes grow {
|
||||||
|
0% {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,37 @@
|
|||||||
|
<script>
|
||||||
|
import Button from "./Button.svelte";
|
||||||
|
|
||||||
|
export let page;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-3 flex gap-3 justify-between justify-items-stretch items-center -mt-10 z-20">
|
||||||
|
{#if page == "/"}
|
||||||
|
<Button href="/" active="true">
|
||||||
|
🏠 Home
|
||||||
|
</Button>
|
||||||
|
{:else}
|
||||||
|
<Button href="/">
|
||||||
|
🏠 Home
|
||||||
|
</Button>
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
{#if page == "/commissions"}
|
||||||
|
<Button href="/commissions" active="true">
|
||||||
|
🎨 Commission Info
|
||||||
|
</Button>
|
||||||
|
{:else}
|
||||||
|
<Button href="/commissions">
|
||||||
|
🎨 Commission Info
|
||||||
|
</Button>
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
{#if page == "/contact"}
|
||||||
|
<Button href="/contact" active="true">
|
||||||
|
✉️ Social Links
|
||||||
|
</Button>
|
||||||
|
{:else}
|
||||||
|
<Button href="/contact">
|
||||||
|
✉️ Social Links
|
||||||
|
</Button>
|
||||||
|
{/if}
|
||||||
|
</section>
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
<script>
|
||||||
|
import Navbar from "$lib/header/Navbar.svelte";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<main class="flex flex-col gap-5">
|
||||||
|
<Navbar page="error" />
|
||||||
|
|
||||||
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col gap-5">
|
||||||
|
<h1 class="text-xl font-bold">
|
||||||
|
Unexpected Error!
|
||||||
|
</h1>
|
||||||
|
<hr/>
|
||||||
|
<p class="text-lg">
|
||||||
|
You probably have the wrong page.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
@ -0,0 +1,24 @@
|
|||||||
|
<script>
|
||||||
|
import Footer from "$lib/footer/Footer.svelte";
|
||||||
|
|
||||||
|
import Header from "$lib/header/Header.svelte";
|
||||||
|
|
||||||
|
import "../app.css";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<main class="bg-gray-900 text-white relative w-screen h-screen bg-cover bg-fixed" style="background-image: url('/bg2.png')">
|
||||||
|
<div class="absolute inset-0">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
|
||||||
|
<path fill="rgb(244 63 94)" fill-opacity="1" d="M0,288L30,272C60,256,120,224,180,186.7C240,149,300,107,360,101.3C420,96,480,128,540,154.7C600,181,660,203,720,229.3C780,256,840,288,900,304C960,320,1020,320,1080,304C1140,288,1200,256,1260,224C1320,192,1380,160,1410,144L1440,128L1440,320L1410,320C1380,320,1320,320,1260,320C1200,320,1140,320,1080,320C1020,320,960,320,900,320C840,320,780,320,720,320C660,320,600,320,540,320C480,320,420,320,360,320C300,320,240,320,180,320C120,320,60,320,30,320L0,320Z"></path>
|
||||||
|
</svg>
|
||||||
|
<div class="h-full bg-gradient-to-b from-rose-500 via-pink-800 to-gray-900 -mt-1"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<article class="absolute inset-0 my-20 flex flex-col gap-10 h-full">
|
||||||
|
<div class="flex flex-col gap-10 min-h-screen">
|
||||||
|
<Header />
|
||||||
|
<slot />
|
||||||
|
<Footer />
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</main>
|
||||||
@ -0,0 +1,53 @@
|
|||||||
|
<script>
|
||||||
|
import Social from "$lib/elements/Social.svelte";
|
||||||
|
|
||||||
|
import Navbar from "$lib/header/Navbar.svelte";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<title>Commission Info || Siv Kyne</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<main class="flex flex-col gap-5">
|
||||||
|
<Navbar page="/commissions" />
|
||||||
|
|
||||||
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col" id="icons">
|
||||||
|
<h2 class="text-xl font-bold">Icon Commissions</h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col" id="emote">
|
||||||
|
<h2 class="text-xl font-bold">Emote Commissions</h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col" id="ych">
|
||||||
|
<h2 class="text-xl font-bold">YCH Commissions</h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col" id="halfbody">
|
||||||
|
<h2 class="text-xl font-bold">Half Body Commissions</h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col" id="fullbody">
|
||||||
|
<h2 class="text-xl font-bold">Full Body Commissions</h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col" id="animation">
|
||||||
|
<h2 class="text-xl font-bold">Animation Commissions</h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col" id="refsheet">
|
||||||
|
<h2 class="text-xl font-bold">Reference Sheet Commissions</h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col" id="complex">
|
||||||
|
<h2 class="text-xl font-bold">Complex Scene Commissions</h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<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>
|
||||||
@ -0,0 +1,33 @@
|
|||||||
|
<script>
|
||||||
|
import Social from "$lib/elements/Social.svelte";
|
||||||
|
|
||||||
|
import Navbar from "$lib/header/Navbar.svelte";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<title>Socials || Siv Kyne</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<main class="flex flex-col gap-5">
|
||||||
|
<Navbar page="/contact" />
|
||||||
|
|
||||||
|
<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://twitter.com/SivKyne" icon="🐦" text="Twitter" />
|
||||||
|
<Social href="https://discord.com/invite/5JCZTv3TtF" icon="💬" text="Discord" />
|
||||||
|
<Social href="https://www.youtube.com/channel/UC1pnonYCZv1mi3XImhX35-A" icon="📺" text="YouTube" />
|
||||||
|
<Social href="https://www.deviantart.com/sivkyne" icon="🖼️" text="DeviantArt" />
|
||||||
|
<Social href="https://steamcommunity.com/id/sivkyne" icon="🎮" text="Steam" />
|
||||||
|
<Social href="https://open.spotify.com/user/uqwz46n0jki4zdwiedca5gbp2" icon="🎵" text="Spotify" />
|
||||||
|
<Social href="https://toyhou.se/sivkyne" icon="👪" text="Toyhouse" />
|
||||||
|
<Social href="https://trello.com/b/JfPAzQyJ/siv-kynes-commission-queue" icon="📑" text="Trello" />
|
||||||
|
<Social href="https://myanimelist.net/animelist/SivKyne" icon="🎞️" text="My Anime List" />
|
||||||
|
<Social href="https://ko-fi.com/sivkyne" icon="☕" text="Ko-fi" />
|
||||||
|
<Social href="https://paypal.me/sivkyne" icon="💰" text="PayPal" />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col">
|
||||||
|
Email
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
@ -0,0 +1,104 @@
|
|||||||
|
<script>
|
||||||
|
import Card from "$lib/elements/Card.svelte";
|
||||||
|
import Social from "$lib/elements/Social.svelte";
|
||||||
|
import { onMount } from "svelte";
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
const soundBtn = document.querySelector('#clickMeow');
|
||||||
|
soundBtn.addEventListener('click',() => {
|
||||||
|
let meow = new Audio("/squeak.mp3");
|
||||||
|
meow.volume = 0.1;
|
||||||
|
meow.play();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<title>Home || Siv Kyne</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<main class="flex flex-col gap-5">
|
||||||
|
<section class="container bg-gray-800 rounded-lg shadow-lg p-5 flex flex-col -mt-5">
|
||||||
|
<div class="flex flex-col justify-center items-center gap-3 -mt-28">
|
||||||
|
<div class="bg-gradient-to-t from-gray-800 via-gray-800 to-red-500 p-3 rounded-full">
|
||||||
|
<img src="/pic.png" id="clickMeow" class="pop w-60 h-60 rounded-full bg-gray-800" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold fira-bold">Hi, I'm Siv Kyne!</h2>
|
||||||
|
<p class="text-center">
|
||||||
|
I'm a young Asian artist who specializes in cartoony 2D animals.
|
||||||
|
<br/>
|
||||||
|
You can find more information below.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<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://twitter.com/SivKyne" icon="🐦" text="Twitter" />
|
||||||
|
<Social href="https://discord.com/invite/5JCZTv3TtF" icon="💬" text="Discord" />
|
||||||
|
<Social href="https://www.youtube.com/channel/UC1pnonYCZv1mi3XImhX35-A" icon="📺" text="YouTube" />
|
||||||
|
<Social href="https://www.deviantart.com/sivkyne" icon="🖼️" text="DeviantArt" />
|
||||||
|
<Social href="https://steamcommunity.com/id/sivkyne" icon="🎮" text="Steam" />
|
||||||
|
<Social href="https://open.spotify.com/user/uqwz46n0jki4zdwiedca5gbp2" icon="🎵" text="Spotify" />
|
||||||
|
<Social href="https://toyhou.se/sivkyne" icon="👪" text="Toyhouse" />
|
||||||
|
<Social href="https://myanimelist.net/animelist/SivKyne" icon="🎞️" text="My Anime List" />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="container">
|
||||||
|
<div class="grid grid-cols-3 gap-3">
|
||||||
|
<Card href="/commissions#icon" picture="/comm.png" alt="commission info">
|
||||||
|
Icon <br/> Commissions
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card href="/commissions#emote" picture="/comm.png" alt="commission info">
|
||||||
|
Emote <br/> Commissions
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card href="/commissions#ych" picture="/comm.png" alt="commission info">
|
||||||
|
YCH <br/> Commissions
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card href="/commissions#halfbody" picture="/comm.png" alt="commission info">
|
||||||
|
Halfbody <br/> Commissions
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card href="/commissions#fullbody" picture="/comm.png" alt="commission info">
|
||||||
|
Fullbody <br/> Commissions
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card href="/commissions#animation" picture="/comm.png" alt="commission info">
|
||||||
|
Animation <br/> Commissions
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card href="/commissions#refsheet" picture="/comm.png" alt="commission info">
|
||||||
|
Ref Sheet <br/> Commissions
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card href="/commissions#complex" picture="/comm.png" alt="commission info">
|
||||||
|
Complex Scene <br/> Commissions
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.pop:active {
|
||||||
|
animation: pop;
|
||||||
|
animation-duration: 0.1s;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes pop {
|
||||||
|
0% {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
transform: scale(0.9);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
|
After Width: | Height: | Size: 448 KiB |
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
@ -0,0 +1,15 @@
|
|||||||
|
import adapter from '@sveltejs/adapter-auto';
|
||||||
|
import preprocess from 'svelte-preprocess';
|
||||||
|
|
||||||
|
/** @type {import('@sveltejs/kit').Config} */
|
||||||
|
const config = {
|
||||||
|
// Consult https://github.com/sveltejs/svelte-preprocess
|
||||||
|
// for more information about preprocessors
|
||||||
|
preprocess: preprocess(),
|
||||||
|
|
||||||
|
kit: {
|
||||||
|
adapter: adapter()
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export default config;
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
module.exports = {
|
||||||
|
darkMode: 'class',
|
||||||
|
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||||||
|
theme: {
|
||||||
|
fontFamily: {
|
||||||
|
body: 'Roboto, sans-serif'
|
||||||
|
},
|
||||||
|
container: {
|
||||||
|
center: true,
|
||||||
|
screens: {
|
||||||
|
sm: '100%',
|
||||||
|
md: '100%',
|
||||||
|
lg: '700px',
|
||||||
|
xl: '900px'
|
||||||
|
},
|
||||||
|
borderWidth: {
|
||||||
|
DEFAULT: '1px',
|
||||||
|
0: '0',
|
||||||
|
2: '2px',
|
||||||
|
3: '3px',
|
||||||
|
4: '4px',
|
||||||
|
6: '6px',
|
||||||
|
8: '8px',
|
||||||
|
12: '12px',
|
||||||
|
20: '20px'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
extend: {}
|
||||||
|
},
|
||||||
|
plugins: []
|
||||||
|
};
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"module": "es2020",
|
||||||
|
"lib": ["es2020", "DOM"],
|
||||||
|
"target": "es2020",
|
||||||
|
/**
|
||||||
|
svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript
|
||||||
|
to enforce using \`import type\` instead of \`import\` for Types.
|
||||||
|
*/
|
||||||
|
"importsNotUsedAsValues": "error",
|
||||||
|
"isolatedModules": true,
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
/**
|
||||||
|
To have warnings/errors of the Svelte compiler at the correct position,
|
||||||
|
enable source maps by default.
|
||||||
|
*/
|
||||||
|
"sourceMap": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
"baseUrl": ".",
|
||||||
|
"allowJs": true,
|
||||||
|
"checkJs": true,
|
||||||
|
"paths": {
|
||||||
|
"$lib": ["src/lib"],
|
||||||
|
"$lib/*": ["src/lib/*"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"]
|
||||||
|
}
|
||||||
Loading…
Reference in new issue