preview & code / active preview
inspired by mac os, all sections are draggable! (more info below the cut)
features:
made to match my seafoam theme
header that matches seafoam, includes day/night toggle, follow button, an updates tab, search bar, & scroll to top
chat section for quotes, testimonials, or an faq/etc.
projects with adjustable percentages & a list section for to-do’s or rules/etc.
main section with an image, blog url/title, 4 info stats, links/blogs/socials, a description, and likes/dislikes
customizable: colors & color gradient, border radius, body font, title font, & font size
responsive design
i’ve provided a customization guide below the cut but everything you need to know about editing this page is written in the code
terms:
reblog if using
do not touch the credit
view all terms
credits listed in the code / credits page
please consider supporting me ♡
notes on draggables
all sections are draggable but the main section will automatically revert to it’s original position
refresh the page to make all sections revert to their original positions
the chat and projects sections can be grabbed from anywhere, the main section can only be grabbed by the header
by default, if there’s any overlap, the main section will appear above the chat & projects sections
each section will automatically come forward above the others when they’re dragged over another section (this is kind of hard to explain but if you drag the sections around you’ll see what i mean lol)
CUSTOMIZATION GUIDE
header
the header is designed the same as the one in seafoam, if you don’t want the updates tab delete the entire section between the following lines:
<!--- UPDATES TAB STARTS --->
....
....
<!--- UPDATES TAB ENDS --->
main section
the formats for the main sections are shown below, bolded/capitalized text indicates what you can change
