Skip to content

Instantly share code, notes, and snippets.

@Chedder78
Chedder78 / index.html
Created May 22, 2025 10:33
Scroll story book
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<div class="p-storybook__wrapper">
<div class="p-storybook__page">
<div class="p-page__1">
<div class="sky">
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
@Chedder78
Chedder78 / index.html
Created May 22, 2025 10:33
Scroll story book
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<div class="p-storybook__wrapper">
<div class="p-storybook__page">
<div class="p-page__1">
<div class="sky">
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
@Chedder78
Chedder78 / index.html
Created May 22, 2025 10:32
Scroll story book
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<div class="p-storybook__wrapper">
<div class="p-storybook__page">
<div class="p-page__1">
<div class="sky">
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
@Chedder78
Chedder78 / index.html
Created May 22, 2025 10:31
Scroll story book
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<div class="p-storybook__wrapper">
<div class="p-storybook__page">
<div class="p-page__1">
<div class="sky">
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
@Chedder78
Chedder78 / glassmorphism-login-form-tutorial-in-html-css.markdown
Created May 15, 2025 07:48
Glassmorphism login Form Tutorial in html css
@Chedder78
Chedder78 / index.html
Created April 24, 2025 03:46
Parallax Image Layers - Osmo
<!--------- Osmo [https://osmo.supply/] --------->
<div class="parallax">
<section class="parallax__header">
<div class="parallax__visuals">
<div class="parallax__black-line-overflow"></div>
<div data-parallax-layers class="parallax__layers">
<img src="https://cdn.prod.website-files.com/671752cd4027f01b1b8f1c7f/6717795be09b462b2e8ebf71_osmo-parallax-layer-3.webp" loading="eager" width="800" data-parallax-layer="1" alt="" class="parallax__layer-img">
<img src="https://cdn.prod.website-files.com/671752cd4027f01b1b8f1c7f/6717795b4d5ac529e7d3a562_osmo-parallax-layer-2.webp" loading="eager" width="800" data-parallax-layer="2" alt="" class="parallax__layer-img">
<div data-parallax-layer="3" class="parallax__layer-title">
<h2 class="parallax__title">Parallax</h2>
@Chedder78
Chedder78 / cub-n-pup-puzzle-game-demo.markdown
Created March 13, 2025 00:53
Cub n Pup - puzzle game demo

Cub n Pup - puzzle game demo

How to play: Drag cub to star, Drag grid to rotate.

Also available at cubnpup.com

This is a proof-of-concept for a game. Basic art, no sound, no options, no polish. But the core game-play is there. It's more of a mobile game, focused on dragging — inspired by Threes. I'm looking to see if its any fun. Let me know!

I've always wanted to make a video game. This could be the one. My previous attempts never got past isolated demos because they were aiming for bigger ideas. They grew complex and unwieldy. So this game is designed to be simple. A game that I can actually make.