365 Days of Code - Day 056

Project Status

ProjectLanguageStatusDue DateLatest Update
Personal WebsiteHugoOngoingNoneThe site is live. Continuous improvements ongoing.
Laravel From ScratchLaravel (PHP)In-Progress2026-03-31Episode 8
PRMLaravel (PHP)In-Progress2026-03-31Working alongside other Laravel projects.
Client Website (J.L.)Laravel (PHP)In-Progress2026-03-31Working alongside other Laravel projects.
Project EulerCOngoingNoneWorking on P25. BigInt (AI gen) was a waste of time, need to rewrite
Practice JavaJavaPausedNoneInstalled, need to find a good project.
Practice PythonPythonPausedNoneInstalled, need to find a good project.
Learn GoGoPausedNoneInstalled, work on LDAP Injector from ippsec.
Learn RustRustHaven’t StartedNoneInstalled, will try network protocols after finishing in C and Zig.
Learn ElixirElixirHaven’t StartedNoneInstalled, need a good tutorial project.
Learn HaskellHaskellHaven’t StartedNoneInstalled, need a good tutorial project.
Learn ZigZigHaven’t StartedNoneInstalled, will try network protocols after finishing in C.
Linux+N/AIn-Progress2026-03-31Reading Chapter 4.
Cyber Quest 2026N/AIn-Progress2026-02-28Finished quiz 1 with 75%.
Operating SystemsN/AIn-Progress2026-03-31Reading Chapter 4: Abstraction
Grey-Hat HackingVariousIn-Progress2026-03-31Reading Chapter 8: Threat Hunting Lab
PHP Time TrackerPHPBeta FinishedNoneWorking on a basic level.
HTTP Status Code ReaderCComplete2026-02-18Complete.
ZSH Configurationbash/zshCompleteNoneSort of an ongoing process, but complete for now. Works good.
Network ProtocolsCIn-ProgressNoneWorking on V3, implementing IPv6.
Discinox WebsiteHTML, CSS, JSComplete2026-03-04The site is live.
DiroffTech WebsiteHTML, CSS, JSComplete2026-03-05The site is live. git-lfs needs to be initialized for images.
Automate BackupsbashComplete2026-03-08Backups done.

Hugo Images

Continuing from yesterday, I want to incorporate some images into this site, and gain a better understanding of the image processing options available in Hugo. I would prefer to upload a single image, such as a png file, and have that image processed into different sizes and formats automatically. avif should be offered first, then webp, and fallback to png or jpg if necessary.

Page Resource

My first test was using an image as part of a page resource. I created a new directory at content/projects/first-project. I moved the markdown file and the image into this directory. I renamed the markdown to index.md and the image to first-project.png. Now I can access the image resource directly in the markdown using markdown syntax. No processing is done, and the image renders as-is. This works on the individual project page, but my card component is not referencing the image correctly.

  • content/projects/first-project/index.md
go 
+++
title = "My Open Source Tool"
summary = "A brief summary of the project. It maps complex requirements to simple solutions, focusing on incident-ready logging."
image = '{{ $image := .Resources.Get "first-project.png"}}'
project_url = "https://github.com/jimdiroffii/my-tool"
tags = ["Go", "Docker", "Tailwind"]
weight = 1
+++

TEST

![first-project.png](first-project.png)
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

+++
title = "My Open Source Tool"
summary = "A brief summary of the project. It maps complex requirements to simple solutions, focusing on incident-ready logging."
image = '{{ $image := .Resources.Get "first-project.png"}}'
project_url = "https://github.com/jimdiroffii/my-tool"
tags = ["Go", "Docker", "Tailwind"]
weight = 1
+++

TEST

![first-project.png](first-project.png)

Checking on the rendered image for the card component, I can see that the image source is configured as some type of cached object.

html 
<img
  src="#ZgotmplZ"
  alt="Home"
  class="h-48 w-full object-cover border-b border-white/10"
/>
1
2
3
4
5

<img
  src="#ZgotmplZ"
  alt="Home"
  class="h-48 w-full object-cover border-b border-white/10"
/>

New Branch

This is going to require some more work to fully understand. I haven’t been able to dedicate myself to the project as diligently as required. I’m going to revert these changes for now, and start work on a new branch.

Related content