The Groovy COTM Opening On The Verge

DungeonMasterLoki · July 2020

I love the fade in and the COTM floating badge on The Verge. Is there a way to replicate this one or both of these effects? I got Campaign of the Year in 2011 and would like to add that to the appropriate campaign unless it happens to be something only done for the currently featured site of course.

The floating badge alone would be sweet, and would reclaim some real estate on the main wiki.

Thanks!

thaen · July 2020

I think this is the thread you're looking for:

https://forums.obsidianportal.com/discussion/comment/45191

Conan_Lybarian · July 2020

Not sure about the floating badge, but:


div.splashlogo:before {
   content:url(*address for image*);
}


.splashlogo{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:black;
z-index:999;
display:flex;
justify-content:center;
align-items:center;
animation: splashlogo 4s linear 0s forwards;
}

@keyframes splashlogo{
0%{opacity:1;z-index:999;}
75%{opacity:1}
99.9%{position:fixed;}
100%{opacity:0; z-index:-100;position:absolute;}

Then tag on your front page


&lt;div class="splashlogo"&gt;

Credit to @gastoff btw!

Keryth987 · July 2020

Thats on a few of the COTM now, even on Shadows :)

gastoff · July 2020

@Conan_Lybarian Thanks for the shout out! Super pumped to see my code floating around on so many amazing pages. I feel fee I've finally left my mark on the 21st century and can now retire.

DungeonMasterLoki · July 2020

Nice! Good stuff there @gastoff once I get a few things in order I'll be implementing it! Will try to remember to tag you.

Conan_Lybarian · July 2020

<div class="splashlogo"> I mean. Weird copy paste transfer.

DungeonMasterLoki · July 2020

Well, it works! Live on The Spelljoined page now! Muchas gracias, senor!

Kallak · July 2020

Looks great.

twiggyleaf · July 2020

Nifty!

HumAnnoyd · August 2020

I added it to my Emerald City, Star Wars and Mass Effect campaigns. Thanks so much to @gastoff for coming up with it!

The Groovy COTM Opening On The Verge

Comments

Curiosities and Acquisitions is June's Campaign of the Month!

Howdy, Stranger!

Discussions

Categories

Forum

Information