#codingtemplate

[kranae]

ruler of my heart | wallpost code

hello! it's been a while! i haven't rlly been as active as before due to academic obligations but i'm a bit more free now :D i altered a profile text i made a while back into a wallpost code for one of my altts on woo EU and i figured it's pretty enough i might as well post it!

two boxes for either extra text or images + a sig if you want

does not size down on mobile, unfortunately (because i was too lazy to add it when i was fucking with this thing at 3am)

make sure that when you post it on site, there are NO LINE BREAKS !! if there are line breaks then it will fuck up the spacing and stuff

ruler of my heart | <— click!!!

do not touch my credits, do not yoink pieces from my code or else ill yoink your toenails, if you make any big changes feel free to add an "edited by xx xx" but keep the code credits :D

[glossamerr]

ID | Profile Text

Enjoy. (Matching backstory)

Codepen: https://codepen.io/glossamerr/pen/VYLvELM

Pastebin: https://pastebin.com/HrE9Wwji

Make sure to hit publish after you paste the code onto site, DO NOT click source again as it will mess up the spacing.

[kranae]

love’s the death of peace of mind | book / club code

have finally been persuaded to drop this beeheemoth of a book code! since it was originally created for WoO EU as a job application / staff book, it has a… lot of tabs. but oh well! i think it’s cute so eehee.

the version with dropdowns (shown in the video) has a total of 25 pages with 5 dropdown tabs! you can edit these to however many you need, i left a note at the top for how to do so, if you struggle then send me a msg

the version without dropdowns has just 5 buttons, with no dropdowns! just in case you wanted to use a 5-page book. you can also change the # of pages!

includes the design for an extra infobox inside of the main text area that you can use!

fully mobile-friendly which is always a bonus for sites, and rather cute on mobile if i say so :3 

could possibly be used as a club code, you would just need to change the overall width to 650px and the width of the buttons to 108px each

the death of peace of mind   |   non-dropdown version    (<— click these!!!!!)

do not touchy my credit or ill eat you alive ok thanks!!! lemme know if u have questions / problems with this baby :3 sorry for poor vid quality i had to really compress it for tumblr to accept it sob

[kranae]

let the sky fall, let the day break | club introduction/wallpost code

i also made this for myself to match with my other club content!!! apologies for the yucky demo image quality >_< but originally, i made the darker one (let the sky fall) for my cherry work on woo EU (launch soon!!!) and decided to post it! and my lovely friend said they wanted to steal it, so i went, oh okay let me make a lighter one then xD

can work as both a wallpost, or as a club introduction!

very important! make sure that your code has NO LINE BREAKS or else the spacing will not be nice!!! it all needs to be in one line!

if you want like, a pfp with a name and stuff for an intro on the side, dm me and ill add it

it can also scale down fully on smaller screens like a phone i’ve been told it’s pretty on a phone

let the sky fall | let the day break (<— click these!!!!)

do naur touch my credit thing even if you edit because i’ll be really really sad and cry :( let me know if you have any questions! also fair warning on site, the pictures look a little biiiit funky, but still pretty: see below!!!

[kranae]

hate at second thought | backstory code

okay fair warning i made this for one of my alts on woo EU and the only two reasons i’m posting this is because 1. i think the buttons are super cute because they kind of. stick out? when u hit them and 2. give me that role @ wox code server

very simple!! very uh. emo looking 5-page backstory lmao

funky buttons that pop up when you click them!!! and if you hover over the quotes / title picture it will grow / brighten

you could probably add pictures but i did not want them for this aesthetic. i wanted it to look clean and emo and angsty or smth, and it was really ugly with button labels so i just didn’t include any… but u could add them if u wanted idk

hate at second thought | <— click!!!

do not touch my credits! do not yoink bits from my code n call them yours :( i will be sad and cry ok

maybe i will make a matching pt. this is dependent on post-finals season kanae’s mental and emotional well being

[kranae]

emo capybara… | club code

i made this for myself and then @glossamerr told me to post it so i said ok sure yes!

has 4 buttons but you can add more if you know how

the title and the text box have a picture as a background but u can change that into just a colour

there is a spot for ur face and name if you’re like a job leader thingy

it can scale down fully on smaller screens like a phone even if it gets just a little bit ugly IT WORKS

um. maybe dont touch my credit thing even if you edit because i’ll be sad and also if you have questions about what stuff is you can ask me ? i am just not sure if i will be able to answer them BUT I WILL TRY ok THANKS here is ur link

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

[glossamerr]

Notice Board | Club page

Idk what to call this. Like a notice board or bulletin board. I used it to post important notices and links etc. inside my teams club. It's all scrollable, the post it notes can fit however many lines you want. And you can hide any of them if you dont have that much to say.

Link: https://codepen.io/glossamerr/pen/GRVQZjX

Bit of an old code. lmk if you need help editing it.

[glossamerr]

Monkey king | profile text

This is for a personal request for a PT with more quick facts and less writing. This has lots of image slots and four pages. The about page might look a bit off in the codetester but it will be spaced correctly on site. Inspired by the black myth wukong game hehhe. If you use it, leave a like or repost. And I’d love to see what you do with it. Hope you enjoy!

Codepen: https://codepen.io/glossamerr/pen/MWNaNgK

Jsfiddle: https://jsfiddle.net/glossamerr/9fuc1d40/