Published

page-break-after CSS property - CSS | MDN The page-break-after CSS property adjusts page breaks after the current element. MDN Web Docs · developer.mozilla.org [1] I’m working on something that might go to print, so I want the page breaks to happen somewhat in my control as the content author. As I do my writing I break my content up in to many short sections using h2, sometimes an h3. These are generally short sections that go together, should stay together, and typically are not too lengthy to cause a large white space in print. I found a way in css to only allow page breaks to happen on h2 and h3, and it turned out perfect, suck it WSIWIG editors * { page-break-before: avoid; } h2, h3 { page-break-before: auto; } 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://developer.mozilla.org/en-US/docs/Web/CSS/page-break-after [2]: /thoughts/

Go by Example gobyexample.com [1] Fantastic resource for learning go. You work through small examples quickly, learning single concepts along the way. 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://gobyexample.com/ [2]: /thoughts/

How to Build a Website or App - Syntax #696 This podcast episode covers a wide range of topics related to building a website or web application from start to finish. syntax.fm [1] Great tips in this one. They discuss everything from front end to backend, databases and ORMS, here are a few of my favorite points. - Use good data or good fake data - make it have some variation like long and short text - Don’t use a database if you need one, static content is eaiser to manage - end to end test, (does the site load page x) - You DONT NEED all this complexity, you can deploy a site with HTML [2] and CSS. 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://syntax.fm/show/696/how-to-build-a-website-or-app [2]: /html/ [3]: /thoughts/

External Link X (formerly Twitter) · twitter.com [1] Textual is so sick, Will just made a live markdown editor in the terminal! 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/willmcgugan/status/1729158038551220477 [2]: /thoughts/

External Link X (formerly Twitter) · twitter.com [1] Fastapi [2] passes flask in GitHub stars! [1] 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://twitter.com/tiangolo/status/1729153717956715007 [2]: /fastapi/ [3]: /thoughts/

- Nice take by @t3dotgg [1]. Some of the old patterns that go deep into webdev, MVC, separation of concerns, REST, are things we are told to believe on day one, thrown so many things, no mental bandwidth, or experience to form our own opinions we must take them as fact. Rarely do we take these facts and revisit them with our new understandings years later. 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/t3dotgg [2]: /thoughts/

External Link X (formerly Twitter) · twitter.com [1] Today I learned the meaning of abhorrent abhorrent ăb-hôr′ənt, -hŏr′- adjective Disgusting, loathsome, or repellent. Feeling repugnance or loathing. 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/pypeaday/status/1727156823185113304 [2]: /thoughts/

I’m really excited about sqlmodel [1], an amazing project by fastapi [2]. It’s worth exploring! SQL databases in Python, designed for simplicity, compatibility, and robustness. References: [1]: https://github.com/fastapi/sqlmodel [2]: https://github.com/fastapi

If you’re into interesting projects, don’t miss out on draw-a-ui [1], created by SawyerHood [2]. Draw a mockup and generate html [3] for it References: [1]: https://github.com/SawyerHood/draw-a-ui [2]: https://github.com/SawyerHood [3]: /html/

Heroicons Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. Heroicons · heroicons.com [1] heroicons is a really nice set of many of the basic icons that you will need for building nice ui’s. They have a really nice copy as svg or jsx button, so that you can just yank it and paste it on your page without any extra packages or installation. 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://heroicons.com/ [2]: /thoughts/

Uptime Kuma A self-hosted monitoring tool uptime.kuma.pet [1] Uptime kuma is a fantastic self hosted [2] monitoring tool. One docker run command and you are up and running. Once you are in you have full control over checking status of urls, frequency, allowed timeouts, and a HUGE list of notification providers docker run -d --restart=always -p 3001:3001 -v uptime-kuma:/app/data --name uptime-kuma louislam/uptime-kuma:1 I deployed it in my homelab [3] today. [4] Note This post is a thought [5]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://uptime.kuma.pet/ [2]: /self-host/ [3]: /homelab/ [4]: https://twitter.com/_WaylonWalker/status/1723077941649707468 [5]: /thoughts/

I came across uptime-kuma [1] from louislam [2], and it’s packed with great features and ideas. A fancy self-hosted [3] monitoring tool References: [1]: https://github.com/louislam/uptime-kuma [2]: https://github.com/louislam [3]: /self-host/

kv - Command | Vault | HashiCorp Developer The "kv" command groups subcommands for interacting with Vault's key/value secret engine. kv - Command | Vault | HashiCorp Developer · developer.hashicorp.com [1] hashi vault lets you manage secrets right from your cli. # set your vault url export VAULT_ADDR=https://myvault.mydomain vault login # get a secret vault kv get secret/hvac # put a secret vault kv put -mount=secret creds passcode=my-long-passcode # get it vault kv get secret/creds # == Secret Path == # secret/data/creds # # ======= Metadata ======= # Key Value # --- ----- # created_time 2023-11-05T02:53:40.978120001Z # custom_metadata <nil> # deletion_time n/a # destroyed false # version 3 # # ====== Data ====== # Key Value # --- ----- # bar baz # passcode my-long-passcode # get one field vault kv get -field=passcode secret/creds # my-long-passcode vault kv put -mount=secret creds bar=baz # set more keys vault kv put -mount=secret creds passcode=my-long-passcode bar=baz # # == Secret Path == # secret/data/creds # # ======= Metadata ======= # Key Value # --- ----- # created_time 2023-11-05T03:24:14.65958906Z # custom_metadata <nil> # deletion_time n/a # destroyed fa...

Looking for inspiration? cloudflared [1] by cloudflare [2]. Cloudflare Tunnel client (formerly Argo Tunnel) References: [1]: https://github.com/cloudflare/cloudflared [2]: https://github.com/cloudflare

The work on vhs [1] by charmbracelet [2]. Your CLI home video recorder 📼 References: [1]: https://github.com/charmbracelet/vhs [2]: https://github.com/charmbracelet

Check out Kanaries [1] and their project Rath [2]. Next generation of automated data exploratory analysis and visualization platform. References: [1]: https://github.com/Kanaries [2]: https://github.com/Kanaries/Rath

The work on local-ai-stack [1] by ykhli [2]. A starter kit to build local-only AI apps that cost $0 to run – starting with document Q&A. Written in Javascript References: [1]: https://github.com/ykhli/local-ai-stack [2]: https://github.com/ykhli

I’m impressed by pywebcopy [1] from rajatomar788 [2]. Locally saves webpages to your hard disk with images, css, js & links as is. References: [1]: https://github.com/rajatomar788/pywebcopy [2]: https://github.com/rajatomar788

I’m impressed by fem-htmx [1] from ThePrimeagen [2]. No description available. References: [1]: https://github.com/ThePrimeagen/fem-htmx [2]: https://github.com/ThePrimeagen

Just starred fem-htmx-proj [1] by ThePrimeagen [2]. It’s an exciting project with a lot to offer. No description available. References: [1]: https://github.com/ThePrimeagen/fem-htmx-proj [2]: https://github.com/ThePrimeagen