[site challenge] [Spring Formal]

internally screaming
pronounsshe/her
1,757written posts
Nekoearned bits
offlinecurrently
Neko
Administrator
Neko Avatar
stressed, depressed, and probably not well-dressed
[googlefont="Teko"][newclass=.pinkcats::-webkit-scrollbar-thumb]width:3px; background-color:#e394a0;[/newclass][newclass=.pinkcats::-webkit-scrollbar]background-color:#dfdfdf; width:3px;[/newclass][newclass=.pinkcats]color:#191a1b;overflow:auto;height:250px;padding:7px;[/newclass][newclass=.pinkcats b]color:#e394a0;[/newclass][newclass=.pinkcats i]color:#e394a0;[/newclass][newclass=.pinkcats a]color:#e394a0;text-tranform:lowercase;[/newclass]
[attr="class","pinkcats"]Make way for the official spring starting site-challenges!

This contest is called, “Spring Formal”. This is a coding challenge. If you want to take part in our Writing Challenge or Graphic Challenges – make sure you check out those threads instead! (If the links don’t work, give me a few moments to edit the original posts.)

“Spring Formal” centers around pastels! Everyone’s fun and favorite spring-like color scheme! There are no requirements beyond using pastel or pastel like colors. It can be scrolling, it could be fixed, it could be some threading, or plotting, what have you. The only requirement is it needs to at least have one pastel color whether it’s purple, pink, green, etc!

You can vote for the ones you like by liking the post. Depending on the turnout – we will either vote for the top two-three or if there’s one that takes the cake, well they win!

The prizes are site currency or a banner spot!

I chose Vulpina’s code, “Guide Me” – because it’s exactly what I want to see in a posting code. It’s got a charm all of it’s own! As they described it themselves as ‘simplistic’- to me it’s all I would need and I adore that! Plus bonus on the type face, I’ll have to use that sometime myself! Feel free to take a look at the code, here!
❝ I hold a sword to
guide me
I'm fighting
my way...❞

last edit on Apr 13, 2019 20:25:59 GMT by Neko
Elemental Enthusiast
aliasMari
pronounsthey/them
981written posts
Mariearned bits
offlinecurrently
Mari
Part of the Furniture
Mari Avatar
eternally tired
EDIT: apparently I am skilled enough to convert codes from HTML to whatever Proboards' bullshit is, so here's my template but Proboardsified[break][break]

[nospaces]
[attr="class","purflowcontainer"]
[attr="class","purflow"]
[attr="class","purflowimg"]
[attr="class","purflowquote"]Purple Flowers[break]cute and small and so very purple!

[attr="class","purflowtxt"]

Spring time wooo!!


Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra, massa a elementum ultricies, augue sapien iaculis massa, et posuere ante ex at risus. Aliquam turpis tortor, vulputate porttitor purus quis, efficitur maximus eros. Nullam eu tempus est, nec eleifend sem. Nullam vestibulum ultricies justo. Aliquam aliquet tellus ut sollicitudin aliquet. Vivamus dapibus urna eu vehicula ornare. Integer vitae tincidunt quam.



Nunc venenatis imperdiet metus et eleifend. Nam interdum quam tellus, sit amet laoreet erat consectetur nec. Proin eget egestas tortor, vel elementum nisl. Integer sit amet maximus tortor, finibus facilisis lorem. Nunc sagittis mattis commodo. Pellentesque non accumsan nibh. Vivamus pellentesque nec lorem fermentum egestas. Nam egestas nisi ac enim porta porta nec at lacus. Suspendisse blandit viverra sollicitudin. Donec et nibh lacinia, viverra leo vitae, molestie urna.



[attr="class","purflowtag"]

[attr="class","purflowcredticks"]thx


[googlefont=Cedarville Cursive][googlefont=Muli]
[newclass=".purflowcontainer"]font-family:muli;width:500px;margin:0 auto;--purflow_light: #decade;--purflow_lighter: #f2e9f2;--purflow_dark: #c19bc1;--purflow_darker: #523352;[/newclass][newclass=".purflow"]background-color: var(--purflow_lighter);width:450px;margin:0 auto;border: 5px solid var(--purflow_dark);padding:10px;[/newclass][newclass=".purflowimg"]width:450px;height:180px;background:url(https://k.nickpic.host/bljWYn.png);margin: 0 auto;transition:1s;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;[/newclass][newclass=".purflowimg:hover"]border-radius:25px;[/newclass][newclass=".purflowquote"]background-color: var(--purflow_darker);width:450px;height:140px;padding-top:40px;text-align:center;opacity:0;transition:1s;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;color:var(--purflow_lighter);font-size:10px;[/newclass][newclass=".purflowquote b"]font-weight:normal;font-family:cedarville cursive;color:var(--purflow_light);font-size:50px;[/newclass][newclass="div > .purflowimg :hover"]opacity:0.85;border-radius:25px;[/newclass][newclass=".purflowtxt"]background-color: var(--purflow_light);width:450px;min-height:10px;margin-top:5px;color: var(--purflow_darker);font-size:12px;padding:1px;text-align:justify;[/newclass][newclass=".purflowtxt p::first-letter"]font-size:40px;font-family:cedarville cursive;line-height:75%;text-shadow: -1px -1px var(--purflow_lighter);[/newclass][newclass=".purflowtag"]font-family:cedarville cursive;text-transform: capitalize;font-size:16px;text-align:center;color: var(--purflow_darker);[/newclass][newclass=".purflowtag a"]font-family:cedarville cursive;text-transform: capitalize;font-size:16px;text-align:center;color: var(--purflow_darker);[/newclass][newclass=".purflowcredticks"]text-align:right;width:480px;font-size:12px;[/newclass][newclass=".purflowcredticks a"]color: var(--purflow_dark);[/newclass]
last edit on Apr 19, 2019 10:21:28 GMT by Mari
sweet cherry bomb
aliasaddy
pronounsShe / Her
25written posts
☾ CHERRYearned bits
offlinecurrently
☾ CHERRY
New Member
☾ CHERRY Avatar
ouo i'll just throw this in here since it coincidentally is pastel peach c:


COME BE MY TEACHER
teach me everything about you
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a pharetra sapien. Aliquam ut molestie neque. Etiam finibus quam non aliquet eleifend. Aenean magna risus, aliquam id finibus at, mollis in elit. Cras gravida erat dolor, at suscipit neque venenatis in. Nullam tempus vulputate sapien ac tincidunt. Proin hendrerit mauris dignissim ipsum eleifend efficitur. Nulla at urna porta, bibendum tortor eu, convallis est. Sed elementum sapien sit amet ante auctor, volutpat egestas sem malesuada. Vestibulum non odio at enim euismod pulvinar eget et nibh.

Nunc pharetra elit lectus, eget tristique nunc ornare at. Nulla bibendum orci id aliquam dictum. Aliquam erat volutpat. Duis vitae nulla leo. Integer pharetra risus sit amet ante consectetur auctor. Duis a velit eget ipsum ultrices scelerisque. Aenean sit amet erat mollis, fringilla urna in, fermentum augue.
last edit on May 29, 2019 16:36:31 GMT by ☾ CHERRY
3,083written posts
Kitten4uearned bits
offlinecurrently
Kitten4u
Part of the Furniture
Kitten4u Avatar
Decided to try to make something simple for this



[nospaces]
[attr="class","k4u-ribbon"]
[attr="class","k4u-ribbon-top"]
[attr="class","k4u-ribbon-part1"]

[attr="class","k4u-ribbon-part2"]

[attr="class","k4u-ribbon-part3"]

[attr="class","k4u-ribbon-floof1"]

[attr="class","k4u-ribbon-floof2"]


[attr="class","k4u-ribbon-bottom"]
[attr="class","k4u-ribbon-side"]
[attr="class","k4u-ribbon-part4"]

[attr="class","k4u-ribbon-part5"]

[attr="class","k4u-ribbon-part6"]

[attr="class","k4u-ribbon-floof3"]

[attr="class","k4u-ribbon-floof4"]


[attr="class","k4u-ribbon-post"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cursus euismod quis viverra nibh cras pulvinar mattis nunc sed. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Quis lectus nulla at volutpat diam ut venenatis. [break][break]

This is bold text. Odio aenean sed adipiscing diam donec adipiscing tristique risus nec. Lacus sed turpis tincidunt id aliquet risus. Quisque egestas diam in arcu cursus euismod quis. Blandit cursus risus at ultrices mi tempus. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing.[break][break]

Sit amet cursus sit amet dictum sit. Massa tempor nec feugiat nisl. Auctor urna nunc id cursus metus aliquam eleifend. In est ante in nibh mauris cursus mattis. Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus mattis. Nulla pharetra diam sit amet nisl suscipit.[break][break]

Lectus sit amet est placerat in egestas. Duis tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Massa enim nec dui nunc mattis enim ut. Dignissim diam quis enim lobortis scelerisque fermentum dui faucibus. Vitae justo eget magna fermentum iaculis eu. Congue nisi vitae suscipit tellus mauris a diam. Aenean euismod elementum nisi quis. Vitae sapien pellentesque habitant morbi tristique senectus.


[attr="class","k4u-ribbon-credit"]
Kitten4u



[newclass=.k4u-ribbon]width: 500px; margin: 0 auto;[/newclass]
[newclass=.k4u-ribbon-top]height: 100px; position: relative; z-index: 1;[/newclass]
[newclass=.k4u-ribbon-part1]width: 170px; height: 100px; border: solid 40px #bfd2e0; border-color: #bfd2e0 transparent transparent transparent; border-radius: 140px 140px 0 0; position: absolute; left: 105px; top: 20px;[/newclass]
[newclass=.k4u-ribbon-part2]width: 170px; height: 100px; border: solid 40px #bfd2e0; border-color: transparent transparent #bfd2e0 transparent; border-radius: 0 0 280px 280px; position: absolute; left: 252px; top: -60px;[/newclass]
[newclass=.k4u-ribbon-part3]border: 20px solid #bfd2e0; border-right-color: transparent; transform: rotate(-43deg); position: absolute; left: 439px; top: 42px;[/newclass]
[newclass=.k4u-ribbon-floof1]width: 0; height: 0; border-style: solid; border-width: 50px 100px 50px 0; border-color: transparent #bfd2e0 transparent transparent; transform: rotate(-5deg); position: absolute; left: 126px; top: 10px;[/newclass]
[newclass=.k4u-ribbon-floof2]width: 100px; height: 30px; background-color: #bfd2e0; border-radius: 100%; position: absolute; left: 176px; top: 41px; transform: rotate(85deg);[/newclass]
[newclass=.k4u-ribbon-bottom]display: flex; flex-direction: row; width: 500px;[/newclass]
[newclass=.k4u-ribbon-side]width: 100px; flex-grow: 0; flex-shrink: 0; position: relative;[/newclass]
[newclass=.k4u-ribbon-part4]width: 100px; height: 170px; border: solid 40px #bfd2e0; border-color: transparent transparent transparent #bfd2e0; border-radius: 280px 0 0 280px; position: absolute; left: 20px; top: 0px;[/newclass]
[newclass=.k4u-ribbon-part5]width: 100px; height: 170px; border: solid 40px #bfd2e0; border-color: transparent #bfd2e0 transparent transparent; border-radius: 0 280px 280px 0; position: absolute; left: -69px; top: 137px;[/newclass]
[newclass=.k4u-ribbon-part6]border: 20px solid #bfd2e0; border-right-color: transparent; transform: rotate(133deg); position: absolute; left: 28px; top: 330px;[/newclass]
[newclass=.k4u-ribbon-floof3]width: 0; height: 0; border-style: solid; border-width: 50px 100px 50px 0; border-color: transparent #bfd2e0 transparent transparent; transform: rotate(-18deg); position: absolute; left: 7px; top: 49px;[/newclass]
[newclass=.k4u-ribbon-floof4]width: 105px; height: 30px; background-color: #bfd2e0; border-radius: 100%; position: absolute; left: 8px; top: 106px; transform: rotate(4deg);[/newclass]
[newclass=.k4u-ribbon-post]flex-grow: 1; text-align: justify; padding: 26px; z-index: 4; border-radius: 10px; line-height: 23px; color: #85898c; min-height: 350px; font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; box-shadow: inset 0 0 3px #d0dfe9; background-color: #f8fbfe;[/newclass]
[newclass=.k4u-ribbon-post img]border-radius: 100%; border: 10px solid #bfd2e0; width: 150px; height: 150px; float: left; margin-top: -102px; margin-left: -102px; shape-outside: circle(85px at -15px -15px) margin-box;[/newclass]
[newclass=.k4u-ribbon-post b]color: #578cbd;[/newclass]
[newclass=.k4u-ribbon-credit a]font-size: 8px; float: right; margin-right: 5px; color: #578cbd;[/newclass]
internally screaming
pronounsshe/her
1,757written posts
Nekoearned bits
offlinecurrently
Neko
Administrator
Neko Avatar
stressed, depressed, and probably not well-dressed
Hey guys, just a heads up that this contest closes on the eighth - make sure all entries and votes are in! For anyone who doesn't want to participate that's okay too but make sure to vote for your favorite entry!