2017-04-04 07:53:27 +02:00
<!DOCTYPE html>
2017-07-14 06:04:04 +02:00
<html prefix="og: http://ogp.me/ns#">
2017-04-04 07:53:27 +02:00
<head>
<!--Import Google Icon Font-->
2017-11-11 01:25:54 +01:00
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
2017-04-04 07:53:27 +02:00
<!--Import materialize.css-->
2017-12-10 17:56:13 +01:00
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" integrity="sha256-e22BQKCF7bb/h/4MFJ1a4lTRR2OuAe8Hxa/3tgU5Taw=" crossorigin="anonymous" />
2017-09-23 19:38:14 +02:00
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/solarized-dark.min.css" integrity="sha256-90Y+fvi28WF+3jKH4tHEkoQ9WLeFKJjpvCPNOtU9ZvU=" crossorigin="anonymous" />
2018-01-25 11:11:27 +01:00
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/spinkit/1.2.5/spinners/2-double-bounce.min.css" integrity="sha256-EUobIj2z8wTjkWEwkjqubfq0NEqgOoNScgHP1oUSU7M=" crossorigin="anonymous" />
2018-03-16 04:31:25 +01:00
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/wdt-emoji-bundle/0.2.1/wdt-emoji-bundle.min.css" integrity="sha256-5+pPkh0iWNYFrqNU7G36rsHynAmXNpL4rq6/NI29mmk=" crossorigin="anonymous" />
2018-08-08 04:05:06 +02:00
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css" integrity="sha256-JHGEmB629pipTkMag9aMaw32I8zle24p3FpsEeI6oZU=" crossorigin="anonymous" />
2018-03-19 07:11:07 +01:00
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/embed.css') }}">
2017-05-26 00:50:15 +02:00
<link id="css-theme" type="text/css" rel="stylesheet" href="">
2018-01-04 19:37:40 +01:00
2019-03-31 22:40:54 +02:00
{% if af_mode_enabled %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/site.af.rainbow.css') }}">
{% endif %}
2018-02-18 21:02:23 +01:00
<meta name="robots" content="noindex, nofollow">
2018-01-04 19:37:40 +01:00
<!--Check whether JavaScript is enabled, otherwise redirect to error page-->
<noscript>
2018-01-05 00:27:05 +01:00
<meta http-equiv="refresh" content="0; URL={{ url_for("embed.noscript") }}">
2018-01-04 19:37:40 +01:00
</noscript>
2017-04-04 07:53:27 +02:00
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
2017-05-19 00:41:41 +02:00
2018-02-02 09:49:48 +01:00
{% if not userscalable %}
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="HandheldFriendly" content="true" />
{% endif %}
2017-05-19 00:41:41 +02:00
{% include 'seo_meta.html.j2' %}
2018-01-03 14:01:05 +01:00
<!--Provide default mobile metadata-->
<meta name="apple-mobile-web-app-title" content="{{ guild['name']|e }}">
<meta name="application-name" content="{{ guild['name']|e }}">
2017-07-14 06:04:04 +02:00
{% with title="Visit " + guild['name'] + " embed", description="Visit " + guild['name'] + " on Titan Embeds and chat with your friends from the comfort of your own website. This page is 100% embeddable, iFrameable and looks good on any webpages. Titan is hassle free and designed as easy to setup!", image=generate_guild_icon( guild['id'], guild['icon']) %}
{% include "opengraph_tags.html.j2" %}
{% endwith %}
2017-04-04 07:53:27 +02:00
2018-01-20 21:51:37 +01:00
<title>{{ guild['name']|e }} - Embed - Titan Embeds for Discord</title>
2017-04-09 20:43:45 +02:00
{% include 'google_analytics.html.j2' %}
2017-09-21 09:12:49 +02:00
<script src='https://www.google.com/recaptcha/api.js'></script>
2017-05-22 03:07:32 +02:00
2017-09-20 01:38:46 +02:00
<style id="user-defined-css">
{% if css is not none %}
{% if cssvariables is not none and css.css_var_bool %}{{ cssvariables|e }}{% endif %}
{% if css.css is not none %}{{ css.css }}{% endif %}
{% endif %}
</style>
2017-04-04 07:53:27 +02:00
</head>
2018-05-07 21:17:58 +02:00
<body {% if fixed_sidenav %}class="fixed-sidenav"{% endif %}>
<div id="overall-main-content">
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper">
<a href="#" data-activates="guild-nav" class="button-collapse {% if fixed_sidenav %}hide-on-large-only{% endif %}" id="guild-btn"><i class="material-icons">menu</i></a>
<div class="container">
<a href="{{ url_for("index") }}" target="_blank" class="brand-logo"><img src="{{ url_for('static', filename='img/titanembeds_shield.png') }}" /><span class="brand-logo-text"><strong class="align-top">Titan</strong><span class="align-top">Embeds</span> <span class="betatag align-top">BETA</span></span></a>
</div>
<a href="#" data-activates="members-nav" class="button-collapse right" id="members-btn"><i class="material-icons">people</i></a>
2017-04-04 07:53:27 +02:00
</div>
2018-05-07 21:17:58 +02:00
</nav>
2018-01-25 11:11:27 +01:00
</div>
2018-05-07 21:17:58 +02:00
<main>
<div id="message-spinner" class="sk-double-bounce">
<div class="sk-child sk-double-bounce1"></div>
<div class="sk-child sk-double-bounce2"></div>
</div>
<div id="chatcontent" class="chatcontent"></div>
</main>
2018-01-25 11:11:27 +01:00
2018-05-07 21:17:58 +02:00
<footer id="footer" class="footer">
<div id="footercontainer" class="footercontainer">
<div class="currentuserchip" id="nameplate">
2018-08-12 07:45:03 +02:00
<div id="currentuserimage_parent"><img id="currentuserimage" src="{{ url_for('static', filename='img/titanembeds_square.png') }}" class="circle currentuserimage"></div>
2018-05-07 21:17:58 +02:00
<div id="currentusername" class="currentusername"><span id="curuser_name">Titan</span><span id="curuser_discrim">#0001</span></div>
</div>
<div id="messageboxouter" class="input-field inline">
<textarea placeholder="Enter message" id="messagebox" type="text" class="materialize-textarea wdt-emoji-open-on-colon" rows="1"></textarea>
<span id="visitor_mode_message" style="display:none;"><span id="visitor_mode_message_note">{{ _("Please login to post a message.") }}</span> <a id="visitor_login_btn" class="waves-effect waves-light btn">{{ _("Login") }}</a></span>
2019-11-06 22:45:48 +01:00
<a id="send-rich-embed-btn" class="btn-flat"><i class="material-icons">queue</i></a>
2018-08-17 05:12:21 +02:00
<a id="upload-file-btn" class="btn-flat"><i class="material-icons">file_upload</i></a>
2019-02-25 18:59:58 +01:00
<a id="send-msg-btn" class="btn-floating btn-large waves-effect waves-light"><i class="material-icons">send</i></a>
2018-05-07 21:17:58 +02:00
</div>
</div>
</footer>
</div>
2017-04-08 02:11:43 +02:00
2018-05-07 21:17:58 +02:00
<ul id="guild-nav" class="side-nav {% if fixed_sidenav %}fixed{% endif %}">
2017-04-04 07:53:27 +02:00
<li>
<div class="userView">
2017-08-27 10:04:50 +02:00
<img id="guild_icon" class="circle" src="{{ generate_guild_icon( guild['id'], guild['icon'] ) }}" {% if not guild['icon'] %}style="display: none;"{% endif %}>
<span id="guild_name" class="name">{{ guild['name']|e }}</span>
2017-04-04 07:53:27 +02:00
</div>
</li>
2017-04-09 00:12:28 +02:00
2017-11-15 07:13:42 +01:00
<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 id="instant-inv" href="#" class="waves-effect" target="_blank">{{ _("Open Server on Discordapp") }}</a></li>
2017-04-08 02:11:43 +02:00
2017-04-04 07:53:27 +02:00
<li><div class="divider"></div></li>
2017-04-08 02:11:43 +02:00
2017-11-15 07:13:42 +01:00
<li><a class="subheader">{{ _("Channel Topic") }}</a></li>
2017-04-09 00:12:28 +02:00
<div id="channeltopic"></div>
<li><div class="divider"></div></li>
2017-11-15 07:13:42 +01:00
<li><a class="subheader">{{ _("Channels") }}</a></li>
2017-04-04 07:53:27 +02:00
<span id="channels-list"></span>
</ul>
2017-04-08 02:11:43 +02:00
2017-04-04 07:53:27 +02:00
<ul id="members-nav" class="side-nav">
2018-12-31 21:54:19 +01:00
<div id="members-spinner" class="sk-double-bounce">
<div class="sk-child sk-double-bounce1"></div>
<div class="sk-child sk-double-bounce2"></div>
</div>
<li id="online-server-members-header"><a class="subheader">{{ _("Online Server Members") }} - <span id="discord-members-count">0</span></a></li>
2017-04-04 07:53:27 +02:00
<span id="discord-members"></span>
2018-12-31 21:54:19 +01:00
<li id="member-divider-1"><div class="divider"></div></li>
2017-04-08 02:11:43 +02:00
2018-12-31 21:54:19 +01:00
<li id="authenticated-embed-users-header"><a class="subheader">{{ _("Authenticated Embed Users") }} - <span id="embed-discord-members-count">0</span></a></li>
2017-04-04 07:53:27 +02:00
<span id="embed-discord-members"></span>
2018-12-31 21:54:19 +01:00
<li id="guest-embed-users-header"><a class="subheader">{{ _("Guest Embed Users") }} - <span id="guest-members-count">0</span></a></li>
2017-04-04 07:53:27 +02:00
<span id="embed-unauth-users"></span>
</ul>
2017-04-08 02:11:43 +02:00
2017-04-04 07:53:27 +02:00
<div id="loginmodal" class="modal">
<div class="modal-content">
2019-01-28 04:03:25 +01:00
<h4 id="login-greeting-msg">{{ login_greeting }}</h4>
<div id="third-party-cookies-notice" style="display: none;">
<h5>Heads up, third party cookies are disabled in your browser!</h5>
<p>Because third party cookies are disabled, login will be made unavailable. Please enable your cookies and refresh the page. Tutorials such as <a href="https://support.panopto.com/s/article/How-to-Enable-Third-Party-Cookies-in-Supported-Browsers" target="_blank">this one</a> show how you can enable cookies on your browser.</p>
2019-02-18 02:00:21 +01:00
<ul class="collapsible" data-collapsible="accordion">
<li>
<div class="collapsible-header"><i class="material-icons">info</i>Learn more</div>
<div class="collapsible-body">
<p>
We store session data (like your username, avatar, Discord user ID, Discord oauth token, etc) in cookies to
help Titan identify who is using the service when logging in. Without these pieces of data, we won't know who
is sending the messages and whether if you have permission to view messages at all. When the embed is loaded,
the first thing we check is whether cookies are enabled. However small issues like high latency internet connection
or other anomalies can prevent the cookie check from performing successfully.<br>
<span id="third-party-cookies-opt1">With that being said, <a id="third-party-cookies-force-hide">you may attempt to login</a>, however, there are no gurantee that the login will be made successfully.<br></span>
<span id="third-party-cookies-opt2">Alternatively, you may <a id="third-party-cookies-force-window">try logging in from a new window</a>.</span>
</p>
</div>
</li>
</ul>
2019-01-28 04:03:25 +01:00
</div>
2017-05-24 07:32:19 +02:00
<div id="loginmodal-maincontent" class="row valign-wrap">
2018-01-13 05:24:35 +01:00
<div id="modal_guildinfobox" class="col s3 center-align">
2017-05-24 07:03:48 +02:00
{% if guild['icon'] %}
2017-05-24 07:32:19 +02:00
<img id="modal_guildiconcircle" class="circle" src="{{ generate_guild_icon( guild['id'], guild['icon'] ) }}">
2017-05-24 07:03:48 +02:00
{% endif %}
2017-06-04 07:48:38 +02:00
<p id="modal_guildname"><strong>{{ guild['name']|e }}</strong></p>
2018-01-13 19:37:42 +01:00
{% if guild["invite_link"] %}
<a id="modal_invite_btn_invite_link" class="waves-effect waves-light btn" target="_blank" href="{{ guild["invite_link"]|e }}">{{ guild["invite_domain"]|e }}</a>
2017-06-04 07:48:38 +02:00
{% else %}
2017-05-24 07:03:48 +02:00
<a id="modal_invite_btn" class="waves-effect waves-light btn" target="_blank">discord.gg</a>
2017-06-04 07:48:38 +02:00
{% endif %}
2017-04-04 07:53:27 +02:00
</div>
2018-01-13 05:24:35 +01:00
<div id="authfields" class="col s9">
<p id="authfield-choosetxt" class="flow-text">{{ _("Please choose one of the following methods to authenticate!") }}</p>
2017-05-24 07:03:48 +02:00
<div class="progress" id="loginProgress" style="display: none;">
<div class="indeterminate"></div>
</div>
<div class="row">
2018-01-13 05:24:35 +01:00
<div id="discordlogin_box" class="col s6 l4">
2018-01-02 23:35:54 +01:00
<a id="discordlogin_btn" href="{% if not same_target %}{{ url_for("embed.login_discord", _external=True) }}{% else %}{{ url_for("user.login_authenticated", redirect=request.url+"&create_authenticated_user=true", _external=True) }}{% endif %}" class="waves-effect waves-light btn-large" {% if not same_target %}target="_blank"{% endif %}>{{ _("Discord Login") }}</a>
2018-01-13 05:24:35 +01:00
<p id="discordlogin_btn_warn">*{{ _("You will be invited into this server.") }}</p>
2017-05-24 07:03:48 +02:00
</div>
{% if unauth_enabled %}
2018-01-13 05:24:35 +01:00
<div id="guestlogin_box" class="col s6 l8">
<p id="guest_login_instr">{{ _("Of course, you also have the option to login by picking a temporary username for your current browsing session.") }}</p>
2017-05-24 07:03:48 +02:00
<input id="custom_username_field" type="text" {% if session.unauthenticated and session.username %}value="{{ session['username'] }}"{% endif %}>
2018-01-13 05:24:35 +01:00
<label id="custom_username_field_label" class="active" for="custom_username_field">{{ _("Username (Hit ENTER/RETURN key to confirm)") }}</label>
2018-08-06 05:59:36 +02:00
<a id="guestlogin_btn" class="waves-effect waves-light btn-large">Guest Login</a>
2017-05-24 07:03:48 +02:00
</div>
{% endif %}
</div>
2017-04-04 07:53:27 +02:00
</div>
</div>
</div>
</div>
2017-05-24 05:20:23 +02:00
2017-05-26 00:50:15 +02:00
<div id="userembedmodal" class="modal">
<div class="modal-content">
2017-08-10 23:27:08 +02:00
{% if unauth_enabled %}
2017-11-15 07:13:42 +01:00
<h4>{{ _("Change Username") }}</h4>
2017-08-10 23:27:08 +02:00
<div class="row">
<div>
2017-11-15 07:13:42 +01:00
<p>({{ _("Guests Accounts Only") }})</p>
2017-08-10 23:27:08 +02:00
<input id="change_username_field" type="text" {% if session.unauthenticated and session.username %}value="{{ session['username'] }}"{% else %}disabled{% endif %}>
2017-11-15 07:13:42 +01:00
<label class="active" for="change_username_field">{{ _("Change your username (Hit ENTER/RETURN key to confirm)") }}</label>
2017-08-10 23:27:08 +02:00
</div>
</div>
{% endif %}
2017-11-15 07:13:42 +01:00
<h4>{{ _("Theme") }}</h4>
2017-05-26 00:50:15 +02:00
<div class="row">
2018-01-03 14:32:06 +01:00
<div class="col s12">
2017-05-26 00:50:15 +02:00
<select id="theme-selector">
<option value="" selected>Default</option>
<option value="DiscordDark">DiscordDark</option>
2018-07-04 08:35:01 +02:00
<option value="FireWyvern">Fire Wyvern</option>
<option value="IceWyvern">Ice Wyvern</option>
2018-02-09 04:18:46 +01:00
<option value="MetroEdge">MetroEdge</option>
2017-05-26 03:13:53 +02:00
<option value="BetterTitan">BetterTitan</option>
2017-05-26 00:50:15 +02:00
</select>
2017-08-08 05:14:17 +02:00
<p>
<input type="checkbox" class="filled-in" id="overwrite_theme_custom_css_checkbox" checked="checked" />
2017-11-15 07:13:42 +01:00
<label for="overwrite_theme_custom_css_checkbox">{{ _("Overwrite Current Embed Theme w/ User CSS") }}</label>
2017-08-08 05:14:17 +02:00
</p>
2017-05-26 00:50:15 +02:00
</div>
</div>
2017-11-15 07:13:42 +01:00
<h4>{{ _("Notification Sound") }}</h4>
2017-11-13 02:26:00 +01:00
<div class="row">
2017-12-12 22:45:21 +01:00
<div class="col s12">
2017-11-13 02:26:00 +01:00
<span>
<input name="notification_sound_radiobtn" type="radio" id="notification_sound_radiobtn_newmsgs" value="newmsgs" />
2017-11-15 07:13:42 +01:00
<label for="notification_sound_radiobtn_newmsgs">{{ _("New Messages") }}</label>
2017-11-13 02:26:00 +01:00
</span>
<span>
<input name="notification_sound_radiobtn" type="radio" id="notification_sound_radiobtn_mentions" value="mentions" />
2017-11-15 07:13:42 +01:00
<label for="notification_sound_radiobtn_mentions">{{ _("Mentions") }}</label>
2017-11-13 02:26:00 +01:00
</span>
<span>
<input name="notification_sound_radiobtn" type="radio" id="notification_sound_radiobtn_nothing" value="nothing" />
2017-11-15 07:13:42 +01:00
<label for="notification_sound_radiobtn_nothing">{{ _("Nothing") }}</label>
2017-11-13 02:26:00 +01:00
</span>
</div>
</div>
2018-01-17 22:54:17 +01:00
<h4>{{ _("Display Rich Embeds") }}</h4>
<div class="row">
<div class="col s12">
<span>
<input name="richembed_toggle_radiobtn" type="radio" id="richembed_toggle_radiobtn_enable" value="true" />
<label for="richembed_toggle_radiobtn_enable">{{ _("Enable") }}</label>
</span>
<span>
<input name="richembed_toggle_radiobtn" type="radio" id="richembed_toggle_radiobtn_disable" value="false" />
<label for="richembed_toggle_radiobtn_disable">{{ _("Disable") }}</label>
</span>
</div>
</div>
2017-11-20 04:54:29 +01:00
<div class="row">
<a id="logout_btn" class="waves-effect waves-light btn right" href="{{ url_for('user.logout', redirect=request.url) }}"><i class="material-icons">exit_to_app</i></a>
</div>
2017-05-26 00:50:15 +02:00
</div>
</div>
2017-08-13 12:14:03 +02:00
2017-09-21 09:12:49 +02:00
<div id="recaptchamodal" class="modal">
<div class="modal-content">
2017-12-13 00:35:27 +01:00
<h4 class="center-align">{{ _("Just one more step...") }}</h4>
2017-09-21 09:12:49 +02:00
<div id="google-recaptcha" class="g-recaptcha" data-sitekey="{{ recaptcha_site_key }}" data-callback="submit_unauthenticated_captcha"></div>
<input type="hidden" id="submit-unauthenticated-captcha-btn" />
</div>
</div>
2018-01-28 01:43:06 +01:00
<div id="nsfwmodal" class="modal">
<div class="modal-content">
<h4 class="center-align"><i class="material-icons">warning</i> {{ _("NSFW Channel") }} <i class="material-icons">warning</i></h4>
<p>{{ _("You must be at least eighteen years old to view this channel. Are you over eighteen and willing to see adult content?") }}</p>
<p class="center-align">
<a id="dismiss_nsfw_btn" class="waves-effect waves-light btn">{{ _("Nope") }}</a>
<a id="proceed_nsfw_btn" class="waves-effect waves-light btn">{{ _("Continue") }}</a>
</p>
</div>
</div>
2018-08-17 05:12:21 +02:00
<div id="filemodal" class="modal">
<div class="modal-content">
2018-08-17 05:41:57 +02:00
<h4 class="center-align">{{ _("Attaching File") }}</h4>
<h5 id="filename" class="center-align truncate"></h5>
2018-08-17 05:12:21 +02:00
<div id="filemodalprogress" class="progress" style="display: none;">
<div id="filemodalprogress-inner" class="determinate"></div>
</div>
<div id="filemodal-body">
<div id="filemodal-left" class="valign-wrapper">
<img id="filepreview" class="responsive-img" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png">
</div>
<div id="filemodal-right">
<p>{{ _("Add a comment (optional)") }}</p>
<p class="center-align">
<textarea placeholder="Enter message" id="messagebox-filemodal" type="text" class="materialize-textarea" rows="1"></textarea>
</p>
</div>
</div>
<p class="right-align">
<a id="proceed_fileupload_btn" class="waves-effect waves-light btn">{{ _("Upload") }}</a>
</p>
<input type="file" id="fileinput">
</div>
</div>
2019-11-06 22:45:48 +01:00
<div id="richembedmodal" class="modal">
<div class="modal-content">
<h4 class="center-align">Send a Rich Embed Message</h4>
<p>Add a comment (optional)</p>
<p class="center-align">
<textarea placeholder="Enter message" id="messagebox-richembedmodal" type="text" class="materialize-textarea" rows="1"></textarea>
</p>
<div id="richembedmodal-body" class="row">
<div id="richembedmodal-left" class="col s12 m5">
<div class="input-field">
<span>Color</span>
<input id="richembedform-color" type="color" value="#6BABDA">
</div>
<div class="input-field">
<input placeholder="title" id="richembedform-title" type="text" data-length="100" maxlength="100">
<label for="richembedform-title">Title</label>
</div>
<div class="input-field">
<input placeholder="description" id="richembedform-description" type="text" data-length="100" maxlength="100">
<label for="richembedform-description">Description</label>
</div>
<div class="input-field">
<input placeholder="link url" id="richembedform-url" type="text" data-length="100" maxlength="100">
<label for="richembedform-url">Link URL</label>
</div>
<div class="input-field">
<input placeholder="thumbnail url" id="richembedform-thumbnailurl" type="text" data-length="100" maxlength="100">
<label for="richembedform-thumbnailurl">Thumbnail URL (must begin with http(s))</label>
</div>
<div class="input-field">
<input placeholder="author name" id="richembedform-authorname" type="text" data-length="100" maxlength="100">
<label for="richembedform-authorname">Author Name</label>
</div>
<div class="input-field">
<input placeholder="author link url" id="richembedform-authorurl" type="text" data-length="100" maxlength="100">
<label for="richembedform-authorurl">Author Link URL (must begin with http(s))</label>
</div>
<div class="input-field">
<input placeholder="author icon url" id="richembedform-authoricon" type="text" data-length="100" maxlength="100">
<label for="richembedform-authoricon">Author Icon URL (must begin with http(s))</label>
</div>
<div class="input-field">
<input placeholder="footer text" id="richembedform-footertext" type="text" data-length="100" maxlength="100">
<label for="richembedform-footertext">Footer Text</label>
</div>
<span>Fields:</span>
<div id="richembedmodal-fields"></div>
<a id="richembedmodal_addfield_btn" class="waves-effect waves-light btn">+ Field</a>
</div>
<div id="richembedmodal-right" class="col s12 m7">
<div id="richembedmodal-preview"></div>
<span>Preview</span>
</div>
</div>
<input type="hidden" value="" id="richembedmodal-object">
<p class="right-align">
<a id="proceed_richembedmodal_btn" class="waves-effect waves-light btn">Send</a>
</p>
</div>
</div>
2018-08-17 05:12:21 +02:00
2017-12-07 07:49:32 +01:00
<div id="usercard" class="modal bottom-sheet">
<div class="modal-content">
<div class="row">
2017-12-07 08:10:55 +01:00
<div class="col s12 m2">
2017-12-07 07:49:32 +01:00
<img class="circle avatar" src="">
<br>
2017-12-13 00:35:27 +01:00
<a class="waves-effect waves-light btn" id="usercard-mention-btn">{{ _("Mention") }}</a>
2017-12-07 07:49:32 +01:00
</div>
2017-12-07 08:10:55 +01:00
<div class="col s12 m10">
2017-12-07 07:49:32 +01:00
<h4 class="identity"><span class="username"></span><span class="hash">#</span><span class="discriminator"></span></h4> <span class="bottag">BOT</span>
<div class="badges">
2017-12-13 00:35:27 +01:00
<a class="administrator tooltipped" data-tooltip="{{ _("TitanEmbeds Administrator") }}" data-position="top" href="https://titanembeds.com/" target="_blank"><i class="material-icons">gavel</i></a>
2019-11-15 22:20:44 +01:00
<a class="partner tooltipped" data-tooltip="{{ _("TitanEmbeds Partner") }}" data-position="top" href="https://docs.titanembeds.com/" target="_blank"><i class="material-icons">person_pin</i></a>
2017-12-13 00:35:27 +01:00
<a class="supporter tooltipped" data-tooltip="{{ _("TitanEmbeds Supporter") }}" data-position="top" href="https://titanembeds.com/user/donate" target="_blank"><i class="material-icons">attach_money</i></a>
2018-07-04 08:58:01 +02:00
<a class="discordbotsorgvoted tooltipped" data-tooltip="{{ _("I have voted for Titan on Discord Bots today!") }}" data-position="top" href="https://titanembeds.com/vote" target="_blank"><i class="material-icons">check_box</i></a>
2017-12-07 07:49:32 +01:00
</div>
2017-12-13 00:35:27 +01:00
<p class="offline-text">{{ _("User is offline in Discord.") }}</p>
<p class="game">{{ _("Playing") }} <span class="text"></span></p>
<p class="role">{{ _("Roles") }}: <span class="roles"></span></p>
2017-12-07 07:49:32 +01:00
</div>
</div>
</div>
</div>
2018-03-16 04:31:25 +01:00
<div class="wdt-emoji-popup">
<a href="#" class="wdt-emoji-popup-mobile-closer"> ×
<div class="wdt-emoji-menu-content">
<div id="wdt-emoji-menu-header">
<a class="wdt-emoji-tab active" data-group-name="Recent"></a>
2018-03-16 04:48:56 +01:00
<a class="wdt-emoji-tab" data-group-name="Server Emoji"></a>
2018-03-16 04:31:25 +01:00
<a class="wdt-emoji-tab" data-group-name="People"></a>
<a class="wdt-emoji-tab" data-group-name="Nature"></a>
<a class="wdt-emoji-tab" data-group-name="Foods"></a>
<a class="wdt-emoji-tab" data-group-name="Activity"></a>
<a class="wdt-emoji-tab" data-group-name="Places"></a>
<a class="wdt-emoji-tab" data-group-name="Objects"></a>
<a class="wdt-emoji-tab" data-group-name="Symbols"></a>
<a class="wdt-emoji-tab" data-group-name="Flags"></a>
</div>
<div class="wdt-emoji-scroll-wrapper">
<div id="wdt-emoji-menu-items">
<input id="wdt-emoji-search" type="text" placeholder="Search">
<h3 id="wdt-emoji-search-result-title">Search Results</h3>
<div class="wdt-emoji-sections"></div>
<div id="wdt-emoji-no-result">No emoji found</div>
</div>
</div>
<div id="wdt-emoji-footer">
<div id="wdt-emoji-preview">
<span id="wdt-emoji-preview-img"></span>
<div id="wdt-emoji-preview-text">
<span id="wdt-emoji-preview-name"></span><br>
<span id="wdt-emoji-preview-aliases"></span>
</div>
</div>
<div id="wdt-emoji-preview-bundle">
<span>Pick-a-moji</span>
</div>
2017-08-13 12:14:03 +02:00
</div>
</div>
</div>
2018-03-19 07:09:58 +01:00
<div id="mention-picker">
<div id="mention-picker-content">
</div>
</div>
2017-12-12 01:48:05 +01:00
<!-- Electron fix -->
<script>
if (typeof module === "object") {
window.module = module;
module = undefined;
}
</script>
2017-04-04 07:53:27 +02:00
<!--Import jQuery before materialize.js-->
2017-11-11 01:25:54 +01:00
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
2017-12-10 17:56:13 +01:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js" integrity="sha256-uWtSXRErwH9kdJTIr1swfHFJn/d/WQ6s72gELOHXQGM=" crossorigin="anonymous"></script>
2017-11-11 01:25:54 +01:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js" integrity="sha256-iaqfO5ue0VbSGcEiQn+OeXxnxAMK2+QgHXIDA5bWtGI=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" integrity="sha256-1hjUhpc44NwiNg8OwMu2QzJXhD8kcj+sJA3aCQZoUjg=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-linkify/2.1.4/linkify.min.js" integrity="sha256-/qh8j6L0/OTx+7iY8BAeLirxCDBsu3P15Ci5bo7BJaU=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-linkify/2.1.4/linkify-jquery.min.js" integrity="sha256-BlSfVPlZijMLojgte2AtSget879chk1+8Z8bEH/L4Cs=" crossorigin="anonymous"></script>
2017-06-15 21:58:15 +02:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/cheet.js/0.3.3/cheet.min.js" integrity="sha256-FxQrnIC3BX45JRzOyFUlKiM6dY3A/ZakV6w4WpYyfyA=" crossorigin="anonymous"></script>
2017-08-19 07:09:13 +02:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js" integrity="sha256-sdmLD9jD1PIzq3KOQPNSGZYxjv76rds79Mnyk5JNp1M=" crossorigin="anonymous"></script>
2017-09-06 09:11:32 +02:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/twemoji/2.5.0/2/twemoji.min.js" integrity="sha256-t5bxASdQ5tDbKQZy330h/YufCiZg82xG8PqIYzFpwhU=" crossorigin="anonymous"></script>
2017-11-13 02:26:00 +01:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/soundmanager2/2.97a.20150601/script/soundmanager2-nodebug-jsmin.js" integrity="sha256-5KBL+8gS3BkWOs22YOrezN3Djl4pwodgZaPQY9hgu4Y=" crossorigin="anonymous"></script>
2017-12-14 06:50:59 +01:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.min.js" integrity="sha256-THlgZSjqt7idNSdnUvGypTuXB5C4hV9kSuPYrbiq19o=" crossorigin="anonymous"></script>
2018-03-19 07:09:58 +01:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/caret/1.0.0/jquery.caret.min.js" integrity="sha256-NfP6KWI/oETcPbLcLXVAamn8K2wJrYH8ZIRrOf1XNUE=" crossorigin="anonymous"></script>
2018-03-16 04:31:25 +01:00
2017-09-23 19:38:14 +02:00
<script src="{{ url_for("static", filename="js/vendor/highlight.pack.js") }}"></script>
2018-02-22 12:43:35 +01:00
<script src="{{ url_for("static", filename="js/vendor/jquery.balloon.min.js") }}"></script>
2018-03-16 04:31:25 +01:00
<script src="{{ url_for('static', filename='js/vendor/emoji.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/vendor/wdt-emoji-bundle.min.js') }}"></script>
2018-08-15 09:59:34 +02:00
<script src="{{ url_for('static', filename='js/vendor/jquery.mCustomScrollbar.min.js') }}"></script>
2017-04-04 07:53:27 +02:00
2018-07-30 09:43:01 +02:00
{% include 'sentry_js_init.html.j2' %}
2017-04-04 07:53:27 +02:00
{% raw %}
<script id="mustache_channellistings" type="text/template">
2017-04-13 02:42:32 +02:00
<li><a class="waves-effect truncate" id="channel-{{channelid}}"><span class="channel-hash">#</span> {{channelname}}</a></li>
2017-04-04 07:53:27 +02:00
</script>
2017-04-08 02:11:43 +02:00
2017-04-04 07:53:27 +02:00
<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>
2017-04-08 02:11:43 +02:00
2017-04-04 07:53:27 +02:00
<script id="mustache_unauthedusers" type="text/template">
<li><a class="waves-effect truncate"><span class="membername">{{username}}#{{discriminator}}</span></a></li>
</script>
2017-09-16 00:25:36 +02:00
2017-04-04 07:53:27 +02:00
<script id="mustache_usermessage" type="text/template">
2018-07-27 10:57:54 +02:00
<p><img class="authoravatar" src="{{avatar}}"> <span class="chatusername"><span class="authorname">{{username}}</span><span class="authorhash">#</span><span class="authordiscriminator">{{discriminator}}</span></span> <span id="discordmessage_{{id}}" title="{{full_timestamp}}" class="chattimestamp">{{time}}</span> <span class="chatmessage">{{{content}}}</span><span class="embeds"></span><span class="reactions"></span></p>
2017-04-04 07:53:27 +02:00
</script>
2017-04-14 08:10:13 +02:00
<script id="mustache_memberrole" type="text/template">
<li><a class="subheader role-title">{{name}}</a></li>
</script>
2017-09-09 23:46:00 +02:00
<script id="mustache_channelcategory" type="text/template">
<li><a class="subheader channel-category">{{name}}</a></li>
</script>
2017-06-09 10:22:22 +02:00
<script id="mustache_message_emoji" type="text/template">
2018-03-01 08:57:45 +01:00
<img class="message_emoji tooltipped" src='https://cdn.discordapp.com/emojis/{{id}}{{#animated}}.gif{{/animated}}{{^animated}}.png{{/animated}}' data-position="top" data-delay="200" data-tooltip=":{{name}}:" alt=":{{name}}:" />
2017-06-09 10:22:22 +02:00
</script>
2017-11-05 06:59:06 +01:00
2017-11-06 04:12:18 +01:00
<script id="mustache_discordmention" type="text/template">
<span class="discordmention"><span class="atsign">@</span><span class="username">{{username}}</span><span class="hash">#</span><span class="discriminator">{{discriminator}}</span></span>
</script>
2018-03-04 07:29:16 +01:00
<script id="mustache_rolemention" type="text/template">
<span class="rolemention" {{#color}}style="color: {{color}}"{{/color}}><span class="atsign">@</span><span class="rolename">{{rolename}}</span></span>
</script>
2017-11-05 06:59:06 +01:00
<script id="mustache_richembed" type="text/template">
<div class="richembed">
{{#color}}
<div class="color" style="background-color: {{hexColor}}"></div>
{{/color}}
{{^color}}
<div class="color"></div>
{{/color}}
<div class="rich">
<div class="content">
<div class="innercontent">
2018-06-20 08:37:53 +02:00
{{#provider}}
<div class="provider">
<a href="
{{#provider.url}}{{provider.url}}{{/provider.url}}
{{^provider.url}}#{{/provider.url}}
" target="_blank" class="name">{{provider.name}}</a>
</div>
{{/provider}}
2017-11-05 06:59:06 +01:00
{{#author}}
<div class="author">
2018-01-18 00:26:08 +01:00
{{#author.proxy_icon_url}}
<img src="{{author.proxy_icon_url}}">
{{/author.proxy_icon_url}}
2017-11-05 06:59:06 +01:00
<a href="
{{#author.url}}{{author.url}}{{/author.url}}
{{^author.url}}#{{/author.url}}
2018-03-16 21:28:09 +01:00
" target="_blank" class="name">{{author.name}}</a>
2017-11-05 06:59:06 +01:00
</div>
{{/author}}
{{#title}}
<div class="title">
<a href="
{{#url}}{{url}}{{/url}}
{{^url}}#{{/url}}
2018-03-16 21:28:09 +01:00
" target="_blank">{{title}}</a>
2017-11-05 06:59:06 +01:00
</div>
{{/title}}
2018-06-20 08:23:38 +02:00
{{^isVideo}}
2017-11-05 06:59:06 +01:00
{{#description}}
<div class="description">{{description}}</div>
{{/description}}
2018-06-20 08:23:38 +02:00
{{/isVideo}}
{{#isVideo}}
2018-06-30 09:30:54 +02:00
<div class="video">
{{#video.proxy_url}}
<video class="player" src="{{video.url}}" frameborder="0" allow="encrypted-media" allowfullscreen controls preload poster="{{thumbnail.proxy_url}}"></video>
{{/video.proxy_url}}
{{^video.proxy_url}}
<iframe class="player" src="{{video.url}}" frameborder="0" allow="encrypted-media" allowfullscreen></iframe>
{{/video.proxy_url}}
</div>
2018-06-20 08:23:38 +02:00
{{/isVideo}}
2017-11-05 06:59:06 +01:00
{{#fields.length}}
<div class="fields">
{{#fields}}
<div class="field {{#inline}}inline{{/inline}}">
<div class="field-name">{{name}}</div>
<div class="field-content">{{value}}</div>
</div>
{{/fields}}
</div>
{{/fields.length}}
</div>
2018-06-20 08:23:38 +02:00
{{#thumbnail}}{{^isVideo}}
2017-11-05 06:59:06 +01:00
<div class="thumbnail">
2018-02-18 22:23:55 +01:00
<img src="{{thumbnail.proxy_url}}" class="materialboxed">
2017-11-05 06:59:06 +01:00
</div>
2018-06-20 08:23:38 +02:00
{{/isVideo}}{{/thumbnail}}
2017-11-05 06:59:06 +01:00
</div>
{{#image}}
<div class="image">
2018-02-18 21:53:32 +01:00
<img src="{{image.proxy_url}}" class="materialboxed">
2017-11-05 06:59:06 +01:00
</div>
{{/image}}
{{#toRenderFooter}}
<div class="footer">
{{#footer}}
2018-01-18 00:26:08 +01:00
{{#footer.proxy_icon_url}}
<img class="icon_url" src="{{footer.proxy_icon_url}}">
{{/footer.proxy_icon_url}}
2017-11-05 06:59:06 +01:00
<span class="text">{{footer.text}}</span>
{{/footer}}
{{#footerVerticalBar}}
|
{{/footerVerticalBar}}
{{#timestamp}}
<span class="timestamp">{{formatted_timestamp}}</span>
{{/timestamp}}
</div>
{{/toRenderFooter}}
</div>
</div>
</script>
2017-12-09 19:47:22 +01:00
<script id="mustache_rolebubble" type="text/template">
<span class="bubble" {{#color}}style="color: {{color}};"{{/color}}><span class="color" {{#color}}style="background-color: {{color}};"{{/color}}></span> <span class="text">{{name}}</span></span>
</script>
2018-03-19 07:09:58 +01:00
<script id="mustache_usermentionchoices" type="text/template">
<div class="mention-choice" discorduserid="{{ id }}">
<img src="{{ avatar }}" class="circle">
<span class="displayname">{{ displayname }}</span>
<span class="realname">
<span class="username">{{ username }}</span><span class="hash">#</span><span class="discriminator">{{ discriminator }}</span>
</span>
</div>
</script>
2018-07-27 10:57:54 +02:00
<script id="mustache_reactionchip" type="text/template">
<span class="reaction tooltipped" data-position="top" data-delay="200" data-tooltip="{{#emoji.id}}:{{/emoji.id}}{{emoji.name}}{{#emoji.id}}:{{/emoji.id}}"><img src="{{img_url}}"> <span class="count">{{count}}</span></span>
</script>
2019-11-06 22:45:48 +01:00
<script id="mustache_richembedfieldinput" type="text/template">
<div class="row">
<div class="input-field col s5">
<input placeholder="Name" type="text" data-length="100" class="name" maxlength="100">
</div>
<div class="input-field col s5">
<input placeholder="Value" type="text" data-length="100" class="value" maxlength="100">
</div>
<div class="col s2">
<a class="btn-flat delete-field"><i class="material-icons">delete_forever</i></a>
</div>
</div>
</script>
2017-04-04 07:53:27 +02:00
{% endraw %}
<script>
2018-01-05 09:52:22 +01:00
const disabled = {{ disabled|tojson|safe }};
2017-04-13 02:42:32 +02:00
const guild_id = "{{ guild_id }}";
const bot_client_id = "{{ client_id }}";
2018-03-25 06:43:39 +02:00
const post_timeout = {{ guild["post_timeout"]|tojson|safe }};
2017-06-09 06:22:33 +02:00
const visitors_enabled = {% if visitors_enabled %}true{% else %}false{% endif %};
2018-02-16 02:12:25 +01:00
const unauth_captcha_enabled = {% if unauth_captcha_enabled %}true{% else %}false{% endif %};
2018-11-17 21:33:39 +01:00
const is_peak = {{ is_peak|tojson|safe }};
2019-01-28 04:03:25 +01:00
const cookie_test_s2_URL = {{ url_for("embed.cookietest2", _external=True)|tojson|safe }};
2017-04-04 07:53:27 +02:00
</script>
2019-11-21 05:26:34 +01:00
<script type="text/javascript" src="{{ url_for('static', filename='js/embed.js', t=app_start_stamp) }}"></script>
2017-12-12 01:48:05 +01:00
2018-03-24 07:03:33 +01:00
{% if af_mode_enabled %}
<script type="text/javascript" src="{{ url_for('static', filename='js/embed.af.directmessage.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/site.af.sausage.js') }}"></script>
{% endif %}
2019-01-28 04:03:25 +01:00
<!-- Third party cookie test -->
<script type="text/javascript" src="{{ url_for("embed.cookietest1", _external=True) }}"></script>
2017-12-12 01:48:05 +01:00
<!-- Electron fix -->
<script>
if (window.module) {
module = window.module;
}
</script>
2017-04-04 07:53:27 +02:00
</body>
2018-01-04 19:37:40 +01:00
</html>
