✦ [your-site-name] ✦
~ personal code stash, layout snippets & miscellaneous web junk ~
✦ 01_custom star cursor
[Placeholder: Pixel Star Cursor]
CSS
Replace your default pointer with a custom pixel star cursor across your whole site.
/* [placeholder: custom star cursor stylesheet snippet] */
body, a, button {
cursor: url('[placeholder_star_cursor.cur]'), auto;
}
a:hover, button:hover {
cursor: url('[placeholder_star_pointer.cur]'), pointer;
}
✦ 02_css containers & borders
[Placeholder: Retro Double-Border Box]
CSS
Classic indie web container styling with solid offsets and retro borders.
/* [placeholder: insert into your main stylesheet] */
.retro-container {
background-color: #0c0505;
border: 3px double #ef4444;
padding: 15px;
box-shadow: 4px 4px 0px #000;
}
✦ 03_custom pointers
[Placeholder: Pixel Cursor Styles]
CSS
Give your personal site an alternative pointer vibe.
/* [placeholder: custom pointer cursor snippet] */
body {
cursor: url('[placeholder_pointer.cur]'), auto;
}
a:hover {
cursor: url('[placeholder_link.cur]'), pointer;
}