add penguins + try out Lottie animations

Author: JeremyGamer13

package-lock.json

@@ -11,6 +11,7 @@
 		"indexl10n": "node scripts/programatic-langs.js && node scripts/translation-index.js"
 	},
 	"dependencies": {
+		"@lottiefiles/dotlottie-svelte": "^0.10.6",
 		"penguinmod": "github:PenguinMod/PenguinMod-ApiModule",
 		"PenguinMod-MarkDown": "github:PenguinMod/PenguinMod-MarkDownNew",
 		"PenguinMod-SvelteUI": "github:PenguinMod/PenguinMod-SvelteUI"

package.json

@@ -72,7 +72,7 @@
                             key="home.introduction2"
                         />
                     </p>
-                    <Button icon="/icons/blocks-blue.svg" kind="highlighted" href={externalLinks.editor}>
+                    <Button icon="/asset/icons/blocks-blue.svg" kind="highlighted" href={externalLinks.editor}>
                         <LocalizedString
                             text="Try it out"
                             key="home.tryout"
@@ -83,9 +83,8 @@
             <div class="section-onboarding-showoff">
                 <div class="section-onboarding-showoff-inner">
                     {#if !StateApplication.loggedInProcessed}
-                        <!-- TODO: This should link to the active origin URL, not penguinmod.com -->
                         <img
-                            src="https://penguinmod.com/penguins/frontpage.svg"
+                            src="/asset/penguin/large/frontpage.svg"
                             alt="PenguinMod"
                         />
                     {:else if !($StoreSettings.loggedIn)}

src/routes/+page.svelte

@@ -0,0 +1,23 @@
+<script>
+    import { DotLottieSvelte } from '@lottiefiles/dotlottie-svelte';
+</script>
+
+<h1>DotLottieSvelte</h1>
+<h2>@lottiefiles/dotlottie-svelte</h2>
+
+<h3>hoverdevice</h3>
+<p>{"/asset/penguin/animated/lottie/hoverdevice.json"}</p>
+<div>
+    <DotLottieSvelte
+        src="/asset/penguin/animated/lottie/hoverdevice.json"
+        autoplay={true}
+        loop={true}
+    />
+</div>
+
+<style>
+    div {
+        width: 480px;
+        height: 480px;
+    }
+</style>