title, description, showHero, showEditURL, author, date, lastmod, tags
| title |
description |
showHero |
showEditURL |
author |
date |
lastmod |
tags |
| Infrastructure Diagrams |
My Home Network Overview |
false |
true |
wompmacho |
2023-07-04 05:33:31.158000+00:00 |
2026-04-12 |
| homelab |
| infrastructure |
| network |
|
← Back to Homelab Infrastructure
2026 Home lab
{{< rawhtml >}}
<script>
document.getElementById('homelabel-frame').addEventListener('load', function() {
const iframe = this;
const wrapper = iframe.parentElement;
function scaleIframe() {
const targetWidth = wrapper.offsetWidth;
const screenWidth = window.innerWidth;
// Dynamically determine what the "ideal" unscaled width of your
// Homelabel dashboard should be based on the user's current screen.
let virtualWidth = 1400; // Default for large desktops
if (screenWidth < 768) {
virtualWidth = 480; // Mobile view baseline
} else if (screenWidth < 1200) {
virtualWidth = 900; // Tablet/Small laptop baseline
}
// Calculate the scaling ratio
const scale = targetWidth / virtualWidth;
// Apply the 3D transform scale if the container is smaller than the target layout
if (scale < 1) {
iframe.style.width = virtualWidth + 'px';
iframe.style.height = (wrapper.offsetHeight / scale) + 'px';
iframe.style.transform = `scale(${scale})`;
iframe.style.transformOrigin = 'top left';
} else {
iframe.style.width = '100%';
iframe.style.height = '100%';
iframe.style.transform = 'none';
}
}
// Run on load and whenever the screen updates
scaleIframe();
window.addEventListener('resize', scaleIframe);
});
</script>
{{< /rawhtml >}}
2024 Home Lab
2023 Home Lab
2020 Home Lab
2019 Home Lab
wompmacho
5f86f08104
