Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
53 changes: 53 additions & 0 deletions app-1.5.0.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,63 @@

(function () {
window.addEventListener('load', function () {
setupThemeToggle();
preserveQueryParams();
setupMobileMenu();
});

function setupThemeToggle() {
var root = document.documentElement;
var toggle = document.getElementById('themeToggle');
var metaThemeColor = document.getElementById('themeColorMeta');
if (!toggle) {
return;
}

function getStoredTheme() {
try {
return window.localStorage.getItem('exglos-theme');
} catch (error) {
return null;
}
}

function setStoredTheme(theme) {
try {
window.localStorage.setItem('exglos-theme', theme);
} catch (error) {
// Ignore storage failures and keep the active theme for this session only.
}
}

function resolveTheme() {
var storedTheme = getStoredTheme();
return storedTheme === 'dark' ? 'dark' : 'light';
}

function applyTheme(theme) {
var nextTheme = theme === 'dark' ? 'dark' : 'light';
var nextAria = nextTheme === 'dark' ? 'Switch to light mode' : 'Switch to dark mode';

root.setAttribute('data-theme', nextTheme);
toggle.setAttribute('aria-pressed', String(nextTheme === 'dark'));
toggle.setAttribute('aria-label', nextAria);

if (metaThemeColor) {
metaThemeColor.setAttribute('content', nextTheme === 'dark' ? '#0b0f15' : '#f7f8fa');
}
}

applyTheme(resolveTheme());

toggle.addEventListener('click', function () {
var currentTheme = root.getAttribute('data-theme') === 'dark' ? 'dark' : 'light';
var nextTheme = currentTheme === 'dark' ? 'light' : 'dark';
setStoredTheme(nextTheme);
applyTheme(nextTheme);
});
}

function preserveQueryParams() {
var query = window.location.search;
if (!query) {
Expand Down
84 changes: 64 additions & 20 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<meta charset="UTF-8" />
<meta name="description" content="Minimal crypto wallet and swap infrastructure." />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#EE0055" />
<meta id="themeColorMeta" name="theme-color" content="#f7f8fa" />

<meta property="og:site_name" content="Exglos" />
<meta property="og:title" content="Exglos wallet" />
Expand All @@ -24,6 +24,26 @@
<meta name="twitter:description" content="Blockchain native. Community networked. Proof of dividends." />
<meta name="twitter:image" content="https://exglos.com/preview.jpg" />

<script>
(function () {
var root = document.documentElement;
var savedTheme = null;

try {
savedTheme = window.localStorage.getItem('exglos-theme');
} catch (error) {
savedTheme = null;
}

var theme = savedTheme === 'dark' ? 'dark' : 'light';

root.setAttribute('data-theme', theme);
var themeColorMeta = document.getElementById('themeColorMeta');
if (themeColorMeta) {
themeColorMeta.setAttribute('content', theme === 'dark' ? '#0b0f15' : '#f7f8fa');
}
})();
</script>
<link rel="icon" href="./logo.png" />
<link rel="stylesheet" href="./style-1.5.0.css" />
</head>
Expand Down Expand Up @@ -52,6 +72,9 @@
rel="noreferrer"
>Buy EXG</a
>
<button id="themeToggle" class="theme-toggle" type="button" aria-pressed="false" aria-label="Switch to dark mode">
<span class="theme-toggle-icon" aria-hidden="true"></span>
</button>
<button
id="menuToggle"
class="menu-toggle"
Expand Down Expand Up @@ -182,16 +205,16 @@ <h3><a href="https://vpn.exglos.com" target="_blank" rel="noreferrer">VPN</a></h
</div>
</section>

<section class="community" aria-labelledby="hodlers">
<section class="community" aria-labelledby="heros">
<div class="section-head" data-reveal>
<p class="eyebrow">hodlers</p>
<h2 id="hodlers">Community proofs, kept readable.</h2>
<p class="supporting">Verified EXG holders, public addresses on the Exglos network.</p>
<p class="eyebrow">heros</p>
<h2 id="heros">The community behind Exglos</h2>
<p class="supporting">Public wallets and concise context for the key people and addresses around EXG.</p>
</div>

<div class="hodler-grid">
<article class="hodler-card" data-reveal>
<h3>J0 Satoshi, founder, developer</h3>
<h3>J0, founder, developer</h3>
<p class="address">
<a
href="https://etherscan.io/address/0xe974e991668cdeaf98e03a2154363a8f20494909"
Expand All @@ -200,40 +223,37 @@ <h3>J0 Satoshi, founder, developer</h3>
>0xE974e991668CDEAF98e03A2154363a8F20494909</a
>
</p>
<p><a href="https://jo.exglos.com" target="_blank" rel="noreferrer">jo.exglos.com</a></p>
<p>'I have used only crypto money throughout my entire life.'</p>
<p><a href="https://t.me/J0satoshi" target="_blank" rel="noreferrer">t.me/J0satoshi</a></p>
</article>

<article class="hodler-card" data-reveal>
<h3>7961C6, scientist, coder</h3>
<h3>Max, founder</h3>
<p class="address">
<a
href="https://etherscan.io/address/0x7961c6ad766f0306c67b3b2660fe74070ba1abea"
href="https://etherscan.io/address/0xc5e4045e291ee6a414beb298310ff41b86d53666"
target="_blank"
rel="noreferrer"
>0x7961c6AD766F0306C67b3b2660fE74070ba1aBEA</a
>0xC5E4045E291EE6a414beb298310fF41b86D53666</a
>
</p>
<p><a href="http://7961C6.exglos.com" target="_blank" rel="noreferrer">7961C6.exglos.com</a></p>
<p>'Blockchain is one of the greatest inventions of mankind.'</p>
<p>No longer a holder, active member who frequently changes names.</p>
</article>

<article class="hodler-card" data-reveal>
<h3>Max, investor, blogger</h3>
<h3>x7961C6, investor pool</h3>
<p class="address">
<a
href="https://etherscan.io/address/0xc5e4045e291ee6a414beb298310ff41b86d53666"
href="https://etherscan.io/address/0x7961c6ad766f0306c67b3b2660fe74070ba1abea"
target="_blank"
rel="noreferrer"
>0xC5E4045E291EE6a414beb298310fF41b86D53666</a
>0x7961c6AD766F0306C67b3b2660fE74070ba1aBEA</a
>
</p>
<p><a href="http://max.exglos.com" target="_blank" rel="noreferrer">max.exglos.com</a></p>
<p>'Exglos is my best investment.'</p>
<p>Likely an investor pool, shows presence but appears inactive.</p>
</article>

<article class="hodler-card" data-reveal>
<h3>HC, influencer, auditor</h3>
<h3>hc, ghost</h3>
<p class="address">
<a
href="https://etherscan.io/address/0xe19299e010a3c7870019a9b0e958dd138284a044"
Expand All @@ -242,7 +262,31 @@ <h3>HC, influencer, auditor</h3>
>0xE19299E010a3c7870019a9B0E958DD138284A044</a
>
</p>
<p><a href="http://hc.exglos.com" target="_blank" rel="noreferrer">hc.exglos.com</a></p>
<p>Publicly labeled Exglos a scam, abandoned projects, and disappeared, leaving EXG and unwithdrawn dividends.</p>
</article>

<article class="hodler-card" data-reveal>
<h3>Alex, investor</h3>
<p class="address">
<a
href="https://etherscan.io/address/0xfd98cae4f58d2a94b1e8be9dce3860b334610bb9"
target="_blank"
rel="noreferrer"
>0xfD98cAE4f58D2A94b1e8bE9DcE3860b334610bb9</a
>
</p>
</article>

<article class="hodler-card" data-reveal>
<h3>Naftali, developer</h3>
<p class="address">
<a
href="https://etherscan.io/address/0xf979a3f1567ef18a5d77e8f4b6f9899cf561d486"
target="_blank"
rel="noreferrer"
>0xF979a3F1567eF18A5D77e8F4b6f9899Cf561d486</a
>
</p>
</article>
</div>
</section>
Expand Down
Loading