tests !! they're tests, folks

by Anonymous

Summary:

testing various html things, mostly boxes and text effects (blur, gradient, fonts)

 

AKA: html is the bane of my existence but dang if it doesn't feel rewarding when you do something right

Chapter 1: pesterlog formatting tests (and others)

in this test i work out how to make the text go inside of the grey box and then i mess around with the code of the boxes to see what i can do!

 

• figuring out how to to homestuck-specific text boxes
  • modifying them
• doing other various kinds of "text boxes," including post-it notes, index cards, and the funky old-timey thing from that one 17776 fic i like 

 

---

 

hello there!
i'm not sure how to work this code, but i'm getting there!!
hello!

ectoBiologist [EB] began pestering turntechGodhead [TG]

ectoBiologist [EB] began pestering turntechGodhead [TG]
EB: what is going on over there! i thought we had something special >:B
TG: shit happened
TG: a little busy
TG: pester you back later?
EB: fine yeah do your thing or whatever
TG: sorry bro didn't mean to offend you
EB: it's seriously fine! it can wait, don't worry
EB: ill still be here when you get back! go have fun
TG: yeah
TG: later
turntechGodhead [TG] ceased pestering ectoBiologist [EB]

ectoBiologist [EB] began pestering turntechGodhead [TG]
i'm not sure how to work this code, but i'm getting there!!
so i'm guessing instead of a p at the end it's a br?
oooo if this works im gonna scream

---

 

is this thing on?
i'm really hoping this works!!

SPOILER ALERT!!!!
IT WORKS!!!!!!
guess who just learned how to do an html thing through sheer force of will AGAIN WOOO

 

 

alright, this is the little text box thing that shows up in this tutorial
it's labeled as 'greybox' that's so cute

alright so,

i copied and pasted this bit because i wasn't sure what i was doing wrong, turns out i just didn't have all of the HTML bits lol

anyways,

i'm trying this new thing!!!
it's supposed to be a pink index card, i'm excited :)

so if that worked, this should also work!

this one's supposed to be a post-it note

 

---

instead of doing </p> at the end of each paragraph, it'll need to be changed to <br /> in order to stay inside of the box 
borders and the background of the boxes can be any color, the basic HTML colors are acceptable but as of right now i have no way of including custom colors 
there's also a list of borders that are supported by CSS, but between you and me they all kind of suck except for the solid one

 

code for the terminal text 
code for the pink index card 
code for the post-it notes

 

June 29-30th, 2021