mstdn.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A general-purpose Mastodon server with a 500 character limit. All languages are welcome.

Administered by:

Server stats:

12K
active users

#githubpages

2 posts2 participants0 posts today
xoron :verified:<p>File Encryption with JavaScript.</p><p>I've been exploring the <a href="https://infosec.exchange/tags/WebCryptoAPI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebCryptoAPI</span></a> and I'm impressed!</p><p>When combined with the <a href="https://infosec.exchange/tags/FileSystemAPI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FileSystemAPI</span></a>, it offers a seemingly secure way to <a href="https://infosec.exchange/tags/encrypt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>encrypt</span></a> and <a href="https://infosec.exchange/tags/store" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>store</span></a> files directly on your device. Think <a href="https://infosec.exchange/tags/localstorage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>localstorage</span></a>, but with <a href="https://infosec.exchange/tags/encryption" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>encryption</span></a>!</p><p>I know <a href="https://infosec.exchange/tags/webapps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webapps</span></a> can have <a href="https://infosec.exchange/tags/security" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>security</span></a> vulnerabilities since the code is served over the web, so I've <a href="https://infosec.exchange/tags/OpenSourced" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSourced</span></a> my demo! You can check it out, and it should even work if <a href="https://infosec.exchange/tags/selfhosted" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>selfhosted</span></a> on <a href="https://infosec.exchange/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a>.</p><p>Live Demo: <a href="https://dim.positive-intentions.com/?path=/story/usefs--encrypted-demo" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dim.positive-intentions.com/?p</span><span class="invisible">ath=/story/usefs--encrypted-demo</span></a></p><p>Demo Code: <a href="https://github.com/positive-intentions/dim/blob/staging/src/stories/05-Hooks-useFS.stories.js" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/dim/blob/staging/src/stories/05-Hooks-useFS.stories.js</span></a></p><p>About the Dim framework:<br><a href="https://positive-intentions.com/docs/category/dim" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">positive-intentions.com/docs/c</span><span class="invisible">ategory/dim</span></a></p><p>IMPORTANT NOTES (PLEASE READ!):<br>* This is NOT a product. It's for <a href="https://infosec.exchange/tags/testing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>testing</span></a> and <a href="https://infosec.exchange/tags/demonstration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>demonstration</span></a> purposes only.<br>* It has NOT been reviewed or audited. Do NOT use for sensitive data.<br>* The "password encryption" currently uses a hardcoded password. This is for demonstration, not security.<br>* This is NOT meant to replace robust solutions like <a href="https://infosec.exchange/tags/VeraCrypt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VeraCrypt</span></a>. It's just a <a href="https://infosec.exchange/tags/proofofconcept" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>proofofconcept</span></a> to show what's possible with <a href="https://infosec.exchange/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>browser</span></a> <a href="https://infosec.exchange/tags/APIs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>APIs</span></a>.</p><p><a href="https://infosec.exchange/tags/Encryption" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Encryption</span></a> <a href="https://infosec.exchange/tags/Cryptography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Cryptography</span></a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://infosec.exchange/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://infosec.exchange/tags/Privacy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Privacy</span></a> <a href="https://infosec.exchange/tags/Security" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Security</span></a> <a href="https://infosec.exchange/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://infosec.exchange/tags/Developer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Developer</span></a> <a href="https://infosec.exchange/tags/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tech</span></a> <a href="https://infosec.exchange/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a> <a href="https://infosec.exchange/tags/GitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHub</span></a> <a href="https://infosec.exchange/tags/MastodonDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastodonDev</span></a> <a href="https://infosec.exchange/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programming</span></a> <a href="https://infosec.exchange/tags/WebStandards" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebStandards</span></a> <a href="https://infosec.exchange/tags/FileSystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FileSystem</span></a> <a href="https://infosec.exchange/tags/WebAPI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAPI</span></a> <a href="https://infosec.exchange/tags/ProofOfConcept" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProofOfConcept</span></a></p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://infosec.exchange/@pancake" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>pancake</span></a></span> Relative.</p><ul><li>I think in that case there's rather a systemic problem of underresourced <a href="https://infosec.space/tags/FLOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FLOSS</span></a> projects: More funding and personnel would greatly help in said effort.</li></ul><p>The only thing <a href="https://infosec.space/tags/StaleBot" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StaleBot</span></a> generates are <a href="https://infosec.space/tags/duplicates" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duplicates</span></a> due to new tickets being opened with <em>the exact same problem</em>…</p><ul><li>It's almost as garbage as using <a href="https://infosec.space/tags/discord" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>discord</span></a> for <a href="https://infosec.space/tags/documentation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>documentation</span></a> and <a href="https://infosec.space/tags/support" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>support</span></a> when <a href="https://infosec.space/tags/MkDocs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MkDocs</span></a>-Material on <a href="https://infosec.space/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a> would've done a better job and not create <em>yet another <a href="https://infosec.space/tags/InformationBlackhole" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InformationBlackhole</span></a></em>!</li></ul><p>I don't deny the issue at hand; I just think that such a massive pile needs to be combed through better by using <code>tags</code> and <code>prioritization</code>. Even if that means one has split the backlog into half a dozen different baskets that read <em>"feedback", "suggestion", "bug", "security", "ui/ux", "building", "l18n/i18n", "accessibility", "reproduceability",</em> etc...</p>
Stefan Wolfrum :mastodon:<p>Gibt's hier Experten für <a href="https://mastodon.social/tags/SEO" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SEO</span></a>? Leider entwickelt sich die Seitenindexierung meines Github Pages Blogs unter <a href="https://blog.metawops.de" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">blog.metawops.de</span><span class="invisible"></span></a> katastrophal. 😞 Meine robots.txt enthält nur eine Zeile: die URL zur Sitemap. Diese ist auch erfolgreich angekommen.<br>Natürlich baut der Github Pages Workflow immer die gesamte Site neu bei jeder Änderung. Ist das das Problem? 🤔 <a href="https://mastodon.social/tags/GithubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GithubPages</span></a> <a href="https://mastodon.social/tags/Blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Blog</span></a> <a href="https://mastodon.social/tags/Bloggen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Bloggen</span></a> Zu <span class="h-card" translate="no"><a href="https://bonn.social/@Sascha" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Sascha</span></a></span> rüberschiel … 🫣 <a href="https://mastodon.social/tags/GoogleSearchConsole" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GoogleSearchConsole</span></a> <a href="https://mastodon.social/tags/Indexing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Indexing</span></a></p>
Naty<p>Time to make a move? <a href="https://fosstodon.org/tags/GiveUpGitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GiveUpGitHub</span></a></p><p> My new blog post is just out <a href="https://fosstodon.org/tags/BurgeonLab" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BurgeonLab</span></a></p><p>➡️ <a href="https://www.burgeonlab.com/blog/migrate-github-pages-to-sourcehut-bunny/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">burgeonlab.com/blog/migrate-gi</span><span class="invisible">thub-pages-to-sourcehut-bunny/</span></a></p><p>It's a thorough guide of switching from an automated CI static site deployment workflow using GitHub Pages &amp; GitHub Actions 🔄 to SourceHut Git and Builds + hosting on Bunny.net Storage &amp; Bunny CDN.</p><p><a href="https://fosstodon.org/tags/techguides" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>techguides</span></a> <a href="https://fosstodon.org/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> <a href="https://fosstodon.org/tags/blogging" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blogging</span></a> <a href="https://fosstodon.org/tags/blogpost" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blogpost</span></a> <a href="https://fosstodon.org/tags/hugo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hugo</span></a> <a href="https://fosstodon.org/tags/cicd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cicd</span></a> <a href="https://fosstodon.org/tags/CDN" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CDN</span></a> <a href="https://fosstodon.org/tags/bunnycdn" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bunnycdn</span></a> <a href="https://fosstodon.org/tags/bunnynet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bunnynet</span></a> <a href="https://fosstodon.org/tags/github" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>github</span></a> <a href="https://fosstodon.org/tags/sourcehut" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sourcehut</span></a> <a href="https://fosstodon.org/tags/githubactions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>githubactions</span></a> <a href="https://fosstodon.org/tags/githubpages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>githubpages</span></a> <a href="https://fosstodon.org/tags/srht" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>srht</span></a></p>
Naty<p>It took longer than expected for me (a day on and off) to get <a href="https://fosstodon.org/tags/sourcehut" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sourcehut</span></a> builds workflow to work with Bunny's SFTP limitations but I got it working! This is definitely going into a blog post! Really happy it worked out. Sourcehut Git repo + Builds + Bunny.net Storage + CDN replacing GitHub Git repo + Actions + Pages!</p><p><a href="https://fosstodon.org/tags/github" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>github</span></a> <a href="https://fosstodon.org/tags/githubpages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>githubpages</span></a> <a href="https://fosstodon.org/tags/githubactions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>githubactions</span></a> <a href="https://fosstodon.org/tags/srht" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>srht</span></a> <a href="https://fosstodon.org/tags/bunnynet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bunnynet</span></a> <a href="https://fosstodon.org/tags/bunnycdn" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bunnycdn</span></a> <a href="https://fosstodon.org/tags/bunnystorage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bunnystorage</span></a> <a href="https://fosstodon.org/tags/GiveUpGitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GiveUpGitHub</span></a> <a href="https://fosstodon.org/tags/staticsite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>staticsite</span></a> <a href="https://fosstodon.org/tags/hosting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hosting</span></a> <a href="https://fosstodon.org/tags/cdn" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cdn</span></a></p>
Naty<p>New post on <a href="https://fosstodon.org/tags/BurgeonLab" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BurgeonLab</span></a> ✍️ </p><p>➡️ <a href="https://www.burgeonlab.com/blog/hosting-static-sites-with-github-pages-or-bunny-net/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">burgeonlab.com/blog/hosting-st</span><span class="invisible">atic-sites-with-github-pages-or-bunny-net/</span></a></p><p>Finally decided to take my first actions on migrating away from GitHub.com (<a href="https://fosstodon.org/tags/GiveUpGitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GiveUpGitHub</span></a>) by moving my burgeonlab.com static blog out of GitHub Pages to Bunny.net Storage + CDN.</p><p>Also, I've decided to go for @sourcehut as my Git repo host—but that warrants its own post.</p><p><a href="https://fosstodon.org/tags/blogging" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blogging</span></a> <a href="https://fosstodon.org/tags/blogs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blogs</span></a> <a href="https://fosstodon.org/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> <a href="https://fosstodon.org/tags/hugo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hugo</span></a> <a href="https://fosstodon.org/tags/srht" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>srht</span></a> <a href="https://fosstodon.org/tags/weblog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>weblog</span></a> <a href="https://fosstodon.org/tags/smallweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>smallweb</span></a> <a href="https://fosstodon.org/tags/github" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>github</span></a> <a href="https://fosstodon.org/tags/sourcehut" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sourcehut</span></a> <a href="https://fosstodon.org/tags/bunnycdn" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bunnycdn</span></a> <a href="https://fosstodon.org/tags/bunnynet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bunnynet</span></a> <a href="https://fosstodon.org/tags/staticsite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>staticsite</span></a> <a href="https://fosstodon.org/tags/webhosting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webhosting</span></a> <a href="https://fosstodon.org/tags/githubpages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>githubpages</span></a></p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://tweesecake.social/@adisonverlice" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>adisonverlice</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.world/@humanhorseshoes" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>humanhorseshoes</span></a></span> personally I'd rather recommend <a href="https://infosec.space/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a> for personal hosting instead.</p>
Naty<p>Made a trial account on # BunnyCDN Maybe it's time to move one of my static sites from Github Pages over to Bunny's Storage + Pull Zone? </p><p>There's <a href="https://bunny-launcher.net/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">bunny-launcher.net/</span><span class="invisible"></span></a> which seems handy for deployment. But I need to learn a bit because I'm in unfamiliar territory!</p><p><a href="https://fosstodon.org/tags/bunnynet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bunnynet</span></a> <a href="https://fosstodon.org/tags/staticsite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>staticsite</span></a> <a href="https://fosstodon.org/tags/hugo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hugo</span></a> <a href="https://fosstodon.org/tags/ssg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ssg</span></a> <a href="https://fosstodon.org/tags/github" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>github</span></a> <a href="https://fosstodon.org/tags/githubpages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>githubpages</span></a></p>
Alexandre B A Villares 🐍<p><a href="https://ciberlandia.pt/tags/GitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHub</span></a> <a href="https://ciberlandia.pt/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a> <a href="https://ciberlandia.pt/tags/fail" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fail</span></a> This is driving me mad...</p><p>Images randomly deciding not to load on all my pages.</p><p>Is it just me? Is it my browser's fault? Is it just in Brazil?</p><p>I was working on this <a href="https://ciberlandia.pt/tags/shapely" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shapely</span></a> + <a href="https://ciberlandia.pt/tags/trimesh" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>trimesh</span></a> page... and I can only see the last image (the animated gif)! </p><p><a href="https://abav.lugaralgum.com/material-aulas/Processing-Python-py5/shapely-e-trimesh.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">abav.lugaralgum.com/material-a</span><span class="invisible">ulas/Processing-Python-py5/shapely-e-trimesh.html</span></a></p><p>Update: On this exact page I have bungled the image URLs (I blame Marktext for being stupid and not using a relative reference). But I swear loading problems have been going on other well formed pages.</p>
Stefan Wolfrum :verified:<p>Ich mache meine Tastendruck Symbole in meinen Blog Posts jetzt hübsch. 😊 Wie das bei einem <a href="https://bonn.social/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a> Blog in <a href="https://bonn.social/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Markdown</span></a> geht, habe ich hier aufgeschrieben. 👉 <a href="https://blog.metawops.de/markdown/Keycaps-in-Markdown-Artikeln/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.metawops.de/markdown/Keyc</span><span class="invisible">aps-in-Markdown-Artikeln/</span></a></p>
Stefan Wolfrum :mastodon:<p>Ich mache meine Tastendruck Symbole in meinen Blog Posts jetzt hübsch. 😊 Wie das bei einem <a href="https://mastodon.social/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a> Blog in <a href="https://mastodon.social/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Markdown</span></a> geht, habe ich hier aufgeschrieben. 👉 <a href="https://blog.metawops.de/markdown/Keycaps-in-Markdown-Artikeln/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.metawops.de/markdown/Keyc</span><span class="invisible">aps-in-Markdown-Artikeln/</span></a></p>
Kevin Karhan :verified:Web hosting advice request
xoron :verified:<p>File encryption with a browser.</p><p>I've been exploring the <a href="https://infosec.exchange/tags/WebCryptoAPI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebCryptoAPI</span></a> and I'm impressed!</p><p>When combined with the <a href="https://infosec.exchange/tags/FileSystemAPI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FileSystemAPI</span></a>, it offers a seemingly secure way to <a href="https://infosec.exchange/tags/encrypt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>encrypt</span></a> and <a href="https://infosec.exchange/tags/store" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>store</span></a> files directly on your device. Think <a href="https://infosec.exchange/tags/localstorage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>localstorage</span></a>, but with <a href="https://infosec.exchange/tags/encryption" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>encryption</span></a>!</p><p>I know <a href="https://infosec.exchange/tags/webapps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webapps</span></a> can have <a href="https://infosec.exchange/tags/security" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>security</span></a> vulnerabilities since the code is served over the web, so I've <a href="https://infosec.exchange/tags/OpenSourced" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSourced</span></a> my demo! You can check it out, and it should even work if <a href="https://infosec.exchange/tags/selfhosted" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>selfhosted</span></a> on <a href="https://infosec.exchange/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a>.</p><p>Live Demo: <a href="https://dim.positive-intentions.com/?path=/story/usefs--encrypted-demo" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dim.positive-intentions.com/?p</span><span class="invisible">ath=/story/usefs--encrypted-demo</span></a></p><p>Demo Code: <a href="https://github.com/positive-intentions/dim/blob/staging/src/stories/05-Hooks-useFS.stories.js" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/dim/blob/staging/src/stories/05-Hooks-useFS.stories.js</span></a></p><p>Hook Code: <a href="https://github.com/positive-intentions/dim/blob/staging/src/hooks/useFS.js" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/dim/blob/staging/src/hooks/useFS.js</span></a></p><p>IMPORTANT NOTES (PLEASE READ!):<br> * This is NOT a product. It's for <a href="https://infosec.exchange/tags/testing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>testing</span></a> and <a href="https://infosec.exchange/tags/demonstration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>demonstration</span></a> purposes only.<br> * It has NOT been reviewed or audited. Do NOT use for sensitive data.<br> * The "password encryption" currently uses a hardcoded password. This is for demonstration, not security.<br> * This is NOT meant to replace robust solutions like <a href="https://infosec.exchange/tags/VeraCrypt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VeraCrypt</span></a>. It's just a <a href="https://infosec.exchange/tags/proofofconcept" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>proofofconcept</span></a> to show what's possible with <a href="https://infosec.exchange/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>browser</span></a> <a href="https://infosec.exchange/tags/APIs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>APIs</span></a>.</p><p><a href="https://infosec.exchange/tags/Encryption" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Encryption</span></a> <a href="https://infosec.exchange/tags/Cryptography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Cryptography</span></a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://infosec.exchange/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://infosec.exchange/tags/Privacy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Privacy</span></a> <a href="https://infosec.exchange/tags/Security" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Security</span></a> <a href="https://infosec.exchange/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://infosec.exchange/tags/Developer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Developer</span></a> <a href="https://infosec.exchange/tags/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tech</span></a> <a href="https://infosec.exchange/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a> <a href="https://infosec.exchange/tags/GitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHub</span></a> <a href="https://infosec.exchange/tags/MastodonDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastodonDev</span></a> <a href="https://infosec.exchange/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programming</span></a> <a href="https://infosec.exchange/tags/WebStandards" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebStandards</span></a> <a href="https://infosec.exchange/tags/FileSystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FileSystem</span></a> <a href="https://infosec.exchange/tags/WebAPI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAPI</span></a> <a href="https://infosec.exchange/tags/ProofOfConcept" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProofOfConcept</span></a></p>
Stefan Wolfrum :mastodon:<p>Wie man Blocksatz und Silbentrennung für sein <a href="https://mastodon.social/tags/Github" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Github</span></a> Pages Blog mit dem "minimal mistakes" Theme einrichtet, habe ich hier mal zusammengeschrieben. 👉 <a href="https://blog.metawops.de/githubpages/Blocksatz-und-Silbentrennung/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.metawops.de/githubpages/B</span><span class="invisible">locksatz-und-Silbentrennung/</span></a><br><a href="https://mastodon.social/tags/GithubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GithubPages</span></a> <a href="https://mastodon.social/tags/Blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Blog</span></a></p>
Peter Cock<p>Asking for <a href="https://fediscience.org/tags/Biopython" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Biopython</span></a>, but are <a href="https://fediscience.org/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a> sites generally currently <a href="https://fediscience.org/tags/GeoBlocked" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GeoBlocked</span></a> from <a href="https://fediscience.org/tags/Argentina" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Argentina</span></a> - see <a href="https://github.com/biopython/biopython.github.io/issues/207" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/biopython/biopython</span><span class="invisible">.github.io/issues/207</span></a> and <a href="https://biopython.org" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">biopython.org</span><span class="invisible"></span></a></p>
Stefan Wolfrum :mastodon:<p>Mermaid ist ein prima Diagramm-Generator und kann auch in <a href="https://mastodon.social/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Markdown</span></a> Dokumenten eingesetzte werden. Wie man <a href="https://mastodon.social/tags/Mermaid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mermaid</span></a> für sein <a href="https://mastodon.social/tags/GithubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GithubPages</span></a> <a href="https://mastodon.social/tags/Blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Blog</span></a> konfiguriert, habe ich hier aufgeschrieben. 👉 <a href="https://blog.metawops.de/githubpages/Mermaid-einbinden/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.metawops.de/githubpages/M</span><span class="invisible">ermaid-einbinden/</span></a></p>
Stefan Wolfrum :mastodon:<p>So, habe mich ENDLICH mal mit <a href="https://mastodon.social/tags/GithubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GithubPages</span></a> auseinandergesetzt und ein neues Blog gestartet. 👉 <a href="https://blog.metawops.de" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">blog.metawops.de</span><span class="invisible"></span></a> Eine Menge Neues gelernt auf dem Weg, was ich auch teilweise gleich als Blog Post aufgeschrieben habe. Es werden aber noch allerlei andere Themen &amp; Posts folgen. – Was für <a href="https://mastodon.social/tags/BonnerBlogs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BonnerBlogs</span></a>, <span class="h-card" translate="no"><a href="https://bonn.social/@Sascha" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Sascha</span></a></span>? 😳 <a href="https://mastodon.social/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Markdown</span></a> <a href="https://mastodon.social/tags/Github" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Github</span></a> <a href="https://mastodon.social/tags/VSCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VSCode</span></a> <a href="https://mastodon.social/tags/Workingcopy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Workingcopy</span></a></p>
podfeet<p>If you’ve been following along in Programming By Stealth, where <span class="h-card" translate="no"><a href="https://social.bartificer.ie/@bart" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>bart</span></a></span> is teaching us how to use Jekyll to create real websites on GitHub Pages, you’ll enjoy this next installment on how to create reusable snippets with Jekyll Includes. They’re like TextExpander snippets!</p><p><a href="https://pbs.bartificer.net/pbs181" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pbs.bartificer.net/pbs181</span><span class="invisible"></span></a></p><p><a href="https://chaos.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programming</span></a> <a href="https://chaos.social/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a> <a href="https://chaos.social/tags/ProgrammingbyStealth" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProgrammingbyStealth</span></a></p>
Publii Static CMS<p>Well, this is awesome 👀📘<br>The first-ever book about using Publii + GitHub Pages is out on Amazon! <br>Big shoutout to Brad Moore for putting this together 👏<br>📚 link: <a href="https://www.amazon.com/dp/B0FBG9HH8H" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">amazon.com/dp/B0FBG9HH8H</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/Publii" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Publii</span></a> <a href="https://mastodon.social/tags/StaticSites" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StaticSites</span></a> <a href="https://mastodon.social/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/book" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>book</span></a></p>
podfeet<p>In our continuing journey to learn to build websites using GitHub Pages, in this installment, <span class="h-card" translate="no"><a href="https://social.bartificer.ie/@bart" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>bart</span></a></span> teaches us how to create our own theme with Jekyll layouts. Terminology of Jekyll is still tricky, but with some worked examples and a challenge this time, maybe it will start to cement in our brains!</p><p>You can find Bart’s fabulous tutorial shownotes and the audio podcast at <a href="https://pbs.bartificer.net/pbs180" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pbs.bartificer.net/pbs180</span><span class="invisible"></span></a></p><p><a href="https://chaos.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programming</span></a> <a href="https://chaos.social/tags/ProgrammingbyStealth" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProgrammingbyStealth</span></a> <a href="https://chaos.social/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a> <a href="https://chaos.social/tags/StaticSiteGenerator" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StaticSiteGenerator</span></a> <a href="https://chaos.social/tags/Jekyll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Jekyll</span></a></p>