Updating posts
|
|
@ -9,3 +9,12 @@
|
|||
padding: var(--gap);
|
||||
}
|
||||
|
||||
article a[href^="http"]:not(article .social-icons a, .paginav a, .buy-me-a-coffee a, .post-tags a, a.entry-link),
|
||||
article a[href^="https://"]:not(article .social-icons a, .paginav a, .buy-me-a-coffee a, .post-tags a, a.entry-link)
|
||||
{
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to left, #c34722, #fdbb2d 100%);
|
||||
background-position: 0 100%;
|
||||
background-size: 100% 2px;
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
|
@ -140,3 +140,7 @@ markup:
|
|||
# guessSyntax: true
|
||||
# lineNos: true
|
||||
# style: monokai
|
||||
|
||||
module:
|
||||
imports:
|
||||
- path: github.com/hugo-mods/lazyimg
|
||||
|
After Width: | Height: | Size: 521 KiB |
|
After Width: | Height: | Size: 854 KiB |
|
|
@ -20,12 +20,9 @@ My gaming PC is currently water cooled, and while the chassis I found did techni
|
|||
|
||||
The chassis in question is the [Logic Case 4U Short][2]. Everything fit in pretty well with a lot of breathing room, but having to replace the CPU cooler was a bit of a pain. I needed to replace it with something not to tall, not too expensive, and available with next day delivery.
|
||||
|
||||
I found the <a href="https://amzn.to/41Tgdf5" target="_blank" rel="noreferrer noopener">be quiet! PURE ROCK SLIM 2 9.2cm</a> fit all my requirements and it did indeed arrive the next day so I was able to fit it and crack on.
|
||||
I found the [be quiet! PURE ROCK SLIM 2 9.2cm](https://amzn.to/41Tgdf5) fit all my requirements and it did indeed arrive the next day so I was able to fit it and crack on.
|
||||
|
||||
|
||||
<figure class="wp-block-image size-large">
|
||||
|
||||
<img data-dominant-color="6e6b65" data-has-transparency="false" style="--dominant-color: #6e6b65;" loading="lazy" decoding="async" width="768" height="1024" src="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6163-768x1024.webp?resize=768%2C1024&ssl=1" alt="" class="not-transparent wp-image-119" srcset="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6163-jpg.webp?resize=768%2C1024&ssl=1 768w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6163-jpg.webp?resize=225%2C300&ssl=1 225w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6163-jpg.webp?resize=1152%2C1536&ssl=1 1152w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6163-jpg.webp?w=1295&ssl=1 1295w" sizes="(max-width: 768px) 100vw, 768px" data-recalc-dims="1" /> </figure>
|
||||
{{< figure src="IMG_6163.jpg" title="" >}}
|
||||
|
||||
The height was actually a bit tighter than I would have liked, but it does fit kind of perfectly given the height.
|
||||
|
||||
|
|
@ -41,11 +38,11 @@ The NAS relocation was always going to be easier for me, my build has a small mo
|
|||
|
||||
I did, however, have another concern and that was future expandability. At the moment I only have 3 drives in it, but in the future I wanted to be able to expand this without having to think too hard. Unraid is JBOD (Just a Bunch of Disks) so my only real limit was SATA connections, and those are expandable.
|
||||
|
||||
I found another <a href="https://www.servercase.co.uk/shop/server-cases/rackmount/4u-chassis/4u-standard-chassis-15-x-35-hdd---480mm-short-depth-sc-h4-480/" target="_blank" rel="noreferrer noopener">pretty generic 4U Chassis that supports up to 15 3.5″ disks</a> - sorted!
|
||||
I found another [pretty generic 4U Chassis that supports up to 15 3.5" disks](https://www.servercase.co.uk/shop/server-cases/rackmount/4u-chassis/4u-standard-chassis-15-x-35-hdd---480mm-short-depth-sc-h4-480/) - sorted!
|
||||
|
||||
Moving the NAS into this chassis was completely uneventful. I did like the feature of the case that allows the disk drive section to flip upwards for easier access, it's certainly going to make life easier when I get to adding more drives.<figure class="wp-block-image size-large">
|
||||
Moving the NAS into this chassis was completely uneventful. I did like the feature of the case that allows the disk drive section to flip upwards for easier access, it's certainly going to make life easier when I get to adding more drives.
|
||||
|
||||
<img data-dominant-color="5b535f" data-has-transparency="false" style="--dominant-color: #5b535f;" loading="lazy" decoding="async" width="768" height="1024" src="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6176-768x1024.webp?resize=768%2C1024&ssl=1" alt="Server rack with the cases in place" class="not-transparent wp-image-120" srcset="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6176-scaled.webp?resize=768%2C1024&ssl=1 768w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6176-scaled.webp?resize=225%2C300&ssl=1 225w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6176-scaled.webp?resize=1152%2C1536&ssl=1 1152w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6176-scaled.webp?resize=1536%2C2048&ssl=1 1536w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6176-scaled.webp?w=1920&ssl=1 1920w" sizes="(max-width: 768px) 100vw, 768px" data-recalc-dims="1" /> </figure>
|
||||
{{< figure src="IMG_6176.jpg" title="" >}}
|
||||
|
||||
One thing that I did want to do when moving all my stuff into a server rack was getting a UPS. While our power supply is good and pretty consistent, we do get the odd blip and I wanted to protect the system from being taken offline when they occurred.
|
||||
|
||||
|
|
|
|||
|
|
@ -1,64 +0,0 @@
|
|||
---
|
||||
title: Adding a double mini-monitor panel to my 19″ server cabinet
|
||||
date: 2023-08-10T08:52:36+00:00
|
||||
url: /posts/adding-a-double-mini-monitor-panel-to-my-19-server-cabinet/
|
||||
featured_image: /wp-content/uploads/2024/01/IMG_6358-edited.webp
|
||||
enclosure:
|
||||
- |
|
||||
|
|
||||
https://danbaker.dev/wp-content/uploads/2024/01/IMG_6353.mp4
|
||||
3466771
|
||||
video/mp4
|
||||
|
||||
tags:
|
||||
- homelab
|
||||
- rack
|
||||
- tech
|
||||
|
||||
---
|
||||
When I started the project to move all my computers into a single rack to save some space, and to look cool, I knew I wanted some kind of monitor in it.
|
||||
|
||||
There were a bunch of options for big and ugly KVM panels that pull out, but that wasn't what I was looking for.
|
||||
|
||||
In the AV world there are often small screen monitors in racks for keeping an eye on the broadcast outputs, but they are often quite expensive, and the monitor qualities also aren't great unless you spend a _lot_.
|
||||
|
||||
## Display Panels
|
||||
|
||||
I decided the best thing to do would be to DIY something, there are [loads of small panels available][1] on Amazon, and if <a href="https://s.click.aliexpress.com/e/_DELKqBL" target="_blank" rel="noreferrer noopener">order from China</a> you can shave a few quid off as well.
|
||||
|
||||
After doing a bit of research it seemed Waveshare was going to be a reliable brand, so I opted to spend a little more and get something with a reputation, and some decent online documentation. I ordered two of the [Waveshare 7inch displays][2].
|
||||
|
||||
The panels arrived and I plugged them both into the Intel NUC I was planning on driving them with. All looked good.<figure class="wp-block-image size-large wp-duotone-unset-3">
|
||||
|
||||
<img data-dominant-color="443950" data-has-transparency="false" style="--dominant-color: #443950;" loading="lazy" decoding="async" width="1024" height="768" src="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6352-1024x768.webp?resize=1024%2C768&ssl=1" alt="" class="not-transparent wp-image-13" srcset="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6352-jpg.webp?resize=1024%2C768&ssl=1 1024w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6352-jpg.webp?resize=300%2C225&ssl=1 300w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6352-jpg.webp?resize=768%2C576&ssl=1 768w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6352-jpg.webp?resize=1536%2C1152&ssl=1 1536w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6352-jpg.webp?w=2018&ssl=1 2018w" sizes="(max-width: 1000px) 100vw, 1000px" data-recalc-dims="1" /> </figure>
|
||||
|
||||
I planned to use one screen to display my Grafana dashboard (more on that in the future…) - and another to display video content, so I tested it out with Lord of the Rings.<figure class="wp-block-video"><video controls src="https://danbaker.dev/wp-content/uploads/2024/01/IMG_6353.mp4"></video></figure>
|
||||
|
||||
With the monitors sorted, I got back to thinking about how to mount the things in the rack. I had two main options, either get someone to fabricate something, or DIY something myself.
|
||||
|
||||
## Monitor Mount Panel
|
||||
|
||||
I can get access to a CO2 laser cutter with a decent sized bed that could cut something, but that would involve designing something to size, acquiring something to cut - metal? plastic? - and then actually doing it.
|
||||
|
||||
Getting someone to fabricate me something was also an option, but obviously more expensive.
|
||||
|
||||
I was about to pull the trigger on making my own when I came across a company setting mounts designed to fit some of their own monitors - [Lilliput Direct][3]. They make a [19″ 4U dual panel bracket][4] which looked to be exactly what I was after.
|
||||
|
||||
After getting hold of the technical documentation from Keith at Lilliput, who was extremely helpful, I measured up and decided there would be enough of the surround of the monitor to attach to the panel without needing to use the standard mount points. I'd sort out the exact details later.<figure class="wp-block-image size-large wp-duotone-duotone-1">
|
||||
|
||||
<img data-dominant-color="fdfdfd" data-has-transparency="false" style="--dominant-color: #fdfdfd;" loading="lazy" decoding="async" width="1024" height="383" src="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/Schematic-1024x383.webp?resize=1024%2C383&ssl=1" alt="" class="not-transparent wp-image-22" srcset="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/Schematic-jpg.webp?resize=1024%2C383&ssl=1 1024w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/Schematic-jpg.webp?resize=300%2C112&ssl=1 300w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/Schematic-jpg.webp?resize=768%2C287&ssl=1 768w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/Schematic-jpg.webp?resize=1536%2C574&ssl=1 1536w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/Schematic-jpg.webp?w=1913&ssl=1 1913w" sizes="(max-width: 1000px) 100vw, 1000px" data-recalc-dims="1" /> </figure>
|
||||
|
||||
The panel arrived and I was able to simply hot glue the mounting nuts provided with the screens to the mounting panel. Make sure you attach them to the screens first so you can get the spacing and positioning accurate. <figure class="wp-block-image size-full wp-duotone-unset-4">
|
||||
|
||||
<img data-dominant-color="31303a" data-has-transparency="false" style="--dominant-color: #31303a;" loading="lazy" decoding="async" width="635" height="396" src="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6361-edited.webp?resize=635%2C396&ssl=1" alt="" class="not-transparent wp-image-15" srcset="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6361-edited.webp?w=635&ssl=1 635w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6361-edited.webp?resize=300%2C187&ssl=1 300w" sizes="(max-width: 635px) 100vw, 635px" data-recalc-dims="1" /> </figure>
|
||||
|
||||
You can just about make out the hot glued mounts on the rear in the above photo.
|
||||
|
||||
The only downside to this method is the original mounting holes on the panel remain, I am planning on either filling and painting these - or sticking something over it. Maybe more stickers.<figure class="wp-block-image size-large wp-duotone-unset-5">
|
||||
|
||||
<img data-dominant-color="1d1a64" data-has-transparency="false" style="--dominant-color: #1d1a64;" loading="lazy" decoding="async" width="768" height="1024" src="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6367-768x1024.webp?resize=768%2C1024&ssl=1" alt="" class="not-transparent wp-image-16" srcset="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6367-jpg.webp?resize=768%2C1024&ssl=1 768w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6367-jpg.webp?resize=225%2C300&ssl=1 225w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6367-jpg.webp?w=1136&ssl=1 1136w" sizes="(max-width: 768px) 100vw, 768px" data-recalc-dims="1" /> </figure>
|
||||
|
||||
[1]: https://amzn.to/3TUjw3I
|
||||
[2]: https://amzn.to/3NURgtH
|
||||
[3]: https://lilliputdirect.com/
|
||||
[4]: https://lilliputdirect.com/19-inch-4U-rackmount-bracket
|
||||
|
After Width: | Height: | Size: 495 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 237 KiB |
|
After Width: | Height: | Size: 88 KiB |
|
|
@ -0,0 +1,64 @@
|
|||
---
|
||||
title: Adding a double mini-monitor panel to my 19″ server cabinet
|
||||
date: 2023-08-10T08:52:36+00:00
|
||||
url: /posts/adding-a-double-mini-monitor-panel-to-my-19-server-cabinet/
|
||||
featured_image: /wp-content/uploads/2024/01/IMG_6358-edited.webp
|
||||
enclosure:
|
||||
- |
|
||||
|
|
||||
https://danbaker.dev/wp-content/uploads/2024/01/IMG_6353.mp4
|
||||
3466771
|
||||
video/mp4
|
||||
|
||||
tags:
|
||||
- homelab
|
||||
- rack
|
||||
- tech
|
||||
|
||||
---
|
||||
When I started the project to move all my computers into a single rack to save some space, and to look cool, I knew I wanted some kind of monitor in it.
|
||||
|
||||
There were a bunch of options for big and ugly KVM panels that pull out, but that wasn't what I was looking for.
|
||||
|
||||
In the AV world there are often small screen monitors in racks for keeping an eye on the broadcast outputs, but they are often quite expensive, and the monitor qualities also aren't great unless you spend a _lot_.
|
||||
|
||||
## Display Panels
|
||||
|
||||
I decided the best thing to do would be to DIY something, there are [loads of small panels available][1] on Amazon, and if you [order from China](https://s.click.aliexpress.com/e/_DELKqBL) you can shave a few quid off as well.
|
||||
|
||||
After doing a bit of research it seemed Waveshare was going to be a reliable brand, so I opted to spend a little more and get something with a reputation, and some decent online documentation. I ordered two of the [Waveshare 7inch displays][2].
|
||||
|
||||
The panels arrived and I plugged them both into the Intel NUC I was planning on driving them with. All looked good.
|
||||
|
||||
{{< figure src="IMG_6352.jpg" title="" >}}
|
||||
|
||||
I planned to use one screen to display my Grafana dashboard (more on that in the future…) - and another to display video content, so I tested it out with Lord of the Rings.<figure class="wp-block-video"><video controls src="https://danbaker.dev/wp-content/uploads/2024/01/IMG_6353.mp4"></video></figure>
|
||||
|
||||
With the monitors sorted, I got back to thinking about how to mount the things in the rack. I had two main options, either get someone to fabricate something, or DIY something myself.
|
||||
|
||||
## Monitor Mount Panel
|
||||
|
||||
I can get access to a CO2 laser cutter with a decent sized bed that could cut something, but that would involve designing something to size, acquiring something to cut - metal? plastic? - and then actually doing it.
|
||||
|
||||
Getting someone to fabricate me something was also an option, but obviously more expensive.
|
||||
|
||||
I was about to pull the trigger on making my own when I came across a company setting mounts designed to fit some of their own monitors - [Lilliput Direct][3]. They make a [19″ 4U dual panel bracket][4] which looked to be exactly what I was after.
|
||||
|
||||
After getting hold of the technical documentation from Keith at Lilliput, who was extremely helpful, I measured up and decided there would be enough of the surround of the monitor to attach to the panel without needing to use the standard mount points. I'd sort out the exact details later.
|
||||
|
||||
{{< figure src="Schematic.jpg" title="" >}}
|
||||
|
||||
The panel arrived and I was able to simply hot glue the mounting nuts provided with the screens to the mounting panel. Make sure you attach them to the screens first so you can get the spacing and positioning accurate.
|
||||
|
||||
{{< figure src="IMG_6361-edited.webp" title="" align=center >}}
|
||||
|
||||
You can just about make out the hot glued mounts on the rear in the above photo.
|
||||
|
||||
The only downside to this method is the original mounting holes on the panel remain, I am planning on either filling and painting these - or sticking something over it. Maybe more stickers.
|
||||
|
||||
{{< figure src="IMG_6367-jpg.webp" title="" align=center >}}
|
||||
|
||||
[1]: https://amzn.to/3TUjw3I
|
||||
[2]: https://amzn.to/3NURgtH
|
||||
[3]: https://lilliputdirect.com/
|
||||
[4]: https://lilliputdirect.com/19-inch-4U-rackmount-bracket
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
---
|
||||
title: Moving all my stuff into a server rack – Part 3, Housing the PS5 and some decor
|
||||
date: 2023-08-15T12:06:15+00:00
|
||||
url: /posts/moving-stuff-into-a-server-rackhousing-the-ps5-and-some-decor/
|
||||
tags:
|
||||
- homelab
|
||||
- ps5
|
||||
- rack
|
||||
- tech
|
||||
|
||||
---
|
||||
|
||||
|
||||
At this stage in the build I was about ready to find a way to house my PS5 in my rack, and do some general decor. If you haven't checked out [Part 1][1] and [part 2][2] yet, check them out first!
|
||||
|
||||
One of the main reasons for moving things into a rack in the first place was to clear _all_ my tech - or as much as possible. Housing the PS5 would clear a fair bit of room from the surfaces in my den, they are not small things.
|
||||
|
||||
Hunting around I found that there was one commercially available PS5 shelf for AV racks but it was ridiculously over priced, so ultimately I decided that just putting it on a shelf in the rack was going to be the best bet.
|
||||
|
||||
I found a few rack shelves, but the one I went for was a <a href="https://amzn.to/3U2wc8O" target="_blank" rel="noreferrer noopener">simple 1U shelf</a> with a depth of 250mm - enough for the PS5 to sit on.<figure class="wp-block-image size-large">
|
||||
|
||||
<img data-dominant-color="414056" data-has-transparency="false" style="--dominant-color: #414056;" loading="lazy" decoding="async" width="1024" height="353" src="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6360-1024x353.webp?resize=1024%2C353&ssl=1" alt="Front view of the PS5 on a shelf" class="not-transparent wp-image-135" srcset="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6360-jpg.webp?resize=1024%2C353&ssl=1 1024w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6360-jpg.webp?resize=300%2C103&ssl=1 300w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6360-jpg.webp?resize=768%2C265&ssl=1 768w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6360-jpg.webp?resize=1536%2C530&ssl=1 1536w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6360-jpg.webp?resize=2048%2C706&ssl=1 2048w" sizes="(max-width: 1000px) 100vw, 1000px" data-recalc-dims="1" /> </figure>
|
||||
|
||||
It would certainly look a bit better with a proper fronting panel on it, but for my purposes this works just fine.<figure class="wp-block-image size-large">
|
||||
|
||||
<img data-dominant-color="37343a" data-has-transparency="false" style="--dominant-color: #37343a;" loading="lazy" decoding="async" width="1024" height="470" src="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6361-1-1024x470.webp?resize=1024%2C470&ssl=1" alt="Rear view of the PS5 on a shelf" class="not-transparent wp-image-136" srcset="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6361-1-jpg.webp?resize=1024%2C470&ssl=1 1024w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6361-1-jpg.webp?resize=300%2C138&ssl=1 300w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6361-1-jpg.webp?resize=768%2C353&ssl=1 768w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6361-1-jpg.webp?resize=1536%2C705&ssl=1 1536w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6361-1-jpg.webp?resize=2048%2C941&ssl=1 2048w" sizes="(max-width: 1000px) 100vw, 1000px" data-recalc-dims="1" /> </figure>
|
||||
|
||||
As you can see from the rear, it sits on the shelf nicely. Don't worry about the cable management… I'll deal with that later…
|
||||
|
||||
### Decoration!
|
||||
|
||||
As you've probably seen from previous posts, I have some blanking panels installed to fill in the gaps that I have covered in stickers. Obviously this won't be to everyones taste, but I love it.
|
||||
|
||||
Blanking panels are available all over the place in a variety of U heights, <a href="https://amzn.to/3SkVzBq" target="_blank" rel="noreferrer noopener">mine are all 1U</a> so I can move things about without having to think about it too much. If you didn't want to get stickers to decorate it, you could get vented blanking planels to switch up your air flow.
|
||||
|
||||
Packs of 50-100 stickers are available from your favourite online retailer in whatever themes you can imagine.
|
||||
|
||||
I also added a chocobo standing in the bottom of the rack as there was a very handy spot for it.<figure class="wp-block-image size-large">
|
||||
|
||||
<img data-dominant-color="38417f" data-has-transparency="false" style="--dominant-color: #38417f;" loading="lazy" decoding="async" width="1024" height="880" src="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6619-1024x880.webp?resize=1024%2C880&ssl=1" alt="A chocobo made of plastic bricks" class="not-transparent wp-image-137" srcset="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6619-jpg.webp?resize=1024%2C880&ssl=1 1024w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6619-jpg.webp?resize=300%2C258&ssl=1 300w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6619-jpg.webp?resize=768%2C660&ssl=1 768w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6619-jpg.webp?w=1151&ssl=1 1151w" sizes="(max-width: 1000px) 100vw, 1000px" data-recalc-dims="1" /> </figure>
|
||||
|
||||
And with that, the rack is almost complete. I'll cover networking in a completely separate post as that covers my whole house.<figure class="wp-block-image size-large">
|
||||
|
||||
<img data-dominant-color="1d1964" data-has-transparency="false" style="--dominant-color: #1d1964;" loading="lazy" decoding="async" width="768" height="1024" src="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6367-1-768x1024.webp?resize=768%2C1024&ssl=1" alt="A server rack with pink and blue LED lighting" class="not-transparent wp-image-138" srcset="https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6367-1-scaled.webp?resize=768%2C1024&ssl=1 768w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6367-1-scaled.webp?resize=225%2C300&ssl=1 225w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6367-1-scaled.webp?resize=1152%2C1536&ssl=1 1152w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6367-1-scaled.webp?resize=1536%2C2048&ssl=1 1536w, https://i0.wp.com/danbaker.dev/wp-content/uploads/2024/01/IMG_6367-1-scaled.webp?w=1920&ssl=1 1920w" sizes="(max-width: 768px) 100vw, 768px" data-recalc-dims="1" /> </figure>
|
||||
|
||||
Please let me know if this has inspired you to move your own stuff into a server rack, and send me pictures if you go wild with the decoration!
|
||||
|
||||
[1]: https://danbaker.dev/post/moving-all-my-stuff-into-a-server-rack-part-1-the-rack/
|
||||
[2]: https://danbaker.dev/post/moving-my-stuff-into-a-server-rack-part-2-server-chassis-shopping/
|
||||
|
After Width: | Height: | Size: 344 KiB |
|
After Width: | Height: | Size: 463 KiB |
|
After Width: | Height: | Size: 417 KiB |
|
After Width: | Height: | Size: 258 KiB |
|
|
@ -0,0 +1,49 @@
|
|||
---
|
||||
title: Moving all my stuff into a server rack – Part 3, Housing the PS5 and some decor
|
||||
date: 2023-08-15T12:06:15+00:00
|
||||
url: /posts/moving-stuff-into-a-server-rackhousing-the-ps5-and-some-decor/
|
||||
tags:
|
||||
- homelab
|
||||
- ps5
|
||||
- rack
|
||||
- tech
|
||||
|
||||
---
|
||||
|
||||
|
||||
At this stage in the build I was about ready to find a way to house my PS5 in my rack, and do some general decor. If you haven't checked out [Part 1][1] and [part 2][2] yet, check them out first!
|
||||
|
||||
One of the main reasons for moving things into a rack in the first place was to clear _all_ my tech - or as much as possible. Housing the PS5 would clear a fair bit of room from the surfaces in my den, they are not small things.
|
||||
|
||||
Hunting around I found that there was one commercially available PS5 shelf for AV racks but it was ridiculously over priced, so ultimately I decided that just putting it on a shelf in the rack was going to be the best bet.
|
||||
|
||||
I found a few rack shelves, but the one I went for was a [simple 1U shelf](https://amzn.to/3U2wc8O) with a depth of 250mm - enough for the PS5 to sit on.
|
||||
|
||||
{{< figure src="IMG_6360.jpg" title="" >}}
|
||||
|
||||
It would certainly look a bit better with a proper fronting panel on it, but for my purposes this works just fine.
|
||||
|
||||
{{< figure src="IMG_6361.jpg" title="" >}}
|
||||
|
||||
As you can see from the rear, it sits on the shelf nicely. Don't worry about the cable management… I'll deal with that later…
|
||||
|
||||
### Decoration!
|
||||
|
||||
As you've probably seen from previous posts, I have some blanking panels installed to fill in the gaps that I have covered in stickers. Obviously this won't be to everyones taste, but I love it.
|
||||
|
||||
Blanking panels are available all over the place in a variety of U heights, [mine are all 1U](https://amzn.to/3SkVzBq) so I can move things about without having to think about it too much. If you didn't want to get stickers to decorate it, you could get vented blanking planels to switch up your air flow.
|
||||
|
||||
Packs of 50-100 stickers are available from your favourite online retailer in whatever themes you can imagine.
|
||||
|
||||
I also added a chocobo standing in the bottom of the rack as there was a very handy spot for it.
|
||||
|
||||
{{< figure src="IMG_6619.jpg" title="" >}}
|
||||
|
||||
And with that, the rack is almost complete. I'll cover networking in a completely separate post as that covers my whole house.
|
||||
|
||||
{{< figure src="IMG_6367.jpg" title="" >}}
|
||||
|
||||
Please let me know if this has inspired you to move your own stuff into a server rack, and send me pictures if you go wild with the decoration!
|
||||
|
||||
[1]: /posts/moving-all-my-stuff-into-a-server-rack-part-1-the-rack/
|
||||
[2]: /posts/moving-my-stuff-into-a-server-rack-part-2-server-chassis-shopping/
|
||||
6
go.mod
|
|
@ -2,4 +2,8 @@ module github.com/unbolt/ritual.sh
|
|||
|
||||
go 1.21.7
|
||||
|
||||
require github.com/UtkarshVerma/hugo-modules/responsive-images v0.0.0-20231218022719-c138711ef070 // indirect
|
||||
require (
|
||||
github.com/UtkarshVerma/hugo-modules/responsive-images v0.0.0-20231218022719-c138711ef070 // indirect
|
||||
github.com/aFarkas/lazysizes v0.0.0-20210517092641-1523a4ff4579 // indirect
|
||||
github.com/hugo-mods/lazyimg v0.0.0-20220925161121-72183e14a364 // indirect
|
||||
)
|
||||
|
|
|
|||
5
go.sum
|
|
@ -1,2 +1,7 @@
|
|||
github.com/UtkarshVerma/hugo-modules/responsive-images v0.0.0-20231218022719-c138711ef070 h1:uMV+dVf78Ro9ee1yXFem1tUYJnliuKZpvg7Noyu1jDI=
|
||||
github.com/UtkarshVerma/hugo-modules/responsive-images v0.0.0-20231218022719-c138711ef070/go.mod h1:jencpjZ0EdTGd6YEHFEhAPi9mVCJbVgZ5VQaKlXrGhg=
|
||||
github.com/aFarkas/lazysizes v0.0.0-20210408151554-27c7ceb7d737/go.mod h1:xl3heUINAn0oPowV1biDQ2Pyw1w3x66I7KEbWkaxox0=
|
||||
github.com/aFarkas/lazysizes v0.0.0-20210517092641-1523a4ff4579 h1:K8ukOfj0MOBEWWsL8Mzd8GXIbAf7/RHnX1hipqbjeto=
|
||||
github.com/aFarkas/lazysizes v0.0.0-20210517092641-1523a4ff4579/go.mod h1:xl3heUINAn0oPowV1biDQ2Pyw1w3x66I7KEbWkaxox0=
|
||||
github.com/hugo-mods/lazyimg v0.0.0-20220925161121-72183e14a364 h1:D6wkkO/MtNX597ihy0eS0+KhtjQz5B6c6YBgnXAczcc=
|
||||
github.com/hugo-mods/lazyimg v0.0.0-20220925161121-72183e14a364/go.mod h1:mUw/5rIlzxiJfDnKsFnZAITZ29I7n3QeDd8WwGsBmTI=
|
||||
|
|
|
|||
1
layouts/_default/_markup/render-link.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if or (strings.HasPrefix .Destination "http") (strings.HasPrefix .Destination "https") }} target="_blank"{{ end }} >{{ .Text | safeHTML }}</a>
|
||||
157
layouts/partials/head.html
Normal file
|
|
@ -0,0 +1,157 @@
|
|||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
{{- if hugo.IsProduction | or (eq site.Params.env "production") | and (ne .Params.robotsNoIndex true) }}
|
||||
<meta name="robots" content="index, follow">
|
||||
{{- else }}
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
{{- end }}
|
||||
|
||||
{{- /* Title */}}
|
||||
<title>{{ if .IsHome }}{{ else }}{{ if .Title }}{{ .Title }} | {{ end }}{{ end }}{{ site.Title }}</title>
|
||||
|
||||
{{- /* Meta */}}
|
||||
{{- if .IsHome }}
|
||||
{{ with site.Params.keywords -}}<meta name="keywords" content="{{- range $i, $e := . }}{{ if $i }}, {{ end }}{{ $e }}{{ end }}">{{ end }}
|
||||
{{- else }}
|
||||
<meta name="keywords" content="{{ if .Params.keywords -}}
|
||||
{{- range $i, $e := .Params.keywords }}{{ if $i }}, {{ end }}{{ $e }}{{ end }} {{- else }}
|
||||
{{- range $i, $e := .Params.tags }}{{ if $i }}, {{ end }}{{ $e }}{{ end }} {{- end -}}">
|
||||
{{- end }}
|
||||
<meta name="description" content="{{- with .Description }}{{ . }}{{- else }}{{- if or .IsPage .IsSection}}
|
||||
{{- .Summary | default (printf "%s - %s" .Title site.Title) }}{{- else }}
|
||||
{{- with site.Params.description }}{{ . }}{{- end }}{{- end }}{{- end -}}">
|
||||
<meta name="author" content="{{ (partial "author.html" . ) }}">
|
||||
<link rel="canonical" href="{{ if .Params.canonicalURL -}} {{ trim .Params.canonicalURL " " }} {{- else -}} {{ .Permalink }} {{- end }}">
|
||||
{{- if site.Params.analytics.google.SiteVerificationTag }}
|
||||
<meta name="google-site-verification" content="{{ site.Params.analytics.google.SiteVerificationTag }}">
|
||||
{{- end }}
|
||||
{{- if site.Params.analytics.yandex.SiteVerificationTag }}
|
||||
<meta name="yandex-verification" content="{{ site.Params.analytics.yandex.SiteVerificationTag }}">
|
||||
{{- end }}
|
||||
{{- if site.Params.analytics.bing.SiteVerificationTag }}
|
||||
<meta name="msvalidate.01" content="{{ site.Params.analytics.bing.SiteVerificationTag }}">
|
||||
{{- end }}
|
||||
{{- if site.Params.analytics.naver.SiteVerificationTag }}
|
||||
<meta name="naver-site-verification" content="{{ site.Params.analytics.naver.SiteVerificationTag }}">
|
||||
{{- end }}
|
||||
|
||||
{{- /* Styles */}}
|
||||
|
||||
{{- /* includes */}}
|
||||
{{- $includes := slice }}
|
||||
{{- $includes = $includes | append (" " | resources.FromString "assets/css/includes-blank.css")}}
|
||||
|
||||
{{- if not (eq site.Params.assets.disableScrollBarStyle true) }}
|
||||
{{- $ScrollStyle := (resources.Get "css/includes/scroll-bar.css") }}
|
||||
{{- $includes = (append $ScrollStyle $includes) }}
|
||||
{{- end }}
|
||||
|
||||
{{- $includes_all := $includes | resources.Concat "assets/css/includes.css" }}
|
||||
|
||||
{{- $theme_vars := (resources.Get "css/core/theme-vars.css") }}
|
||||
{{- $reset := (resources.Get "css/core/reset.css") }}
|
||||
{{- $media := (resources.Get "css/core/zmedia.css") }}
|
||||
{{- $license_css := (resources.Get "css/core/license.css") }}
|
||||
{{- $common := (resources.Match "css/common/*.css") | resources.Concat "assets/css/common.css" }}
|
||||
|
||||
{{- /* markup.highlight.noClasses should be set to `false` */}}
|
||||
{{- $chroma_styles := (resources.Get "css/includes/chroma-styles.css") }}
|
||||
{{- $chroma_mod := (resources.Get "css/includes/chroma-mod.css") }}
|
||||
|
||||
{{- /* order is important */}}
|
||||
{{- $core := (slice $theme_vars $reset $common $chroma_styles $chroma_mod $includes_all $media) | resources.Concat "assets/css/core.css" | resources.Minify }}
|
||||
{{- $extended := (resources.Match "css/extended/*.css") | resources.Concat "assets/css/extended.css" | resources.Minify }}
|
||||
|
||||
{{- /* bundle all required css */}}
|
||||
{{- /* Add extended css after theme style */ -}}
|
||||
{{- $stylesheet := (slice $license_css $core $extended) | resources.Concat "assets/css/stylesheet.css" }}
|
||||
|
||||
{{- if not site.Params.assets.disableFingerprinting }}
|
||||
{{- $stylesheet := $stylesheet | fingerprint }}
|
||||
<link crossorigin="anonymous" href="{{ $stylesheet.RelPermalink }}" integrity="{{ $stylesheet.Data.Integrity }}" rel="preload stylesheet" as="style">
|
||||
{{- else }}
|
||||
<link crossorigin="anonymous" href="{{ $stylesheet.RelPermalink }}" rel="preload stylesheet" as="style">
|
||||
{{- end }}
|
||||
|
||||
{{- /* Search */}}
|
||||
{{- if (eq .Layout `search`) -}}
|
||||
<link crossorigin="anonymous" rel="preload" as="fetch" href="../index.json">
|
||||
{{- $fastsearch := resources.Get "js/fastsearch.js" | js.Build (dict "params" (dict "fuseOpts" site.Params.fuseOpts)) | resources.Minify }}
|
||||
{{- $fusejs := resources.Get "js/fuse.basic.min.js" }}
|
||||
{{- $license_js := resources.Get "js/license.js" }}
|
||||
{{- if not site.Params.assets.disableFingerprinting }}
|
||||
{{- $search := (slice $fusejs $license_js $fastsearch ) | resources.Concat "assets/js/search.js" | fingerprint }}
|
||||
<script defer crossorigin="anonymous" src="{{ $search.RelPermalink }}" integrity="{{ $search.Data.Integrity }}"></script>
|
||||
{{- else }}
|
||||
{{- $search := (slice $fusejs $fastsearch ) | resources.Concat "assets/js/search.js" }}
|
||||
<script defer crossorigin="anonymous" src="{{ $search.RelPermalink }}"></script>
|
||||
{{- end }}
|
||||
{{- end -}}
|
||||
|
||||
{{- /* Favicons */}}
|
||||
<link rel="icon" href="{{ site.Params.assets.favicon | default "favicon.ico" | absURL }}">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{{ site.Params.assets.favicon16x16 | default "favicon-16x16.png" | absURL }}">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{{ site.Params.assets.favicon32x32 | default "favicon-32x32.png" | absURL }}">
|
||||
<link rel="apple-touch-icon" href="{{ site.Params.assets.apple_touch_icon | default "apple-touch-icon.png" | absURL }}">
|
||||
<link rel="mask-icon" href="{{ site.Params.assets.safari_pinned_tab | default "safari-pinned-tab.svg" | absURL }}">
|
||||
<meta name="theme-color" content="{{ site.Params.assets.theme_color | default "#2e2e33" }}">
|
||||
<meta name="msapplication-TileColor" content="{{ site.Params.assets.msapplication_TileColor | default "#2e2e33" }}">
|
||||
|
||||
{{- /* RSS */}}
|
||||
{{ range .AlternativeOutputFormats -}}
|
||||
<link rel="{{ .Rel }}" type="{{ .MediaType.Type | html }}" href="{{ .Permalink | safeURL }}">
|
||||
{{ end -}}
|
||||
{{- range .AllTranslations -}}
|
||||
<link rel="alternate" hreflang="{{ .Lang }}" href="{{ .Permalink }}">
|
||||
{{ end -}}
|
||||
|
||||
<noscript>
|
||||
<style>
|
||||
#theme-toggle,
|
||||
.top-link {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
{{- if (and (ne site.Params.defaultTheme "light") (ne site.Params.defaultTheme "dark")) }}
|
||||
<style>
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--theme: rgb(29, 30, 32);
|
||||
--entry: rgb(46, 46, 51);
|
||||
--primary: rgb(218, 218, 219);
|
||||
--secondary: rgb(155, 156, 157);
|
||||
--tertiary: rgb(65, 66, 68);
|
||||
--content: rgb(196, 196, 197);
|
||||
--code-block-bg: rgb(46, 46, 51);
|
||||
--code-bg: rgb(55, 56, 62);
|
||||
--border: rgb(51, 51, 51);
|
||||
}
|
||||
|
||||
.list {
|
||||
background: var(--theme);
|
||||
}
|
||||
|
||||
.list:not(.dark)::-webkit-scrollbar-track {
|
||||
background: 0 0;
|
||||
}
|
||||
|
||||
.list:not(.dark)::-webkit-scrollbar-thumb {
|
||||
border-color: var(--theme);
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
{{- end }}
|
||||
</noscript>
|
||||
|
||||
{{- partial "extend_head.html" . -}}
|
||||
|
||||
{{- /* Misc */}}
|
||||
{{- if hugo.IsProduction | or (eq site.Params.env "production") }}
|
||||
{{- template "_internal/google_analytics.html" . }}
|
||||
{{- template "partials/templates/opengraph.html" . }}
|
||||
{{- template "partials/templates/twitter_cards.html" . }}
|
||||
{{- template "partials/templates/schema_json.html" . }}
|
||||
{{- end -}}
|
||||