Ducky Fella<p>Is your company looking for a keen self-hoster with plenty of <a href="https://cupoftea.social/tags/Linux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Linux</span></a> experience? I grew up with <a href="https://cupoftea.social/tags/RaspberryPi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RaspberryPi</span></a> and have picked up many skills along the way including <a href="https://cupoftea.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a>, backend JavaScript (<a href="https://cupoftea.social/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NodeJS</span></a>) and <a href="https://cupoftea.social/tags/Docker" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Docker</span></a>. My current obsession is monitoring all the things with <a href="https://cupoftea.social/tags/Grafana" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Grafana</span></a>, <a href="https://cupoftea.social/tags/PRTG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PRTG</span></a> and <a href="https://cupoftea.social/tags/Prometheus" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Prometheus</span></a>. I’m based in the UK but open to primarily English-speaking roles in Germany, too. Currently wrapping up my Advanced Software Development degree but eager to continue learning! Boosts appreciated :D</p><p><a href="https://cupoftea.social/tags/GetFediHired" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GetFediHired</span></a></p>
lingo.lol is one of the many independent Mastodon servers you can use to participate in the fediverse.
A place for linguists, philologists, and other lovers of languages.
Administered by:
Server stats:
66active users
lingo.lol: About · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.1
#NodeJS
1 post · 1 participant · 0 posts today
plague-of-grackles 😷🍉🐈⬛<p>Partypeople we have to kill <a href="https://toot.cat/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> before it kills us</p>
🏳️🌈🎃🇧🇷Luana🇧🇷🎃🏳️🌈<p>Any good resources out there on building secure (but easy for someone who’s messing with javascript/typescript for the 1st time) login systems with nodejs and postgresql?</p><p>I think I’ve seen someone on fedi mention that bcrypt wasn’t really safe a while ago?</p><p><a href="https://wetdry.world/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a></p>
boredsquirrel<p><span class="h-card" translate="no"><a href="https://mas.to/@carnage4life" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>carnage4life</span></a></span> ironically their software quality also seems to deteriorate. Win11 on an underpowered Laptop is extremely slow!</p><p>Afaik they use a bunch of <a href="https://tux.social/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NodeJS</span></a> for OS components, which makes sense if you want to hire cheap web devs or want to make shiny software without heavy systems integration...</p><p>But if they use <a href="https://tux.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a>, they could also write efficient software, as they dont rely on humans?</p><p><a href="https://tux.social/tags/enshittification" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>enshittification</span></a> <a href="https://tux.social/tags/Microsoft" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Microsoft</span></a></p>
Emelia 👸🏻<p>So recently the <span class="h-card" translate="no"><a href="https://social.lfx.dev/@nodejs" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>nodejs</span></a></span> project posted an article seeking LGBTQIA+ stories from people who use or have contributed to Node.js, I shared the link last week.</p><p>Anyway, I decided to submit a story of how Node.js and tech in general was a lifeline for me as a teenager, in a world where I didn't quite fit in, and how I came to realise I was trans.</p><p>Many thanks to them for providing this opportunity!</p><p><a href="https://nodejs.org/en/blog/community/2025-06-28-Emelia-Smith" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nodejs.org/en/blog/community/2</span><span class="invisible">025-06-28-Emelia-Smith</span></a></p><p><a href="https://hachyderm.io/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://hachyderm.io/tags/lgbtqia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lgbtqia</span></a> <a href="https://hachyderm.io/tags/PrideMonth" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PrideMonth</span></a></p>
Joe Lanman<p>what are people using for server side templating in Node these days? I like Nunjucks but Mozilla have stopped supporting it</p><p><a href="https://hachyderm.io/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://hachyderm.io/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
mastodon.raddemo.host<p>How to Install <a href="https://mastodon.raddemo.host/tags/PeerTube" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PeerTube</span></a> on <a href="https://mastodon.raddemo.host/tags/Ubuntu" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Ubuntu</span></a> VPS </p><p>This article provides an in-depth guide demonstrating how to install PeerTube on Ubuntu VPS.<br>What is PeerTube?<br>PeerTube is a decentralized, federated video hosting platform powered by WebTorrent and ActivityPub. It enables users to self-host video services and interact with other PeerTube ...<br>Continued 👉 <a href="https://blog.radwebhosting.com/how-to-install-peertube-on-ubuntu-vps/?utm_source=mastodon&utm_medium=social&utm_campaign=mastodon.raddemo.host" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.radwebhosting.com/how-to-</span><span class="invisible">install-peertube-on-ubuntu-vps/?utm_source=mastodon&utm_medium=social&utm_campaign=mastodon.raddemo.host</span></a> <a href="https://mastodon.raddemo.host/tags/decentralized" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>decentralized</span></a> <a href="https://mastodon.raddemo.host/tags/letsencrypt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>letsencrypt</span></a> <a href="https://mastodon.raddemo.host/tags/videostreaming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>videostreaming</span></a> <a href="https://mastodon.raddemo.host/tags/installguide" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>installguide</span></a> <a href="https://mastodon.raddemo.host/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://mastodon.raddemo.host/tags/selfhosted" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>selfhosted</span></a> <a href="https://mastodon.raddemo.host/tags/selfhosting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>selfhosting</span></a> <a href="https://mastodon.raddemo.host/tags/vpsguide" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vpsguide</span></a> <a href="https://mastodon.raddemo.host/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a> <a href="https://mastodon.raddemo.host/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a></p>
⚯ Michel de Cryptadamus ⚯<p>Ω🪬Ω<br>new release of <a href="https://universeodon.com/tags/Fedialgo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fedialgo</span></a>, the customizable timeline algorithm / filtering system for your Mastodon feed, counts the number of times each hashtag appears in your timeline even if people don't use a "#" character to give you a better sense of what people are talking about in the Fediverse.</p><p>there's a little bit of art vs. science here because some strings are disqualified from this kind of counting (e.g. a word like "the" should not be counted even if some maniac decided to make it a hashtag) so let me know if you see any weirdly high counts.</p><p>* Link: <a href="https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">michelcrypt4d4mus.github.io/fe</span><span class="invisible">dialgo_demo_app_foryoufeed/</span></a><br>* Code: <a href="https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/michelcrypt4d4mus/f</span><span class="invisible">edialgo_demo_app_foryoufeed</span></a><br>* Video of FediAlgo in action: <a href="https://universeodon.com/@cryptadamist/114395249311910522" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">universeodon.com/@cryptadamist</span><span class="invisible">/114395249311910522</span></a></p><p><a href="https://universeodon.com/tags/activitypub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>activitypub</span></a> <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithm</span></a> <a href="https://universeodon.com/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicFeed</span></a> <a href="https://universeodon.com/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicTimeline</span></a> <a href="https://universeodon.com/tags/Fedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fedi</span></a> <a href="https://universeodon.com/tags/FediTips" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTips</span></a> <a href="https://universeodon.com/tags/FediTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTools</span></a> <a href="https://universeodon.com/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> <a href="https://universeodon.com/tags/Feed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Feed</span></a> <a href="https://universeodon.com/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://universeodon.com/tags/Masto" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Masto</span></a> <a href="https://universeodon.com/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoAdmin</span></a> <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> <a href="https://universeodon.com/tags/mastohelp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastohelp</span></a> <a href="https://universeodon.com/tags/MastoJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoJS</span></a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://universeodon.com/tags/node" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>node</span></a> <a href="https://universeodon.com/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://universeodon.com/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SocialWeb</span></a> <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>timeline</span></a> <a href="https://universeodon.com/tags/TL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TL</span></a> <a href="https://universeodon.com/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://universeodon.com/tags/hashtag" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hashtag</span></a> <a href="https://universeodon.com/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a> <a href="https://universeodon.com/tags/hashtags" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hashtags</span></a></p>
JB Lièvremont<p>Or donc, <a href="https://mastodon.social/tags/JeChercheUnJob" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JeChercheUnJob</span></a></p><p>Idéalement, où mes 20+ années d'expérience dans "la tech" au sens large pourraient bénéficier à l'<a href="https://mastodon.social/tags/environnement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>environnement</span></a>, l'<a href="https://mastodon.social/tags/%C3%A9ducation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>éducation</span></a>, la <a href="https://mastodon.social/tags/sant%C3%A9" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>santé</span></a>.</p><p>Il y a peu de domaines de la tech qui me font peur. J'ai fait du front, du back, de l'embarqué, du desktop, de l'intégration. </p><p>Je connais très bien l'écosystème <a href="https://mastodon.social/tags/Java" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Java</span></a>, un peu moins <a href="https://mastodon.social/tags/Nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Nodejs</span></a> et <a href="https://mastodon.social/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Python</span></a> - et j'apprends vite.</p><p>Je me reconnais à 100% dans cette description des "généralistes experts" : <a href="https://martinfowler.com/articles/expert-generalist.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">martinfowler.com/articles/expe</span><span class="invisible">rt-generalist.html</span></a></p>
⚯ Michel de Cryptadamus ⚯<p>Ω🪬Ω<br>Just pushed a new release of <a href="https://universeodon.com/tags/FediAlgo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediAlgo</span></a> to production. Now sprinkles the latest posts from your homeserver into your feed, caches more stuff for performance reasons, fully supports blocked domains, and some other stuff.</p><p><a href="https://universeodon.com/@cryptadamist/114518687892123058" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">universeodon.com/@cryptadamist</span><span class="invisible">/114518687892123058</span></a></p><p><a href="https://universeodon.com/tags/activitypub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>activitypub</span></a> <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithm</span></a> <a href="https://universeodon.com/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicFeed</span></a> <a href="https://universeodon.com/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicTimeline</span></a> <a href="https://universeodon.com/tags/Fedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fedi</span></a> <a href="https://universeodon.com/tags/FediTips" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTips</span></a> <a href="https://universeodon.com/tags/FediTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTools</span></a> <a href="https://universeodon.com/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> <a href="https://universeodon.com/tags/Feed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Feed</span></a> <a href="https://universeodon.com/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://universeodon.com/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoAdmin</span></a> <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> <a href="https://universeodon.com/tags/mastohelp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastohelp</span></a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://universeodon.com/tags/nod" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nod</span></a> <a href="https://universeodon.com/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://universeodon.com/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SocialWeb</span></a> <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>timeline</span></a> <a href="https://universeodon.com/tags/TL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TL</span></a> <a href="https://universeodon.com/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://universeodon.com/tags/mastojs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastojs</span></a> <a href="https://universeodon.com/tags/hashtags" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hashtags</span></a> <a href="https://universeodon.com/tags/MastodonApi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastodonApi</span></a> <a href="https://universeodon.com/tags/socialmedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>socialmedia</span></a></p>
⚯ Michel de Cryptadamus ⚯<p><a href="https://universeodon.com/tags/FediAlgo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediAlgo</span></a> will now let you filter your feed by the server your timeline toots are originating from. You can also choose whether to color highlight hashtags you've participated in or favourited and some other fun stuff.</p><p>* Try it w/your browser: <a href="https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">michelcrypt4d4mus.github.io/fe</span><span class="invisible">dialgo_demo_app_foryoufeed/</span></a><br>* Code: <a href="https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/michelcrypt4d4mus/f</span><span class="invisible">edialgo_demo_app_foryoufeed</span></a><br>* Video of FediAlgo in action: <a href="https://universeodon.com/@cryptadamist/114395249311910522" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">universeodon.com/@cryptadamist</span><span class="invisible">/114395249311910522</span></a><br>* Release notes: <a href="https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed/releases" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/michelcrypt4d4mus/f</span><span class="invisible">edialgo_demo_app_foryoufeed/releases</span></a></p><p><a href="https://universeodon.com/tags/activitypub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>activitypub</span></a> <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithm</span></a> <a href="https://universeodon.com/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicFeed</span></a> <a href="https://universeodon.com/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicTimeline</span></a> <a href="https://universeodon.com/tags/Fedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fedi</span></a> <a href="https://universeodon.com/tags/FediTips" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTips</span></a> <a href="https://universeodon.com/tags/FediTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTools</span></a> <a href="https://universeodon.com/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> <a href="https://universeodon.com/tags/Feed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Feed</span></a> <a href="https://universeodon.com/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://universeodon.com/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoAdmin</span></a> <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> <a href="https://universeodon.com/tags/mastohelp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastohelp</span></a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://universeodon.com/tags/nod" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nod</span></a> <a href="https://universeodon.com/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://universeodon.com/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SocialWeb</span></a> <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>timeline</span></a> <a href="https://universeodon.com/tags/TL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TL</span></a> <a href="https://universeodon.com/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://universeodon.com/tags/mastojs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastojs</span></a> <a href="https://universeodon.com/tags/hashtags" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hashtags</span></a></p>
⚯ Michel de Cryptadamus ⚯<p>Ω🪬Ω<br><a href="https://universeodon.com/tags/FediAlgo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediAlgo</span></a>, the customizable timeline algorithm / filtering system for your Mastodon feed, now has a "TOTAL CHAOS" preset for when you're really feeling like mixing up your timeline in addition to a way to weight toots based on the author's follower count, highlighting of hashtags based on how much you use or interact with them, and a bunch of other fund stuff.</p><p>* Try It: <a href="https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">michelcrypt4d4mus.github.io/fe</span><span class="invisible">dialgo_demo_app_foryoufeed/</span></a><br>* Code: <a href="https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/michelcrypt4d4mus/f</span><span class="invisible">edialgo_demo_app_foryoufeed</span></a><br>* Video of FediAlgo in action: <a href="https://universeodon.com/@cryptadamist/114395249311910522" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">universeodon.com/@cryptadamist</span><span class="invisible">/114395249311910522</span></a></p><p><a href="https://universeodon.com/tags/activitypub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>activitypub</span></a> <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithm</span></a> <a href="https://universeodon.com/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicFeed</span></a> <a href="https://universeodon.com/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicTimeline</span></a> <a href="https://universeodon.com/tags/Fedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fedi</span></a> <a href="https://universeodon.com/tags/FediTips" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTips</span></a> <a href="https://universeodon.com/tags/FediTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTools</span></a> <a href="https://universeodon.com/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> <a href="https://universeodon.com/tags/Feed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Feed</span></a> <a href="https://universeodon.com/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://universeodon.com/tags/Masto" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Masto</span></a> <a href="https://universeodon.com/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoAdmin</span></a> <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> <a href="https://universeodon.com/tags/mastohelp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastohelp</span></a> <a href="https://universeodon.com/tags/MastoJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoJS</span></a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://universeodon.com/tags/nod" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nod</span></a> <a href="https://universeodon.com/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://universeodon.com/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SocialWeb</span></a> <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>timeline</span></a> <a href="https://universeodon.com/tags/TL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TL</span></a> <a href="https://universeodon.com/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://universeodon.com/tags/chaos" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>chaos</span></a> <a href="https://universeodon.com/tags/erys" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>erys</span></a></p>
⚯ Michel de Cryptadamus ⚯<p>Ω🪬Ω<br>The new version of <a href="https://universeodon.com/tags/Fedialgo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fedialgo</span></a> is much, much faster at loading and reordering the timeline. Also has fancy gradients to show you which hashtags in your feed are the ones trending the most and which ones you post about the most. Also a bunch of other tweaks and improvements.</p><p>* Try the demo: <a href="https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">michelcrypt4d4mus.github.io/fe</span><span class="invisible">dialgo_demo_app_foryoufeed/</span></a><br>* Video of it in action: <a href="https://universeodon.com/@cryptadamist/114518687892123058" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">universeodon.com/@cryptadamist</span><span class="invisible">/114518687892123058</span></a><br>* Release notes: <a href="https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed/releases" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/michelcrypt4d4mus/f</span><span class="invisible">edialgo_demo_app_foryoufeed/releases</span></a></p><p><a href="https://universeodon.com/tags/activitypub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>activitypub</span></a> <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithm</span></a> <a href="https://universeodon.com/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicFeed</span></a> <a href="https://universeodon.com/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicTimeline</span></a> <a href="https://universeodon.com/tags/Fedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fedi</span></a> <a href="https://universeodon.com/tags/FediTips" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTips</span></a> <a href="https://universeodon.com/tags/FediTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTools</span></a> <a href="https://universeodon.com/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> <a href="https://universeodon.com/tags/Feed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Feed</span></a> <a href="https://universeodon.com/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://universeodon.com/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoAdmin</span></a> <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> <a href="https://universeodon.com/tags/mastohelp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastohelp</span></a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://universeodon.com/tags/nod" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nod</span></a> <a href="https://universeodon.com/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://universeodon.com/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SocialWeb</span></a> <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>timeline</span></a> <a href="https://universeodon.com/tags/TL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TL</span></a> <a href="https://universeodon.com/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Aral Balkan<p>Just requested that Auto Encrypt¹ is added to the list of <span class="h-card" translate="no"><a href="https://infosec.exchange/@letsencrypt" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>letsencrypt</span></a></span> clients for Node.js and that Kitten² is added to the list of projects that integrate Let’s Encrypt support:</p><p>• <a href="https://github.com/letsencrypt/website/pull/1921" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/letsencrypt/website</span><span class="invisible">/pull/1921</span></a><br>• <a href="https://github.com/letsencrypt/website/pull/1922" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/letsencrypt/website</span><span class="invisible">/pull/1922</span></a></p><p>I originally requested that Auto Encrypt and Site.js (the precursor to Kitten, now sunset) be added to the list in 2021. It was not approved (no reason given), so hopefully this time will be different.</p><p><a href="https://github.com/letsencrypt/website/pull/1203" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/letsencrypt/website</span><span class="invisible">/pull/1203</span></a></p><p>¹ <a href="https://codeberg.org/small-tech/auto-encrypt" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/auto-e</span><span class="invisible">ncrypt</span></a><br>² <a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">kitten.small-web.org</span><span class="invisible"></span></a></p><p><a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/AutoEncrypt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AutoEncrypt</span></a> <a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/LetsEncrypt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LetsEncrypt</span></a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NodeJS</span></a> <a href="https://mastodon.ar.al/tags/ACME" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ACME</span></a></p>
⚯ Michel de Cryptadamus ⚯<p>Ω🪬Ω<br>You can now send replies to Toots as well as expand threads directly within the <a href="https://universeodon.com/tags/FediAlgo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediAlgo</span></a> demo app, no need to click through to the regular Mastodon web interface.</p><p>* Link: <a href="https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">michelcrypt4d4mus.github.io/fe</span><span class="invisible">dialgo_demo_app_foryoufeed/</span></a><br>* Code: <a href="https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/michelcrypt4d4mus/f</span><span class="invisible">edialgo_demo_app_foryoufeed</span></a><br>* Video of FediAlgo in action: <a href="https://universeodon.com/@cryptadamist/114395249311910522" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">universeodon.com/@cryptadamist</span><span class="invisible">/114395249311910522</span></a></p><p><a href="https://universeodon.com/tags/activitypub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>activitypub</span></a> <a href="https://universeodon.com/tags/algorithm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithm</span></a> <a href="https://universeodon.com/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicFeed</span></a> <a href="https://universeodon.com/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicTimeline</span></a> <a href="https://universeodon.com/tags/Fedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fedi</span></a> <a href="https://universeodon.com/tags/FediTips" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTips</span></a> <a href="https://universeodon.com/tags/FediTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTools</span></a> <a href="https://universeodon.com/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> <a href="https://universeodon.com/tags/Feed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Feed</span></a> <a href="https://universeodon.com/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://universeodon.com/tags/Masto" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Masto</span></a> <a href="https://universeodon.com/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoAdmin</span></a> <a href="https://universeodon.com/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> <a href="https://universeodon.com/tags/mastohelp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastohelp</span></a> <a href="https://universeodon.com/tags/MastoJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoJS</span></a> <a href="https://universeodon.com/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://universeodon.com/tags/nod" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nod</span></a> <a href="https://universeodon.com/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://universeodon.com/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SocialWeb</span></a> <a href="https://universeodon.com/tags/timeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>timeline</span></a> <a href="https://universeodon.com/tags/TL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TL</span></a> <a href="https://universeodon.com/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Reilly Spitzfaden (they/them)<p>My Swedish textbook publisher wanted me to listen to audio examples on their site or in their app. I had other ideas.</p><p>A fun little project combating enshittification, and some practice with Node JS and web scraping!</p><p><a href="https://reillyspitzfaden.com/posts/2025/05/i-would-rather-spend-an-evening-on-a-web-scraper-than-use-your-app/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">reillyspitzfaden.com/posts/202</span><span class="invisible">5/05/i-would-rather-spend-an-evening-on-a-web-scraper-than-use-your-app/</span></a> </p><p><a href="https://hachyderm.io/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NodeJS</span></a> <a href="https://hachyderm.io/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://hachyderm.io/tags/Enshittification" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Enshittification</span></a> <a href="https://hachyderm.io/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://hachyderm.io/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programming</span></a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p>
Michael<p>I have posted about this before, but wanted to re-iterate how much in love I am with FediAlgo:</p><p>I’m currently on paternity leave so have around half an hour per day for social. That is of course far from enough to keep up with a chronological timeline like mine, and previously with Mastodon the FOMO was real. </p><p>Now I go to FediAlgo and I feel I got an overview over what’s interesting in that day. It’s also immensely customisable, but the defaults do a decent job for me. </p><p>If you haven’t tried it yet, I highly recommend you try it out. You can try it out on my personal playground at <a href="https://fedialgo.thms.uk" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">fedialgo.thms.uk</span><span class="invisible"></span></a> or on the maintainer’s official website at <a href="https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">michelcrypt4d4mus.github.io/fe</span><span class="invisible">dialgo_demo_app_foryoufeed/</span></a></p><p>Thanks <span class="h-card" translate="no"><a href="https://universeodon.com/@cryptadamist" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>cryptadamist</span></a></span> for the work you put into this!</p><p><a href="https://mstdn.thms.uk/tags/activitypub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>activitypub</span></a> <a href="https://mstdn.thms.uk/tags/algorithm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithm</span></a> <a href="https://mstdn.thms.uk/tags/algorithmicFeed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicFeed</span></a> <a href="https://mstdn.thms.uk/tags/algorithmicTimeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algorithmicTimeline</span></a> <a href="https://mstdn.thms.uk/tags/Fedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fedi</span></a> <a href="https://mstdn.thms.uk/tags/FediTips" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTips</span></a> <a href="https://mstdn.thms.uk/tags/FediTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediTools</span></a> <a href="https://mstdn.thms.uk/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> <a href="https://mstdn.thms.uk/tags/Feed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Feed</span></a> <a href="https://mstdn.thms.uk/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://mstdn.thms.uk/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoAdmin</span></a> <a href="https://mstdn.thms.uk/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> <a href="https://mstdn.thms.uk/tags/mastohelp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastohelp</span></a> <a href="https://mstdn.thms.uk/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://mstdn.thms.uk/tags/nod" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nod</span></a> <a href="https://mstdn.thms.uk/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://mstdn.thms.uk/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SocialWeb</span></a> <a href="https://mstdn.thms.uk/tags/timeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>timeline</span></a> <a href="https://mstdn.thms.uk/tags/TL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TL</span></a> <a href="https://mstdn.thms.uk/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
kalvn<p>🔗 <a href="https://snyk.io/fr/blog/best-practices-create-modern-npm-package/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">snyk.io/fr/blog/best-practices</span><span class="invisible">-create-modern-npm-package/</span></a></p><p><a href="https://mastodon.xyz/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>npm</span></a> <a href="https://mastodon.xyz/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://mastodon.xyz/tags/goodpractice" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>goodpractice</span></a> <a href="https://mastodon.xyz/tags/package" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>package</span></a></p>
Ω
Ω
#FediAlgo, the customizable timeline algorithm / filtering system for your Mastodon feed, is now deployed on Github Pages and can be used from your web browser.
* Link: https://michelcrypt4d4mus.github.io/fedialgo_demo_app_foryoufeed/
* Code: https://github.com/michelcrypt4d4mus/fedialgo_demo_app_foryoufeed
* Video of FediAlgo in action: https://universeodon.com/@cryptadamist/114395249311910522
The fine @michael has deployed the #FediAlgo demo app to a place where you can test out the customizable algorithm + filtering system for your home timeline with nothing more than a web browser. You can find it here:
Here's a video of the FediAlgo demo in action (there's a few new features since the video): https://universeodon.com/@cryptadamist/114395249311910522
cc: @rolle @paige @LaurensHof
fedialgo.thms.ukFediAlgo Demo for Mastodon
TrendingLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload