Add unicodeexplorer

lbirkert · Aug 2, 2023 · 9cf9278 · 9cf9278
1 parent 476fd8f
commit 9cf9278
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 9 deletions.
diff --git a/src/app.css b/src/app.css
@@ -28,7 +28,7 @@ html {
 body {
   background-color: var(--brand-background);
   background-image: url(/background.svg);
-  background-size: 50px;
+  background-size: 25px;
   background-position: 50%, 50%;
   background-origin: content-box;
   font-family: 'Inter', sans-serif;

diff --git a/src/lib/Navbar.svelte b/src/lib/Navbar.svelte
@@ -50,7 +50,7 @@
 
   nav.root {
     opacity: 0;
-    transition: opacity 0.5s ease;
+    transition: opacity 0.3s ease;
   }
 
   nav.detach {

diff --git a/src/lib/Project.svelte b/src/lib/Project.svelte
@@ -136,7 +136,7 @@
     border-radius: 10px;
     padding: 10px 15px;
     transition: transform 0.3s ease;
-    border: 1px solid rgba(100, 100, 100, 0.3);
+    border: 1px solid #333;
     max-width: 400px;
   }
 

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -82,7 +82,7 @@
     let innerWidth = 0;
 
     let scroll = tweened(0, { duration: 400, easing: cubicOut });
-    $: scroll.set(scrollY / (innerWidth * 0.25 + 300));
+    $: scroll.set(scrollY / (innerWidth * 0.2 + 450));
 
     $: circle_r = 1000 / innerWidth;
     $: circles = Math.floor(innerWidth / 100);
@@ -133,8 +133,8 @@
             d="m -1.6702741,163.66963 c 0,0 22.8354941,-31.58985 40.3040271,-35.83995 18.234713,-4.4365 35.818903,14.94595 54.556512,13.90226 21.351405,-1.18928 38.709505,-20.9064 60.023005,-22.64756 19.25633,-1.57311 56.83154,11.38871 56.83154,11.38871"
         />
 
-        {#if $scroll <= 1}
-            {#each new Array(circles) as _, i}
+        {#if $scroll <= 1 && innerWidth > 550}
+            {#each new Array(Math.min(10, circles)) as _, i}
                 {@const c = circle($scroll - i * (1.0 / circles))}
                 <circle
                     cx={c.x}
@@ -149,9 +149,19 @@
     <div id="projects" />
     <div class="projects">
         <ul>
+            <li>
+                <Project
+                    preview="unicodeexplorer"
+                    url="https://lbirkert.com/UnicodeExplorer"
+                >
+                    Explore the magic of unicode. UnicodeExplorer is an almost
+                    infinite scroller for the unicode spectrum.
+                </Project>
+            </li>
+
             <li>
                 <Project preview="gamepowerx" url="https://gamepowerx.com/">
-                    GamePowerX is a github organisation focusing on Opensource
+                    GamePowerX is a github organisation focusing on opensource
                     software for everyone.
                 </Project>
             </li>
@@ -165,15 +175,15 @@
 
             <li>
                 <Project preview="palaten" url="https://www.palaten.de/">
-                    Palaten Studios is an IT and Game development company which
+                    Palaten Studios is an IT and game development company, which
                     focuses on reliable Software.
                 </Project>
             </li>
 
             <li>
                 <Project preview="kekupload" url="https://u.gamepowerx.com/">
                     KekUpload is an HTTP application for uploading files written
-                    in rust and Svelte.
+                    in rust & svelte.
                 </Project>
             </li>
         </ul>

diff --git a/static/project/unicodeexplorer_1x.webp b/static/project/unicodeexplorer_1x.webp
diff --git a/static/project/unicodeexplorer_2x.webp b/static/project/unicodeexplorer_2x.webp
diff --git a/static/project/unicodeexplorer_3x.webp b/static/project/unicodeexplorer_3x.webp