Cookie notice explaination and bypass links

This commit is contained in:
Jeremy Zhang 2019-02-18 01:00:21 +00:00
parent 212c013615
commit 598661735a
3 changed files with 38 additions and 0 deletions

View File

@ -632,6 +632,20 @@ a {
font-size: 12pt;
}
#third-party-cookies-notice .collapsible-header {
font-size: 1.3rem;
padding: 0.5rem;
}
#third-party-cookies-notice .collapsible-body {
background-color: #f5f4f4;
padding-top: 1rem;
}
#third-party-cookies-force-hide, #third-party-cookies-force-window {
cursor: pointer;
}
#nameplate {
cursor: pointer;
background: transparent;

View File

@ -2434,3 +2434,11 @@ window.setTimeout(function(){
window._3rd_party_test_step2_loaded(false);
}
}, 7*1000);
$("#third-party-cookies-force-hide").click(function () {
window._3rd_party_test_step2_loaded(true);
});
$("#third-party-cookies-force-window").click(function () {
window.open(window.location.href);
});

View File

@ -131,6 +131,22 @@
<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>
<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>
</div>
<div id="loginmodal-maincontent" class="row valign-wrap">
<div id="modal_guildinfobox" class="col s3 center-align">