Disclaimer + Styled

This commit is contained in:
Aryan Jain 2025-02-24 21:23:47 +05:30 committed by GitHub
parent b59a57856b
commit c79aa5d864
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -10,38 +10,58 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="A simple and private way to exchange bitcoin for national currencies. Robosats simplifies the peer-to-peer user experience and uses lightning hold invoices to minimize custody and trust requirements. No user registration required.">
<% if (pro) { %>
<title>RoboSats PRO - Simple and Private Bitcoin Exchange</title>
<link rel="stylesheet" href="<%= htmlWebpackPlugin.options.basePath %>static/css_pro/fonts.css"/>
<link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.basePath %>static/css_pro/react-grid-layout.css"/>
<link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.basePath %>static/css_pro/react-resizable.css"/>
<% } else { %>
<title>RoboSats - Simple and Private Bitcoin Exchange</title>
<link rel="stylesheet" href="<%= htmlWebpackPlugin.options.basePath %>static/css/fonts.css"/>
<% } %>
<link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.basePath %>static/css/loader.css"/>
<link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.basePath %>static/css/index.css"/>
<link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.basePath %>static/css/leaflet.css"/>
<style>
/* Styles for the JavaScript-disabled disclaimer */
.noscript-container {
max-width: 600px;
margin: 40px auto;
padding: 20px;
border: 2px solid #e74c3c;
background-color: #fdecea;
color: #c0392b;
text-align: center;
font-family: Arial, sans-serif;
}
.noscript-container h2 {
margin-top: 0;
font-size: 1.8em;
}
.noscript-container p {
font-size: 1.1em;
line-height: 1.4;
}
.noscript-container a {
color: #c0392b;
text-decoration: underline;
}
</style>
</head>
<body>
<!-- This block is only rendered if JavaScript is disabled -->
<noscript>
<div>
This site requires JavaScript to function properly. <br/><br/>
If you're using the Tor Browser, please follow these steps to enable JavaScript:
<ul>
<li>Click the onion icon in the top left corner of your browser.</li>
<li>Navigate to "Security Settings" (the "shield" icon).</li>
<li>Set the "Security Level" to "Standard" (not "Safer" or "Safest").</li>
</ul>
<br/>
If you're still encountering issues, try clearing your cache and storage by going to your Tor Browser settings, then retry loading the page.<br/><br/>
If you need further assistance, please ask for support in our <a href="https://t.me/robosats">RoboSats Telegram group</a> or visit our FAQ page.
<div class="noscript-container">
<h2>JavaScript is Disabled</h2>
<p>This website requires JavaScript for full functionality. Please enable JavaScript in your browser settings to proceed.</p>
<p>If youre using Tor Browser, ensure your "Security Level" is set to "Standard". If the issue persists, try clearing your cache and storage.</p>
<p>Need more help? Visit our support channel on Telegram: <a href="https://t.me/robosats" target="_blank" rel="noopener">t.me/robosats</a>.</p>
</div>
</noscript>
<div id="main">
<div id="app">
<div class="loaderCenter">
@ -72,8 +92,9 @@
</div>
</div>
</div>
<script>
window.RobosatsSettings = '<%= htmlWebpackPlugin.options.robosatsSettings %>'
window.RobosatsSettings = '<%= htmlWebpackPlugin.options.robosatsSettings %>';
</script>
</body>
</html>