Merge branch 'main' of https://github.com/gusper/gusper.github.io

Author: gusper

CLAUDE.md

@@ -0,0 +1,64 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## About This Site
+
+This is a personal website built with Hugo static site generator, hosted on GitHub Pages at https://gusperez.com/. The site uses the Anatole theme and includes sections for blog posts, music, software projects, photography, art, and maker content.
+
+## Development Commands
+
+### Local Development
+- `hugo server` - Start local development server at http://localhost:1313/
+- `hugo server --buildDrafts` - Include draft posts in local development
+- `hugo server --buildFuture` - Include future-dated posts (already enabled via config)
+
+### Content Management
+- `hugo new blog/YYYY-MM-DD_post-title.md` - Create new blog post in the blog section
+- `hugo new posts/post-title.md` - Create new post in the posts section (alternative)
+- `hugo new section/page-title.md` - Create new content in any section
+
+### Building
+- `hugo` - Build the site for production (outputs to `/public`)
+- `hugo --minify` - Build with minification
+- `hugo --gc` - Build with garbage collection to clean up unused cache files
+
+## Site Architecture
+
+### Theme and Configuration
+- Uses the Anatole Hugo theme (github.com/lxndrblz/anatole v1.15.1)
+- Theme is imported as a Hugo module via `go.mod`
+- Main configuration in `config.toml`
+- Custom CSS styling in `assets/css/custom.css`
+- Custom fonts: Bricolage Grotesque and Carrois Gothic SC from Google Fonts
+- `buildFuture = true` allows posts with future dates to be published
+
+### Content Structure
+- `content/blog/` - Blog posts with date-prefixed filenames (YYYY-MM-DD_title.md)
+- `content/software/` - Software project pages
+- `content/music/`, `content/photography/`, `content/art/`, `content/maker/` - Other content sections
+- Images for blog posts go in `content/blog/images/`
+- Static assets (favicons, profile images) in `static/`
+
+### Layout Customization
+- Custom layouts in `layouts/` override theme defaults
+- Specialized layouts for software section in `layouts/software/`
+- Custom head partial in `layouts/partials/head.html` with font loading optimizations
+- Custom footer in `layouts/partials/footer.html`
+
+### Styling Notes
+- Inline code styling uses pastelly dark-ish blue colors (#4a6fa5 light, #7eb3d3 dark)
+- Code backgrounds match page backgrounds (transparent)
+- Dark theme uses #181818 background
+- Custom mobile burger menu styling
+- Responsive layout with custom breakpoints for large screens (1921px+)
+
+### Content Front Matter
+Blog posts typically include:
+```yaml
+title: "Post Title"
+date: 2025-08-31T11:32:51-07:00
+draft: false
+```
+
+Images in blog posts should use absolute paths: `/blog/images/filename.png`

assets/css/custom.css

@@ -64,6 +64,28 @@ p {
     color: #7eace4;
 }
 
+/* Inline code styling */
+code {
+    background-color: #eee;
+    padding: 0.2em 0.4em;
+    border-radius: 3px;
+    font-size: 0.9em;
+    color: #4a6fa5;
+}
+
+.theme--dark code {
+    background-color: #292929;
+    color: #7eb3d3;
+}
+
+/* Override code block backgrounds */
+.theme--light .post__content pre {
+    background-color: #eee;
+}
+/* Override code block backgrounds */
+.theme--dark .post__content pre {
+    background-color: #292929;
+}
 /* Mobile burger more prominent */
 a.navbar-burger {
     height: 4.25rem;
@@ -127,4 +149,5 @@ a.navbar-burger {
     .wrapper__sidebar {
         width:calc(calc(1 - .7) * 80%)
     }
-}
+}
+

config.toml

@@ -3,6 +3,7 @@ languageCode = 'en-us'
 title = 'Gus Perez'
 include = ["/.well-known"]
 pluralizeListTitles = false
+buildFuture = true
 
 [params]
 title = "Gus Perez"

content/blog/2024-11-02_glen-hansard-leave-tab-chords.md

@@ -8,7 +8,7 @@ This is one I guess I missed posting on Ultimate Guitar. Sharing it here in the
 
 ### Verse Chords: 
 ```
-    E5  C#/Dbm9 Badd11 Aadd9 
+   E5  C#/Dbm9 Badd11 Aadd9 
 E --0---0-------0------0------ 
 B --0---0-------0------0------ 
 G --9---8-------8------6------ 
@@ -18,7 +18,7 @@ E --0---9-------7------5------
 ```
 ### Chorus and Outro Chords: 
 ```
-    C#m/E B5  A5  F#11  E   G# 
+   C#m/E B5  A5  F#11  E   G# 
 E --0-----0---0---0-----0---4-- 
 B --5-----0---0---0-----0---4-- 
 G --6-----4---2---3-----1---5-- 

content/blog/2025-08-31_remapping-copilot-key-on-your-keyboard.md

@@ -0,0 +1,36 @@
+---
+title: "Remapping Copilot key to END key (and others)"
+date: 2025-08-31T11:32:51-07:00
+draft: false
+---
+This was a bit of a frustrating journey, so writing it up here in case it helps others running into the same frustration. 
+
+I've become accustomed to remapping the two keys immediately to the right of the spacebar on my keyboards to `HOME` and `END` (in that order). Usually that means mapping the `Right ALT` key to `HOME` and the Windows Menu (or right-click context menu) key to `END`. However, my two newer laptops replaced the latter button and introduced a new `Copilot` button. It turns out that one hasn't been as straightforward to remap, but I did finally find a way. 
+
+The only way I've gotten it to work so far is to use [Microsoft PowerToys](https://learn.microsoft.com/en-us/windows/powertoys/install#install-with-windows-executable-file-from-github). Once installed, follow these instructions to get it set up:
+
+1. Open up PowerToys settings
+2. Expand the `Input / Output` section
+3. Select the `Keyboard Manager` tool
+4. Turn on the `Enable Keyboard Manager` option
+5. Click on `Remap a shortcut` which will open a new window
+6. Click on the `+ Add shortcut remapping` 
+7. Click the pencil icon on the left side
+8. Press the `Copilot` key on your keyboard
+9. Click on the `OK` button to go back to the `Remap shortcuts` screen
+10. Click on the pencil icon in the center of the window (under the `To:` heading)
+11. Press the `END` key on your keyboard (including any additional keys you need such as Fn on many laptops)
+12. Click on the `OK` button to go back again
+13. Click on the `OK` button in the top right of the `Remap shortcuts` window
+14. You're likely to get a warning message of some kind, but it should be okay to ignore (e.g., something about the `F23` key not being mapped)
+
+You should be good now. In my case, I also remapped the Right ALT key to HOME. That one can be done by just using the `Remap a key` feature, so it's a little bit simpler. In the end, you'll end up with the following:
+
+![PowerToys screenshot after setting up the two remappings.](/blog/images/2025-08-31_powertoys_1.png)
+
+## More about the journey
+You'll notice in the screenshot that the Copilot key maps to `Left Windows + Left Shift + F23` key combo. I first tried to just update my AutoHotkey script that I use on all of my PCs to map that combo to End by simply adding a line such as `#<+F23::END` to it. However, it seems a SHIFT key would still keep getting through which meant instead of just an `END`, I'd get a `SHIFT`+`END` combination. That means that Windows would *select* the text between where the caret started off and the end of that line instead of simply moving the caret to the end of the line. 
+
+That led me to see if PowerToys would work. Less than ideal as it's nicer to keep all of this kind of config consolidated in one simple script I already have working on all of my machines, but still worth trying. I tried using the `Remap a key` support to map it (just like I described doing for the `RALT`->`HOME` key above), and it resulted in the same selection behavior I ran into with AutoHotkey. 
+
+Somewhere along the way, I decided to try using the other `Remap a shortcut` feature instead. And it worked beautifully. Unfortunately, this took me several hours across an evening, a night's sleep, and the following morning to discover. I was determined to figure out a way to make it work even picturing myself having to write some lower level Win32 code (which has been ages since I did that) as I really couldn't see how this would be impossible to do. I still may end up spending some more time on seeing if I can get AutoHotkey to work for this case, but we'll see. For now, I'm just going to enjoy this little victory that would have driven me nuts for a long time to come.

content/blog/images/2025-08-31_powertoys_1.png

@@ -127,7 +127,8 @@
       {{ $url := printf "%s" "&display=swap" | printf "%s%s" $fontParam | printf "%s%s" $baseUrl | printf "%s" }}
       <link rel="preconnect" href="https://fonts.googleapis.com" />
       <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-      <link href="{{ $url }}" rel="stylesheet" />
+      <link rel="preload" as="style" href="{{ $url }}" />
+      <link href="{{ $url }}" rel="stylesheet" media="print" onload="this.media='all'" />
     {{- end -}}
 
     <!-- Favicons -->