Comments

• 

  Abersade

  Posts: 629 April 2024 edited April 2024

  While I'm not sure what the actual intent of this post was, it gave me a yearning to create a world with other GMs collaboratively. At first I didn't act on this because I didn't know if anyone would be interested, but eventually couldn't resist the temptation. To that end, I created the following campaign site, and have recently added some starter info to it.

  https://theobsidiansept.obsidianportal.com/

  The goal is to create an entire setting for OP GMs and users to use that supports multiple TTRPG systems.

  If anyone is interested in taking part in this please let me know and I'll send you an invite.

  Post edited by Abersade on April 2024

  GM of Stream of Kairos - 2025 Campaign of the Year

  GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM

  GM of Core: The Ashes of Alcarna - April 2020 CotM

  Need CSS Help? It may be covered here: Abersade's CSS Hub
• 

  vadercomplex

  Posts: 267 April 2024

  That is such a neat idea @Abersade! 

  Obsidian Portal Support Druid | [email protected]
• 

  Abersade

  Posts: 629 June 2024

  I've added a bit more content to https://theobsidiansept.obsidianportal.com/ in case anyone is interested.

  GM of Stream of Kairos - 2025 Campaign of the Year

  GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM

  GM of Core: The Ashes of Alcarna - April 2020 CotM

  Need CSS Help? It may be covered here: Abersade's CSS Hub
• 

  Abersade

  Posts: 629 September 2024

  More content has been added to the Obsidian Sept site for those that are interested:

  https://theobsidiansept.obsidianportal.com/wikis/irumer

  https://theobsidiansept.obsidianportal.com/wikis/dungeons-and-dragons-v35-combat-cheat-sheet

  https://theobsidiansept.obsidianportal.com/wikis/dungeons-and-dragons-v35-fledgling-heroes-rolling-method

   

  GM of Stream of Kairos - 2025 Campaign of the Year

  GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM

  GM of Core: The Ashes of Alcarna - April 2020 CotM

  Need CSS Help? It may be covered here: Abersade's CSS Hub
• 

  Leonidas300

  Posts: 284 September 2024

  The moving dragon that changes color is pretty slick
• 

  Abersade

  Posts: 629 September 2024

  Thanks! It's done entirely via CSS, targeting the default SVG that OP places as the OP "logo". It was a bit of a pain to get working so I'm glad folks like it. If you let it run for about a minute before scrolling it out of sight, it does something special.

  GM of Stream of Kairos - 2025 Campaign of the Year

  GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM

  GM of Core: The Ashes of Alcarna - April 2020 CotM

  Need CSS Help? It may be covered here: Abersade's CSS Hub
• 

  Pierre_Lourenci

  Posts: 1 May 2025

  Your animation is so cool, well done!

  Can you show us the custom CSS you used?
• 

  Abersade

  Posts: 629 May 2025

  Sure!

  
  /* ANIMATIONS */
       /* Prismatic Dragon */
            .campaign-public-layout .flame-dragon svg.dragon-logo {animation: prismatic-spray 70s infinite;}
                 @keyframes prismatic-spray{
                   0%   {fill:red;}
                   5% {fill:darkred;  -webkit-transform: scaleX(-1); transform: scaleX(-1); translate: 50px 0px 0px;}
                   12%  {fill:orange;}
                   25% {fill:yellow;}
                   37% {fill: darkgray;}
                   50%  {fill:blue;}
                   62% {fill: violet;}
                   70% {fill: gold; transform: scaleX(-1);}
                   75%  {fill:green; -webkit-transform: scaleX(1); transform: scaleX(1); translate: 1050px 0px 20px;}
                   88% {fill: white;}
                   100% {fill:red;}}
       /* Fire Breath */
            .firebreath {position: absolute; top: -563px; right: -85px; scale: 0.5; transform: rotate(313deg); opacity: 0%}
            .firebreath {animation: firebreath 2s linear 51s;}
            @keyframes firebreath{
              0% {opacity: 100%; transform: rotate(325deg);}
              100% {opacity: 100%; transform: rotate(305deg);}}
       /* Burning Banner */
            .firelong {position: absolute; top: -553px; left: 444px; width: 484px; height: 218px; opacity: 0%;}
            .firelong {animation: firelong 60s ease 52s;}
            @keyframes firelong{
              0% {opacity: 45%;}
              10% {opacity: 85%;}
              30% {opacity: 100%;}
              75% {opacity: 100%;}
              85% {opacity: 85%;}
              90% {opacity: 75%;}
              100% {opacity: 1%;}}

   

  GM of Stream of Kairos - 2025 Campaign of the Year

  GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM

  GM of Core: The Ashes of Alcarna - April 2020 CotM

  Need CSS Help? It may be covered here: Abersade's CSS Hub
• 

  Abersade

  Posts: 629 May 2025

  The CSS code snippets misinterpret the animations call outs in the CSS, thinking that it needs to tag them with address references erroneously.

  Those lines in the code above should look like what's in this screenshot:

  

  GM of Stream of Kairos - 2025 Campaign of the Year

  GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM

  GM of Core: The Ashes of Alcarna - April 2020 CotM

  Need CSS Help? It may be covered here: Abersade's CSS Hub