data endpoint for entity 90008 (aka. a website)
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat: add new content, improve layout and styling

+84 -21
+33 -6
src/routes/+layout.svelte
··· 15 15 { href: '', name: 'home', iconUri: '/icons/home.png' }, 16 16 { href: 'entries', name: 'entries', iconUri: '/icons/entries.png' }, 17 17 { href: 'guestbook', name: 'guestbook', iconUri: '/icons/guestbook.png' }, 18 - { href: 'about', name: 'about', iconUri: '/icons/about.png' }, 18 + { href: 'about', name: 'about', iconUri: '/icons/about.png' } 19 19 ]; 20 20 21 21 const routeComponents = data.route.split('/'); ··· 43 43 </script> 44 44 45 45 <svelte:head> 46 - <title>{title}</title> 46 + <title>{title}</title> 47 47 <meta property="og:title" content={title} /> 48 - <meta property="og:site_name" content="gaze.systems"/> 49 - <meta property="og:url" content="https://gaze.systems/"/> 48 + <meta property="og:site_name" content="gaze.systems" /> 49 + <meta property="og:url" content="https://gaze.systems/" /> 50 50 <meta property="og:image" content="https://gaze.systems/icons/gaze_website.png" /> 51 51 </svelte:head> 52 52 ··· 63 63 " 64 64 /> 65 65 66 - <div class="lg:mx-[4vw] 2xl:mx-[8vw] lg:my-[4vh]"><slot /></div> 66 + <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="hidden"> 67 + <defs> 68 + <filter id="squiggly-0"> 69 + <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="0" /> 70 + <feDisplacementMap id="displacement" in="SourceGraphic" in2="noise" scale="2" /> 71 + </filter> 72 + <filter id="squiggly-1"> 73 + <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="1" /> 74 + <feDisplacementMap in="SourceGraphic" in2="noise" scale="3" /> 75 + </filter> 76 + 77 + <filter id="squiggly-2"> 78 + <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="2" /> 79 + <feDisplacementMap in="SourceGraphic" in2="noise" scale="2" /> 80 + </filter> 81 + <filter id="squiggly-3"> 82 + <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="3" /> 83 + <feDisplacementMap in="SourceGraphic" in2="noise" scale="3" /> 84 + </filter> 85 + 86 + <filter id="squiggly-4"> 87 + <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="4" /> 88 + <feDisplacementMap in="SourceGraphic" in2="noise" scale="1" /> 89 + </filter> 90 + </defs> 91 + </svg> 92 + 93 + <div class="h-[96vh] lg:px-[4vw] 2xl:px-[8vw] lg:py-[4vh]"><slot /></div> 67 94 68 - <nav class="w-full z-10 fixed bottom-0 bg-ralsei-black"> 95 + <nav class="w-full max-h-[4vh] z-10 fixed bottom-0 bg-ralsei-black"> 69 96 <div 70 97 class=" 71 98 max-w-full max-h-fit p-1 overflow-auto
+20 -11
src/routes/+page.svelte
··· 2 2 import Window from '../components/window.svelte'; 3 3 </script> 4 4 5 - <div class="flex flex-none gap-y-4 lg:gap-y-0 flex-wrap md:flex-nowrap"> 6 - <Window title="readme?" iconUri='/icons/question.png'> 7 - <div class="prose prose-ralsei prose-img:m-0 leading-6"> 8 - <p>hi there <img class="inline h-6" src="/wavey.gif" alt="wavey" title="hi :33" /></p> 9 - <p> 10 - i'm dusk! and this is my personal spot where i plan to put everything that i do on (<i>if i don't forget to...</i>) 11 - </p> 12 - <p>not much else to say, hopefully will add more text here one day :></p> 13 - <p>website very much in progress still !!!</p> 14 - </div> 15 - </Window> 5 + <div class="flex flex-none gap-y-4 lg:gap-y-0 flex-wrap md:flex-nowrap md:h-full"> 6 + <div class="flex flex-col gap-y-2 lg:gap-y-0"> 7 + <Window title="readme?" iconUri='/icons/question.png'> 8 + <div class="prose prose-ralsei prose-img:m-0 leading-6"> 9 + <p>hi there <img class="inline h-6 animate-squiggle" src="/wavey.gif" alt="wavey" title="hi :33" /></p> 10 + <p> 11 + i'm dusk! and this is my personal spot where i plan to put everything that i do on (<i>if i don't forget to...</i>) 12 + </p> 13 + <p>not much else to say, hopefully will add more text here one day :></p> 14 + <p>website very much in progress still !!!</p> 15 + </div> 16 + </Window> 17 + <div class="grow"/> 18 + <Window title="latest stuff"> 19 + <div class="prose prose-ralsei prose-img:m-0 leading-6"> 20 + <p>worked on a game for a jam!! check it out at <a href="https://manonox.itch.io/fish-well">it's itch.io page</a>!</p> 21 + <img src="https://img.itch.zone/aW1hZ2UvMjkxNjQzOC8xNzQ2MDY2Mi5wbmc=/original/%2BIb5Vf.png" alt="fish well gameplay screenshot"> 22 + </div> 23 + </Window> 24 + </div> 16 25 <div class="grow" /> 17 26 <Window title="contacts!" iconUri='/icons/contact.png'> 18 27 <div class="prose prose-ralsei leading-6">
+3 -3
src/routes/guestbook/+page.svelte
··· 8 8 9 9 <div class="flex flex-col-reverse md:flex-row gap-2 md:gap-4"> 10 10 <div class="mb-[7vh] md:hidden" /> 11 - <Window title="guestbook"> 11 + <Window title="guestbook" iconUri="/icons/guestbook.png"> 12 12 <div class="flex flex-col gap-4 2xl:w-[60ch]"> 13 13 <p> 14 14 hia, here is the guestbook if you wanna post anything :) ··· 52 52 type="submit" 53 53 value={platform} 54 54 formaction="?/post_{platform}" 55 - class="text-lg text-ralsei-green-light leading-5 motion-safe:hover:animate-bounce w-fit p-0.5" 55 + class="text-lg text-ralsei-green-light leading-5 hover:underline motion-safe:hover:animate-squiggle w-fit p-0.5" 56 56 /> 57 57 {/each} 58 58 </div> ··· 70 70 </div> 71 71 </Window> 72 72 <div class="grow" /> 73 - <Window title="entries"> 73 + <Window title="entries" iconUri="/icons/entries.png"> 74 74 <div class="flex flex-col gap-2 md:gap-4 2xl:w-[60ch]"> 75 75 {#if data.getRatelimited} 76 76 <p class="text-error">
+28 -1
src/styles/app.css
··· 27 27 content: '>>>> '; 28 28 } 29 29 30 + .prose a { 31 + text-decoration: none; 32 + } 33 + 30 34 .prose a:hover { 31 - @apply animate-pulse-fast; 35 + @apply motion-safe:animate-squiggle; 36 + text-decoration: underline; 32 37 } 33 38 34 39 h1,h2,h3,h4,h5,h6 { ··· 83 88 font-display: swap; 84 89 src: url('/fonts/comici.woff2') format('woff2'); 85 90 } 91 + 92 + .animate-squiggle { 93 + animation: squigglevision 0.3s infinite; 94 + } 95 + 96 + @keyframes squigglevision { 97 + 0% { 98 + filter: url("#squiggly-0"); 99 + } 100 + 25% { 101 + filter: url("#squiggly-1"); 102 + } 103 + 50% { 104 + filter: url("#squiggly-2"); 105 + } 106 + 75% { 107 + filter: url("#squiggly-3"); 108 + } 109 + 100% { 110 + filter: url("#squiggly-4"); 111 + } 112 + } 86 113 } 87 114 88 115 @layer utilities {