101010.pl is one of the many independent Mastodon servers you can use to participate in the fediverse.
101010.pl czyli najstarszy polski serwer Mastodon. Posiadamy wpisy do 2048 znaków.

Server stats:

487
active users

#githubpages

0 posts0 participants0 posts today
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>
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>
Xięgozbiór<p>Przy okazji dłubania przy najnowszej zajawce, udało mi się w końcu doprowadzić do działania paginację strony głównej na Jekyllu. </p><p>W życiu bym sam nie wpadł na to, że wystarczy zmienić nazwę pliku `index.md` na `index.html`, żeby plugin od paginacji zaczął działać 🤯</p><p><a href="https://pol.social/tags/jekyll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jekyll</span></a> <a href="https://pol.social/tags/githubpages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>githubpages</span></a> <a href="https://pol.social/tags/githubaction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>githubaction</span></a></p>
podfeet<p>In Programming By Stealth 179, <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> continues teaching us about GitHub Pages using Jekyll by introducing us to Liquid Templates. Liquid allows us to move from adding static content to our web pages to auto-generated information. </p><p><a href="https://pbs.bartificer.net/pbs179" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pbs.bartificer.net/pbs179</span><span class="invisible"></span></a></p><p><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/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></p>
Erik L. Midtsveen🏳️‍⚧️🏳️‍🌈<p>So, Erik was bored?</p><p>Yes!</p><p>- <a href="https://midtsveen.github.io/duck.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">midtsveen.github.io/duck.html</span><span class="invisible"></span></a></p><p><a href="https://social.linux.pizza/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://social.linux.pizza/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Website</span></a> <a href="https://social.linux.pizza/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://social.linux.pizza/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://social.linux.pizza/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programming</span></a> <a href="https://social.linux.pizza/tags/ProgrammingHumor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProgrammingHumor</span></a> <a href="https://social.linux.pizza/tags/Duck" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Duck</span></a> <a href="https://social.linux.pizza/tags/DuckSpinningGeometryDash" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DuckSpinningGeometryDash</span></a> <a href="https://social.linux.pizza/tags/GeometryDash" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GeometryDash</span></a> <a href="https://social.linux.pizza/tags/DuckSpinning" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DuckSpinning</span></a> <a href="https://social.linux.pizza/tags/Spinning" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Spinning</span></a> <a href="https://social.linux.pizza/tags/Memes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Memes</span></a> <a href="https://social.linux.pizza/tags/Meme" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Meme</span></a> <a href="https://social.linux.pizza/tags/Humor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Humor</span></a> <a href="https://social.linux.pizza/tags/Laugh" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Laugh</span></a> <a href="https://social.linux.pizza/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a> <a href="https://social.linux.pizza/tags/GitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHub</span></a></p>
podfeet<p>In this installment on PBS about the static site generator Jekyll to create free websites on GitHub, <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> digs into the build process, and how the location, naming, and content of files automatically turn into web pages.</p><p><a href="https://pbs.bartificer.net/pbs178" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pbs.bartificer.net/pbs178</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/Jekyll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Jekyll</span></a> <a href="https://chaos.social/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a></p>
podfeet<p><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> and I take our first baby steps at creating a simple site using Jekyll and GitHub Pages in this week’s PBS. We got to install Ruby, learn about Gems and Bundler, learn about Syntactically Awesome Style Sheets (Sass), install Bootstrap locally and more.</p><p><a href="https://pbs.bartificer.net/pbs177" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pbs.bartificer.net/pbs177</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/Bootstrap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Bootstrap</span></a> <a href="https://chaos.social/tags/Jekyll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Jekyll</span></a></p>
podfeet<p>Way back in September of 2022, <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> finished off the Webpack miniseries by leaving it as an exercise for the student to deploy their web apps to GitHub Pages. Bart closes that circle in this installment while teaching us how to use GitHub Actions.</p><p><a href="https://pbs.bartificer.net/pbs176" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pbs.bartificer.net/pbs176</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/WebPack" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPack</span></a> <a href="https://chaos.social/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a></p>
Erik L. Midtsveen🏳️‍⚧️🏳️‍🌈<p>I deleted &amp; re-drafted my post about my personal website.</p><p>Yes, I added a pronouns section!</p><p>I'm really happy with how it turned out. It reflects my passions and everything I care about.</p><p>You can take a look and share your thoughts!</p><p>- <a href="https://midtsveen.github.io" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">midtsveen.github.io</span><span class="invisible"></span></a></p><p><a href="https://social.linux.pizza/tags/AnarchoSyndicalist" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AnarchoSyndicalist</span></a> <a href="https://social.linux.pizza/tags/GenderFluid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GenderFluid</span></a> <a href="https://social.linux.pizza/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a> <a href="https://social.linux.pizza/tags/GitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHub</span></a> <a href="https://social.linux.pizza/tags/Pronouns" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pronouns</span></a></p>

I'm having one of those mornings where I really want to scrap my entire site and re-write it completely. Hypothetically, if I somehow had so much free time that I could do this, who's got suggestions for what static site generator I should go with, and where I should host said site? Right now I use #jekyll and #githubpages, both with limitations I don't much like so would be looking to try something new.

Microfronends as a #decentralized alternative to #npm.

While i can smush everything into a #monoRepo, i wanted to explore the idea of using #Microfrontends as a kind-of self managed alternative to #npm.

Microfronends have been around for a while and i've come across many different approaches. I want to share how im using microfrontends in my project.

Im using #Webpack 5 #moduleFederation to create the #microfrontend. there are some interesting features that i dont think are being mentioned elsewhere:

- Dynamic Remotes: Modules can be loaded from various endpoints. We can use a custom function to ping different URLs and determine the fastest one for loading the required module.

- #Selfhosters can manage modules independently, enhancing control over updates and #security on #opensource projects.

- Development Experience: By using dynamic-remotes and running modules locally during development, it can speed up testing and iteration.

- Scalability: The approach allows for #CDN scaling with module deployments on multiple cloud providers. currently, my redundencies are on AWS S3 + github-pages... but i can see how this can be scaled to more cloud providers.

Im aiming for the architecture to look like the following. Let me know your thoughts on my approach and if its something you would consider for your project.

positive-intentions.com/blog/d

positive-intentions.com/blog/s

id like to share some details about how my app works so you can discover/give me feedback on my app. id like to have wording in my app to say something like "most secure chat app in the world"... i probably cant do that because it doesnt qualify.

github.com/positive-intentions

positive-intentions.com/blog/i

im not an expert on #cyberSecurity. im sure there are many gaps in my knowlege in this domain.

using #javascript, i initially created a fairly basic #chatApp using using #peerjs to create #encrypted #webrtc #connections. this was then easily enhanced by exchanging additional #encryption #keys from #cryptography functions built into browsers (#webcrypto api) to add a redundent layer of encryption. a #diffieHelman key #exchange is done over #webrtc (which can be considered #secure when exchanged over public channels) to create #serverless #p2p #authentication.

- i sometimes recieve feedback like "javascript is inherently insecure". i disagree with this and have #openedSource my #cryptography module. its basically a thin wrapper around vanilla cryptography functions of a #browser (webcrypto api).

- another concern for my kind of app (#PWA) is that the developer may introduce malicious code. this is an important point for which i open sourced the project and give instructions for #selfhosting. selhosting this app has some unique features. unlike many other #selfhosted #projects, this app can be hosted on #githubPages (instructions are provided in the readme). im also working towards having better support for running the index.html directly without a static server.

- to prevent things like browser extensions, the app uses strict #CSP headers to prevent #unauthorised code from running. #selfhosting users should take note of this when setting up their own instance.

- i received feedback the #Signal/#Simplex protocol is great. completely undertsandable and agree, but wonder if im reducing the #complexity by working with #webrtc. while it has its many flaws, i think risks can be reasonable mitigated if the #cryptography functions are implemented correctly. (all data out is #encrypted and all data in is #decrypted on-the-fly)

- the key detail that makes this approach unique, is because as a #webapp, unlike other solutions, users have a choice of using any #device/#os/#browser. while a webapp can have nuanced #vulnerabilities, i think by #openSourcing and providing instructions for #selfhosting and instructions to #build for various #platforms, it can provide a reasonable level of #security.

i think if i stick to the principle of avoiding using any kind of "required" service provider (myself included) and allowing the #frontend and the peerjs-server to be #hosted #independently, im on track for creating a #chatSystem with the "fewest moving parts". i hope you will agree this is true #p2p and i hope i can use this as a step towards true #privacy and #security. #security might be further improved by using a trusted #VPN.

while there are several similar apps out there like mine. i think mine is distinctly a different approach. so its hard to find #bestPractices for the functionalities i want to achieve. in particular #security practices to use when using #p2p technology.

(note: this app is an #unstable, #experiment, #proofOfConcept and not ready to replace any other app or service. It's far from finished and provided for #testing and #demo purposes only. This post is to get #feedback on the progress to determine if i'm going in the right direction for a secure chat app)

GitHubGitHub - positive-intentions/chat: Decentralized chatDecentralized chat. Contribute to positive-intentions/chat development by creating an account on GitHub.

⚠️ .io domain¹ likely being phased-out² — seven suggested steps

Good article in The Verge summarizing recent .io related events, see that for more context if this is news to you:
* https://www.theverge.com/2024/10/8/24265441/uk-treaty-end-io-domain-chagos-islands

It looks likely .io (and .io domains) will go away in the next few years (as .cs and .yu did³), so here are my suggested steps to take depending on your usage of .io domains:

1. Avoid buying new .io domains (or making plans with existing ones; sell if you can)
2. If you currently run a .io service (for a company or community), make and publicize a transition plan (like a new domain, redirection, orderly shutdown plan for redirects)
3. If you have a personal site on a .io domain or subdomain, make your own transition plan, and perhaps post about how others should link to your posts
4. If you are using someone else’s .io domain to publish (like #GitHubPages), make a transition plan to publish elsewhere and leave a forwarding note and link behind
5. If you use a .io domain as your Web sign-in login on any sites, switch them to another non-io personal domain
6. Similarly if your site accepts #WebSignIn logins (via #IndieAuth, #RelMeAuth, or even #OpenID), consider discouraging any new sign-ups from .io domains, and warning any existing users with .io domains to switch per # 5
7. If you have posts (or a whole #indieweb site) with links to .io sites or pages (like those in 2-4 above), make a plan for editing those links to point to an alternative or an archival copy (like on the Internet Archive)

And of course, post about your #dotIO plans.

Glossary

Domain
 https://indieweb.org/domain
IndieAuth
 https://indieweb.org/IndieAuth
Internet Archive
 https://web.archive.org/
OpenID
 https://indieweb.org/OpenID
Redirect
 https://indieweb.org/redirect
RelMeAuth
 https://indieweb.org/RelMeAuth
Web sign-in
 https://indieweb.org/Web_sign-in


References:

¹ https://indieweb.org/.io
² https://en.wikipedia.org/wiki/.io#Phasing_Out
³ https://en.wikipedia.org/wiki/.cs
E.g. https://indieweb.org/webmention.io or https://indieweb.org/granary.io
E.g. https://indieweb.org/werd.io
https://indieweb.org/github.io


This is post 25 of #100PostsOfIndieWeb. #100Posts

https://tantek.com/2024/283/t1/metaphors-constructive-cooperative-joyful
🔮

tantek.com⚠️ .io domain^1 likely being phased-out^2 — seven suggested steps Good article in The Verge summarizing recent .io related events, see that for more context if this is news to you: * https://www.theverge.com/2024/10/8/24265441/uk-treaty-end-io-domain-chagos-islands It looks likely .io (and .io domains) will go away in the next few years (as .cs and .yu did^3), so here are my suggested steps to take depending on your usage of .io domains: 1. Avoid buying new .io domains (or making plans with existing ones; sell if you can) 2. If you currently run a .io service^4 (for a company or community), make and publicize a transition plan (like a new domain, redirection, orderly shutdown plan for redirects) 3. If you have a personal site on a .io domain^5 or subdomain, make your own transition plan, and perhaps post about how others should link to your posts 4. If you are using someone else’s .io domain to publish (like #GitHubPages^6), make a transition plan to publish elsewhere and leave a forwarding note and link behind 5. If you use a .io domain as your Web sign-in login on any sites, switch them to another non-io personal domain 6. Similarly if your site accepts #WebSignIn logins (via #IndieAuth, #RelMeAuth, or even #OpenID), consider discouraging any new sign-ups from .io domains, and warning any existing users with .io domains to switch per # 5 7. If you have posts (or a whole #indieweb site) with links to .io sites or pages (like those in 2-4 above), make a plan for editing those links to point to an alternative or an archival copy (like on the Internet Archive) And of course, post about your #dotIO plans. Glossary Domain https://indieweb.org/domain IndieAuth https://indieweb.org/IndieAuth Internet Archive https://web.archive.org/ OpenID https://indieweb.org/OpenID Redirect https://indieweb.org/redirect RelMeAuth https://indieweb.org/RelMeAuth Web sign-in https://indieweb.org/Web_sign-in References: ^1 https://indieweb.org/.io ^2 https://en.wikipedia.org/wiki/.io#Phasing_Out ^3 https://en.wikipedia.org/wiki/.cs ^4 E.g. https://indieweb.org/webmention.io or https://indieweb.org/granary.io ^5 E.g. https://indieweb.org/werd.io ^6 https://indieweb.org/github.io This is post 25 of #100PostsOfIndieWeb. #100Posts ← https://tantek.com/2024/283/t1/metaphors-constructive-cooperative-joyful → 🔮 - Tantek

@Ariri unless you want custom-engineer your own #Markdown -> #LaTeX -> #Ghostscript pipeline like @fuchsiii did, consider #MkDocs as an easy solution to turn Markdown files into sleek #documentation with minimal configuration needed.

That should provide you with an easy way to present stuff in an intuitive way...

I myself can't he assed writing #HTML5 / #CSS3 / #JS6 or wahtever #cursed #WebApp #TechStack is trendy tthese days so I use #MkDocs all the time...

www.mkdocs.orgMkDocsProject documentation with Markdown.