Main: Difference between revisions

From Jwiki
No edit summary
No edit summary
Line 1: Line 1:
<!--
<!--
===========================================================
======================================================================
Jwiki - High-Impact DevOps Knowledge Hub
  Jwiki :: The DevOps Knowledge Hub
===========================================================
  Version: Final :: Optimized for Performance, Comfort, and Aesthetics
This version is 100% compatible with MediaWiki's HTML restrictions.
======================================================================
It uses tables and standard wikitext to create a modern look.
===========================================================
-->
-->


<!-- 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; border-bottom: none;">DevOps Knowledge Hub</h1>
   <h1 style="font-size: 2.5em; font-weight: 600; color: #212529; margin-bottom: 10px; border-bottom: none;">DevOps Knowledge Hub</h1>
   <p style="font-size: 1.2em; max-width: 600px; margin: 0 auto 30px;">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;">
    The single source of truth for our infrastructure, applications, and operations.
  </p>
  <!-- Embedded MediaWiki Search Box -->
   <div style="max-width: 500px; margin: 0 auto;">
   <div style="max-width: 500px; margin: 0 auto;">
     {{Special:Search}}
     {{Special:Search|width=100%}}
   </div>
   </div>
</div>
</div>


<!-- 2. Quick Access & Key Operations -->
<!-- Quick Access Action Buttons -->
{| class="wikitable" style="width: 100%; text-align: center; border: none; margin-bottom: 30px;"
{| class="wikitable" style="width: 100%; text-align: center; border: none; margin-bottom: 30px;"
|- style="background-color: transparent;"
|- style="background-color: transparent;"
| style="width: 33%; border: 1px solid #cce5ff; background-color: #f5faff; border-radius: 6px; padding: 15px;" |
| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" |
<div style="font-size: 2.5em; color: #0969da;">&#128221;</div>
  <div style="font-size: 2.5em; color: #d9534f;">&#128221;</div> <!-- Red Icon -->
'''[[Category:On-Call Runbooks|On-Call Runbooks]]'''
  <div style="margin-top: 10px; font-size: 1.1em;">'''[[Category:On-Call Runbooks|On-Call Runbooks]]'''</div>
| style="width: 33%; border: 1px solid #cce5ff; background-color: #f5faff; border-radius: 6px; padding: 15px;" |
| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" |
<div style="font-size: 2.5em; color: #0969da;">&#128200;</div>
  <div style="font-size: 2.5em; color: #5bc0de;">&#128200;</div> <!-- Blue Icon -->
'''[[Category:Post-mortems|Post-mortems]]'''
  <div style="margin-top: 10px; font-size: 1.1em;">'''[[Category:Post-mortems|Post-mortems]]'''</div>
| style="width: 33%; border: 1px solid #cce5ff; background-color: #f5faff; border-radius: 6px; padding: 15px;" |
| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" |
<div style="font-size: 2.5em; color: #0969da;">&#128193;</div>
  <div style="font-size: 2.5em; color: #5cb85c;">&#128193;</div> <!-- Green Icon -->
'''[[Category:Architectural Decision Records (ADRs)|ADRs]]'''
  <div style="margin-top: 10px; font-size: 1.1em;">'''[[Category:Architectural Decision Records (ADRs)|ADRs]]'''</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; Infrastructure & Platforms ==
Line 40: Line 41:
<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>
</div>
<!-- Operating Systems -->
<div>
== &#128187; Operating Systems ==
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Configurations for SUSE, OpenWRT, and macOS developer environments.</div>
<categorytree mode="pages" hideroot="on">OS & System Layer</categorytree>
</div>


<!-- Applications & Services -->
<div>
== &#128640; Applications & Services ==
== &#128640; Applications & Services ==
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Documentation for Go services and enterprise software like SAP.</div>
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Documentation for Go services and enterprise software like SAP.</div>
Line 56: Line 47:
</div>
</div>


<!-- Automation & Tooling -->
<!-- Column 2 -->
<div>
<div>
== &#129520; Automation & Tooling ==
== &#129520; Automation & Tooling ==
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">SaltStack, Prometheus, CI/CD pipelines, and other utility scripts.</div>
<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>
<categorytree mode="pages" hideroot="on">Automation & Tooling</categorytree>
== &#128187; Operating Systems ==
<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Configurations for SUSE, OpenWRT, and macOS developer environments.</div>
<categorytree mode="pages" hideroot="on">OS & System Layer</categorytree>
</div>
</div>


</div>
</div>

Revision as of 15:41, 27 August 2025


DevOps Knowledge Hub

The single source of truth for our infrastructure, applications, and operations.

📝
'
📈
'
📁
'

📦 Infrastructure & Platforms

Virtualization (Proxmox), Storage (TrueNAS), and Container Orchestration (Kubernetes).

🚀 Applications & Services

Documentation for Go services and enterprise software like SAP.

🧰 Automation & Tooling

SaltStack, Prometheus, CI/CD pipelines, and other utility scripts.

💻 Operating Systems

Configurations for SUSE, OpenWRT, and macOS developer environments.