http://InfraHeaven.io/Recent content on A Platform of WhimsHugoen-usFri, 21 Aug 2026 21:44:00 +1000http://InfraHeaven.io/blog/ai-setup-ollama-pi-agent/Fri, 21 Aug 2026 21:44:00 +1000http://InfraHeaven.io/blog/ai-setup-ollama-pi-agent/<p>I have spent the last few months tuning how I actually run AI day-to-day. The result is a setup that mixes a cloud subscription for the heavy lifting with a local model as a safety net, all wired through a single coding agent that can route different sub-tasks to different models. In this post I will walk through the pieces: the Ollama Cloud subscription, the Pi agent, and the multi-model subagent configuration I use for project development and local hosting tasks — with the local model fallbacks for outages, subscription exhaustion, or remote work.</p>http://InfraHeaven.io/blog/managed-kubernetes-eks-gke/Mon, 13 Apr 2026 10:00:00 +1000http://InfraHeaven.io/blog/managed-kubernetes-eks-gke/<p>Running Kubernetes well is deceptively hard. The control plane is just the beginning — you still have to care about node pool sizing, OS patching, add-on upgrades, autoscaler tuning, CNI compatibility, observability, and a hundred other things that have nothing to do with your actual workloads. Both AWS and Google Cloud have responded to this with &ldquo;managed mode&rdquo; cluster variants: <strong>EKS Auto Mode</strong> and <strong>GKE Autopilot</strong>. The pitch is the same: hand us the node layer and we&rsquo;ll keep it running, just the way <del>you</del> they like.</p>http://InfraHeaven.io/blog/gemm4-local-agentic/Sun, 12 Apr 2026 10:00:00 +1000http://InfraHeaven.io/blog/gemm4-local-agentic/<p>Google&rsquo;s Gemma 4 is a surprisingly powerful local agentic AI model that can run on local hardware, making it a very welcome addition to my programming suite of tools. In this Blog I will cover my experience with Gemma 4, how to set it up, and some of the things I have been using it for. I will also cover some of the limitations and challenges I have faced with using a local agentic AI model.</p>http://InfraHeaven.io/tools/dockerfile-scorer/Sat, 11 Apr 2026 00:00:00 +0000http://InfraHeaven.io/tools/dockerfile-scorer/<div class="dfs-wrap"> <div class="dfs-controls"> <textarea id="dfsInput" class="dfs-textarea" spellcheck="false" placeholder="Paste your Dockerfile here…" ></textarea> <div class="dfs-btn-row"> <button class="dfs-btn dfs-btn--primary" onclick="dfsRun()"> <i class="fas fa-star"></i> Score Dockerfile </button> <button class="dfs-btn" onclick="dfsLoadExample('good')">Good Example</button> <button class="dfs-btn" onclick="dfsLoadExample('poor')">Poor Example</button> <button class="dfs-btn dfs-btn--ghost" onclick="document.getElementById('dfsInput').value=''; document.getElementById('dfsResults').style.display='none'">Clear</button> </div> </div> <div id="dfsResults" style="display:none"> <div class="dfs-hero"> <div class="dfs-ring-wrap"> <svg class="dfs-ring-svg" viewBox="0 0 120 120" aria-hidden="true"> <circle class="dfs-ring-track" cx="60" cy="60" r="50"/> <circle id="dfsRingFill" class="dfs-ring-fill" cx="60" cy="60" r="50" transform="rotate(-90 60 60)"/> </svg> <div class="dfs-ring-inner"> <span id="dfsScoreNum" class="dfs-score-num">0</span> <span class="dfs-score-denom">/10</span> </div> </div> <div id="dfsGrade" class="dfs-grade"></div> <div id="dfsSummary" class="dfs-summary"></div> </div> <div id="dfsChecklist" class="dfs-checklist"></div> </div> </div> <style> .dfs-wrap { font-family: var(--bs-font-sans-serif); } .dfs-controls {} .dfs-textarea { width: 100%; height: 220px; padding: 0.85rem 1rem; border: 1px solid var(--bs-border-color); border-radius: 10px; background: var(--bs-body-bg); color: var(--bs-body-color); font-family: 'Courier New', Courier, monospace; font-size: 0.82rem; line-height: 1.6; resize: vertical; outline: none; transition: border-color 0.15s; box-sizing: border-box; } .dfs-textarea:focus { border-color: var(--bs-primary-text-emphasis); } .dfs-btn-row { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.65rem; } .dfs-btn { padding: 0.5rem 1.1rem; border-radius: 8px; border: 1px solid var(--bs-border-color); background: var(--bs-secondary-bg); color: var(--bs-body-color); font-size: 0.85rem; font-weight: 600; cursor: pointer; transition: all 0.15s; } .dfs-btn:hover { background: var(--bs-body-color); color: var(--bs-body-bg); border-color: var(--bs-body-color); } .dfs-btn--primary { background: var(--bs-body-color); color: var(--bs-body-bg); border-color: var(--bs-body-color); } .dfs-btn--primary:hover { opacity: 0.8; } .dfs-btn--ghost { opacity: 0.55; background: transparent; } .dfs-btn--ghost:hover { opacity: 1; } .dfs-hero { display: flex; flex-direction: column; align-items: center; padding: 2rem 1rem 1.5rem; } .dfs-ring-wrap { position: relative; width: 130px; height: 130px; } .dfs-ring-svg { width: 100%; height: 100%; } .dfs-ring-track { fill: none; stroke: var(--bs-secondary-bg); stroke-width: 10; } .dfs-ring-fill { fill: none; stroke: #2ecc71; stroke-width: 10; stroke-linecap: round; stroke-dasharray: 314.16; stroke-dashoffset: 314.16; transition: stroke-dashoffset 0.8s cubic-bezier(.4,0,.2,1), stroke 0.5s; } .dfs-ring-inner { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0; } .dfs-score-num { font-size: 2.2rem; font-weight: 800; line-height: 1; color: var(--bs-body-color); font-variant-numeric: tabular-nums; } .dfs-score-denom { font-size: 0.85rem; font-weight: 600; color: var(--bs-secondary-color); line-height: 1; margin-top: 0.1rem; } .dfs-grade { margin-top: 0.75rem; font-size: 1.15rem; font-weight: 700; letter-spacing: 0.02em; } .dfs-summary { margin-top: 0.35rem; font-size: 0.85rem; color: var(--bs-secondary-color); } .dfs-checklist { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid var(--bs-border-color); } .dfs-check { border: 1px solid var(--bs-border-color); border-radius: 10px; overflow: hidden; } .dfs-check--pass { border-left: 4px solid #2ecc71; } .dfs-check--fail { border-left: 4px solid #e74c3c; } .dfs-check--partial { border-left: 4px solid #f4a261; } .dfs-check-header { display: flex; align-items: center; gap: 0.75rem; padding: 0.7rem 1rem; } .dfs-check-icon { font-size: 1rem; width: 1.25rem; text-align: center; flex-shrink: 0; } .dfs-check--pass .dfs-check-icon { color: #2ecc71; } .dfs-check--fail .dfs-check-icon { color: #e74c3c; } .dfs-check--partial .dfs-check-icon { color: #f4a261; } .dfs-check-name { flex: 1; font-weight: 600; font-size: 0.9rem; color: var(--bs-body-color); } .dfs-check-pts { font-family: 'Courier New', Courier, monospace; font-size: 0.82rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: 20px; background: var(--bs-secondary-bg); color: var(--bs-secondary-color); white-space: nowrap; } .dfs-check--pass .dfs-check-pts { background: rgba(46,204,113,0.15); color: #2ecc71; } .dfs-check--fail .dfs-check-pts { background: rgba(231,76,60,0.15); color: #e74c3c; } .dfs-check--partial .dfs-check-pts { background: rgba(244,162,97,0.15); color: #f4a261; } .dfs-check-body { padding: 0 1rem 0.75rem 2.95rem; } .dfs-check-detail { font-size: 0.82rem; color: var(--bs-secondary-color); margin: 0 0 0; } .dfs-check-tip { margin-top: 0.5rem; padding: 0.6rem 0.75rem; background: var(--bs-secondary-bg); border-radius: 6px; font-size: 0.8rem; color: var(--bs-secondary-color); font-family: 'Courier New', Courier, monospace; white-space: pre-wrap; line-height: 1.6; } .dfs-check-tip-label { font-family: var(--bs-font-sans-serif); font-weight: 700; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--bs-secondary-color); margin-bottom: 0.25rem; opacity: 0.7; } @media (max-width: 600px) { .dfs-score-num { font-size: 1.8rem; } .dfs-ring-wrap { width: 110px; height: 110px; } } </style> <script> const DFS_CIRCUMFERENCE = 2 * Math.PI * 50; function dfsParse(content) { const lines = content.split('\n'); const instructions = []; let current = null; for (const line of lines) { const trimmed = line.trim(); if (current !== null && current.endsWith('\\')) { const stripped = current.slice(0, -1); if (!trimmed || trimmed.startsWith('#')) { current = stripped + ' '; continue; } current = stripped + ' ' + trimmed; continue; } if (!trimmed || trimmed.startsWith('#')) continue; if (current !== null) instructions.push(current.trim()); current = trimmed; } if (current !== null && current.trim()) instructions.push(current.trim()); return instructions.map(ins => { const m = ins.match(/^(\S+)\s*([\s\S]*)/); return m ? { keyword: m[1].toUpperCase(), rest: m[2] } : { keyword: ins.toUpperCase(), rest: '' }; }); } function dfsScore(content) { const parsed = dfsParse(content); const results = []; const froms = parsed.filter(p => p.keyword === 'FROM'); const users = parsed.filter(p => p.keyword === 'USER'); const healthchecks = parsed.filter(p => p.keyword === 'HEALTHCHECK'); const workdirs = parsed.filter(p => p.keyword === 'WORKDIR'); const labels = parsed.filter(p => p.keyword === 'LABEL'); const args = parsed.filter(p => p.keyword === 'ARG'); const runs = parsed.filter(p => p.keyword === 'RUN'); const envs = parsed.filter(p => p.keyword === 'ENV'); const adds = parsed.filter(p => p.keyword === 'ADD'); const fromImage = (rest) => rest .replace(/^--platform=\S+\s+/, '') .replace(/\s+AS\s+\S+$/i, '') .trim(); { const stages = froms.length; const passed = stages > 1; results.push({ id: 'multistage', name: 'Multi-stage build', points: passed ? 2 : 0, max: 2, passed, detail: passed ? `${stages} build stages — separating build and runtime reduces final image size` : 'Single FROM statement — no multi-stage build detected', tip: 'Use two or more FROM statements:\n FROM golang:1.22-alpine AS builder\n RUN go build …\n\n FROM gcr.io/distroless/static AS final\n COPY --from=builder /app/server .', }); } { const nonRoot = users.find(u => { const v = u.rest.trim().toLowerCase(); return v && v !== 'root' && v !== '0' && !v.startsWith('root:') && !v.startsWith('0:'); }); const passed = !!nonRoot; results.push({ id: 'nonroot', name: 'Non-root USER', points: passed ? 2 : 0, max: 2, passed, detail: passed ? `USER ${nonRoot.rest} — container does not run as root` : users.length === 0 ? 'No USER instruction — container runs as root by default' : 'USER is explicitly set to root (0)', tip: 'Create a dedicated user and switch to it at the end of your final stage:\n RUN addgroup -S app && adduser -S app -G app # Alpine\n USER app:app', }); } { const images = froms.map(f => fromImage(f.rest)); const unpinned = images.filter(img => { if (img.toLowerCase() === 'scratch') return false; if (img.includes('@')) return false; if (!img.includes(':')) return true; return img.split(':').pop() === 'latest'; }); const allPinned = unpinned.length === 0; const partial = !allPinned && unpinned.length < images.length; const pts = allPinned ? 1.5 : partial ? 0.75 : 0; results.push({ id: 'versions', name: 'Version-pinned base images', points: pts, max: 1.5, passed: allPinned, partial, detail: allPinned ? 'All base images use specific version tags' : `Unpinned: ${unpinned.join(', ')}`, tip: 'Replace :latest with an explicit tag:\n FROM node:22.3-alpine3.20\nFor the strongest guarantee, pin to a digest:\n FROM node@sha256:abc123…', }); } { const argNames = args.map(a => a.rest.split(/[=\s]/)[0].trim().toUpperCase()); const multiArchArgs = ['TARGETARCH', 'TARGETPLATFORM', 'BUILDPLATFORM', 'BUILDARCH', 'TARGETOS']; const hasArgDecl = multiArchArgs.some(n => argNames.includes(n)); const hasPlatformFrom = froms.some(f => f.rest.includes('--platform')); const passed = hasArgDecl || hasPlatformFrom; results.push({ id: 'multiarch', name: 'Multi-arch support', points: passed ? 1 : 0, max: 1, passed, detail: passed ? `Multi-arch build ARGs declared (${multiArchArgs.filter(n => argNames.includes(n)).join(', ') || '--platform'})` : 'No TARGETARCH / TARGETPLATFORM ARGs found', tip: 'Declare these ARGs (docker buildx injects them automatically):\n ARG TARGETPLATFORM\n ARG TARGETARCH\nThen use in your build:\n RUN GOARCH=$TARGETARCH go build …\nBuild with: docker buildx build --platform linux/amd64,linux/arm64 .', }); } { const valid = healthchecks.find(h => !/^NONE$/i.test(h.rest.trim())); const passed = !!valid; results.push({ id: 'healthcheck', name: 'HEALTHCHECK instruction', points: passed ? 0.5 : 0, max: 0.5, passed, detail: passed ? 'HEALTHCHECK is configured' : healthchecks.some(h => /^NONE$/i.test(h.rest.trim())) ? 'HEALTHCHECK NONE disables health checking' : 'No HEALTHCHECK instruction', tip: 'Add a health check so orchestrators can detect unhealthy containers:\n HEALTHCHECK --interval=30s --timeout=5s --retries=3 \\\n CMD curl -f http://localhost:8080/health || exit 1', }); } { const sensible = workdirs.find(w => { const v = w.rest.trim(); return v && v !== '/'; }); results.push({ id: 'workdir', name: 'WORKDIR set', points: sensible ? 0.5 : 0, max: 0.5, passed: !!sensible, detail: sensible ? `WORKDIR ${sensible.rest.trim()} — relative paths are predictable` : workdirs.length === 0 ? 'No WORKDIR — files land in /' : 'WORKDIR is set to / (root)', tip: 'Set a working directory early in each stage:\n WORKDIR /app', }); } { const finalFrom = froms[froms.length - 1]; const finalImg = finalFrom ? fromImage(finalFrom.rest).toLowerCase() : ''; const lean = ['alpine', 'distroless', 'slim', 'scratch', 'busybox', 'chainguard', 'wolfi', 'minimal', 'nonroot']; const passed = lean.some(kw => finalImg.includes(kw)); results.push({ id: 'lean', name: 'Lean final image', points: passed ? 0.5 : 0, max: 0.5, passed, detail: passed ? `Final stage uses a minimal base (${finalImg})` : `Final stage is ${finalImg || 'unknown'} — not a known slim base`, tip: 'Choose a minimal final image:\n gcr.io/distroless/static:nonroot (static binaries)\n alpine:3.21 (general purpose)\n scratch (fully static Go/C)', }); } { const aptRuns = runs.filter(r => /apt-get install|apt install/.test(r.rest)); const apkRuns = runs.filter(r => /apk add/.test(r.rest)); const yumRuns = runs.filter(r => /yum install|dnf install/.test(r.rest)); let passed = true; let detail = 'No package manager installs detected'; if (aptRuns.length > 0) { const clean = aptRuns.every(r => r.rest.includes('rm -rf /var/lib/apt') || r.rest.includes('apt-get clean') || r.rest.includes('--no-install-recommends') ); passed = clean; detail = clean ? 'apt-get used with cache cleanup / --no-install-recommends' : 'apt-get install found without cache cleanup'; } else if (apkRuns.length > 0) { const clean = apkRuns.every(r => r.rest.includes('--no-cache')); passed = clean; detail = clean ? 'apk add uses --no-cache' : 'apk add found without --no-cache'; } else if (yumRuns.length > 0) { const clean = yumRuns.every(r => /yum clean|dnf clean/.test(r.rest)); passed = clean; detail = clean ? 'yum/dnf used with cache cleanup' : 'yum/dnf install found without cache cleanup'; } results.push({ id: 'cache', name: 'Package cache cleanup', points: passed ? 0.5 : 0, max: 0.5, passed, detail, tip: 'Chain cleanup in the same RUN layer to avoid bloat:\n # Debian/Ubuntu\n RUN apt-get update && apt-get install -y --no-install-recommends \\\n curl ca-certificates \\\n && rm -rf /var/lib/apt/lists/*\n # Alpine\n RUN apk add --no-cache curl', }); } { const passed = labels.length > 0; results.push({ id: 'labels', name: 'Image labels / metadata', points: passed ? 0.5 : 0, max: 0.5, passed, detail: passed ? `${labels.length} LABEL instruction${labels.length > 1 ? 's' : ''}` : 'No LABEL instructions', tip: 'Add OCI standard labels:\n LABEL org.opencontainers.image.title="my-app"\n LABEL org.opencontainers.image.version="1.2.3"\n LABEL org.opencontainers.image.source="https://github.com/you/repo"', }); } { const secretRe = /\b(password|passwd|secret|token|api[_-]?key|private[_-]?key|access[_-]?key|auth[_-]?key|credentials?)\s*=/i; const suspects = [...envs, ...args] .filter(p => secretRe.test(p.rest)) .map(p => p.keyword + ' ' + p.rest.split('=')[0].trim()); const passed = suspects.length === 0; results.push({ id: 'secrets', name: 'No hardcoded secrets', points: passed ? 0.5 : 0, max: 0.5, passed, detail: passed ? 'No suspicious ENV / ARG values detected' : `Potential secret in: ${suspects.slice(0, 3).join(', ')}`, tip: 'Never put secrets in ENV or ARG — they appear in the image history.\nUse BuildKit secret mounts instead:\n RUN --mount=type=secret,id=mysecret \\\n MY_SECRET=$(cat /run/secrets/mysecret) && …\nOr inject at runtime via your orchestrator.', }); } const total = Math.round(results.reduce((s, r) => s + r.points, 0) * 10) / 10; return { results, total }; } function dfsRender(total, results) { const resultsEl = document.getElementById('dfsResults'); const ringFill = document.getElementById('dfsRingFill'); const scoreNum = document.getElementById('dfsScoreNum'); const gradeEl = document.getElementById('dfsGrade'); const summaryEl = document.getElementById('dfsSummary'); const fraction = total / 10; const offset = DFS_CIRCUMFERENCE * (1 - fraction); const color = total >= 9 ? '#2ecc71' : total >= 7 ? '#74b9ff' : total >= 5 ? '#f4a261' : '#e74c3c'; ringFill.style.strokeDashoffset = DFS_CIRCUMFERENCE; ringFill.style.stroke = color; gradeEl.style.color = color; scoreNum.style.color = 'var(--bs-body-color)'; requestAnimationFrame(() => requestAnimationFrame(() => { ringFill.style.strokeDashoffset = offset; })); scoreNum.textContent = total % 1 === 0 ? total : total.toFixed(1); const grades = [ { min: 9, label: 'Excellent', icon: 'fas fa-trophy' }, { min: 7, label: 'Good', icon: 'fas fa-thumbs-up' }, { min: 5, label: 'Fair', icon: 'fas fa-circle-half-stroke' }, { min: 3, label: 'Needs Work', icon: 'fas fa-screwdriver-wrench' }, { min: 0, label: 'Critical Issues',icon: 'fas fa-triangle-exclamation' }, ]; const grade = grades.find(g => total >= g.min); gradeEl.innerHTML = `<i class="${grade.icon}"></i> ${grade.label}`; const passed = results.filter(r => r.passed).length; const partial = results.filter(r => r.partial && !r.passed).length; const failed = results.filter(r => !r.passed && !r.partial).length; summaryEl.textContent = `${passed} passed · ${partial > 0 ? partial + ' partial · ' : ''}${failed} failed out of ${results.length} checks`; const checklistEl = document.getElementById('dfsChecklist'); checklistEl.innerHTML = results.map(r => { const cls = r.passed ? 'pass' : (r.partial ? 'partial' : 'fail'); const icon = r.passed ? '<i class="fas fa-circle-check"></i>' : r.partial ? '<i class="fas fa-circle-half-stroke"></i>' : '<i class="fas fa-circle-xmark"></i>'; const ptsLabel = r.points % 1 === 0 ? r.points : r.points.toFixed(2).replace(/\.?0+$/, ''); const maxLabel = r.max % 1 === 0 ? r.max : r.max.toFixed(2).replace(/\.?0+$/, ''); const tipHtml = (!r.passed && r.tip) ? ` <div class="dfs-check-tip-label"><i class="fas fa-lightbulb"></i> Fix</div> <div class="dfs-check-tip">${dfsEsc(r.tip)}</div>` : ''; return ` <div class="dfs-check dfs-check--${cls}"> <div class="dfs-check-header"> <span class="dfs-check-icon">${icon}</span> <span class="dfs-check-name">${r.name}</span> <span class="dfs-check-pts">${ptsLabel} / ${maxLabel}</span> </div> <div class="dfs-check-body"> <div class="dfs-check-detail">${dfsEsc(r.detail)}</div> ${tipHtml} </div> </div>`; }).join(''); resultsEl.style.display = 'block'; } function dfsEsc(str) { return String(str) .replace(/&/g, '&amp;') .replace(/</g, '&lt;') .replace(/>/g, '&gt;'); } function dfsRun() { const content = document.getElementById('dfsInput').value.trim(); if (!content) return; const hasFROM = /^\s*FROM\s/mi.test(content); if (!hasFROM) { document.getElementById('dfsResults').style.display = 'none'; document.getElementById('dfsInput').style.borderColor = '#e74c3c'; setTimeout(() => document.getElementById('dfsInput').style.borderColor = '', 1500); return; } const { results, total } = dfsScore(content); dfsRender(total, results); document.getElementById('dfsResults').scrollIntoView({ behavior: 'smooth', block: 'start' }); } function dfsLoadExample(type) { const good = `# syntax=docker/dockerfile:1 # Well-crafted multi-stage Go service Dockerfile FROM golang:1.22-alpine3.20 AS builder ARG TARGETARCH ARG TARGETPLATFORM WORKDIR /build COPY go.mod go.sum ./ RUN go mod download COPY . . RUN CGO_ENABLED=0 GOOS=linux GOARCH=$TARGETARCH \\ go build -ldflags="-s -w" -trimpath -o server ./cmd/server # ── Final stage ────────────────────────────────────── FROM gcr.io/distroless/static-debian12:nonroot AS final ARG TARGETARCH ARG TARGETPLATFORM LABEL org.opencontainers.image.title="my-service" LABEL org.opencontainers.image.version="1.0.0" LABEL org.opencontainers.image.source="https://github.com/example/my-service" WORKDIR /app COPY --from=builder /build/server . USER nonroot:nonroot HEALTHCHECK --interval=30s --timeout=5s --retries=3 \\ CMD ["/app/server", "--healthcheck"] EXPOSE 8080 ENTRYPOINT ["/app/server"]`; const poor = `FROM node:latest WORKDIR /app COPY . . RUN npm install RUN apt-get install -y curl ENV DB_PASSWORD=supersecret123 ENV API_KEY=abc123 EXPOSE 3000 CMD ["node", "server.js"]`; document.getElementById('dfsInput').value = type === 'good' ? good : poor; dfsRun(); } </script>http://InfraHeaven.io/blog/time-traveling-containers/Wed, 08 Apr 2026 22:00:00 +1000http://InfraHeaven.io/blog/time-traveling-containers/<p>All my projects start in the same manner, a cool little script, an idea or technology I want to work with or just something curious to me. The literal second I have something compiling I (or the AI Model of the week) would make a Dockerfile for it.</p> <p>However, a while ago I was working with <a href="https://docs.cloud.google.com/docs/buildpacks/builders">Google&rsquo;s BuildPacks</a>, a way to containerize applications for Google Services supporting Multiple languages. I pulled the latest version and &hellip;..</p>http://InfraHeaven.io/blog/gcp-pro-arch-guide/Tue, 10 Mar 2026 22:00:00 +1000http://InfraHeaven.io/blog/gcp-pro-arch-guide/<p>The following are my notes / thoughts and guide to passing the Google Cloud Architecture exam in 2026.</p> <p>I am unable to post direct questions / examples / answers I can only talk through tips, advice, tricks and topics I found useful.</p> <p>ANY Listed examples/answers are made by myself based on how I interpret Google&rsquo;s documentation and how I would answer such a situation!</p> <h3 id="helpful-links">Helpful links:</h3> <p>As always please refer to the exam certification page for details and guidelines: <a href="https://cloud.google.com/learn/certification/cloud-architect">https://cloud.google.com/learn/certification/cloud-architect</a></p>http://InfraHeaven.io/blog/the-sre-calculators/Sat, 08 Nov 2025 00:00:00 +0000http://InfraHeaven.io/blog/the-sre-calculators/<p>In this blog I will cover the three calculators I relied on during my time in SRE and that I continue to use as a Cloud Engineer.</p> <h2 id="what-is-sre">What is SRE?</h2> <p>Site Reliability Engineering - &ldquo;<em>SRE is what you get when you treat operations as if it’s a software problem.</em>&rdquo; - <a href="https://sre.google/">SRE Google</a></p> <p>Unlike the traditional DevOps philosophy of development and operations being under the same team handling all application operations, the goal of Site Reliability is the practical management of operations while teams are implementing features or new developments.</p>http://InfraHeaven.io/blog/developers-and-the-bill/Sat, 18 Oct 2025 22:00:00 +1000http://InfraHeaven.io/blog/developers-and-the-bill/<p>I have always worked with or in Cloud/Platform teams aspiring to charge back developers for the cost of the cloud resources they consume, but I have never seen it effectively implemented. And while I do not encourage a <em>blameful</em> FinOps team hunting down teams for deploying a first cut application that reached high customer engagement. It is nice when others are mindful to help correctly size an application, opt for scheduling their instances and checking queries/APIs before rushing ahead.</p>http://InfraHeaven.io/blog/starting-point/Thu, 08 Aug 2024 22:00:00 +1000http://InfraHeaven.io/blog/starting-point/<h1 id="starting-point">Starting Point</h1> <p>This is the first post while building out the website, a lot will change over the coming weeks as I add:</p> <ul> <li>Better CI/CD</li> <li>AWS Hosting not just GCP</li> <li>SRE Monitoring and Clear Objectives (I love bringing chaos to systems I build)</li> <li>Open up the Github Repository</li> <li>Add interesting things I have noted over my last 5 years while consulting DevOps/Cloud/Platform Engineering</li> </ul> <h2 id="where-are-we-now">Where are we now?</h2> <p>Right now this website was built by a backend engineer (Who has some growing respect to front-end devs), built in Hugo, using Bootstrap 5.3 in the base template written again by the very same backend engineer, currently hosting out of Google Cloud Platform (GCP).</p>http://InfraHeaven.io/about/Mon, 01 Jan 0001 00:00:00 +0000http://InfraHeaven.io/about/<style> /* ── Hero ── */ .resume-hero { display: flex; align-items: center; gap: 2.5rem; padding: 2.5rem; flex-wrap: wrap; position: relative; overflow: hidden; } .resume-photo { width: 145px; height: 145px; border-radius: 50%; object-fit: cover; object-position: center 15%; border: 3px solid var(--bs-border-color); flex-shrink: 0; position: relative; z-index: 1; } .resume-hero-text { flex: 1; min-width: 220px; position: relative; z-index: 1; } .resume-name { font-size: 2rem; font-weight: 800; margin: 0 0 0.2rem; line-height: 1.1; } .resume-headline { font-size: 0.95rem; color: var(--bs-secondary-color); margin-bottom: 0.75rem; font-weight: 500; } .resume-tagline { font-size: 0.87rem; color: var(--bs-secondary-color); max-width: 560px; line-height: 1.7; margin-bottom: 1rem; } .resume-links { display: flex; gap: 0.5rem; flex-wrap: wrap; } .resume-link-btn { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.45rem 1rem; border-radius: 8px; border: 1px solid var(--bs-border-color); background: var(--bs-secondary-bg); color: var(--bs-body-color); font-size: 0.82rem; font-weight: 600; text-decoration: none; transition: all 0.15s; } .resume-link-btn:hover { background: var(--bs-body-color); color: var(--bs-body-bg); border-color: var(--bs-body-color); text-decoration: none; } /* ── Section header ── */ .resume-section-title { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--bs-secondary-color); margin: 0 0 1rem; padding-bottom: 0.45rem; border-bottom: 1px solid var(--bs-border-color); } /* ── Tech stack ── */ .tech-category-label { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--bs-secondary-color); opacity: 0.55; margin: 0 0 0.5rem; } .prof-item { margin-bottom: 1.25rem; } .prof-item:last-child { margin-bottom: 0; } .prof-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.3rem; } .prof-label { font-size: 0.82rem; font-weight: 600; color: var(--bs-body-color); } .prof-score { font-size: 0.72rem; color: var(--bs-secondary-color); opacity: 0.7; } .prof-track { height: 6px; border-radius: 99px; background: var(--bs-border-color); overflow: hidden; } .prof-fill { height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--bs-primary, #0d6efd), #6ea8fe); } .tech-grid { display: flex; flex-wrap: wrap; gap: 0.55rem; } .tech-pill { display: flex; align-items: center; gap: 0.45rem; padding: 0.35rem 0.7rem; border-radius: 7px; border: 1px solid var(--bs-border-color); background: var(--bs-secondary-bg); font-size: 0.77rem; font-weight: 600; color: var(--bs-secondary-color); transition: all 0.2s; cursor: default; user-select: none; } .tech-pill:hover { border-color: var(--bs-body-color); color: var(--bs-body-color); background: var(--bs-body-bg); } .tech-pill svg { width: 18px; height: 18px; flex-shrink: 0; filter: grayscale(0.35) opacity(0.75); transition: filter 0.2s; } .tech-pill:hover svg { filter: grayscale(0) opacity(1); } /* ── Side projects & homelab ── */ .side-projects { list-style: none; padding: 0; margin: 0; } .side-projects li { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.6rem 0; } .side-projects li + li { border-top: 1px solid var(--bs-border-color); } .side-project-icon { flex-shrink: 0; width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--bs-secondary-bg); border: 1px solid var(--bs-border-color); color: var(--bs-primary, #0d6efd); margin-top: 1px; } .side-project-icon svg { width: 18px; height: 18px; } .side-project-title { font-weight: 700; font-size: 0.85rem; color: var(--bs-body-color); } .side-project-desc { font-size: 0.78rem; color: var(--bs-secondary-color); line-height: 1.5; margin-top: 0.1rem; } /* ── Experience timeline ── */ .exp-timeline { display: flex; flex-direction: column; position: relative; } .exp-timeline::before { content: ""; position: absolute; left: 7px; top: 10px; bottom: 10px; width: 2px; background: var(--ih-card-border, var(--bs-border-color)); } .exp-item { display: flex; gap: 1.2rem; padding-bottom: 1.5rem; position: relative; } .exp-dot { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--ih-card-border, var(--bs-border-color)); background: var(--bs-body-bg); flex-shrink: 0; margin-top: 3px; z-index: 1; } .exp-item--active .exp-dot { border-color: #2ecc71; background: #2ecc71; box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.15); } .exp-body { flex: 1; } .exp-role { font-weight: 700; font-size: 0.9rem; color: var(--bs-body-color); line-height: 1.3; margin-bottom: 0.1rem; } .exp-company { font-size: 0.8rem; font-weight: 500; color: var(--bs-secondary-color); margin-bottom: 0.35rem; } .exp-year { display: inline-block; font-size: 0.7rem; font-weight: 700; color: var(--bs-secondary-color); background: var(--bs-secondary-bg); border: 1px solid var(--bs-border-color); border-radius: 4px; padding: 0.1rem 0.45rem; margin-bottom: 0.4rem; } .exp-bullets { list-style: none; padding: 0; margin: 0; } .exp-bullets li { font-size: 0.8rem; color: var(--bs-secondary-color); padding: 0.08rem 0 0.08rem 1rem; position: relative; } .exp-bullets li::before { content: "›"; position: absolute; left: 0; opacity: 0.45; } @media (max-width: 600px) { .resume-hero { flex-direction: column; align-items: flex-start; padding: 1.5rem; } .resume-name { font-size: 1.6rem; } .resume-photo { width: 110px; height: 110px; } .hero-clouds { opacity: 0.2; } } /* ── Scroll-in animations ── */ [data-animate] { opacity: 0; transform: translateY(28px); transition: opacity 0.55s cubic-bezier(0.4, 0, 0.2, 1), transform 0.55s cubic-bezier(0.4, 0, 0.2, 1); transition-delay: var(--anim-delay, 0ms); } [data-animate].is-visible { opacity: 1; transform: translateY(0); } /* ── Clouds ── */ .hero-clouds { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; opacity: 0.45; } .cloud { position: absolute; background: var(--bs-secondary-bg); border-radius: 50px; filter: blur(1px); } .cloud::before, .cloud::after { content: ""; position: absolute; background: inherit; border-radius: 50%; } /* cloud sizes */ .c1 { width: 120px; height: 36px; top: 18px; animation: cloud-drift 20s linear infinite; } .c1::before { width: 56px; height: 56px; top: -30px; left: 16px; } .c1::after { width: 40px; height: 40px; top: -20px; left: 60px; } .c2 { width: 90px; height: 28px; top: 100px; animation: cloud-drift 28s linear infinite; animation-delay: -10s; } .c2::before { width: 42px; height: 42px; top: -24px; left: 12px; } .c2::after { width: 30px; height: 30px; top: -16px; left: 46px; } .c3 { width: 150px; height: 42px; top: 190px; animation: cloud-drift 24s linear infinite; animation-delay: -16s; } .c3::before { width: 68px; height: 68px; top: -36px; left: 18px; } .c3::after { width: 48px; height: 48px; top: -24px; left: 74px; } .c4 { width: 80px; height: 24px; top: 60px; animation: cloud-drift 34s linear infinite; animation-delay: -5s; } .c4::before { width: 38px; height: 38px; top: -20px; left: 10px; } .c4::after { width: 26px; height: 26px; top: -14px; left: 40px; } @keyframes cloud-drift { from { transform: translateX(-220px); } to { transform: translateX(1300px); } } </style> <div class="container my-5"> <!-- ── Hero ── --> <div class="main-card mb-4" data-animate> <div class="resume-hero"> <img class="resume-photo" src="./static/personal-headshot-02.png" alt="Matthew Callinan" /> <div class="resume-hero-text"> <h1 class="resume-name">Matthew Callinan</h1> <div class="resume-headline"> Staff Cloud &amp; Platform Engineer &nbsp;·&nbsp; SRE &nbsp;·&nbsp; DevOps </div> <p class="resume-tagline"> 7+ years building and scaling cloud infrastructure across GCP and AWS using Kubernetes, Terraform, and automation-first practices. Passionate about site reliability engineering, platform tooling, and helping teams ship faster with confidence. Based in Melbourne, Australia. </p>http://InfraHeaven.io/about_old/Mon, 01 Jan 0001 00:00:00 +0000http://InfraHeaven.io/about_old/<div class="container"> <div class="my-5"> <div class="p-5 text-center bg-body-tertiary"> <div class="container py-5"> <h1 class="text-body-emphasis">InfraHeaven, Building a Starting Point.</h1> <br> <p class="col-lg-8 mx-auto lead"> This website is a place to share my thoughts, ideas, and experiences while working in DevOps, Platform Engineering, Site-Reliability Engineering and Cloud. </p> <p class="col-lg-8 mx-auto lead"> I hope you enjoy it! </p> </div> </div> </div> <div class="row align-items-md-stretch"> <div class="col-md-6"> <div class="h-100 p-5 rounded-3"> <h2>Matthew Callinan</h2> <p>Author</p> <img class=blocks src="./static/skull-charactor.png" alt="A 2d picture of a skeleton with a macbook and coffee"> <div class="d-lg-flex p-2 col-md-6"> <a href="https://www.linkedin.com/in/mcallinanitdev/" target="https://www.linkedin.com/in/mcallinanitdev/" rel="noopener noreferrer"> <button type="button" class="btn btn-secondary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16"> <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"></path> </svg> LinkedIn </button> </a> </div> <div class="d-lg-flex p-2 col-md-6"> <a href="https://github.com/Mattible" target="https://github.com/Mattible" rel="noopener noreferrer"> <button type="button" class="btn btn-secondary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16"> <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"></path> </svg> Github - Mattible </button> </a> </div> </div> <div class="h-100 p-1 rounded-3"> <h2>Contact</h2> <br <p>Please feel free to reach out to me on socials, LinkedIn or look at whatever I am most recently working on in Github</p>http://InfraHeaven.io/meetups/Mon, 01 Jan 0001 00:00:00 +0000http://InfraHeaven.io/meetups/<style> /* ── Calendar Header ── */ .meetup-month-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; } .meetup-month-title { font-size: 1.4rem; font-weight: 800; margin: 0; } .meetup-month-sub { font-size: 0.82rem; color: var(--bs-secondary-color); margin: 0; } /* ── Calendar Grid ── */ .cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 2rem; } .cal-day-name { text-align: center; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--bs-secondary-color); padding: 0.4rem 0; } .cal-day { aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 8px; font-size: 0.8rem; font-weight: 500; color: var(--bs-secondary-color); border: 1px solid transparent; cursor: default; position: relative; transition: all 0.15s; } .cal-day--empty { background: transparent; border-color: transparent; } .cal-day--normal { background: var(--bs-secondary-bg); border-color: var(--bs-border-color); } .cal-day--today { background: var(--bs-primary, #0d6efd); color: #fff; border-color: var(--bs-primary, #0d6efd); font-weight: 700; } .cal-day--event { background: var(--bs-secondary-bg); border-color: #2ecc71; color: var(--bs-body-color); font-weight: 700; cursor: pointer; } .cal-day--event:hover { background: rgba(46, 204, 113, 0.12); } .cal-day--past { opacity: 0.4; } .cal-event-dot { width: 5px; height: 5px; border-radius: 50%; background: #2ecc71; position: absolute; bottom: 4px; } /* ── Meetup Cards ── */ .meetup-list { display: flex; flex-direction: column; gap: 1rem; } .meetup-card { display: flex; gap: 1.2rem; align-items: flex-start; padding: 1.2rem; border-radius: 10px; border: 1px solid var(--bs-border-color); background: var(--bs-secondary-bg); transition: all 0.2s; text-decoration: none; color: inherit; } .meetup-card:hover { border-color: #2ecc71; background: var(--bs-body-bg); text-decoration: none; color: inherit; } .meetup-date-badge { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 52px; height: 56px; border-radius: 10px; background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%); color: #fff; flex-shrink: 0; } .meetup-date-badge--past { background: var(--bs-border-color); color: var(--bs-secondary-color); } .meetup-badge-day { font-size: 1.3rem; font-weight: 800; line-height: 1; } .meetup-badge-mon { font-size: 0.6rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; opacity: 0.9; } .meetup-info { flex: 1; min-width: 0; } .meetup-name { font-size: 0.92rem; font-weight: 700; color: var(--bs-body-color); margin-bottom: 0.15rem; line-height: 1.3; } .meetup-group { font-size: 0.78rem; color: var(--bs-secondary-color); font-weight: 500; margin-bottom: 0.35rem; } .meetup-meta { display: flex; flex-wrap: wrap; gap: 0.5rem; } .meetup-meta-pill { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.7rem; color: var(--bs-secondary-color); background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: 5px; padding: 0.15rem 0.5rem; font-weight: 500; } .meetup-status-badge { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.68rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: 20px; white-space: nowrap; align-self: flex-start; flex-shrink: 0; } .meetup-status-badge--upcoming { background: rgba(46, 204, 113, 0.12); color: #27ae60; border: 1px solid rgba(46, 204, 113, 0.3); } .meetup-status-badge--today { background: rgba(13, 110, 253, 0.12); color: var(--bs-primary, #0d6efd); border: 1px solid rgba(13, 110, 253, 0.3); } .meetup-status-badge--past { background: var(--bs-secondary-bg); color: var(--bs-secondary-color); border: 1px solid var(--bs-border-color); } .meetup-empty { text-align: center; padding: 3rem 1rem; color: var(--bs-secondary-color); font-size: 0.88rem; } .meetup-empty svg { width: 40px; height: 40px; margin-bottom: 0.75rem; opacity: 0.35; } /* ── Section header (reuse from about) ── */ .resume-section-title { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--bs-secondary-color); margin: 0 0 1rem; padding-bottom: 0.45rem; border-bottom: 1px solid var(--bs-border-color); } @media (max-width: 600px) { .cal-day-name, .cal-day { font-size: 0.7rem; } .meetup-card { flex-wrap: wrap; } } </style> <div class="container my-5"> <div class="row g-4"> <!-- ── Left: Calendar ── --> <div class="col-lg-4"> <div class="main-card p-4"> <div class="meetup-month-header"> <div> <h2 class="meetup-month-title" id="cal-month-title"></h2> <p class="meetup-month-sub">Meetups I'm attending</p>http://InfraHeaven.io/tools/recovery-calculator/Mon, 01 Jan 0001 00:00:00 +0000http://InfraHeaven.io/tools/recovery-calculator/<div class="container mt-4"> <div class="row justify-content-center"> <div class="col-md-6"> <div class="form-group"> <label for="eventName">Event Name:</label> <input type="text" class="form-control" id="eventName" placeholder="e.g., Earthquake"> </div> <div class="form-group"> <label for="likelihood">Likelihood (per year, e.g., 0.01 for once every 100 years):</label> <input type="number" class="form-control" id="likelihood" min="0" step="0.01" value="0.01"> </div> <div class="form-group"> <label for="mttd">MTTD (hours):</label> <input type="number" class="form-control" id="mttd" min="0" value="1"> </div> <div class="form-group"> <label for="mttr">MTTR (hours):</label> <input type="number" class="form-control" id="mttr" min="0" value="4"> </div> <button class="btn btn-primary" onclick="addRecoveryCalculation()">Add Event</button> </div> </div> </div> <div class="container mt-4"> <div class="row justify-content-center"> <div class="col-md-10"> <button class="btn btn-secondary mb-3" onclick="exportToCSV('recoveryTable', 'recovery-calculations.csv')">Export to CSV</button> <table class="table table-striped table-bordered" id="recoveryTable"> <thead class="thead-dark"> <tr> <th>Event</th> <th>Likelihood (per year)</th> <th>MTTD (hours)</th> <th>MTTR (hours)</th> <th>Expected Annual Downtime (hours)</th> <th>Action</th> </tr> </thead> <tbody id="recoveryTableBody"> </tbody> </table> </div> </div> </div> <script> function addRecoveryCalculation() { const eventName = document.getElementById('eventName').value.trim(); const likelihood = parseFloat(document.getElementById('likelihood').value); const mttd = parseFloat(document.getElementById('mttd').value); const mttr = parseFloat(document.getElementById('mttr').value); if (!eventName || isNaN(likelihood) || isNaN(mttd) || isNaN(mttr) || likelihood < 0 || mttd < 0 || mttr < 0) { alert('Please enter valid inputs.'); return; } const expectedAnnualDowntime = likelihood * (mttd + mttr); const tableBody = document.getElementById('recoveryTableBody'); const row = tableBody.insertRow(); row.insertCell(0).textContent = eventName; row.insertCell(1).textContent = likelihood.toFixed(3); row.insertCell(2).textContent = mttd.toFixed(2); row.insertCell(3).textContent = mttr.toFixed(2); row.insertCell(4).textContent = expectedAnnualDowntime.toFixed(2); const deleteCell = row.insertCell(5); const deleteButton = document.createElement('button'); deleteButton.textContent = 'Delete'; deleteButton.className = 'btn btn-danger btn-sm'; deleteButton.onclick = function() { tableBody.removeChild(row); }; deleteCell.appendChild(deleteButton); document.getElementById('eventName').value = ''; document.getElementById('likelihood').value = '0.01'; document.getElementById('mttd').value = '1'; document.getElementById('mttr').value = '4'; } function exportToCSV(tableId, filename) { const table = document.getElementById(tableId); let csv = []; for (let row of table.rows) { let rowData = []; for (let cell of row.cells) { if (cell.cellIndex < row.cells.length - 1) { rowData.push('"' + cell.textContent.replace(/"/g, '""') + '"'); } } csv.push(rowData.join(',')); } const csvContent = csv.join('\n'); const blob = new Blob([csvContent], { type: 'text/csv' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = filename; a.click(); } </script>http://InfraHeaven.io/tools/slo-calculator/Mon, 01 Jan 0001 00:00:00 +0000http://InfraHeaven.io/tools/slo-calculator/<div class="container mt-4"> <div class="row justify-content-center"> <div class="col-md-6"> <div class="form-group"> <label for="slo">SLO Target (%):</label> <input type="number" class="form-control" id="slo" step="0.1" min="0" max="100" value="99.9"> </div> <button class="btn btn-primary" onclick="calculate()">Calculate</button> </div> </div> </div> <div class="container mt-4"> <div class="row justify-content-center"> <div class="col-md-8"> <div id="results" class="alert alert-info" style="display: none;"></div> </div> </div> </div> <script> function calculate() { const slo = parseFloat(document.getElementById('slo').value); if (isNaN(slo) || slo < 0 || slo > 100) { document.getElementById('results').innerHTML = '<p>Please enter a valid SLO between 0 and 100.</p>'; return; } const allowedDowntimePercent = (100 - slo) / 100; const periods = { Weekly: 7 * 24, Monthly: 30.44 * 24, Yearly: 365.25 * 24 }; let results = '<h4>Allowed Downtime</h4><ul class="list-group list-group-flush">'; for (const [period, hours] of Object.entries(periods)) { const downtimeHours = allowedDowntimePercent * hours; const hoursPart = Math.floor(downtimeHours); const minutesPart = Math.floor((downtimeHours - hoursPart) * 60); const secondsPart = Math.floor(((downtimeHours - hoursPart) * 60 - minutesPart) * 60); results += `<li class="list-group-item">${period}: ${hoursPart} hours, ${minutesPart} minutes, and ${secondsPart} seconds</li>`; } results += '</ul>'; const resultsDiv = document.getElementById('results'); resultsDiv.innerHTML = results; resultsDiv.style.display = 'block'; } </script>http://InfraHeaven.io/tools/toil-calculator/Mon, 01 Jan 0001 00:00:00 +0000http://InfraHeaven.io/tools/toil-calculator/<div class="container mt-4"> <div class="row justify-content-center"> <div class="col-md-6"> <div class="form-group"> <label for="taskName">Task Name:</label> <input type="text" class="form-control" id="taskName" placeholder="e.g., Clean up Non-Prod"> </div> <div class="form-group"> <label for="timePerTask">Time per manual task (minutes):</label> <input type="number" class="form-control" id="timePerTask" min="0" value="30"> </div> <div class="form-group"> <label for="frequency">Frequency per week:</label> <input type="number" class="form-control" id="frequency" min="0" value="5"> </div> <div class="form-group"> <label for="automationTime">Time to automate (hours):</label> <input type="number" class="form-control" id="automationTime" min="0" value="4"> </div> <button class="btn btn-primary" onclick="addToilCalculation()">Add Task</button> </div> </div> </div> <div class="container mt-4"> <div class="row justify-content-center"> <div class="col-md-10"> <button class="btn btn-secondary mb-3" onclick="exportToCSV('toilTable', 'toil-calculations.csv')">Export to CSV</button> <table class="table table-striped table-bordered" id="toilTable"> <thead class="thead-dark"> <tr> <th>Task</th> <th>Weekly Time (hours)</th> <th>Monthly Time (hours)</th> <th>Yearly Time (hours)</th> <th>Break-even (weeks)</th> <th>Action</th> </tr> </thead> <tbody id="toilTableBody"> </tbody> </table> </div> </div> </div> <script> function addToilCalculation() { const taskName = document.getElementById('taskName').value.trim(); const timePerTask = parseFloat(document.getElementById('timePerTask').value) / 60; const frequency = parseFloat(document.getElementById('frequency').value); const automationTime = parseFloat(document.getElementById('automationTime').value); if (!taskName || isNaN(timePerTask) || isNaN(frequency) || isNaN(automationTime) || timePerTask < 0 || frequency < 0 || automationTime < 0) { alert('Please enter valid inputs.'); return; } const weeklyManualTime = timePerTask * frequency; const monthlyManualTime = weeklyManualTime * 4.33; const yearlyManualTime = weeklyManualTime * 52; const breakEvenExecutions = automationTime / timePerTask; const breakEvenWeeks = breakEvenExecutions / frequency; const tableBody = document.getElementById('toilTableBody'); const row = tableBody.insertRow(); row.insertCell(0).textContent = taskName; row.insertCell(1).textContent = weeklyManualTime.toFixed(2); row.insertCell(2).textContent = monthlyManualTime.toFixed(2); row.insertCell(3).textContent = yearlyManualTime.toFixed(2); row.insertCell(4).textContent = breakEvenWeeks.toFixed(1); const deleteCell = row.insertCell(5); const deleteButton = document.createElement('button'); deleteButton.textContent = 'Delete'; deleteButton.className = 'btn btn-danger btn-sm'; deleteButton.onclick = function() { tableBody.removeChild(row); }; deleteCell.appendChild(deleteButton); document.getElementById('taskName').value = ''; document.getElementById('timePerTask').value = '30'; document.getElementById('frequency').value = '5'; document.getElementById('automationTime').value = '4'; } function exportToCSV(tableId, filename) { const table = document.getElementById(tableId); let csv = []; for (let row of table.rows) { let rowData = []; for (let cell of row.cells) { if (cell.cellIndex < row.cells.length - 1) { rowData.push('"' + cell.textContent.replace(/"/g, '""') + '"'); } } csv.push(rowData.join(',')); } const csvContent = csv.join('\n'); const blob = new Blob([csvContent], { type: 'text/csv' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = filename; a.click(); } </script>http://InfraHeaven.io/tools/yaml-validator/Mon, 01 Jan 0001 00:00:00 +0000http://InfraHeaven.io/tools/yaml-validator/<script src="https://cdn.jsdelivr.net/npm/js-yaml@4/dist/js-yaml.min.js"></script> <div class="yaml-validator-wrap"> <div class="yaml-mode-toggle"> <button id="modeYamlToJson" class="yaml-mode-btn yaml-mode-btn--active" onclick="yamlSetMode('yaml2json')">YAML → JSON</button> <button id="modeJsonToYaml" class="yaml-mode-btn" onclick="yamlSetMode('json2yaml')">JSON → YAML</button> </div> <div class="yaml-validator-editor-row"> <div class="yaml-validator-pane"> <div class="yaml-validator-pane-header"> <span id="yamlInputLabel">YAML Input</span> <div class="yaml-validator-header-actions"> <button class="yaml-btn yaml-btn-ghost" onclick="yamlClearInput()">Clear</button> <button class="yaml-btn yaml-btn-ghost" onclick="yamlLoadSample()">Sample</button> </div> </div> <textarea id="yamlInput" class="yaml-textarea" spellcheck="false" placeholder="Paste your YAML here..." oninput="yamlValidate()" ></textarea> </div> <div class="yaml-validator-pane"> <div class="yaml-validator-pane-header"> <span id="yamlOutputLabel">JSON Output</span> <button class="yaml-btn yaml-btn-ghost" id="yamlCopyBtn" onclick="yamlCopyOutput()">Copy JSON</button> </div> <pre id="yamlOutput" class="yaml-output yaml-output--empty">Output will appear here...</pre> </div> </div> <div id="yamlStatus" class="yaml-status yaml-status--idle"> <i class="fas fa-circle-info"></i> Waiting for input… </div> <div id="yamlStats" class="yaml-stats" style="display:none;"> <span id="yamlStatKeys"></span> <span id="yamlStatLines"></span> <span id="yamlStatSize"></span> </div> </div> <style> .yaml-validator-wrap { font-family: var(--bs-font-sans-serif); } .yaml-validator-editor-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } @media (max-width: 700px) { .yaml-validator-editor-row { grid-template-columns: 1fr; } } .yaml-validator-pane { display: flex; flex-direction: column; border: 1px solid var(--bs-border-color); border-radius: 10px; overflow: hidden; } .yaml-validator-pane-header { display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 0.875rem; background: var(--bs-secondary-bg); border-bottom: 1px solid var(--bs-border-color); font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--bs-secondary-color); } .yaml-validator-header-actions { display: flex; gap: 0.4rem; } .yaml-btn { font-size: 0.75rem; font-weight: 600; padding: 0.2rem 0.6rem; border-radius: 6px; border: 1px solid var(--bs-border-color); cursor: pointer; transition: all 0.15s; } .yaml-btn-ghost { background: transparent; color: var(--bs-secondary-color); } .yaml-btn-ghost:hover { background: var(--bs-body-color); color: var(--bs-body-bg); border-color: var(--bs-body-color); } .yaml-textarea { flex: 1; min-height: 320px; padding: 1rem; font-family: 'Courier New', Courier, monospace; font-size: 0.85rem; line-height: 1.6; background: var(--bs-body-bg); color: var(--bs-body-color); border: none; resize: vertical; outline: none; } .yaml-output { flex: 1; min-height: 320px; padding: 1rem; font-family: 'Courier New', Courier, monospace; font-size: 0.85rem; line-height: 1.6; background: var(--bs-body-bg); color: var(--bs-body-color); margin: 0; overflow: auto; white-space: pre-wrap; word-break: break-all; } .yaml-output--empty { color: var(--bs-secondary-color); } .yaml-output--valid { color: #55efc4; } .yaml-output--error { color: #ff7675; } .yaml-status { margin-top: 0.875rem; padding: 0.6rem 1rem; border-radius: 8px; font-size: 0.9rem; font-weight: 500; } .yaml-status--idle { background: var(--bs-secondary-bg); color: var(--bs-secondary-color); } .yaml-status--valid { background: #1a3d2b; color: #55efc4; } .yaml-status--error { background: #3d1a1a; color: #ff7675; } .yaml-status--warning { background: #3d2b1f; color: #f4a261; } .yaml-stats { display: flex; gap: 1.25rem; margin-top: 0.6rem; font-size: 0.8rem; color: var(--bs-secondary-color); } .yaml-stats span::before { margin-right: 0.25rem; } .yaml-mode-toggle { display: flex; gap: 0.5rem; margin-bottom: 1rem; } .yaml-mode-btn { font-size: 0.85rem; font-weight: 600; padding: 0.4rem 1.1rem; border-radius: 8px; border: 1px solid var(--bs-border-color); background: transparent; color: var(--bs-secondary-color); cursor: pointer; transition: all 0.15s; } .yaml-mode-btn--active { background: var(--bs-body-color); color: var(--bs-body-bg); border-color: var(--bs-body-color); } </style> <script> let currentMode = 'yaml2json'; const JSON_SAMPLE = JSON.stringify({ apiVersion: 'apps/v1', kind: 'Deployment', metadata: { name: 'my-app', namespace: 'default', labels: { app: 'my-app', version: '1.0.0' } }, spec: { replicas: 3, selector: { matchLabels: { app: 'my-app' } }, template: { metadata: { labels: { app: 'my-app' } }, spec: { containers: [{ name: 'my-app', image: 'my-app:1.0.0', ports: [{ containerPort: 8080 }], resources: { requests: { cpu: '100m', memory: '128Mi' }, limits: { cpu: '500m', memory: '256Mi' } }, env: [{ name: 'ENV', value: 'production' }] }] } } } }, null, 2); function yamlSetMode(mode) { currentMode = mode; const textarea = document.getElementById('yamlInput'); document.getElementById('modeYamlToJson').className = mode === 'yaml2json' ? 'yaml-mode-btn yaml-mode-btn--active' : 'yaml-mode-btn'; document.getElementById('modeJsonToYaml').className = mode === 'json2yaml' ? 'yaml-mode-btn yaml-mode-btn--active' : 'yaml-mode-btn'; document.getElementById('yamlInputLabel').textContent = mode === 'yaml2json' ? 'YAML Input' : 'JSON Input'; document.getElementById('yamlOutputLabel').textContent = mode === 'yaml2json' ? 'JSON Output' : 'YAML Output'; document.getElementById('yamlCopyBtn').textContent = mode === 'yaml2json' ? 'Copy JSON' : 'Copy YAML'; textarea.placeholder = mode === 'yaml2json' ? 'Paste your YAML here...' : 'Paste your JSON here...'; textarea.value = ''; yamlValidate(); } const YAML_SAMPLE = `# Sample Kubernetes Deployment apiVersion: apps/v1 kind: Deployment metadata: name: my-app namespace: default labels: app: my-app version: "1.0.0" spec: replicas: 3 selector: matchLabels: app: my-app template: metadata: labels: app: my-app spec: containers: - name: my-app image: my-app:1.0.0 ports: - containerPort: 8080 resources: requests: cpu: "100m" memory: "128Mi" limits: cpu: "500m" memory: "256Mi" env: - name: ENV value: production `; function yamlValidate() { const input = document.getElementById('yamlInput').value; const outputEl = document.getElementById('yamlOutput'); const statusEl = document.getElementById('yamlStatus'); const statsEl = document.getElementById('yamlStats'); if (!input.trim()) { outputEl.textContent = 'Output will appear here...'; outputEl.className = 'yaml-output yaml-output--empty'; statusEl.className = 'yaml-status yaml-status--idle'; statusEl.innerHTML = '<i class="fas fa-circle-info"></i> Waiting for input…'; statsEl.style.display = 'none'; return; } try { let outputText, parsed; if (currentMode === 'yaml2json') { parsed = jsyaml.load(input); if (parsed === null || parsed === undefined) { outputEl.textContent = '(empty document)'; outputEl.className = 'yaml-output yaml-output--warning'; statusEl.className = 'yaml-status yaml-status--warning'; statusEl.innerHTML = '<i class="fas fa-triangle-exclamation"></i> Valid YAML but document is empty.'; statsEl.style.display = 'none'; return; } outputText = JSON.stringify(parsed, null, 2); statusEl.innerHTML = '<i class="fas fa-circle-check"></i> Valid YAML!'; } else { parsed = JSON.parse(input); outputText = jsyaml.dump(parsed, { indent: 2, lineWidth: -1 }); statusEl.innerHTML = '<i class="fas fa-circle-check"></i> Valid JSON!'; } outputEl.textContent = outputText; outputEl.className = 'yaml-output yaml-output--valid'; statusEl.className = 'yaml-status yaml-status--valid'; const lines = input.split('\n').length; const size = new Blob([input]).size; const keyCount = countKeys(parsed); document.getElementById('yamlStatKeys').textContent = `Keys: ${keyCount}`; document.getElementById('yamlStatLines').textContent = `Lines: ${lines}`; document.getElementById('yamlStatSize').textContent = `Size: ${size} bytes`; statsEl.style.display = 'flex'; } catch (e) { outputEl.textContent = e.message; outputEl.className = 'yaml-output yaml-output--error'; statusEl.className = 'yaml-status yaml-status--error'; const lineMatch = e.message.match(/line (\d+)/i); const lineHint = lineMatch ? ` (line ${lineMatch[1]})` : ''; const label = currentMode === 'yaml2json' ? 'YAML' : 'JSON'; statusEl.innerHTML = `<i class="fas fa-circle-xmark"></i> Invalid ${label}${lineHint}: ${e.reason || e.message}`; statsEl.style.display = 'none'; } } function countKeys(obj) { if (typeof obj !== 'object' || obj === null) return 0; let count = 0; for (const key in obj) { count++; count += countKeys(obj[key]); } return count; } function yamlClearInput() { document.getElementById('yamlInput').value = ''; yamlValidate(); } function yamlLoadSample() { document.getElementById('yamlInput').value = currentMode === 'yaml2json' ? YAML_SAMPLE : JSON_SAMPLE; yamlValidate(); } function yamlCopyOutput() { const text = document.getElementById('yamlOutput').textContent; if (!text || text === 'Output will appear here...') return; navigator.clipboard.writeText(text).then(() => { const btn = event.target; const original = btn.textContent; btn.textContent = 'Copied!'; setTimeout(() => { btn.textContent = original; }, 1500); }); } </script>