mirror of
https://github.com/slynn1324/tinypin
synced 2025-12-13 23:05:32 +00:00
90 lines
5.3 KiB
JavaScript
90 lines
5.3 KiB
JavaScript
app.addSetter('aboutModal.open', (data) => {
|
|
data.aboutModal.active = true;
|
|
});
|
|
|
|
app.addSetter('aboutModal.close', (data) => {
|
|
data.aboutModal.active = false;
|
|
});
|
|
|
|
app.addComponent('aboutModal', (store) => { return new Reef("#aboutModal", {
|
|
store: store,
|
|
template: (data) => {
|
|
return /*html*/`
|
|
<div class="modal ${data.aboutModal.active ? 'is-active' : ''}">
|
|
<div class="modal-background" data-onclick="aboutModal.close"></div>
|
|
<div class="modal-content">
|
|
<div class="box" style="font-family: monospace;">
|
|
<h1><strong>tinypin</strong></h1>
|
|
<div>
|
|
<a href="https://www.github.com">github.com/slynn1324/tinypin</a>
|
|
<br />
|
|
build: ${data.user ? data.user.version : 'unknown'}
|
|
<br />
|
|
|
|
</div>
|
|
<div>
|
|
<h2><strong>credits</strong></h2>
|
|
client
|
|
<br />
|
|
css framework » <a href="https://www.bulma.io">bulma.io</a>
|
|
<br />
|
|
ui framework » <a href="https://reefjs.com">reef</a>
|
|
<br />
|
|
pin zoom » <a href="https://sachinchoolur.github.io/lightgallery.js/">lightgallery.js</a>
|
|
<br />
|
|
boards icon » <a href="https://thenounproject.com/term/squares/1160031/">squares by Andrejs Kirma from the Noun Project</a>
|
|
<br />
|
|
pin icon » <a href="https://thenounproject.com/term/pinned/1560993/">pinned by Gregor Cresnar from the Noun Project</a>
|
|
<br />
|
|
web icon » <a href="https://thenounproject.com/term/website/2868662/">website by Supriadi Sihotang from the Noun Project</a>
|
|
<br />
|
|
edit icon » <a href="https://thenounproject.com/term/edit/3122457/">edit by TTHNga from the Noun Project</a>
|
|
<br />
|
|
logout icon » <a href="https://thenounproject.com/term/log-out/3556472">Log Out by Gregor Cresnar from the Noun Project</a>
|
|
<br />
|
|
trash icon » <a href="https://thenounproject.com/term/trash/2449397/">Trash by ICONZ from the Noun Project</a>
|
|
<br />
|
|
missing icon » <a href="https://materialdesignicons.com/icon/dots-square">dots-square by Jeff Hilnbrand</a>
|
|
<br />
|
|
hidden icon » <a href="https://thenounproject.com/term/hidden/3543981/">hidden by vittorio longo from the Noun Project</a>
|
|
<br />
|
|
about icon » <a href="https://thenounproject.com/term/info/3495259/">Info by Sriti Chamola from the Noun Project</a>
|
|
<br />
|
|
link icon » <a href="https://thenounproject.com/term/link/1880307/">link by Hassan ali from the Noun Project</a>
|
|
<br />
|
|
download icon » <a href="https://thenounproject.com/term/download/2120379/">Download by Yoyo from the Noun Project</a>
|
|
<br />
|
|
share icon » <a href="https://thenounproject.com/term/share/1058858/">Share by Тимур Минвалеев from the Noun Project</a>
|
|
<br />
|
|
done icon » <a href="https://thenounproject.com/term/done/587164/">done by Viktor Ostrovsky from the Noun Project</a>
|
|
|
|
<br />
|
|
<br />
|
|
server
|
|
<br />
|
|
language & runtime » <a href="https://nodejs.org/en/">node.js</a>
|
|
<br />
|
|
database » <a href="https://www.sqlite.org/index.html">sqlite</a>
|
|
<br />
|
|
library » <a href="https://www.npmjs.com/package/better-sqlite3">better-sqlite3</a>
|
|
<br />
|
|
library » <a href="https://www.npmjs.com/package/express">express</a>
|
|
<br />
|
|
library » <a href="https://www.npmjs.com/package/body-parser">body-parser</a>
|
|
<br />
|
|
library » <a href="https://www.npmjs.com/package/cookie-parser">cookie-parser</a>
|
|
<br />
|
|
library » <a href="https://www.npmjs.com/package/node-fetch">node-fetch</a>
|
|
<br />
|
|
library » <a href="https://www.npmjs.com/package/sharp">sharp</a>
|
|
<br />
|
|
library » <a href="https://www.npmjs.com/package/yargs">yargs</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="modal-close is-large" aria-label="close" data-onclick="aboutModal.close"></button>
|
|
</div>
|
|
`;
|
|
}
|
|
}); });
|