Organizr V2 Custom HTML

customhtml.html

<style>
.overflowhider {
	height: 228px;
	overflow: hidden;
}

@media only screen and (max-width: 800px) {
    #netdatacustom {
        display:none;
    }
}

#netdatawidget {
	height:calc(100% + 15px);
	width:calc(100%);
	    overflow: hidden;
	        top: -15px;
    position: relative;
}

#discordwidget {
    left: -208px;
    position: relative;
    height: calc(200px + 165px);
    width: calc(100% + 220px);
    top: -65px;
}
</style>
		
<div id="customHTML" class="row">
<div class="col-lg-6">
	<div class="panel panel-default">		
		<div class="panel-heading bg-info p-t-10 p-b-10">
			<span class="pull-left m-t-5"><img class="homepageImageTitle" data-src="plugins/images/tabs/discord.png" src="plugins/images/tabs/discord.png" data-was-processed="true">   <span lang="en">Announcements</span></span>
			<div class="clearfix"></div>
		</div>
	<div class="overflowhider"><embed id="discordwidget" src='https://canary.widgetbot.io/channels/SERVERID/CHANNELID/'/></div>
	</div>
</div><div id="netdatacustom" class="col-lg-6">
	<div class="panel panel-default">		
		<div class="panel-heading bg-info p-t-10 p-b-10">
			<span class="pull-left m-t-5"><img class="homepageImageTitle" data-src="plugins/images/tabs/netdata.png" src="plugins/images/tabs/netdata.png" data-was-processed="true">   <span lang="en">Server Usage</span></span>
			<div class="clearfix"></div>
		</div>
		<div class="overflowhider"><embed id="netdatawidget" src='/customnetdata.html'/></div>
		</div>
</div></div>