Skip to content

Instantly share code, notes, and snippets.

@TwistedTwigleg
Last active January 25, 2021 18:56
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save TwistedTwigleg/697892da0dfab96da88cf0519fce281f to your computer and use it in GitHub Desktop.
Save TwistedTwigleg/697892da0dfab96da88cf0519fce281f to your computer and use it in GitHub Desktop.
The HTML code for the Discord embeds on the new Godot Developers forum.
<!--
NOTE: in order for this to work with, you need to set the pocket location to "Custom", and then in your default.master.tpl file
you need to add "{pocket name="Discord Embed Pocket"}" wherever you want the pocket to be located
-->
<style>
div.Box.Thirdparty-Embed-Discord > iframe.discord
{
float:left;
height:70px;
width:100%;
border: 0;
border-color: transparent;
}
@media (hover: hover)
{
div.Box.Thirdparty-Embed-Discord > iframe.discord:hover
{
height:320px;
width:100%;
float:left;
border: 0;
border-color: transparent;
}
}
@media (hover: none)
{
div.Box.Thirdparty-Embed-Discord > iframe.discord
{
height:320px;
}
}
</style>
<div class="Box Thirdparty-Embed-Discord">
<div style="padding-top: 18px"></div>
<iframe class="discord" src="https://discordapp.com/widget?id=212250894228652034&theme=dark"></iframe>
<center><a href="https://discord.gg/PWdeHDW"><i>Alternative Discord from old forums</i></a></center>
<div style="padding-bottom: 18px"></div>
</div>
<style>
div.Box.Thirdparty-Embed-Discord > iframe.discord
{
float:left;
height:70px;
width:100%;
border: 0;
border-color: transparent;
}
div.Box.Thirdparty-Embed-Discord > iframe.discord:hover
{
height:320px;
width:100%;
float:left;
border: 0;
border-color: transparent;
}
</style>
<div class="Box Thirdparty-Embed-Discord">
<div style="padding-top: 18px"></div>
<iframe class="discord" src="https://discordapp.com/widget?id=212250894228652034&theme=dark"></iframe>
<center><a href="https://discord.gg/PWdeHDW"><i>Alternative Discord from old forums</i></a></center>
<div style="padding-bottom: 18px"></div>
</div>
<style>
div.Box.Thirdparty-Embed-Discord > iframe.discord
{
float:left;
height:320px;
width:100%;
border: 0;
border-color: transparent;
}
</style>
<div class="Box Thirdparty-Embed-Discord">
<div style="padding-top: 18px"></div>
<iframe class="discord" src="https://discordapp.com/widget?id=212250894228652034&theme=dark"></iframe>
<center><a href="https://discord.gg/PWdeHDW"><i>Alternative Discord from old forums</i></a></center>
<div style="padding-bottom: 18px"></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment