<!DOCTYPE html> <html> <head> <!--Import Google Icon Font--> <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <!--Import materialize.css--> <link type="text/css" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/css/materialize.min.css" integrity="sha256-6DQKO56c9MZL0LAc7QNtxqJyqSa3rS9Gq5FVcIhtA+w=" crossorigin="anonymous" media="screen,projection"/> <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/embedstyle.css') }}"> <!--Let browser know website is optimized for mobile--> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>{{ guild['name'] }} - Embed - Titan Embeds for Discord</title> {% include 'google_analytics.html.j2' %} </head> <body> <div class="navbar-fixed"> <nav> <div class="nav-wrapper"> <a href="#" data-activates="guild-nav" class="button-collapse" id="guild-btn"><i class="material-icons">menu</i></a> <div class="container"> <a href="{{ url_for("index") }}" target="_blank" class="brand-logo"><b>Titan</b>Embeds <span class="betatag">BETA</span></a> </div> <a href="#" data-activates="members-nav" class="button-collapse right" id="members-btn"><i class="material-icons">person</i></a> </div> </nav> </div> <main> <div id="chatcontent" class="chatcontent"></div> </main> <ul id="guild-nav" class="side-nav"> <li> <div class="userView"> {% if guild['icon'] %} <img class="circle" src="{{ generate_guild_icon( guild['id'], guild['icon'] ) }}"> {% endif %} <span class="name">{{ guild['name'] }}</span> </div> </li> <li><a class="subheader">Actions</a></li> <li><a href="{{ url_for("user.administrate_guild", guild_id=guild['id']) }}" class="waves-effect" target="_blank" id="administrate_link" style="display: none;">Manage Guild Embed</a></li> <li><a href="https://discordapp.com/channels/{{ guild['id'] }}/" class="waves-effect" target="_blank">Open Server on Discordapp</a></li> <li><div class="divider"></div></li> <li><a class="subheader">Channel Topic</a></li> <div id="channeltopic"></div> <li><div class="divider"></div></li> <li><a class="subheader">Channels</a></li> <span id="channels-list"></span> </ul> <ul id="members-nav" class="side-nav"> <li><a class="subheader">Online Server Members - <span id="discord-members-count"></span></a></li> <span id="discord-members"></span> <li><div class="divider"></div></li> <li><a class="subheader">Authenticated Embed Users - <span id="embed-discord-members-count"></span></a></li> <span id="embed-discord-members"></span> <li><a class="subheader">Guest Embed Users - <span id="guest-members-count"></span></a></li> <span id="embed-unauth-users"></span> </ul> <div id="loginmodal" class="modal"> <div class="modal-content"> <h4>{{ login_greeting }}</h4> <p class="flow-text">Please choose one of the following methods to authenticate!</p> <div class="progress" id="loginProgress" style="display: none;"> <div class="indeterminate"></div> </div> <div class="row"> <div class="col s12 m4"> <a id="discordlogin_btn" href="{{ url_for("embed.login_discord", _external=True) }}" class="waves-effect waves-light btn-large" target="_blank">Discord Login</a> <p>*You will be invited into this server.</p> </div> {% if unauth_enabled %} <div class="col s12 m8"> <p>Of course, you also have the option to login by picking a temporary username for your current browsing session.</p> <input id="custom_username_field" type="text" {% if session.unauthenticated and session.username %}value="{{ session['username'] }}"{% endif %}> <label class="active" for="custom_username_field">Username (Hit ENTER/RETURN key to confirm)</label> </div> {% endif %} </div> </div> </div> <footer id="footer" class="footer"> <div id="fetching-indicator" class="preloader-wrapper small active" style="display: none;"> <div class="spinner-layer spinner-blue-only"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> </div> <div id="footercontainer" class="footercontainer"> <div class="currentuserchip left" id="nameplate"> <div class="left"><img id="currentuserimage" src="" class="circle left currentuserimage" style="display: none;"></div> <div id="currentusername" class="currentusername left">Titan#0001</div> </div> <div id="messageboxouter" class="input-field inline"><textarea placeholder="Enter message" id="messagebox" type="text" class="materialize-textarea" rows="1"></textarea></div> </div> </footer> <!--Import jQuery before materialize.js--> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js" integrity="sha256-ToPQhpo/E89yaCd7+V8LUCjobNRkjilRXfho6x3twLU=" crossorigin="anonymous"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js" integrity="sha256-iaqfO5ue0VbSGcEiQn+OeXxnxAMK2+QgHXIDA5bWtGI=" crossorigin="anonymous"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" integrity="sha256-1hjUhpc44NwiNg8OwMu2QzJXhD8kcj+sJA3aCQZoUjg=" crossorigin="anonymous"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jQuery-linkify/2.1.4/linkify.min.js" integrity="sha256-/qh8j6L0/OTx+7iY8BAeLirxCDBsu3P15Ci5bo7BJaU=" crossorigin="anonymous"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jQuery-linkify/2.1.4/linkify-jquery.min.js" integrity="sha256-BlSfVPlZijMLojgte2AtSget879chk1+8Z8bEH/L4Cs=" crossorigin="anonymous"></script> {% raw %} <script id="mustache_channellistings" type="text/template"> <li><a class="waves-effect truncate" id="channel-{{channelid}}"><span class="channel-hash">#</span> {{channelname}}</a></li> </script> <script id="mustache_authedusers" type="text/template"> <li><a class="waves-effect truncate" id="discorduser-{{id}}"><img class="circle membercircle" src="{{avatar}}"> <span class="membername">{{username}}</span></a></li> </script> <script id="mustache_unauthedusers" type="text/template"> <li><a class="waves-effect truncate"><span class="membername">{{username}}#{{discriminator}}</span></a></li> </script> <script id="mustache_usermessage" type="text/template"> <p><span id="discordmessage_{{id}}" title="{{full_timestamp}}" class="chattimestamp">{{time}}</span> <span class="chatusername">{{username}}#{{discriminator}}</span> {{{content}}}</p> </script> <script id="mustache_memberrole" type="text/template"> <li><a class="subheader role-title">{{name}}</a></li> </script> {% endraw %} <script> const guild_id = "{{ guild_id }}"; const bot_client_id = "{{ client_id }}"; </script> <script type="text/javascript" src="{{ url_for('static', filename='js/embed.js') }}"></script> </body> </html>