write a reply

< NO HALO >

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
[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
[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
write a reply

QUICK REPLY

WRITE YOUR POST DOWN BELOW