fix layout

Author: abertschi

assets/images/bootflow_cca.png.jpg

@@ -11,3 +11,21 @@ blockquote p {
   font-size: inherit;
   margin: 0.25rem 0;
 }
+
+
+.hugo-image .hugo-image-500 {
+  display: block;
+  margin: 0 auto;
+  height: auto;
+  width: 100%;
+}
+
+@media (min-width: 520px) {
+  .hugo-image {
+    width: 450px;
+  }
+
+  .hugo-image-500 {
+    width: 500px;
+  }
+}

assets/images/bootflow_cca_white.png

@@ -18,15 +18,13 @@ seo:
 ---
 
 <style>
-
-
 .box-thumb img,
 img.box-thumb {
-  max-width: 500px;
+  width: auto;
+  max-width: min(500px, 100%);
   height: auto;
   display: block;
-  margin-left: auto;
-  margin-right: auto;
+  margin: 0 auto;
 }
 </style>
 
@@ -36,14 +34,13 @@ We updated the site with a purchase list to build the opencca box.
 - [opencca-box](https://github.com/opencca/opencca-box)
 
 
-
-{{< img class="box-thumb" src="images/box/box1.jpg" width="200" alt="box1" >}}
+{{< img class="hugo-image" src="images/box/box1.jpg" width="200" alt="box1" >}}
 
 <br />
 
-{{< img class="box-thumb" src="images/box/box2.jpg" width="200" alt="box2" >}}
+{{< img class="hugo-image" src="images/box/box2.jpg" width="200" alt="box2" >}}
 
 <br />
 
-{{< img class="box-thumb" src="images/box/box3.jpg" width="200" alt="box3" >}}
+{{< img class="hugo-image" src="images/box/box3.jpg" width="200" alt="box3" >}}
 

assets/scss/common/_custom.scss

@@ -74,7 +74,7 @@ For automated power cycling and flashing, we built a small box setup.
 
 
 
-{{< img src="images/opencca5.png" width="100" alt="Automation box overview" >}}
+{{< img src="images/opencca5.png" class="" width="100" alt="Automation box overview" >}}
 
 <br />
 
@@ -136,7 +136,7 @@ Optional enclosure parts to house the setup, including a power strip and fans.
 
 <br />
 
-{{< img src="images/opencca1.png" width="100" alt="Optional Box Enclosure" >}}
+{{< img src="images/opencca1.png" class="hugo-image-500" width="100" alt="Optional Box Enclosure" >}}
 
 
 | Product | Link | Comment |

content/blog/2025-12-hardware-parts/index.md

@@ -27,8 +27,8 @@ The table below lists the IO memory to enable hardware debugging on the SoC. We
 
 | **Bus** | **Address** | **Value** |
 |---|---|---|
-| SYS_GRF_SOC_CON6 | 0xFD58C318 | 0x40004000 |
-| BUS_IOC_GPIO4D_IOMUX_SEL_L | 0xFD5F8098 | 0xFF005500 |
+| SYS_GRF SOC_CON6 | 0xFD58C318 | 0x40004000 |
+| BUS_IOC_GPIO4D IOMUX_SEL_L | 0xFD5F8098 | 0xFF005500 |
 
 ```sh
 # Run on RK3588 hypervisor after boot

content/docs/guides/hardware.md

@@ -14,24 +14,13 @@ seo:
   noindex: false # false (default) or true
 ---
 
-<style>
-
-.box-thumb img,
-img.box-thumb {
-  max-width: 500px;
-  height: auto;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-</style>
 
 ## Layout
 
 We load the firmware at the beginning of the first DRAM.
 <!-- TODO: There is a typo in the comment in the source, fix that first -->
 
-{{< img class="box-thumb" src="images/memorylayout1.png" width="300" alt="Memory Layout" >}}
+{{< img class="hugo-image" src="images/memorylayout1.png" width="300" alt="Memory Layout" >}}
 > Figure: Memory region DRAM Bank 1. Color: Firmware memory. Not to scale.
 <br />
 

content/docs/reference/hardware-debug.md

@@ -14,18 +14,6 @@ seo:
   noindex: false # false (default) or true
 ---
 
-<style>
-
-
-.box-thumb img,
-img.box-thumb {
-  max-width: 500px;
-  height: auto;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-</style>
 
 
 ## Bootflow
@@ -35,7 +23,7 @@ The firmware boot process begins when the SoC is powered on and continues until
 The boot flow is divided into multiple stages, all executed by the primary CPU.
 The SoC includes 7 additional secondary cores that are later enabled during the normal world hypervisor boot.
 
-{{< img class="box-thumb" src="images/bootflow_cca.png" width="300" alt="Bootflow OpenCCA" >}}
+{{< img class="hugo-image"  src="images/bootflow_cca_white.png" width="300" alt="Bootflow OpenCCA" >}}
 > Figure: Bootflow RK3588 with OpenCCA. Gray: propritary code, Orange: OpenCCA changes.
 <br />
 
@@ -64,7 +52,7 @@ Once **BL33** has loaded, it searches for the hypervisor in eMMC, SD card, or NV
 
 #### BL32
 Although Radxa ships a binary blob of OP-TEE, there is upstream support for the RK3588
-[https://optee.readthedocs.io/en/latest/general/platforms.html](https://optee.readthedocs.io/en/latest/general/platforms.html)
+[https://optee.readthedocs.io/](https://optee.readthedocs.io/en/latest/general/platforms.html)
 
 We have currently not looked into OP-TEE. Interested in trusted Apps and the secure world? Reach out and bootstrap OP-TEE for OpenCCA.
 

content/docs/reference/memory-layout.md

@@ -162,6 +162,8 @@
       "header",
       "highlight",
       "home",
+      "hugo-image",
+      "hugo-image-500",
       "icon",
       "icon-tabler",
       "icon-tabler-arrow-left",
@@ -174,6 +176,7 @@
       "icon-tabler-search",
       "icon-tabler-sun",
       "icon-tabler-x",
+      "image-hugo-500",
       "img-fluid",
       "is-terminal",
       "justify-content-between",