Script Raccoon

@scriptraccoon.dev

173 Followers 70 Following

Mathematican, Software Developer, YouTuber 🔗 https://scriptraccoon.dev

PR lines change

screenshot of the referenced post

interactive rebase with many commits being squashed

text file todo.txt containing todos for a web app

YouTube Thumbnail saying "Mehrsprachige Svelte App"

inaccurate git diff for a sql file: in reality 3 lines were added as a block, but git thinks that one line was added to the previous block and 2 to the next block

sql code:

UPDATE notifications
SET
status = 'read'
WHERE
status = 'unread'
AND recipient_id = ?

working calculator with digits 0,1,...,9 and the buttons +, x, -, AC

@keyframes explode {
0%,
#{$explode-start} {
@include translated;
}
#{$explode-end},
100% {
@include exploded;
}
}

a cube gets dissected into 8 smaller cubes. one of these then takes the role of the first cube, etc.

I am once again asking to be able to edit posts and comments for 1 min after sending (Bernie Sanders Meme)

Verify your account: Use the arrows to match the icon on the left to the cup with the most liquid.

country scrambler game: the scrambled country is only shown for a short amount of time

recording of browser quiz game "country scrambler". when the correct country is guessed, the scrambled country gets unscrambled step by step to the original.

iq bell curve meme: sqlite on lower and higher end, postgresql in the middle

preview of iphone and ipad

list of echoes

a function body where two returns statements in if-blocks are the same

Davinci Resolve edit page

svelte docs on form actions with the original font

css code that replaces the variables --sk-font-family-body and --sk-font-family-heading with sans-serif fonts (system-ui and Lucida)

list of languages: swift, rust, c++, go, typescript, python, shell

CSS code for body: background color = black, color = white.

An impossible situation occured

HTML file with an unordered list of links. Each link is in its own line.

List of all 259 restricted Hamiltonian paths, displayed in a grid

a function that takes in a boolean and returns a corresponding description as a string. when it is true, return "this is correct". when it is false, return "this is wrong". so all cases are covered, but the compiler emits the error:

Function lacks ending return statement and return type does not include 'undefined'

Knight's Tour visualization on 16x16 board

object with each property having one line

Demo of some features of Slidorus

$const dot = document.querySelector('.dot') function set_position() { dot.style.setProperty('--x', window.screen.width / 2 - window.screenX) dot.style.setProperty('--y', window.screen.height / 2 - window.screenY) } setInterval(set_position, 10)$

popup window that is being moved around, showing a blue circle that always stays in the middle of the screen, not the popup window

rotating torus made up from tiles

Plan of a tall building with several layers, indicated with buttons with misaligned plus symbol inside

Rotating dodecahedron with individual colors for each face, on a black background. After a button click the solid is shown from inside, yielding a pentagon tiling of the plane.

Modal for a cinema reservation page, showing an "OK" button with an orange outline and no other styling

Landing page with bullet points that are likely written by ChatGPT

3 files in code editor: database schema in a sql file, a query in a sql file, and the a typescript file that executes this raw query and returns the rows with the correct types.

We cannot use the native Date constructor because of weird... behavior in Safari.

Code block of a Svelte component:



<script lang="ts">
type Props = {
readonly: boolean
url?: string
}

let {readonly, url}: Props = $props()
</script>


<svelte:element
this={readonly ? 'div' : 'a'}
href={readonly ? undefined : url}
>
Preview
</svelte:element>

GitHub contribution graph

Animation of the Recursive Dragon Curve