tasiaiso/tildefriends
1
0
Fork 0
forked from cory/tildefriends
Code Issues Pull Requests Releases Wiki Activity

intro: The default app is intro, and complete intro changes the default app to ssb.

Browse Source
This commit is contained in:
Cory McWilliams
2025-05-21 18:48:29 -04:00
parent 17694f5646
commit 89622697d5
5 changed files with 50 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
apps/intro/index.html
View File

@ -41,7 +41,7 @@
<div>~😎 Tilde Friends.</div>
</div>
<footer>
<button class="w3-button w3-yellow" onclick="show(1)">Next</button>
<button class="w3-button w3-yellow proceed">Next</button>
</footer>
</div>
<div class="slide w3-card-4 w3-gray" style="width: 90%">
@ -59,7 +59,7 @@
</li>
</ul>
<footer class="w3-center w3-xlarge w3-padding">
<button class="w3-button w3-yellow" onclick="show(1)">Onward</button>
<button class="w3-button w3-yellow proceed">Onward</button>
</footer>
</div>
<div class="slide w3-gray" style="width: 90%">
@ -101,9 +101,7 @@
target="_blank"
>See scuttlebutt.nz</a
>
<button class="w3-button w3-yellow" onclick="show(1)">
Got It
</button>
<button class="w3-button w3-yellow proceed">Got It</button>
</footer>
</div>
</div>
@ -172,9 +170,7 @@
</ul>
</div>
<footer class="w3-center w3-xlarge w3-padding">
<a class="w3-button w3-yellow" target="_top" href="/~core/ssb/"
>Let's Go!</a
>
<button class="w3-button w3-yellow" id="complete">Let's Go!</button>
</footer>
</div>
</div>
@ -183,42 +179,21 @@
class="w3-text-white w3-xlarge w3-center w3-flex"
style="width: 100%; flex: 0 1; flex-direction: row; align-items: center"
>
<div
class="w3-jumbo"
onclick="show(-1)"
style="flex: 1 0; cursor: pointer"
>
<div class="w3-jumbo" id="left" style="flex: 1 0; cursor: pointer">
&#10094;
</div>
<span
class="w3-badge dot w3-border w3-hover-yellow"
onclick="set(0)"
></span>
<span
class="w3-badge dot w3-border w3-hover-yellow"
onclick="set(1)"
></span>
<span
class="w3-badge dot w3-border w3-hover-yellow"
onclick="set(2)"
></span>
<span
class="w3-badge dot w3-border w3-hover-yellow"
onclick="set(3)"
></span>
<span
class="w3-badge dot w3-border w3-hover-yellow"
onclick="set(4)"
></span>
<div
class="w3-jumbo"
style="flex: 1 0; cursor: pointer"
onclick="show(1)"
>
<span class="w3-badge dot w3-border w3-hover-yellow"></span>
<span class="w3-badge dot w3-border w3-hover-yellow"></span>
<span class="w3-badge dot w3-border w3-hover-yellow"></span>
<span class="w3-badge dot w3-border w3-hover-yellow"></span>
<span class="w3-badge dot w3-border w3-hover-yellow"></span>
<div class="w3-jumbo" style="flex: 1 0; cursor: pointer" id="right">
&#10095;
</div>
</div>
<script>
<script type="module">
import * as tfrpc from '/static/tfrpc.js';
let index = 0;
function set(i) {
show(i - index);
@ -238,15 +213,32 @@
dot.classList.remove('w3-white');
}
}
for (let left of document.getElementsByClassName('w3-left')) {
left.style.visibility = index == 0 ? 'hidden' : 'visible';
}
for (let right of document.getElementsByClassName('w3-right')) {
console.log(index, slides.length - 1);
right.style.visibility =
index == slides.length - 1 ? 'hidden' : 'visible';
}
document.getElementById('left').style.visibility =
index == 0 ? 'hidden' : 'visible';
document.getElementById('right').style.visibility =
index == slides.length - 1 ? 'hidden' : 'visible';
}
let dots = [...document.getElementsByClassName('dot')];
for (let dot of dots) {
dot.onclick = () => set(dots.indexOf(dot));
}
for (let button of document.getElementsByClassName('proceed')) {
button.onclick = () => show(1);
}
document.getElementById('left').onclick = () => show(-1);
document.getElementById('right').onclick = () => show(1);
document.getElementById('complete').onclick = function () {
console.log('completing');
tfrpc.rpc.complete().then(function () {
console.log('completed');
let a = document.createElement('a');
a.href = '/~core/ssb/';
a.target = '_top';
document.body.appendChild(a);
a.click();
});
};
window.addEventListener('keyup', function (event) {
if (event.key == 'ArrowLeft') {
show(-1);