seafoam about | about page by sage
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
image: search ‘edit here: image url’
<div class="topbarleft-img"><img src="IMAGEURL"></div>
info stats: search ‘edit here: info stats’
<li><i class="ph-ICON-NAME"></i><span>STAT</span></li>
there’s space for up to 4 info stats
i highly recommend keeping this text short, it will wrap if it gets too long
links: search ‘edit here: links’
<a href="LINKURL"><i class="ph-ICON-NAME"></i><span>LINK NAME</span></a>
blogs: search ‘edit here: blogs’
<a href="https://BLOGURL.tumblr.com"><img src="https://api.tumblr.com/v2/blog/BLOGURL.tumblr.com/avatar"><span>BLOG NAME</span></a>
socials: search ‘edit here: socials’
<a title="HOVER TITLE" href="LINKURL"><i class="ph-ICON-NAME"></i></a>
there are instructions in the code for how to edit your description and likes/dislikes
chat section
the formats for the chat sections are shown below, bolded/capitalized text indicates what you can change
chat image & title: search ‘edit here: chat image and title'
<div class="qhname">
<img src="IMAGEURL"><b>CHAT TITLE</b>
</div>
chats: search ‘edit here: chats’
chats from other people:
<div class="p2-wrap">
<b>CHATTER NAME</b>
<div class="p2">
<a href="https://CHATTERURL.tumblr.com"><img src="https://api.tumblr.com/v2/blog/CHATTERURL.tumblr.com/avatar"></a>
<div class="p2-text">
<span>TEXT HERE</span>
<div class="blurb"></div>
</div>
</div>
</div>
chats from yourself:
<div class="p1-wrap">
<b>YOUR NAME</b>
<div class="p1">
<div class="p1-text">
<span>TEXT HERE</span>
<div class="blurb"></div>
</div>
<a href="/"><img src="{PortraitURL-128}"></a>
</div>
</div>
you can add as many chats as you want! it will scroll if it gets too long
projects section
the formats for projects sections are shown below, bolded/capitalized text indicates what you can change
the projects will not scroll
the to do list will scroll if it gets too long
projects: search ‘edit here: projects’
<div class="project">
<div class="project-title"><b>PROJECT NAME</b> <i>PROJECT PERCENTAGE</i></div>
<div class="projectline"><div class="progressline" style="width:PROJECT PERCENTAGE"></div></div>
</div>
replace the project percentage with a number followed by %, ex. 50%
make sure you change both project percentages
to do list: search ‘edit here: to do list’
<li><i class="ph-SQUARE-BOLD"></i><b>TEXT GOES HERE</b></li>
this section could also be for rules or whatever you want tbh
821 notes
·
View notes
Seafoam Dreams
A summary of Amalthea's AU verse for One Piece.
tagged as: ☪v: seafoam dreams
sub-verses: sands of silver and gold || the lion's gilded cage.
note: sub-verses are established and separate storylines within the one piece canon for select mutuals of mine. all other threads within this au are still separate from each other unless otherwise discussed.
Amalthea originally hails from a sky island that once orbited the Red Line and the North Blue, where she was born and raised in a small community consisting of a melting pot of Lunarian individuals, avian minks and humans. It was peaceful and reasonably self sufficient, though her memories of her birthplace are long faded by the current canon.
At the age of fifteen, her island was ransacked and her family either killed or captured by the Government for use in experimentats on those of Lunarian blood. Amalthea escaped and ended up on what is in current times Rubeck Island of the North Blue. It was there she found and ate her devil fruit before being adopted into the kingdom that made the island their home.
For just around ten years, she was kept safe by the people and the royal family. Until circumstances arose that once again attracted the attention of the World Government, whose assault on the island forced her to flee into the Blue.
This becomes a pattern throughout her life; she had to learn to be elusive, keep secrets, how to hide and protect herself. How to weave the most believable lies. Even the seemingly most mundane people could not be trusted, for the fear they would be complicit in allowing the Navy to find her trail again.
At current canon, pre and post timeskip, Amalthea has been alive for over 350 years. That is a lot of history to cover but suffice to say, she is a master at surviving on her own and avoiding unwanted attention most of the time. She has taken her time to travel all four Blues and the Grand Line, exploring the far corners of the world in her search for safe havens, knowledge and useful connections. There have been portions of Time throughout the decades she has spent hidden entirely from people; to cope with the burdens of immortality, she shuts herself away to sleep or to exist outside of her humanity.
For the present day, she tends to go by the alias Thea and is known throughout underground and black market channels by the alias Luna. She is a freelance cartographer (mapmaker), navigator and log pose artificer. It is usually her and a few others work that supply poses for pirates and other non-Government affiliated individuals traveling the Grand Line and the New World. She has many contacts and connections throughout the world, and tends to maintain a neutral alignment when dealing with pirates.
The nature of her Lunarian heritage is kept very well hidden; as with no wings and no soul-flame visible, she easily passes as human. Her mythical zoan devil fruit is also kept secret, or passed off as a different type altogether through half-truths and selective use of her Ability. Her presence to those with keen Observation haki lends to the idea she is only a civilian, and never anything close to a threat.
All of course, a masterfully crafted ruse to protect herself.
8 notes
·
View notes