Stylising
We currently got a load of posts and they don’t have anything to break them up. Let’s do something about that quickly.
Firstly, let me introduce you to Cohoard - a funky website that will stylise things to look like discord posts! It can also be used to replicate MSPA, Twitter, 17776, Wikipedia, etc.
I really like using Cohoard for my shrines! I use it to;
Display conversations I had with my friends, including their input
Give the atmosphere of someone talking casually, rather than presenting things as full formed thoughts
Roleplay the characters – give joke interaction ideas that never made their way to fanfiction but I wanted to share regardless
For everything else, we have the divs. You can stylise however you want, and if you want anything to break the flow of stylisation, just give it an id or class you can target with the CSS.
One very basic thing I do is have alternating stylisation. This just helps make things a little less one note. So, I may have something like this;
.blorboThoughts:nth-of-type(odd){
background-color: lavender;
transform: rotate(1deg);
}
.blorboThoughts:nth-of-type(even){
background-color: indigo;
color: white;
transform: rotate(-1deg);
}
This is a very simple version where every odd number of div with class “blorboThoughts” will be lavender and rotated by 1 degrees, and every even number of div with class “blorboThoughts” will be indigo with white text, and rotated -1 degrees. :nth-of-type can be used for more complex patterns as well!
Otherwise, style them however you want! You might be able to work a theme related to the subject or you can always settle for having a set width and some rounded corners, calling it a day.