Advent 2021 - Day 11 - Christmas Lights

Happy 11th of December!

Today, I've got something special for you: a guest post by Cory Anotado! Enjoy!

Happy holidays everyone!

My name's Cory, and not only am I a creative director by trade, I'm a SpaceHey fanatic! When An asked me if I wanted to share something fun for the Spacehey 2021 Advent calendar, how could I say no? This time of year is always my favorite; I love decorating my house with lots of light-up things, and currently, my front window looks like a mini drive-in movie theater, with Christmas movies playing around the clock! (I hope my electric bill won't be too high this year lol) So this year, for the Spacehey Advent Calendar, my gift to the wonderful community here on SpaceHey is a great big border of twinkling blinking lights for your profile!

These lights will surround the entire window with blinky twinkling lights, no matter what device a person is using to see your profile! It also has special code so that it won't interfere with any other elements that people will need to click on.

I've got two styles for you! Just stick in the code anywhere between <style></style> tags in your About Me section. If you're using some of my other code, like intro images, you might need to change the lines that say "body::before" to say "html::before" or "html::after" if the code isn't working.

And before I get to the code, I'm sure I can tell you that you can find me not just here at spacehey.com/cory, but you can find my website at pacdudegames.com, which has links to my Twitter, Facebook, YouTube and Patreon (plz subscribe!)

Happy holidays, everyone!

Style #1: Traditional solid lights

body::before {
  box-sizing: border-box;
  content: " ";
  position: fixed;
  display: block;
  width: 100vw;
  height: 100vh;
  border: 30px solid;
  border-image: url(https://tinyimg.io/i/yjoRxVM.gif) 30 / 30px / 2px repeat;
  pointer-events:none;
}

Style #2: Round LED lights

body:before {
  box-sizing: border-box;
  content: " ";
  position: fixed;
  display: block;
  width: 100vw;
  height: 100vh;
  border: 25px solid;
  border-image: url(https://media4.giphy.com/media/J2yQnonbWwDZRcdxCM/giphy.gif) 70 / 35px / 2px repeat;
  filter: drop-shadow(0px 0px 10px #FFF);
  pointer-events:none;
}

Comments

Displaying 16 of 16 comments ( View all | Add Comment )

SpaceHey	Pinned 1639242387 If you'd like to write a guest post this christmas too, email me! support@spacehey.com Report Comment by Crematia18; 1639347079; Report
Desiree Heath	1639677164 If we have a profile what part of the html do we need to delete and add this? Report Comment You don't need to remove anything. Just write the one you want between an opening and closing style attribute. by KogaClaws; 1639786802; Report
xX_maxxy.kalamity_Xx	1639403747 neither of them worked for me :( Report Comment
Crematia18	1639347121 Thanks!! Report Comment How do u do thaaaaaaaaaaaaaaaaaaaat by Maca; 1639780032; Report It's a marquee tag :p by Chai; 1640089780; Report Thanks. Yea it's marquee by Crematia18; 1640205931; Report
TheAtticFanVents	1639291840 Thank you! This is awesome! ️✨🎄 Report Comment
Brandon	1639252436 Cool thanks Cory happy holidays! Report Comment
Allie Kat ♥	1639248153 Wooo! Yeah, Cory! Thank you!! Report Comment
Bama JuJu	1639245215 Thank you CORY AND AN 💞 Report Comment
Duey Meza	1639201204 🙌🏽🙌🏽🙌🏽 Report Comment
ジョセフ。	1639199685 ️ Report Comment
𝑅𝑜𝑠𝑒	1639198641 going to try this thanks Report Comment
bree_bree_999	1639196221 Thank youuu! Report Comment
Oldschool-Lordking Byron	1639195856 I’m going to try this out! Report Comment
ebi bun	1639184200 YOU'RE SO COOL CORY Report Comment Awwww I never thought anyone would ever say that to me!! by Cory ; 1639184885; Report
Spamton	1639183981 W0W !!1!1!!!!!! MERRY [[Celebrations]]!!!1!!!! HAEHAHEAHEAHA!!1!11!!! Report Comment
PrettyyRubyy	1639181984 omg!! loves it! so cute! Report Comment