Skip to content

Instantly share code, notes, and snippets.

@Fma965
Created May 10, 2018 14:37
Show Gist options
  • Save Fma965/997952980ec27cb6e739a24050561c47 to your computer and use it in GitHub Desktop.
Save Fma965/997952980ec27cb6e739a24050561c47 to your computer and use it in GitHub Desktop.
custom html 2 column organizr v2
<style>
.overflowhider {
height: 200px;
overflow: hidden;
}
#discordwidget {
left: -10px;
position: relative;
height: calc(200px + 230px);
width: calc(100% + 10px);
top: -100px;
}
#netdatawidget {
height:calc(200px);
width:calc(100%);
}
</style>
<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"> &nbsp; <span lang="en">Announcements</span></span>
<div class="clearfix"></div>
</div>
<div class="overflowhider"><embed id="discordwidget" src='WIDGETBOT URL'/></div>
</div>
</div><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/netdata.png" src="plugins/images/tabs/netdata.png" data-was-processed="true"> &nbsp; <span lang="en">Server Usage</span></span>
<div class="clearfix"></div>
</div>
<div class="overflowhider"><embed id="netdatawidget" src='/customnetdata/custom.html'/></div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment