icon support

README.md

@@ -1,40 +1,3 @@
-# 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.
+# Siv Kyne
+## Website made with Svelte
+## Website made by Midblep

src/lib/elements/Social.svelte

@@ -3,9 +3,14 @@
     export let icon;
     export let text;
     export let target = "";
+    import lang from "$lib/en-lang.json";
 </script>
 
 <a href={href} class="flex flex-col items-center gap-1 justify-center hover:scale-110 duration-100" target={target}>
-    <span class="text-4xl lg:text-6xl">{icon}</span>
+    {#if lang["icons"][text.toLowerCase()]}
+        <img src={lang["icons"][text.toLowerCase()]} class="h-16 aspect-square" alt={text} />
+    {:else}
+        <span class="text-4xl lg:text-6xl">{icon}</span>
+    {/if}
     <span class="text-xs lg:text-sm text-gray-200 text-center">{text}</span>
 </a>

src/lib/en-lang.json

@@ -14,6 +14,10 @@
         "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."
     },
+    "icons": {
+        "twitter": "/icons/twitter.png",
+        "my anime list": "/icons/myanimelist.png"
+    },
     "commissions": {
         "accordions" : [
             {