Main: Difference between revisions

From Jwiki
No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!--
<!--
===========================================================
======================================================================
Jwiki - High-Impact DevOps Knowledge Portal
  Jwiki :: My Digital Garden
===========================================================
======================================================================
This page uses a modern, icon-driven, responsive grid layout.
===========================================================
-->
-->


<!-- 1. Hero Section with Welcome and Search -->
<!-- Hero Section -->
<div style="text-align: center; padding: 40px 20px; background-color: #0d1117; color: #c9d1d9; border-radius: 8px; margin-bottom: 30px;">
<div style="text-align: center; padding: 40px 20px; background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; margin-bottom: 30px;">
   <h1 style="font-size: 2.5em; margin-bottom: 10px; color: #58a6ff;">DevOps Knowledge Hub</h1>
   <h1 style="font-size: 2.5em; font-weight: 600; color: #212529; margin-bottom: 10px; border-bottom: none;">My Digital Garden</h1>
   <p style="font-size: 1.2em; max-width: 600px; margin: 0 auto 20px;">Your single source of truth for infrastructure, applications, and operational wisdom.</p>
   <p style="font-size: 1.2em; max-width: 600px; margin: 0 auto 30px; color: #495057;">
    A collection of my personal notes, tutorials, and configurations. I'm sharing my work in the hope that it might be useful to others.
  </p>
  <!-- Embedded MediaWiki Search Box -->
   <div style="max-width: 500px; margin: 0 auto;">
   <div style="max-width: 500px; margin: 0 auto;">
     <form action="/index.php" id="searchform-hero">
     {{Special:Search|width=100%}}
      <input type="search" name="search" placeholder="Search the knowledge base..." aria-label="Search Jwiki" style="width: 100%; padding: 12px; font-size: 1em; border-radius: 6px; border: 1px solid #30363d; background-color: #161b22; color: #c9d1d9;">
      <input type="hidden" name="title" value="Special:Search">
    </form>
   </div>
   </div>
</div>
</div>


<!-- 2. Quick Access & Key Operations -->
<!-- Quick Access - Popular Topics -->
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 30px; text-align: center;">
{| class="wikitable" style="width: 100%; text-align: center; border: none; margin-bottom: 30px;"
  <div style="background-color: #f5faff; padding: 15px; border-radius: 6px; border: 1px solid #cce5ff;">
|- style="background-color: transparent;"
    <div style="font-size: 2em; color: #0969da;">&#128221;</div> <!-- Icon: Memo -->
| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" |
    <a href="/index.php/Category:On-Call_Runbooks" style="text-decoration: none; font-weight: bold; color: #0969da;">On-Call Runbooks</a>
  <div style="font-size: 2.5em; color: #5cb85c;">&#128214;</div> <!-- Green Book Icon: 📖 -->
  </div>
  <div style="margin-top: 10px; font-size: 1.1em;">[[Category:Guides & Tutorials|Popular Guides]]</div>
  <div style="background-color: #f5faff; padding: 15px; border-radius: 6px; border: 1px solid #cce5ff;">
| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" |
    <div style="font-size: 2em; color: #0969da;">&#128200;</div> <!-- Icon: Chart increasing -->
  <div style="font-size: 2.5em; color: #5bc0de;">&#128193;</div> <!-- Blue Folder Icon: 📁 -->
    <a href="/index.php/Category:Post-mortems" style="text-decoration: none; font-weight: bold; color: #0969da;">Post-mortems</a>
  <div style="margin-top: 10px; font-size: 1.1em;">[[Category:Projects|My Projects]]</div>
  </div>
| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" |
  <div style="background-color: #f5faff; padding: 15px; border-radius: 6px; border: 1px solid #cce5ff;">
  <div style="font-size: 2.5em; color: #f0ad4e;">&#128451;&#xFE0F;</div> <!-- Yellow Card File Box Icon: 🗃️ -->
    <div style="font-size: 2em; color: #0969da;">&#128193;</div> <!-- Icon: Folder -->
  <div style="margin-top: 10px; font-size: 1.1em;">[[Category:Snippets & Notes|Quick Snippets]]</div>
    <a href="/index.php/Category:Architectural_Decision_Records_(ADRs)" style="text-decoration: none; font-weight: bold; color: #0969da;">ADRs</a>
|}
  </div>
 
</div>


<!-- 3. Main Knowledge Areas Grid -->
<!-- Main Knowledge Areas Grid -->
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px;">
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px;">


<!-- Infrastructure & Platforms -->
<!-- Column 1 -->
<div>
<div>
== &#128230; Infrastructure & Platforms ==
== &#128230; My Homelab & Infrastructure ==
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Virtualization (Proxmox), Storage (TrueNAS), and Container Orchestration (Kubernetes).</div>
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Notes on my Proxmox virtualization setup, TrueNAS storage, networking, and more.</div>
<categorytree mode="pages" hideroot="on">Infrastructure Layer</categorytree>
<categorytree mode="pages" hideroot="on">Infrastructure Layer</categorytree>
<categorytree mode="pages" hideroot="on">Platform Layer</categorytree>
<categorytree mode="pages" hideroot="on">Platform Layer</categorytree>
== &#128640; Software & Services ==
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">How I configure and run applications, from Go services to enterprise software like SAP.</div>
<categorytree mode="pages" hideroot="on">Application & Service Layer</categorytree>
</div>
</div>


<!-- Operating Systems -->
<!-- Column 2 -->
<div>
<div>
== &#129520; DevOps & Automation ==
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">My approach to CI/CD, configuration management with SaltStack, and observability.</div>
<categorytree mode="pages" hideroot="on">Automation & Tooling</categorytree>
== &#128187; Operating Systems ==
== &#128187; Operating Systems ==
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Configurations for SUSE, OpenWRT, and macOS developer environments.</div>
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Configurations for Linux distributions, OpenWRT, and my macOS development environment.</div>
<categorytree mode="pages" hideroot="on">OS & System Layer</categorytree>
<categorytree mode="pages" hideroot="on">OS & System Layer</categorytree>
</div>
</div>


<!-- Applications & Services -->
<div>
== &#128640; Applications & Services ==
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Documentation for Go services and enterprise software like SAP.</div>
<categorytree mode="pages" hideroot="on">Application & Service Layer</categorytree>
</div>
<!-- Automation & Tooling -->
<div>
== &#129520; Automation & Tooling ==
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">SaltStack, Prometheus, CI/CD pipelines, and other utility scripts.</div>
<categorytree mode="pages" hideroot="on">Automation & Tooling</categorytree>
</div>
</div>


<!-- Footer with Personal Note -->
<div style="margin-top: 40px; padding-top: 20px; text-align: center; border-top: 1px solid #dee2e6; font-size: 0.9em; color: #6c757d;">
This wiki is a living document of my personal tech journey. Content is added and refined as I learn.<br>
Found an error or have a question? Feel free to reach out to me.
</div>
</div>

Latest revision as of 06:13, 28 August 2025


My Digital Garden

A collection of my personal notes, tutorials, and configurations. I'm sharing my work in the hope that it might be useful to others.

📖
📁
🗃️


📦 My Homelab & Infrastructure

Notes on my Proxmox virtualization setup, TrueNAS storage, networking, and more.

🚀 Software & Services

How I configure and run applications, from Go services to enterprise software like SAP.

🧰 DevOps & Automation

My approach to CI/CD, configuration management with SaltStack, and observability.

💻 Operating Systems

Configurations for Linux distributions, OpenWRT, and my macOS development environment.

This wiki is a living document of my personal tech journey. Content is added and refined as I learn.
Found an error or have a question? Feel free to reach out to me.