nvm
This commit is contained in:
parent
0b4f5ab8a9
commit
f3db709bdd
2 changed files with 0 additions and 54 deletions
27
index.html
27
index.html
|
|
@ -1639,33 +1639,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="help-modal" class="modal">
|
|
||||||
<div class="modal-overlay"></div>
|
|
||||||
<div class="modal-content">
|
|
||||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem">
|
|
||||||
<h3 style="margin: 0">Monochrome Help</h3>
|
|
||||||
<button class="close-modal-btn" id="close-help-modal" style="background: none; border: none; font-size: 24px; cursor: pointer; color: var(--muted-foreground);">×</button>
|
|
||||||
</div>
|
|
||||||
<div id="help-video-container" style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #000; border-radius: var(--radius);">
|
|
||||||
<iframe
|
|
||||||
id="help-video-iframe"
|
|
||||||
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
|
|
||||||
data-src="https://m.samidy.xyz/monochrome-help.mp4"
|
|
||||||
title="Monochrome Help"
|
|
||||||
frameborder="0"
|
|
||||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
||||||
allowfullscreen>
|
|
||||||
</iframe>
|
|
||||||
</div>
|
|
||||||
<p style="margin-top: 1rem; text-align: center; color: var(--muted-foreground); font-size: 0.9rem;">
|
|
||||||
thank you to community member valerie for making this video!
|
|
||||||
</p>
|
|
||||||
<div class="modal-actions" style="justify-content: center">
|
|
||||||
<button id="help-modal-done" class="btn-primary">Done</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="sidebar-overlay"></div>
|
<div id="sidebar-overlay"></div>
|
||||||
|
|
||||||
<div id="csv-import-progress" class="csv-import-progress" style="display: none">
|
<div id="csv-import-progress" class="csv-import-progress" style="display: none">
|
||||||
|
|
|
||||||
27
js/app.js
27
js/app.js
|
|
@ -454,33 +454,6 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||||
|
|
||||||
new ThemeStore();
|
new ThemeStore();
|
||||||
|
|
||||||
const helpBtn = document.getElementById('help-btn');
|
|
||||||
const helpModal = document.getElementById('help-modal');
|
|
||||||
const closeHelpModal = document.getElementById('close-help-modal');
|
|
||||||
const helpModalDone = document.getElementById('help-modal-done');
|
|
||||||
const helpModalOverlay = helpModal?.querySelector('.modal-overlay');
|
|
||||||
|
|
||||||
if (helpBtn && helpModal) {
|
|
||||||
helpBtn.addEventListener('click', () => {
|
|
||||||
const iframe = helpModal.querySelector('iframe');
|
|
||||||
if (iframe && iframe.dataset.src) {
|
|
||||||
iframe.src = iframe.dataset.src;
|
|
||||||
}
|
|
||||||
helpModal.classList.add('active');
|
|
||||||
});
|
|
||||||
|
|
||||||
const hideHelpModal = () => {
|
|
||||||
helpModal.classList.remove('active');
|
|
||||||
const iframe = helpModal.querySelector('iframe');
|
|
||||||
if (iframe) {
|
|
||||||
iframe.src = '';
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
closeHelpModal?.addEventListener('click', hideHelpModal);
|
|
||||||
helpModalDone?.addEventListener('click', hideHelpModal);
|
|
||||||
helpModalOverlay?.addEventListener('click', hideHelpModal);
|
|
||||||
}
|
|
||||||
await HiFiClient.initialize({
|
await HiFiClient.initialize({
|
||||||
storage: [
|
storage: [
|
||||||
localStorage,
|
localStorage,
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue