Recent Posts

pronounsshe / her
14written posts
not kayearned bits
offlinecurrently
not kay
New Member
not kay Avatar
[nospaces]
[attr="class","ks-bingo"]24. SHOUT IT OUT[break]
mini-profile mock-up bc i don't actually know how to code profiles. tried going for a classic comic feel. i dont trust these margins so lmk if this is broken LOL.[break][break]
hover art is by マサコ.


[break][break]

[attr="class","shout-it-out"]
[attr="class","hover"]
[attr="class","info"]
[attr="class","name"]Choso
[attr="class","details"]150+ years old[break]Cursed Womb: Death Painting
[attr="class","player"]Played by Not Kay



[googlefont=Bangers]
[newclass=.shout-it-out]width: 250px; height: 400px; overflow: hidden; border: solid 10px black; color: #1a1a1a; font-family: Bangers; font-weight: 600; font-size: 1.3rem; -webkit-text-stroke: 1px white; opacity: 1;[/newclass]
[newclass=.shout-it-out .hover]width: auto; height: 100%; position: relative; background: url('https://i.imgur.com/tMZBNEZ.png'); background-size: cover;[/newclass]
[newclass=.shout-it-out .hover:after]content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: radial-gradient(black 33%, transparent 33%); background-size: 3px 3px; opacity: 0; transition: 0.4s;[/newclass]
[newclass=.shout-it-out:hover .hover:after]opacity: 1; transition: 0.2s;[/newclass]
[newclass=.shout-it-out .info]margin-left: 80px; margin-top:-400px;[/newclass]
[newclass=.shout-it-out .name]height: 80px; padding: 20px 20px 0 0; -webkit-transform: rotate(22.5deg); display: inline-block; font-size: 0rem; font-weight: 900; transition: 0.4s;[/newclass]
[newclass=.shout-it-out .name:after]content: "!";[/newclass]
[newclass=.shout-it-out:hover .name]font-size: 4rem; transition: 0.1s;[/newclass]
[newclass=.shout-it-out .details]margin-top: 120px; margin-left: -300px; -webkit-transform: rotate(-22.5deg); text-align: left; transition: 0.3s;[/newclass]
[newclass=.shout-it-out:hover .details]margin-top: 70px; margin-left: -80px; transition: 0.2s; transition-delay: 0.5s;[/newclass]
[newclass=.shout-it-out .player]margin-right: -350px; margin-top: 190px; -webkit-transform: rotate(22.5deg);[/newclass]
[newclass=.shout-it-out:hover .player] margin-right: -10px; margin-top: 130px; transition: 0.2s; transition-delay: 0.7s;[/newclass]
[newclass=.ks-bingo]margin-top: 20px; width: 400px; text-align: justify; font-family: consolas; font-size: 0.75rem;[/newclass]
last edit on Apr 25, 2021 23:57:46 GMT by not kay
pronounsshe / her
14written posts
not kayearned bits
offlinecurrently
not kay
New Member
not kay Avatar
[attr="class","ks-spring-dev"]SPRING DEVELOPMENT CHALLENGE

i only got to play this char for a few months but he was someone i was v much looking forward to developing so ill just indulge myself here instead. a lil send off + some character exploration while i work on his next iteration.

just kidding, this is entirely bc i have deadlines coming up.

(also, i want the member group...)


[newclass=.ks-spring-dev]margin-top: 20px; width: 400px; text-align: justify; font-family: consolas; font-size: 0.75rem;[/newclass]
last edit on Apr 24, 2021 11:24:23 GMT by not kay
pronounsshe / her
14written posts
not kayearned bits
offlinecurrently
not kay
New Member
not kay Avatar
[attr="class","k"]hey, im kay! a handful of u may know me but i thought itd b worth posting one of these for those of u who dont. i'm a 19 y/o comp sci student hailing from the ever-grey uk; been rping animanga on/off for the last couple years and thought joining a resource site would b a good way to procastinate lmao. here r some things about me:

  • fantasy sites r my jam and i think i enjoy hateships a lil too much...
  • certified gacha trash, currently dividing my time between genshin impact and arknights.
  • like most ppl here ive watched a lot of anime but to pick out a couple: my fav is mob psycho 100 and im currently watching jujutsu kaisen (and damn that shit is good).
  • front-end dev is my guilty pleasure. will post the occasional template here and there while i try and up my css/js game -- real talk tho, i kinda hate bbcode.

looking forward to getting to know everyone!


[newclass=.k]margin-top: 20px; width: 400px; text-align: justify; font-family: roboto; font-size: 0.75rem; letter-spacing: 0.5px;[/newclass]
last edit on Apr 23, 2021 22:34:08 GMT by not kay
pronounsshe / her
14written posts
not kayearned bits
offlinecurrently
not kay
New Member
not kay Avatar
closing lines for a freeform app i gave up on finishing bc my brain just couldnt figure out the rest. sad i wont get to use them, tho maybe one day ill go back to it...
So let me rest, and let me dream,

And let me break my bones into the salt of the sea.

pronounsshe / her
14written posts
not kayearned bits
offlinecurrently
not kay
New Member
not kay Avatar
[nospaces]
[attr="class","ks-bingo"]19. TIME MACHINE[break]
we goin' retro lads. more of a fun piece than an actual posting template tbh. yes, i was too lazy to code the actual tag.


[break][break]
[attr="class","time-machine"]
[attr="class","top"]
● ● ●Not Kay


[attr="class","content-contain"]
[attr="class","content"]

[attr="class","icon-contain"]


[attr="class","text"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta ornare quam et sodales. Quisque ac dapibus risus. Proin vitae velit felis. Nam suscipit laoreet magna a fringilla. Nam sit amet cursus lectus. Nullam quis scelerisque justo. Nam ullamcorper efficitur turpis, eget maximus diam mollis ut. Etiam mattis magna id eros condimentum, ac fermentum ex cursus. Sed id est dictum, posuere leo vel, luctus nisl. Curabitur consequat, velit a mattis sagittis, nulla lectus posuere felis, pulvinar fringilla dolor odio sed arcu. Vivamus dolor turpis, facilisis a tortor et, eleifend posuere velit. Etiam venenatis porta commodo. Morbi porta tempor diam id volutpat. Donec non consequat tortor, eu maximus velit. Ut tempor eget risus non pulvinar. Aenean cursus vehicula elit vel venenatis.
[break][break]
Nulla bibendum sit amet quam a sollicitudin. Pellentesque tempus nisl vel ligula facilisis rutrum. Sed bibendum convallis nunc, non egestas felis condimentum sed. Integer quis purus a neque suscipit lacinia sed et felis. Ut quis mi nulla. Phasellus elit nisl, eleifend in urna in, venenatis interdum risus. Nulla non libero enim. Fusce aliquet tristique convallis. Donec ipsum ipsum, lobortis non lacinia sed, ultrices sed felis. Ut lobortis leo vel fermentum varius. Etiam accumsan dui est. Sed sed tortor at quam vehicula varius id sit amet erat. Nam id fringilla augue. Nullam tristique augue non mi placerat, commodo viverra arcu luctus.


[attr="class","bottom"]
Page 1Words 100


[break][break]



[newclass=.ks-bingo]margin-top: 20px; width: 400px; text-align: justify; font-family: consolas; font-size: 0.75rem;[/newclass]
[newclass=.time-machine]width: 450px; height: auto; background-color: #f8f2ed; border: solid 2px #342218; border-radius: 10px; box-shadow: 10px 10px #342218; font-family: roboto; text-align: justify; font-size: 0.85rem;[/newclass]
[newclass=.time-machine .top] padding: 11px 15px 9px 15px; text-align: center; font-weight: 600; letter-spacing: 0.5px; font-size: 0.7rem; border-bottom: solid 2px #342218;[/newclass]
[newclass=.time-machine .bottom] padding: 11px 15px 9px 15px; text-align: left; font-weight: 600; letter-spacing: 0.5px; font-size: 0.7rem; border-top: solid 2px #342218;[/newclass]
[newclass=.time-machine .content-contain]padding: 20px 30px; background: repeating-linear-gradient( -45deg, #f1e4da, #f1e4da 3px, #e3d6ce 3px, #e3d6ce 5px);[/newclass]
[newclass=.time-machine .content]background-color: #f8f2ed; padding: 40px; height: auto; min-height: 170px; border:solid 2px #342218;[/newclass]
[newclass=.time-machine .icon-contain] float: left; padding: 0 20px 5px 0;[/newclass]
[newclass=.time-machine img]width: 150px; background-color: #eba593; border: solid 2px #342218; border-radius: 5px;[/newclass]
last edit on Apr 23, 2021 14:17:53 GMT by not kay
pronounsshe / her
14written posts
not kayearned bits
offlinecurrently
not kay
New Member
not kay Avatar
[attr="class","ks-bingo"]SPRING PROMPT BINGO
aka 30 instances of bad coding practice bc it's been a hot min.

01. Summertime16. Mirrors
02. Bad Reputation17. Impressions
03. Ashes to Ashes18. Welcome Home
04. Years From Now19. Time Machine
05. Red Roses20. Fireside
06. Too Good to be True21. Electricity
07. Rainy Night
22. Keep Trying
08. Wild23. Robot
09. Trilogy24. Shout It Out
10. Prophecy25. Midnight
11. Dreams26. One More Time
12. Who Cares?27. Haunted
13. On With the Show28. Prisoner
14. Dawn/Dusk29. Power of Love
15. Heart and Soul30. The World



[newclass=.ks-bingo]margin-top: 20px; width: 400px; text-align: justify; font-family: consolas; font-size: 0.75rem;[/newclass]
[newclass=.ks-bingo table]width: 375px;[/newclass]
[newclass=.ks-bingo a]font-family: consolas; text-decoration: line-through;[/newclass]
last edit on Apr 26, 2021 7:42:38 GMT by not kay
pronounsshe / her
14written posts
not kayearned bits
offlinecurrently
not kay
New Member
not kay Avatar
not my last but im going through old threads and this line was a pleasant surprise.

He follows her gaze to the ruins. Work has begun slowly, stubbornly. Stubbornly because this is a bridge Farnessa had not seen in years; stubbornly because faith has always clung to the old, the dying, the dead.
pronounsshe / her
14written posts
not kayearned bits
offlinecurrently
not kay
New Member
not kay Avatar
[newclass=.KAY .bingoBG]--bingoColor:#899a7f[/newclass][nospaces]

[attr="class","KAY"]

[attr="class","bingoBG"]
[attr="class","bingoHead"]
kay

[attr="class","th th-sunset-o"]



[attr="class","bingoSpot COMPLETE"][attr="class","th th-sun"]19


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]16


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]15


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]2


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]12


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]3


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]28


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]30


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]7


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]26


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]27


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]11


[attr="class","bingoSpot COMPLETE"][attr="class","th th-sun"]FREE


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]23


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]25


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]13


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]20


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]5


[attr="class","bingoSpot COMPLETE"][attr="class","th th-sun"]24


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]1


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]6


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]17


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]29


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]9


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]8


[attr="class","bingoFoot"]coded by ulla for use on pixel perfect only



[newclass=.bingoBG]background-color:#fff;border:#eee 1px solid;width:500px;[/newclass]
[newclass=.bingoHead]background-color:#3a3a3a;height:135px;border-bottom:var(--bingoColor) 8px solid;overflow:hidden;margin-bottom:4px;[/newclass]
[newclass=.bingoFoot]background-color:#3a3a3a;margin-top:4px;border-top:var(--bingoColor) 8px solid;height:30px;line-height:30px;font-family:trebuchet ms;font-size:9px;text-transform:uppercase;color:#6a6a6a;letter-spacing:1px;[/newclass]
[newclass=.bingoHead div]line-height:180px;font-family:roboto;font-weight:900;text-transform:uppercase;font-size:50px;text-align:left;padding-left:30px;color:var(--bingoColor);opacity:.7;height:180px;text-shadow:#1a1a1a 0 1px,#1a1a1a 1px 0,#1a1a1a 0 -1px,#1a1a1a -1px 0;[/newclass]
[newclass=.bingoHead a]float:right;text-decoration:none;text-shadow:#1a1a1a 0 1px,#1a1a1a 1px 0,#1a1a1a 0 -1px,#1a1a1a -1px 0;font-size:160px;margin:-20px;margin-top:-200px;opacity:.4;[/newclass]
[newclass=.bingoHead .th]color:#5a5a5a;transition:.5s;[/newclass]
[newclass=.bingoHead .th:hover]color:var(--bingoColor);transition:.5s;[/newclass]
[newclass=.bingoSpot]background-color:#eee;height:70px;width:89px;margin:2px;text-align:center;line-height:70px;font-family:roboto;font-weight:900;font-size:30px;color:#bbb;text-shadow:#fff 0 1px,#fff 1px 0,#fff 0 -1px,#fff -1px 0;[/newclass]
[newclass=.bingoSpot .th]float:left;margin-right:-100%;margin-bottom:-100%;font-size:40px;color:var(--bingoColor);text-shadow:#fff 1px 0,#fff 0 1px,#fff -1px 0,#fff 0 -1px;margin-left:-9px;margin-top:-20px;-webkit-transform:rotate(-10deg);[/newclass]
[newclass=.UNFINISHED .th]display:none;[/newclass]
[newclass=.COMPLETE .th]display:inline;[/newclass]
[newclass=.bingoBG table]cellpadding:0;margin-left:1px;width:492px;[/newclass]
[newclass=.bingoBG table tr]cellpadding:0[/newclass]
[newclass=.bingoBG table tr td]cellpadding:0[/newclass]
last edit on Apr 25, 2021 23:55:43 GMT by not kay