<img src="https://titanembeds.com/static/img/titanembeds.png" style="max-height: 300px; display: block; margin-left: auto; margin-right: auto;"/><br>
<h2>TitanEmbeds</h2><br>
Ever wondered how you could embed your Discord server on your own website? How about upgrading your century old forum shoutbox that nobody seems to understand?<br>
Say no more! Introducing <b>TitanEmbeds</b>: Embed your Discord server like a <i>True Titan</i>. Visit our website to get started, today!<br>
<br>
Our website - <a href="https://titanembeds.com/">https://titanembeds.com/</a><br>
Our server - <a href="https://discord.io/Titan">https://discord.io/Titan</a><br>
<br>
Give it a go and try Titan on our support server, below!
<iframe src="https://titanembeds.com/embed/295085744249110529"></iframe>
<small>*Konami code anyone?</small>

<style>
  @import url('https://fonts.googleapis.com/css?family=Shrikhand');
  
  body {
  	background-color: #7986cb;
    min-height: 100vh;
  }
  
  nav {
    background-color: #3f51b5 !important;
    background: linear-gradient(rgba(63, 81, 181, 1), rgba(63, 81, 181, 0)) !important;
    box-shadow: none;
  }
  
  .menu.container li:not(:first-child) {
    background-color: #303f9f;
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
  }
  
  @media(max-width: 1420px) {
    .menu.container li:not(:first-child) {
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
    }
  }
  
  @media(max-width: 1000px) {
    .menu.container li:not(:first-child) {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      box-shadow: none;
      background-color: initial;
    }
  }

  .menu.container li>a:not(:first-child) {
    font-weight: 400;
    font-size: 15px;
  }
  
  .bot-img {
  	transform: rotate(-7deg);
    animation: swing ease-in-out 3s infinite;
  }
  
  .bot-img > img {
  	border: solid white 3px;
  }
  
  .titleandvote>p:not(:first-of-type) {
	visibility: hidden;
  }

  .titleandvote>p:not(:first-of-type):after {
  	color: yellow;
    visibility: visible;
    content: "Vote for us and sport  a GOLDEN NAME in chat!";
    position: relative;
    left: -100px;
  }
  
  @media(max-width: 780px) {
  	.titleandvote>p:after {
    	display: none;
    }
    
    #bot-details-page {
    	padding-top: 10px;
    }
  }
  
  #bot-info, #bot-info > .bot-description {
  	color: white !important;
  }
  
  #bot-info > .status.green {
  	color: lightgreen !important;
  }
  
  #bot-details-page .bot-name {
  	color: white !important;
    font-size: 48pt;
    font-family: 'Shrikhand', cursive;
    font-weight: 100;
  }
  
  #botprofileicon {
  	display: none;
  }
  
  @keyframes swing {
    0% { transform: rotate(-7deg); }
    50% { transform: rotate(-3deg); }
    100% { transform: rotate(-7deg); }
  }
  
  .servers .btn .btn-orange .btn-2x {
  	background: rebeccapurple;
  }
  
  .bot-btns, .bot-btns2 {
  	justify-content: space-evenly;
  }
  
  #bot-stats .btn-orange {
  	background: rebeccapurple !important;
  }
  
  .atag, .botpagebutton {
  	color: darkblue !important;
  }
  
  .titleandvote .votebutton:not(.votingvoted) {
  	background-color: forestgreen;
  }
  
  #createdby b:nth-child(1) {
  	background-color: hsl(177,62.8866%,61.9608%);
  }
  
  #createdby b:nth-child(2) {
    background-color: hsl(55,93.4426%,64.1176%);
  }
  
  .longdescription .content {
  	background-color: #e8eaf6 !important;
  }
  
  #libclick {
  	color: skyblue !important;
  }
  
  a.logo > img {
  	max-width: 30px;
  }
  
  @keyframes pulse {
   0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
   }
   
   25% {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
   }
   
   50% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
   }
   75% {
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -o-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
   }
   100% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
   }

  }
  
  .titleandvote .votebutton:not(.votingvoted) {
  	animation: pulse 2s linear infinite;
  }
  
  .titleandvote .votebutton {
  	animation: pulse 6s linear infinite;
    margin-bottom: 10px;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
  }
  
  
  #menu, #bot-img, #bot-info, #bot-stats, article.wrapper-page>.container  {
  	display: none;
  }
  
  #bot-details-page #details .container {
  	border: none;
  }
  
  .bot-btns, .bot-btns2 {
  	opacity: 0;
  }
</style>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cheet.js/0.3.3/cheet.min.js" integrity="sha256-FxQrnIC3BX45JRzOyFUlKiM6dY3A/ZakV6w4WpYyfyA=" crossorigin="anonymous"></script>
<script>
    cheet('↑ ↑ ↓ ↓ ← → ← → b a', function () {
        // basically copied and pasted of browser ponies bookmarklet
        (function (srcs,cfg) { var cbcount = 1; var callback = function () { -- cbcount; if (cbcount === 0) { BrowserPonies.setBaseUrl(cfg.baseurl); if (!BrowserPoniesBaseConfig.loaded) { BrowserPonies.loadConfig(BrowserPoniesBaseConfig); BrowserPoniesBaseConfig.loaded = true; } BrowserPonies.loadConfig(cfg); if (!BrowserPonies.running()) BrowserPonies.start(); } }; if (typeof(BrowserPoniesConfig) === "undefined") { window.BrowserPoniesConfig = {}; } if (typeof(BrowserPoniesBaseConfig) === "undefined") { ++ cbcount; BrowserPoniesConfig.onbasecfg = callback; } if (typeof(BrowserPonies) === "undefined") { ++ cbcount; BrowserPoniesConfig.oninit = callback; } var node = (document.body || document.documentElement || document.getElementsByTagName('head')[0]); for (var id in srcs) { if (document.getElementById(id)) continue; if (node) { var s = document.createElement('script'); s.type = 'text/javascript'; s.id = id; s.src = srcs[id]; node.appendChild(s); } else { document.write('\u003cscript type="text/javscript" src="'+ srcs[id]+'" id="'+id+'"\u003e\u003c/script\u003e'); } } callback();})({"browser-ponies-script":"https://panzi.github.io/Browser-Ponies/browserponies.js","browser-ponies-config":"https://panzi.github.io/Browser-Ponies/basecfg.js"},{"baseurl":"https://panzi.github.io/Browser-Ponies/","fadeDuration":500,"volume":1,"fps":25,"speed":3,"audioEnabled":false,"showFps":false,"showLoadProgress":true,"speakProbability":0.1,"spawn":{"applejack":1,"fluttershy":1,"pinkie pie":1,"rainbow dash":1,"rarity":1,"twilight sparkle":1}});
    });
  
    $(document).ready(function () {
    	$('#menu').slideDown("slow");
        $('#bot-img, #bot-info').delay(600).fadeIn("slow");
        $('#bot-details-page #details .container').delay(600).queue(function (next) {
        	$('#bot-details-page #details .container').
            	css("border-top", "1px solid #ccd6f8").css("border-bottom", "1px solid #ccd6f8");
            next();
        });
        $("#bot-stats").delay(1500).slideDown("slow");
        $("article.wrapper-page>.container").first().delay(1700).slideDown("slow");
        $(".bot-btns, .bot-btns2").delay(2000).animate({opacity: 1}, 'slow');
        $("article.wrapper-page>.container").delay(2700).fadeIn();
    });
</script>

Titan

Embed your Discord server on your website! Improve your Discord widgets by being able to chat as a guest or with your Discord account.

Stemmen voor Titan

Wil je ons ondersteunen?