Today I Learned

If you’re into interesting projects, don’t miss out on litestream [1], created by benbjohnson [2]. Streaming replication for SQLite. References: [1]: https://github.com/benbjohnson/litestream [2]: https://github.com/benbjohnson

I’m impressed by flameshow [1] from laixintao [2]. A terminal Flamegraph viewer. References: [1]: https://github.com/laixintao/flameshow [2]: https://github.com/laixintao

Looking for inspiration? installer [1] by jpillora [2]. One-liner for installing binaries from Github releases References: [1]: https://github.com/jpillora/installer [2]: https://github.com/jpillora

GitHub - jpillora/installer: One-liner for installing binaries from Github releases One-liner for installing binaries from Github releases - jpillora/installer GitHub · github.com [1] This is a sick looking bash script generator for installing binaries off of github releases. it reccomends curl into bash, but you could curl into install.sh and toss that in your dotfiles repo or wherever. Install installer with installer curl -s https://i.jpillora.com/installer | bash Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://github.com/jpillora/installer [2]: /thoughts/

How to run pods as systemd services with Podman Podman is well known for its seamless integration into modern Linux systems, and supporting systemd is a cornerstone in these efforts. Linux commonly uses th... redhat.com [1] podman comes with a nice command for generating systemd service files (units). $ podman pod create --name=my-pod 635bcc5bb5aa0a45af4c2f5a508ebd6a02b93e69324197a06d02a12873b6d1f7 $ podman create --pod=my-pod --name=container-a -t centos top c04be9c4ac1c93473499571f3c2ad74deb3e0c14f4f00e89c7be3643368daf0e $ podman create --pod=my-pod --name=container-b -t centos top b42314b2deff99f5877e76058ac315b97cfb8dc40ed02f9b1b87f21a0cf2fbff $ cd $HOME/.config/systemd/user $ podman generate systemd --new --files --name my-pod /home/vrothberg/.config/systemd/user/pod-my-pod.service /home/vrothberg/.config/systemd/user/container-container-b.service /home/vrothberg/.config/systemd/user/container-container-a.service Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://www.redhat.com/en/blog/podman-run-pods-systemd-services [2]: /thoughts/

I like MordechaiHadad’s [1] project bob [2]. A version manager for neovim References: [1]: https://github.com/MordechaiHadad [2]: https://github.com/MordechaiHadad/bob

makeplane [1] has done a fantastic job with plane [2]. Highly recommend taking a look. 🔥 🔥 🔥 Open Source JIRA, Linear, Monday, and Asana Alternative. Plane helps you track your issues, epics, and product roadmaps in the simplest way possible. References: [1]: https://github.com/makeplane [2]: https://github.com/makeplane/plane

Pagefind Pagefind is a fully static search library that aims to perform well on large sites, while using as little of your users’ bandwidth as possible, and without hosting any infrastructure. Pagefind · pagefind.app [1] Pagefind is absolutely insane. I’ve tried a number of static site searches, and found them all hard to get get going, clunky and not the best experience as a user or developer. I setup pagefind in about 2 minutes on my site where it found and indexed 833 pages in 2 minutes. The only downside I see so far is that it is a lot of bandwidth to the user. On simulated slow 3G you can definitly feel it, but not terrible. Anything slower and its going to start feeling frustrating. edit: I have actually fully deployed it on waylonwalker.com, and its fast! create the index npx -y pagefind --site public --serve Then I put this on a page, it looks really nice on a white background, but would need some work to drop into a dark theme. <link href="/pagefind/pagefind-ui.css" rel="stylesheet"> <script src="/pagefind/pagefind-ui.js"></script> <div id="search"></div> <script> window.addEventListener('DOMContentLoaded', (event) => { new PagefindUI({ element: "#search", s...

If you’re into interesting projects, don’t miss out on project.nvim [1], created by ahmedkhalf [2]. The superior project management solution for neovim. References: [1]: https://github.com/ahmedkhalf/project.nvim [2]: https://github.com/ahmedkhalf

I’ve recently given tailwindcss a second chance and am really liking it. Here is how I set it up for my python based projects. https://waylonwalker.com/a-case-for-tailwindcss Installation # [1] npm is used to install the cli that you will need to configure and compile tailwindcss. npm install -g tailwindcss-cli Setup # [2] You will need to create a tailwind.config.js file, to get this you can use the cli. npx tailwindcss init Using tailwind with jinja templates # [3] To set up tailwind to work with jinja templates you will need to point the tailwind config content to your jinja templates directory. module.exports = { content: ["templates/**/*.html"], }; Setting up the base styles # [4] I like to use the @tailwind base;, to do this I set up an input.css file. @tailwind base; @tailwind components; @tailwind utilities; Compiling # [5] Now that it’s all setup you can run the tailwindcss command. You will get an output.css with base tailwind plus any of the classes that you used. tailwindcss -i ./input.css -o ./output.css --watch References: [1]: #installation [2]: #setup [3]: #using-tailwind-with-jinja-templates [4]: #setting-up-the-base-styles [5]: #compiling

- Dang Mariah, killing it with continuous learning perspective. Note This post is a thought [1]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: /thoughts/

External Link X (formerly Twitter) · twitter.com [1] Kinda mindblown that this is even possible. This is so far outside of my current thinking that i didn’t even think of an elegant way to implement semantic search accross images and text at the same time. I know it happens at Google, but I envision that as still text search accross tags and meta data about the image. Based on the number of responses CLIP is the thing that does this. Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://twitter.com/simonw/status/1700528222382027039 [2]: /thoughts/

I came across textual-web [1] from Textualize [2], and it’s packed with great features and ideas. Run TUIs and terminals in your browser References: [1]: https://github.com/Textualize/textual-web [2]: https://github.com/Textualize

GitHub - aca/emmet-ls: Emmet support based on LSP. Emmet support based on LSP. Contribute to aca/emmet-ls development by creating an account on GitHub. GitHub · github.com [1] This is the greatest nvim emmet plugin I have tried. In the past I had tried the vim plugin a few times and just could not get a good flow with the keybindings and found it confusing for my occasional use. emmet-ls just uses lsp-completion, so its the same flow as other completions. You can try it out by installing with :Mason config # [2] local lspconfig = require('lspconfig') local configs = require('lspconfig/configs') local capabilities = vim.lsp.protocol.make_client_capabilities() capabilities.textDocument.completion.completionItem.snippetSupport = true lspconfig.emmet_ls.setup({ -- on_attach = on_attach, capabilities = capabilities, filetypes = { "css", "eruby", "html", "javascript", "javascriptreact", "less", "sass", "scss", "svelte", "pug", "typescriptreact", "vue" }, init_options = { html = { options = { -- For possible options, see: https://github.com/emmetio/emmet/blob/master/src/config.ts#L79-L267 ["bem.enabled"] = true, }, }, } }) Note This post is a thought [3]. It’s a sho...

LLM now provides tools for working with embeddings LLM is my Python library and command-line tool for working with language models. I just released LLM 0.9 with a new set of features that extend LLM to provide tools … Simon Willison’s Weblog · simonwillison.net [1] Simon’s llm cli is getting quite interesting. I really want to run some clustering on my website content. Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://simonwillison.net/2023/Sep/4/llm-embeddings/ [2]: /thoughts/

Formatter How to use the Biome formatter. Biome · biomejs.dev [1] Tried out biome today and it worked better than prettier on jinja templates, I might adopt this over prettier. Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://biomejs.dev/formatter/ [2]: /thoughts/

Check out aboutfeeds [1] by genmon [2]. It’s a well-crafted project with great potential. Web feeds/RSS “getting started” guide for new users. References: [1]: https://github.com/genmon/aboutfeeds [2]: https://github.com/genmon

htmx ~ The disable-element Extension htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypert... v1.htmx.org [1] An extension to disable elements during flight of an htmx [2] request, Looks super useful for things like a create or delete button where the server would end up with an error if you double delete or double create. This eliminates an error path that the user might see under normal use of the ui. Note This post is a thought [3]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://v1.htmx.org/extensions/disable-element/ [2]: /htmx/ [3]: /thoughts/

htmx ~ hx-indicator Attribute The hx-indicator attribute in htmx allows you to specify the element that will have the `htmx-request` class added to it for the duration of the request. This can be used to show spinners or progre... htmx.org [1] The htmx-request class is added to htmx-target elements. You can target this css selector to create loading state throbbers. By default the target element will the self, but you can use the typical htmx [2] css selector to select which element will recieve the htmx-request class while the request is running. The only way to override the name of the class is through config. Note This post is a thought [3]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://htmx.org/attributes/hx-indicator/ [2]: /htmx/ [3]: /thoughts/

- Prime concisely made sense of why htmx is so awesome compared to what has become modern reactive web dev in 2 minutes. I had never thought of it this way and it’s incredible. One thing I have comepletely missed out on with my use of htmx is setting the disabled state while the server is working, what a genius move! Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: /htmx/ [2]: /thoughts/