diff options
| author | Christian Cleberg <[email protected]> | 2025-11-14 18:52:07 -0600 |
|---|---|---|
| committer | Christian Cleberg <[email protected]> | 2025-11-14 18:52:07 -0600 |
| commit | 8503ce886741af7bb40c1fbdb58ec6bc0b906a3c (patch) | |
| tree | 8e5d6b4de7b1b6a6ab85cd1a678f3f727d096264 /content | |
| parent | ab1d0a88a5418a32f356564630e1cfba2f2329c4 (diff) | |
| download | cleberg.net-8503ce886741af7bb40c1fbdb58ec6bc0b906a3c.tar.gz cleberg.net-8503ce886741af7bb40c1fbdb58ec6bc0b906a3c.tar.bz2 cleberg.net-8503ce886741af7bb40c1fbdb58ec6bc0b906a3c.zip | |
fix alt-text for all remaining posts
Diffstat (limited to 'content')
26 files changed, 110 insertions, 20 deletions
diff --git a/content/blog/2020-12-29-zork.org b/content/blog/2020-12-29-zork.org index 578b5cd..019038b 100644 --- a/content/blog/2020-12-29-zork.org +++ b/content/blog/2020-12-29-zork.org @@ -32,6 +32,7 @@ as it was truly intended, you should try to play it without using the map. #+caption: Zork Map +#+attr_html: :alt A map for Zork, showing passageways, restrictions, and all locations. [[https://img.cleberg.net/blog/20201229-zork/zork_map.jpg]] /[[https://www.filfre.net/2012/01/exploring-zork-part-1/][Map Source]]/ @@ -42,7 +43,7 @@ After playing the game (for the first time ever) for several weeks around 2014, I was finally able to beat the game with some online help to find the last couple items. As I was writing this post, I installed the game again to grab some screenshots to show off the true glory of this game. As noted in [[https://www.filfre.net/2012/01/exploring-zork-part-1/][Jimmy -Maher's playthrough]], the original Zork games looked quite a bit different due to +Maher's Playthrough]], the original Zork games looked quite a bit different due to the older hardware of computers like the Apple II and multiple bug fixes that Infocom pushed out after the game's initial release. My play-through uses the [[https://store.steampowered.com/app/570580/Zork_Anthology/][Zork Anthology]] version, which utilizes DOSBox on Windows. diff --git a/content/blog/2021-03-28-vaporwave-vs-outrun.org b/content/blog/2021-03-28-vaporwave-vs-outrun.org index 61074a7..6701b7a 100644 --- a/content/blog/2021-03-28-vaporwave-vs-outrun.org +++ b/content/blog/2021-03-28-vaporwave-vs-outrun.org @@ -15,11 +15,13 @@ image search results for Vaporwave: the results include *a lot* of Outrun-themed images. You'll find a similar trend almost everywhere. #+caption: Vaporwave Search Results +#+attr_html: :alt Search engine results for vaporwave, showing many outrun-related images. [[https://img.cleberg.net/blog/20210328-vaporwave-vs-outrun/vaporwave-search-results.webp]] * Vaporwave #+caption: Macintosh Plus Album Cover +#+attr_html: :alt Album cover of the Macintosh Plus album. [[https://img.cleberg.net/blog/20210328-vaporwave-vs-outrun/macintosh-plus.webp]] Okay, so what is Vaporwave? I'm going to just copy-and-paste some general info @@ -72,7 +74,8 @@ aesthetically-pleasing parts of that past is a large part of Vaporwave. * Outrun #+caption: Outrun -[[https://img.cleberg.net/blog/20210328-vaporwave-vs-outrun/outrun.webp]] +#+attr_html: :alt The classic outrun picture with digital hills and a grid leading to a far-away sunset. +[[https://img.cleberg.net/blog/20210328-vaporwave-vs-outrun/outrun.jpg]] Now, let's get to Outrun. This one is a little trickier since the genre has largely been lumped under the Vaporwave title for so long. However, it stems @@ -103,15 +106,18 @@ like. Take a look at a common video game discussed in Outrun circles, Far Cry 3: Blood Dragon: #+caption: Fry Cry 3: Blood Dragon -[[https://img.cleberg.net/blog/20210328-vaporwave-vs-outrun/far-cry.webp]] +#+attr_html: :alt The game cover for Far Cary 3: Blood Dragon, showing ninjas, lasers, dinosaurs, and cyborgs. +[[https://img.cleberg.net/blog/20210328-vaporwave-vs-outrun/far-cry.jpg]] Another example that doesn't force the color scheme as hard as some online art does is Kung Fury: #+caption: Kung Fury +#+attr_html: :alt The movie cover for Kung Fury, showing the proteagonist in a city at night with a moon. [[https://img.cleberg.net/blog/20210328-vaporwave-vs-outrun/kung-fury.webp]] #+caption: Kung Fury Hacker Scene +#+attr_html: :alt The HACKERMAN scene from Kung Fury, showing a classic 1980's hacker in a computer room. [[https://img.cleberg.net/blog/20210328-vaporwave-vs-outrun/kung-fury-hacker.webp]] * Conclusion diff --git a/content/blog/2022-03-02-reliable-notes.org b/content/blog/2022-03-02-reliable-notes.org index 47c09e3..4cf7a0a 100644 --- a/content/blog/2022-03-02-reliable-notes.org +++ b/content/blog/2022-03-02-reliable-notes.org @@ -37,6 +37,7 @@ For example, here's how TextEdit on macOS will open and display a Markdown file in plain-text, since it does contain any features to preview Markdown as HTML: #+caption: Plain Text Markdown +#+attr_html: :alt A view of the README.md from the cleberg.net repository. [[https://img.cleberg.net/blog/20220302-easy-reliable-note-taking/plain_markdown.webp]] ** Saving & Syncing Files @@ -100,12 +101,14 @@ incredibly easy and straightforward. Here's an example of how my Markdown notes look when opened in plain-text mode: #+caption: Obsidian Markdown Source Mode +#+attr_html: :alt Markdown source mode, showing the symbols used by markdown to markup text. [[https://img.cleberg.net/blog/20220302-easy-reliable-note-taking/obsidian_source_mode.webp]] Here's the "live preview" version, where the Markdown is rendered into its HTML format: #+caption: Obsidian Markdown Live Preview +#+attr_html: :alt Markdown preview mode, hiding all symbols used in Markdown syntax. [[https://img.cleberg.net/blog/20220302-easy-reliable-note-taking/obsidian_live_preview.webp]] *** Programming on Desktop diff --git a/content/blog/2022-10-04-syncthing.org b/content/blog/2022-10-04-syncthing.org index 891541f..499b342 100644 --- a/content/blog/2022-10-04-syncthing.org +++ b/content/blog/2022-10-04-syncthing.org @@ -87,6 +87,7 @@ connected devices. Here's an example web GUI dashboard: #+caption: Syncthing Dashboard +#+attr_html: :alt Syncthing web page on macOS, showing folders, device info, and remote devices. [[https://img.cleberg.net/blog/20221020-syncthing/syncthing_gui.webp]] ** Remote Devices diff --git a/content/blog/2023-01-05-mass-unlike-tumblr-posts.org b/content/blog/2023-01-05-mass-unlike-tumblr-posts.org index 56bbe5c..a3cd687 100644 --- a/content/blog/2023-01-05-mass-unlike-tumblr-posts.org +++ b/content/blog/2023-01-05-mass-unlike-tumblr-posts.org @@ -55,7 +55,8 @@ Once you are logged in and the page is loaded, open the Developer Tools and be sure you're on the "Console" tab. It should look something like this (this is in Firefox, Chromium should be similar): -#+caption: Firefox Dev !Tools +#+caption: Firefox Dev Tools +#+attr_html: :alt Firefox Dev Tools' Console tab will allow you to paste this command. [[https:///img.cleberg.net/blog/20230105-mass-unlike-tumblr-posts/dev_console.webp]] All you need to do is paste the following snippet into the dev console. @@ -87,8 +88,9 @@ You can see the below screenshot showing that I pasted the snippet into the console, pressed Enter, and then the posts are automatically unliked. -#+caption: Script !Results -[[https:///img.cleberg.net/blog/20230105-mass-unlike-tumblr-posts/script_results.webp]] +#+caption: Script Results +#+attr_html: :alt The script will return "undefined" when run in the console. +[[https://img.cleberg.net/blog/20230105-mass-unlike-tumblr-posts/script_results.webp]] Thinking about this further, I would bet that this would be fairly simple to package into a browser add-on so that users could install the diff --git a/content/blog/2023-06-23-byobu.org b/content/blog/2023-06-23-byobu.org index edf475f..e415ed1 100644 --- a/content/blog/2023-06-23-byobu.org +++ b/content/blog/2023-06-23-byobu.org @@ -19,6 +19,7 @@ Take a look below at my current multi-window set-up in byobu while I write this blog post: #+caption: byobu +#+attr_html: :alt The Byobu multiplexer with both nano and eww opened. [[https://img.cleberg.net/blog/20230623-byobu/byobu.webp]] *** Keybindings diff --git a/content/blog/2023-06-23-self-hosting-convos.org b/content/blog/2023-06-23-self-hosting-convos.org index decd09d..ae5f051 100644 --- a/content/blog/2023-06-23-self-hosting-convos.org +++ b/content/blog/2023-06-23-self-hosting-convos.org @@ -130,9 +130,11 @@ There are numerous themes to choose from; the theme shown in the images below is Dracula. #+caption: Convos Home +#+attr_html: :alt The Convos login page, requiring an email and password. [[https://img.cleberg.net/blog/20230623-convos/convos_home.webp]] #+caption: Convos Chat +#+attr_html: :alt An example of the #org-mode channel on Libera.Chat. [[https://img.cleberg.net/blog/20230623-convos/convos_chat.webp]] * Registering a Nickname diff --git a/content/blog/2023-10-11-self-hosting-authelia.org b/content/blog/2023-10-11-self-hosting-authelia.org index 790c66f..794fd03 100644 --- a/content/blog/2023-10-11-self-hosting-authelia.org +++ b/content/blog/2023-10-11-self-hosting-authelia.org @@ -441,6 +441,7 @@ When visiting the protected domain, you will now be redirected to your authentication domain and presented with the Authelia login portal. #+caption: Authelia Portal +#+attr_html: :alt A view of the Authelia login page, requiring a username and password. [[https://img.cleberg.net/blog/20231010-authelia/authelia_portal.webp]] Once you've successfully authenticated, you can visit your @@ -448,4 +449,5 @@ authentication domain directly and see that you're currently authenticated to any domain protected by Authelia. #+caption: Authelia Success +#+attr_html: :alt A view of the success page when succesfully authenticated. [[https://img.cleberg.net/blog/20231010-authelia/authelia_success.webp]] diff --git a/content/blog/2024-01-27-tableau-dashboard.org b/content/blog/2024-01-27-tableau-dashboard.org index d026483..994c7b3 100644 --- a/content/blog/2024-01-27-tableau-dashboard.org +++ b/content/blog/2024-01-27-tableau-dashboard.org @@ -11,6 +11,7 @@ them to create the dashboard below. You can view this dashboard interactively online here: [[https://public.tableau.com/app/profile/c.c7042/viz/OmahaCrimeData2015-2023/OmahaCrimeData2015-2023#1][Omaha Crime Data (2015 - 2023)]]. #+caption: Tableau Dashboard +#+attr_html: :alt A Tableau dashboard showing a map of Omaha with a dot for each crime, a bar chart with totals per crime category, and a line chart showing a timeline of crime totals by month. [[https://img.cleberg.net/blog/20240127-tableau-dashboard/dashboard.webp]] * Gather the Data @@ -140,4 +141,5 @@ There's a ton of other options available to be used in a dashboard like this, but this project shows a quick preview of what you can do in Tableau Public. #+caption: Tableau Dashboard +#+attr_html: :alt A Tableau dashboard showing a map of Omaha with a dot for each crime, a bar chart with totals per crime category, and a line chart showing a timeline of crime totals by month. [[https://img.cleberg.net/blog/20240127-tableau-dashboard/dashboard.webp]] diff --git a/content/blog/2024-03-13-doom-emacs.org b/content/blog/2024-03-13-doom-emacs.org index 9e7bf11..041159a 100644 --- a/content/blog/2024-03-13-doom-emacs.org +++ b/content/blog/2024-03-13-doom-emacs.org @@ -12,9 +12,11 @@ and the help pane open at the bottomm. The themes are =doom-homage-white= and =doom-homage-black=. #+caption: Doom Emacs Light Mode +#+attr_html: :alt An example of the doom-homage-white theme on the Doom dashboard. [[https://img.cleberg.net/blog/20240314-doom-emacs/light.webp]] #+caption: Doom Emacs Dark Mode +#+attr_html: :alt An example of the doom-homage-black theme on the Doom dashboard. [[https://img.cleberg.net/blog/20240314-doom-emacs/dark.webp]] ** Getting Started @@ -183,6 +185,7 @@ been slowly adoping some Python and general web dev tools as well. *** Markdown #+caption: Markdown Preview +#+attr_html: :alt An editing buffer opened to a markdown file. [[https://img.cleberg.net/blog/20240314-doom-emacs/markdown.webp]] Markdown is fairly simple as the syntax is limited, so just make sure the @@ -205,6 +208,7 @@ things like link hiding. *** Org-Mode #+caption: Org-Mode Preview +#+attr_html: :alt An editing buffer opened to an org-mode file. [[https://img.cleberg.net/blog/20240314-doom-emacs/org.webp]] Similar to the markdown section above, ensure that the =~/.doom.d/init.el= diff --git a/content/blog/2024-03-15-self-hosting-ddns-updater.org b/content/blog/2024-03-15-self-hosting-ddns-updater.org index b526be2..b0807eb 100644 --- a/content/blog/2024-03-15-self-hosting-ddns-updater.org +++ b/content/blog/2024-03-15-self-hosting-ddns-updater.org @@ -4,6 +4,7 @@ #+slug: self-hosting-ddns-updater #+caption: DDNS Updater Web View +#+attr_html: :alt An example of the DDNS Updater app running and showing that cleberg.net's IP has been updated on Cloudflare. [[https://img.cleberg.net/blog/20240315-ddns-updater/ddns.webp]] [[https://github.com/qdm12/ddns-updater][DDNS Updater]] is a program to keep DNS A and/or AAAA records updated for multiple diff --git a/content/blog/2024-04-08-docker-local-web-server.org b/content/blog/2024-04-08-docker-local-web-server.org index 79d8790..f21be19 100644 --- a/content/blog/2024-04-08-docker-local-web-server.org +++ b/content/blog/2024-04-08-docker-local-web-server.org @@ -33,6 +33,7 @@ Open the installer and follow the installation process until the application finishes the installation process. #+caption: Docker Desktop on macOS +#+attr_html: :alt The Containers home page of the Docker Desktop app on macOS. [[https://img.cleberg.net/blog/20240408-docker-local-web-server/docker-desktop.webp]] ** Creating an Nginx Container @@ -56,6 +57,7 @@ docker run -it --rm -d -p 8000:80 --name web nginx You can navigate to [[http://localhost:8000]] to see the resulting page. #+caption: Default Nginx Container +#+attr_html: :alt The generic "Welcome to nginx!" page viewable at localhost:8000. [[https://img.cleberg.net/blog/20240408-docker-local-web-server/default-container.webp]] ** Customizing the Nginx Container @@ -102,6 +104,8 @@ server { } #+end_src +#+caption: Deploying My Website via Docker +#+attr_html: :alt A view of cleberg.net on the localhost, as the docker container is pointing to the cleberg.net repository directory. [[https://img.cleberg.net/blog/20240408-docker-local-web-server/custom-container.webp]] * Customizing Deployment Actions diff --git a/content/blog/2024-04-18-mu4e.org b/content/blog/2024-04-18-mu4e.org index ea4b201..8297ec3 100644 --- a/content/blog/2024-04-18-mu4e.org +++ b/content/blog/2024-04-18-mu4e.org @@ -300,4 +300,5 @@ The home page shows various options and metadata about the account you've opened. #+caption: Mu4e Home Page +#+attr_html: :alt The mu4e homepage within iTerm2, showing the basics, bookmarks, maildirs, and misc sections. [[https://img.cleberg.net/blog/20240418-mu4e/mu4e.webp]] diff --git a/content/blog/2024-05-03-ubuntu-on-macos.org b/content/blog/2024-05-03-ubuntu-on-macos.org index c2a2dea..178fbc3 100644 --- a/content/blog/2024-05-03-ubuntu-on-macos.org +++ b/content/blog/2024-05-03-ubuntu-on-macos.org @@ -32,6 +32,7 @@ Once installed, you can launch OrbStack and create a Linux machine in a matter of seconds. The creation dialog defaults to Ubuntu. #+caption: OrbStack's Linux Machine Creation Page +#+attr_html: :alt A popup within OrbStack to create a new machine with a custom name, distribution, version, and CPU type. [[https://img.cleberg.net/blog/20240503-ubuntu-on-macos/create.webp]] ** Launching the Machine @@ -62,6 +63,7 @@ In the example below, we can see that the machine is using =Linux ubuntu 6.9.6= and operates similar to a fresh Ubuntu install on bare metal. #+caption: Ubuntu CLI +#+attr_html: :alt An example of the Ubuntu CLI, running the "uname -a" command. [[https://img.cleberg.net/blog/20240503-ubuntu-on-macos/cli.webp]] You can also click the machine's folder icon in OrbStack to open the machine's @@ -70,12 +72,14 @@ to open any files and they will open in the macOS defaults for those file types (e.g., TextEdit). #+caption: Ubuntu Files +#+attr_html: :alt The Ubuntu machine's files available within the macOS Files app. [[https://img.cleberg.net/blog/20240503-ubuntu-on-macos/files.webp]] Here's an example of opening the =test.md= file in the screenshot above, which defaults to opening in Xcode on my system. #+caption: Ubuntu Files +#+attr_html: :alt An example of editing the test.md file in Xcode. [[https://img.cleberg.net/blog/20240503-ubuntu-on-macos/xcode.webp]] *** Test Examples @@ -84,6 +88,7 @@ As a quick example of the system, I installed =neofetch=, switched to the =zsh= shell, and ran a few common commands. #+caption: Test Examples +#+attr_html: :alt An example of the date, pwd, and neofetch commands. [[https://img.cleberg.net/blog/20240503-ubuntu-on-macos/test.webp]] ** Thoughts diff --git a/content/blog/2024-07-11-emacs-on-ipad.org b/content/blog/2024-07-11-emacs-on-ipad.org index 3580c64..283d6ab 100644 --- a/content/blog/2024-07-11-emacs-on-ipad.org +++ b/content/blog/2024-07-11-emacs-on-ipad.org @@ -13,6 +13,7 @@ I recommend [[https://apps.apple.com/us/app/ish-shell/id1436902243][iSH]], since and will allow you to install packages that you need. #+caption: iSH Application +#+attr_html: :alt The iSH shell on iPad. [[https://img.cleberg.net/blog/20240711-emacs-on-ipad/ish.webp]] ** Require Packages @@ -25,7 +26,8 @@ in my terminal as well. apk add emacs ripgrep fd findutils #+end_src -#+caption: Package !Installation +#+caption: Package Installation +#+attr_html: :alt Showing command "apk add emacs ripgrep rf findutils" within iSH. [[https://img.cleberg.net/blog/20240711-emacs-on-ipad/dependencies.webp]] ** Emacs @@ -37,9 +39,6 @@ I attempted to also install Doom Emacs, which technically worked, but was so incredibly slow and buggy that I was not even able to take screenshots. Someone smarter than me could likely get it to work with a little tinkering. -#+caption: Emacs -[[https://img.cleberg.net/blog/20240711-emacs-on-ipad/emacs.webp]] - *** MELPA You also have to remember to hook up MELPA yourself in the =.emacs= file to be @@ -47,12 +46,14 @@ able to search through their 5700+ packages instead of just ELPA packages. If you don't, you will only have access to ELPA packages like the ones below. #+caption: package-install +#+attr_html: :alt A full list of all packages available when searching MELPA. [[https://img.cleberg.net/blog/20240711-emacs-on-ipad/melpa.webp]] Once you have MELPA, you can install packages like the =dashboard= package shown below. #+caption: emacs-dashboard +#+attr_html: :alt An example of the emacs-dashboard package. [[https://img.cleberg.net/blog/20240711-emacs-on-ipad/dashboard.webp]] *** Speed diff --git a/content/blog/2024-08-25-n8n-sentiment-analysis.org b/content/blog/2024-08-25-n8n-sentiment-analysis.org index 81c0bb2..a14abc9 100644 --- a/content/blog/2024-08-25-n8n-sentiment-analysis.org +++ b/content/blog/2024-08-25-n8n-sentiment-analysis.org @@ -112,6 +112,7 @@ You can open the included workflow at and create a new configuration. #+caption: n8n Workflow +#+attr_html: :alt A canvas view of the worklow, showing an email trigger, if statement, sentiment analysis via Ollama, and send email action. [[https://img.cleberg.net/blog/20240825-n8n-sentiment-analysis/workflow.webp]] This workflow contains the following nodes: @@ -150,9 +151,11 @@ send yourself a test email! After testing each step noted above, n8n provided the results below - it works! #+caption: Positive Results +#+attr_html: :alt An example showing that n8n marked an email as "Positive". [[https://img.cleberg.net/blog/20240825-n8n-sentiment-analysis/positive_results.webp]] #+caption: Negative Results +#+attr_html: :alt An example showing that n8n marked an email as "Negative". [[https://img.cleberg.net/blog/20240825-n8n-sentiment-analysis/negative_results.webp]] While this isn't anything earth-shattering, it does show easy it is to get diff --git a/content/blog/2024-09-20-prometheus-grafana-cloud.org b/content/blog/2024-09-20-prometheus-grafana-cloud.org index 78ac68f..a00a9f3 100644 --- a/content/blog/2024-09-20-prometheus-grafana-cloud.org +++ b/content/blog/2024-09-20-prometheus-grafana-cloud.org @@ -276,6 +276,7 @@ and determine what Grafana should do when an alert is triggered. ** OnCall #+caption: OnCall +#+attr_html: :alt View of the Grafana OnCall dashboard with metrics. [[https://img.cleberg.net/blog/20240920-prometheus-grafana-cloud/oncall.webp]] Within the Alerts & IRM section of Grafana (=/alerts-and-incidents=), open the @@ -298,11 +299,13 @@ users and teams to be on call for specific date and time ranges. For my purposes, I put myself on-call 24/7 so that I receive all alerts. #+caption: User Information +#+attr_html: :alt View of the grafanafd88 user with notification preferences. [[https://img.cleberg.net/blog/20240920-prometheus-grafana-cloud/irm_user_info.webp]] ** Alerting #+caption: Alerting Insights +#+attr_html: :alt A dashboard with the current grafana-managed alert rules. [[https://img.cleberg.net/blog/20240920-prometheus-grafana-cloud/alerting_insights.webp]] Now that we have defined users and team associated with an on-call schedule and @@ -322,12 +325,14 @@ evaluation group. This is connected to our Grafana email, but can be associated with any notification policy. #+caption: New Alert Rule +#+attr_html: :alt All available seetings when creating a new alert. [[https://img.cleberg.net/blog/20240920-prometheus-grafana-cloud/new_alert.webp]] When the alert fires, it will generate an email (or whatever notification policy you assigned) and will look something like the following image. #+caption: Alerting Example +#+attr_html: :alt An email showing that "High CPU Temps" alert is firing. [[https://img.cleberg.net/blog/20240920-prometheus-grafana-cloud/email_alert.webp]] ** Dashboards @@ -336,13 +341,17 @@ As promised above, here are some dashboard screenshots based on the configurations above. #+caption: Nginx Dashboard +#+attr_html: :alt Updated dashboard based on the new alert created above. [[https://img.cleberg.net/blog/20240920-prometheus-grafana-cloud/dashboard_nginx.webp]] #+caption: Node Dashboard +#+attr_html: :alt Metrics of server nodes, including CPU, network, and memory. [[https://img.cleberg.net/blog/20240920-prometheus-grafana-cloud/dashboard_node.webp]] #+caption: OnCall Dashboard +#+attr_html: :alt Full OnCall dashboard with metrics for alerts, mean time to respond, and more. [[https://img.cleberg.net/blog/20240920-prometheus-grafana-cloud/dashboard_oncall.webp]] #+caption: Prometheus Dashboard +#+attr_html: :alt Dashboard showing Prometheus metrics, including scrape duration, head shunks, reload count, and more. [[https://img.cleberg.net/blog/20240920-prometheus-grafana-cloud/dashboard_prometheus.webp]] diff --git a/content/blog/2024-10-31-continue-ollama-code-assistant.org b/content/blog/2024-10-31-continue-ollama-code-assistant.org index d2091c9..c6a8fca 100644 --- a/content/blog/2024-10-31-continue-ollama-code-assistant.org +++ b/content/blog/2024-10-31-continue-ollama-code-assistant.org @@ -200,18 +200,23 @@ Continue: Below are a few screenshots from my current VS Codium window: #+caption: Available Continue Commands +#+attr_html: :alt List of commands available from the Continue package. [[https://img.cleberg.net/blog/20241031-continue-ollama-code-assistant/continue_commands.webp]] #+caption: Continue Fullscreen Chat Window +#+attr_html: :alt Continue chat window in full screen mode. [[https://img.cleberg.net/blog/20241031-continue-ollama-code-assistant/continue_fullscreen.webp]] #+caption: Inline Hotkeys +#+attr_html: :alt View of the Add to chat (Cmd+L) and Edit highlighted code (Cmd+I) options when typing inline. [[https://img.cleberg.net/blog/20241031-continue-ollama-code-assistant/continue_inline_hotkeys.webp]] #+caption: Inline Editing Suggestions +#+attr_html: :alt Highlighted red and green sections showing suggestions from the agent. [[https://img.cleberg.net/blog/20241031-continue-ollama-code-assistant/continue_inline.webp]] #+caption: Sidebar Context Window +#+attr_html: :alt View of the sidebar context window open side-by-side with an edited file. [[https://img.cleberg.net/blog/20241031-continue-ollama-code-assistant/continue_sidebar.webp]] * Conclusion diff --git a/content/blog/2024-12-27-self-hosting-the-lounge.org b/content/blog/2024-12-27-self-hosting-the-lounge.org index f3a71e7..58c465d 100644 --- a/content/blog/2024-12-27-self-hosting-the-lounge.org +++ b/content/blog/2024-12-27-self-hosting-the-lounge.org @@ -59,6 +59,7 @@ browsing from a different device. Don't forget to allow the port through your machine's firewall, if you have one enabled. #+caption: Login +#+attr_html: :alt The Lounge login page with username and password fields. [[https://img.cleberg.net/blog/20241229-thelounge/login.webp]] ** Nginx Reverse Proxy @@ -154,10 +155,13 @@ bottom of the sidebar and connect to individual channels or users via the plus (=+=) button next to your server's name in the sidebar. #+caption: New Server Connection +#+attr_html: :alt Settings for network, proxy, preferences, and authentication. [[https://img.cleberg.net/blog/20241229-thelounge/new_connection.webp]] #+caption: Existing Server Connection +#+attr_html: :alt Libera.Chat server connection log and status. [[https://img.cleberg.net/blog/20241229-thelounge/existing_connection.webp]] #+caption: Channel View +#+attr_html: :alt View of the #emacs channel on Libera.Chat. [[https://img.cleberg.net/blog/20241229-thelounge/channel.webp]] diff --git a/content/blog/2025-01-23-self-hosting-tandoor.org b/content/blog/2025-01-23-self-hosting-tandoor.org index a9bf11f..69cb3fb 100644 --- a/content/blog/2025-01-23-self-hosting-tandoor.org +++ b/content/blog/2025-01-23-self-hosting-tandoor.org @@ -124,22 +124,29 @@ The app is now available on your custom domain! ** Screenshots #+caption: Login +#+attr_html: :alt Tandoor login page. [[https://img.cleberg.net/blog/20250123-self-hosting-tandoor/login.webp]] #+caption: Recipes +#+attr_html: :alt Tandoor options to search for recipes. [[https://img.cleberg.net/blog/20250123-self-hosting-tandoor/recipes.webp]] #+caption: Meal Plan +#+attr_html: :alt Calendar view to define meal plans. [[https://img.cleberg.net/blog/20250123-self-hosting-tandoor/mealplan.webp]] #+caption: Shopping Lists +#+attr_html: :alt Page to create or search for shopping lists. [[https://img.cleberg.net/blog/20250123-self-hosting-tandoor/shopping.webp]] #+caption: Cook Book +#+attr_html: :alt Page to create a visual-style cookbook. [[https://img.cleberg.net/blog/20250123-self-hosting-tandoor/cookbook.webp]] #+caption: Import +#+attr_html: :alt Options to import recipes from other pages and auto-populate images, keywords, steps, and a description. [[https://img.cleberg.net/blog/20250123-self-hosting-tandoor/import.webp]] #+caption: Administration Panel +#+attr_html: :alt Django administration options for the web app. [[https://img.cleberg.net/blog/20250123-self-hosting-tandoor/admin.webp]] diff --git a/content/blog/2025-02-11-obscura-vpn.org b/content/blog/2025-02-11-obscura-vpn.org index b1c1cd2..33ff0b7 100644 --- a/content/blog/2025-02-11-obscura-vpn.org +++ b/content/blog/2025-02-11-obscura-vpn.org @@ -54,8 +54,9 @@ far as I can tell, there is no free tier available. In my opinion, this is a good thing as I hesitate to understand how privacy-focused apps make money when they offer free services to users. -[[https://img.cleberg.net/blog/20250211-obscura-vpn/payment.webp]] #+caption: Payment +#+attr_html: :alt Options to fund your Obscura account with credit card or lightning. +[[https://img.cleberg.net/blog/20250211-obscura-vpn/payment.webp]] ** Connection @@ -63,11 +64,13 @@ Once you've enrolled in either a subscription or one-time payment, Obscura will return you to the app and allow you to connect. You can choose a specific server location or automatically connect. -[[https://img.cleberg.net/blog/20250211-obscura-vpn/connect.webp]] #+caption: Initial Connection +#+attr_html: :alt Obscura macOS app on the Connection screen. +[[https://img.cleberg.net/blog/20250211-obscura-vpn/connect.webp]] -[[https://img.cleberg.net/blog/20250211-obscura-vpn/toolbar.webp]] #+caption: Toolbar Utility +#+attr_html: :alt The Obscura VPN menu bar app on macOS shows connection status, bandwidth status, and options to debug or quit. +[[https://img.cleberg.net/blog/20250211-obscura-vpn/toolbar.webp]] ** Speed @@ -90,8 +93,9 @@ nodes before connecting to your target. From the image below, we can see that Mullvad confirmed my traffic to be connected through a Mullvad IP address. -[[https://img.cleberg.net/blog/20250211-obscura-vpn/mullvad-check.webp]] #+caption: Mullvad Check +#+attr_html: :alt The Mullvad connection check web page shows all "green" when on Obscura. +[[https://img.cleberg.net/blog/20250211-obscura-vpn/mullvad-check.webp]] * Final Thoughts diff --git a/content/blog/2025-05-02-asahi-linux.org b/content/blog/2025-05-02-asahi-linux.org index 13eefc8..23cf830 100644 --- a/content/blog/2025-05-02-asahi-linux.org +++ b/content/blog/2025-05-02-asahi-linux.org @@ -17,6 +17,7 @@ are now supported. This is a great jump from the state it was at in 2022 - 2023 when I last checked. #+caption: Asahi Linux Device Support +#+attr_html: :alt Device support for Asahi Linux. [[https://img.cleberg.net/blog/20250502-asahi-linux/device_support.webp]] ** Installation @@ -60,12 +61,14 @@ see I started using the WhiteSur theme as it provides a more comfortable layout for macOS users. #+caption: KDE +#+attr_html: :alt A screenshot of a terminal running fastfetch and emacs on Asahi Linux. [[https://img.cleberg.net/blog/20250502-asahi-linux/kde.webp]] When diving into the system information panel, we can see that this machine is running Fedora Linux Asahi Remix 42 on an Apple M2 Pro laptop with 16GB of RAM. #+caption: System Information +#+attr_html: :alt System information shows Fedora Linux Asahi Remix 42 with KDE 6.3.4. [[https://img.cleberg.net/blog/20250502-asahi-linux/sysinfo.webp]] As I noted above, the first thing I did after installing Asahi and taking a few @@ -77,6 +80,7 @@ color palette, as well as the Nothing theme that uses a dark black and red color palette. #+caption: Themes +#+attr_html: :alt Themes available by default on Asahi. [[https://img.cleberg.net/blog/20250502-asahi-linux/themes.webp]] One of the things I use my laptop for the most is consuming media (music, @@ -92,6 +96,7 @@ capabilities like pausing media when you remove an AirPod from your ear. The lack of these advanced features doesn't bother me, but some people may be. #+caption: Bluetooth +#+attr_html: :alt Bluetooth settings showing AirPods Pro support. [[https://img.cleberg.net/blog/20250502-asahi-linux/bluetooth.webp]] Next, I was able to connect my PS5 controller via USB-C and Asahi picked up the @@ -99,6 +104,7 @@ connect instantly in the settings menu. You can move the sticks and press all of the buttons to see if they're recognized within this settings menu. #+caption: Game Pad Settings +#+attr_html: :alt Gamepad settings showing PS5 input and button configurations. [[https://img.cleberg.net/blog/20250502-asahi-linux/gamepad_settings.webp]] I had a bit of an issue launching Steam the first time, as I was getting an AVC diff --git a/content/blog/2025-09-04-website-redesign.org b/content/blog/2025-09-04-website-redesign.org index bc3d4f6..2511c8c 100644 --- a/content/blog/2025-09-04-website-redesign.org +++ b/content/blog/2025-09-04-website-redesign.org @@ -9,9 +9,13 @@ content below describes the beginning of this journey and where I think it may take me next./ #+end_quote -| Old Theme | New Theme | -|-----------------------------------------------------------------------+----------------------------------------------------------------------| -| https://img.cleberg.net/blog/20250905-human-website-design/before.webp | https://img.cleberg.net/blog/20250905-human-website-design/after.webp | +#+caption: The Old Theme +#+attr_html: :alt A screenshot of the old theme for cleberg.net. +https://img.cleberg.net/blog/20250905-human-website-design/before.webp + +#+caption: The New Theme +#+attr_html: :alt A screenshot of the new theme for cleberg.net. +https://img.cleberg.net/blog/20250905-human-website-design/after.webp * Inspiration diff --git a/content/blog/2025-09-25-minimalist-website-redesign.org b/content/blog/2025-09-25-minimalist-website-redesign.org index e955a05..e468ae6 100644 --- a/content/blog/2025-09-25-minimalist-website-redesign.org +++ b/content/blog/2025-09-25-minimalist-website-redesign.org @@ -13,9 +13,13 @@ terminal-styled theme to a more natural paper-inspired theme. However, it left a nagging feeling that something was missing. What if I took it further? Was there really any reason that I had any of that CSS at all? -| Old Theme | New Theme | -|-----------------------------------------------------------------------+---------------------------------------------------------------------| -| https://img.cleberg.net/blog/20250905-human-website-design/after.webp | https://img.cleberg.net/blog/20250925-minimalist-website-redesign/minimal.webp | +#+caption: Old Theme +#+attr_html: :alt A screenshot of the old theme for cleberg.net. +https://img.cleberg.net/blog/20250905-human-website-design/after.webp + +#+caption: New Theme +#+attr_html: :alt A screenshot of the new theme for cleberg.net. +https://img.cleberg.net/blog/20250925-minimalist-website-redesign/minimal.webp * Inspiration diff --git a/content/blog/2025-10-06-rocket-league-macos.org b/content/blog/2025-10-06-rocket-league-macos.org index dc051f9..9aa2450 100644 --- a/content/blog/2025-10-06-rocket-league-macos.org +++ b/content/blog/2025-10-06-rocket-league-macos.org @@ -4,6 +4,7 @@ #+slug: rocket-league-macos #+caption: Rocket League on macOS +#+attr_html: :alt The Rocket League launch screen on macOS. [[https://img.cleberg.net/blog/20251006-rocket-league-macos/launch.webp]] * Intro @@ -35,15 +36,18 @@ When the installer finishes, you’ll see a bottle (a sandboxed Windows environment) like the one below: #+caption: Epic Games Store Bottle +#+attr_html: :alt The Epic Games Store bottle within CrossOver. [[https://img.cleberg.net/blog/20251006-rocket-league-macos/bottle.webp]] You can now launch the Epic application. Epic will update itself and then present the login screen: #+caption: Epic Updater +#+attr_html: :alt The progress bar for updating the Epic Games Store bottle. [[https://img.cleberg.net/blog/20251006-rocket-league-macos/updater.webp]] #+caption: Epic Login +#+attr_html: :alt The Epic Login page. [[https://img.cleberg.net/blog/20251006-rocket-league-macos/login.webp]] * Install Rocket League @@ -61,9 +65,11 @@ Take a look at the screenshots I was able to capture while playing on my M2 MacBook Pro with a PS5 Dualsense Edge controller: #+caption: Main Menu +#+attr_html: :alt The Rocket Leageu main menu. [[https://img.cleberg.net/blog/20251006-rocket-league-macos/menu.webp]] #+caption: In-Game +#+attr_html: :alt A screenshot of a replay within a Rocket League match. [[https://img.cleberg.net/blog/20251006-rocket-league-macos/game.webp]] * Tips & Troubleshooting diff --git a/content/blog/2025-10-24-digital-garden.org b/content/blog/2025-10-24-digital-garden.org index a18c0c9..a175987 100644 --- a/content/blog/2025-10-24-digital-garden.org +++ b/content/blog/2025-10-24-digital-garden.org @@ -12,9 +12,11 @@ The first is a website ([[https://avas.space][ava's space]]) and the second is a notes, using [[https://www.orgroam.com/][org-roam]]. #+caption: avas.space +#+attr_html: :alt Ava's Space, a digital garden and website by Ava. [[https://img.cleberg.net/blog/20251024-digital-garden/ava.webp]] #+caption: Org Roam +#+attr_html: :alt A screenshot of an org-roam digital garden and collection of note files. [[https://img.cleberg.net/blog/20251024-digital-garden/orgroam.webp]] A digital garden is a personal space, just for you. It could serve any number of |
