Main - Revision history

Gyurci08 at 06:13, 28 August 2025

2025-08-28T06:13:05Z

← Older revision		Revision as of 06:13, 28 August 2025
Line 53:		Line 53:
	<categorytree mode="pages" hideroot="on">Automation & Tooling</categorytree>		<categorytree mode="pages" hideroot="on">Automation & Tooling</categorytree>

	== 💻 Operating ~~System Setups~~ ==		== 💻 Operating Systems ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Configurations for Linux distributions, OpenWRT, and my macOS development environment.</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>

Gyurci08 at 16:05, 27 August 2025

2025-08-27T16:05:40Z

← Older revision		Revision as of 16:05, 27 August 2025
Line 21:		Line 21:
	\|- style="background-color: transparent;"		\|- style="background-color: transparent;"
	\| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" \|		\| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" \|
	<div style="font-size: 2.5em; color: #5cb85c;">📖</div> <!-- Green Book Icon -->		<div style="font-size: 2.5em; color: #5cb85c;">📖</div> <!-- Green Book Icon: 📖 -->
	<div style="margin-top: 10px; font-size: 1.1em;">~~'''~~[[Category:Guides & Tutorials\|Popular Guides]]~~'''~~</div>		<div style="margin-top: 10px; font-size: 1.1em;">[[Category:Guides & Tutorials\|Popular Guides]]</div>
	\| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" \|		\| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" \|
	<div style="font-size: 2.5em; color: #5bc0de;">📁</div> <!-- Blue Folder Icon -->		<div style="font-size: 2.5em; color: #5bc0de;">📁</div> <!-- Blue Folder Icon: 📁 -->
	<div style="margin-top: 10px; font-size: 1.1em;">~~'''~~[[Category:Projects\|My Projects]]~~'''~~</div>		<div style="margin-top: 10px; font-size: 1.1em;">[[Category:Projects\|My Projects]]</div>
	\| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" \|		\| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" \|
	<div style="font-size: 2.5em; color: #f0ad4e;">🗃️</div> <!-- Yellow ~~Paper~~ Icon -->		<div style="font-size: 2.5em; color: #f0ad4e;">🗃️</div> <!-- Yellow Card File Box Icon: 🗃️ -->
	<div style="margin-top: 10px; font-size: 1.1em;">~~'''~~[[Category:Snippets & Notes\|Quick Snippets]]~~'''~~</div>		<div style="margin-top: 10px; font-size: 1.1em;">[[Category:Snippets & Notes\|Quick Snippets]]</div>
	\|}		\|}


	<!-- Main Knowledge Areas Grid -->		<!-- Main Knowledge Areas Grid -->

Gyurci08 at 15:52, 27 August 2025

2025-08-27T15:52:07Z

← Older revision		Revision as of 15:52, 27 August 2025
Line 2:		Line 2:
	======================================================================		======================================================================
	Jwiki :: My Digital Garden		Jwiki :: My Digital Garden
	~~Version: Final :: Optimized for a Personal, Public-Facing Wiki~~
	======================================================================		======================================================================
	-->		-->

Gyurci08 at 15:48, 27 August 2025

2025-08-27T15:48:12Z

← Older revision		Revision as of 15:48, 27 August 2025
Line 63:		Line 63:
	<div style="margin-top: 40px; padding-top: 20px; text-align: center; border-top: 1px solid #dee2e6; font-size: 0.9em; color: #6c757d;">		<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>		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 ~~on my [[User talk:{{PAGENAMEE}}\|talk page]]~~.		Found an error or have a question? Feel free to reach out to me.
	</div>		</div>

Gyurci08 at 15:47, 27 August 2025

2025-08-27T15:47:19Z

← Older revision		Revision as of 15:47, 27 August 2025
Line 1:		Line 1:
	<!--		<!--
	======================================================================		======================================================================
	Jwiki :: ~~The DevOps Knowledge Hub~~		Jwiki :: My Digital Garden
	Version: Final :: Optimized for ~~Performance~~, ~~Comfort, and Aesthetics~~		Version: Final :: Optimized for a Personal, Public-Facing Wiki
	======================================================================		======================================================================
	-->		-->
Line 8:		Line 8:
	<!-- Hero Section -->		<!-- Hero Section -->
	<div style="text-align: center; padding: 40px 20px; background-color: #f8f9fa; border: 1px solid #dee2e6; 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; font-weight: 600; color: #212529; margin-bottom: 10px; border-bottom: none;">~~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 30px; color: #495057;">		<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~~.		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>		</p>
	<!-- Embedded MediaWiki Search Box -->		<!-- Embedded MediaWiki Search Box -->
Line 18:		Line 18:
	</div>		</div>

	<!-- Quick Access ~~Action Buttons~~ -->		<!-- Quick Access - Popular Topics -->
	{\| 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 transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" \|		\| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" \|
	<div style="font-size: 2.5em; color: #~~d9534f~~;">&#~~128221~~;</div> <!-- ~~Red~~ Icon -->		<div style="font-size: 2.5em; color: #5cb85c;">📖</div> <!-- Green Book Icon -->
	<div style="margin-top: 10px; font-size: 1.1em;">'''[[Category:~~On-Call Runbooks~~\|~~On-Call Runbooks~~]]'''</div>		<div style="margin-top: 10px; font-size: 1.1em;">'''[[Category:Guides & Tutorials\|Popular Guides]]'''</div>
	\| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" \|		\| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" \|
	<div style="font-size: 2.5em; color: #5bc0de;">&#~~128200~~;</div> <!-- Blue Icon -->		<div style="font-size: 2.5em; color: #5bc0de;">📁</div> <!-- Blue Folder Icon -->
	<div style="margin-top: 10px; font-size: 1.1em;">'''[[Category:~~Post-mortems~~\|~~Post-mortems~~]]'''</div>		<div style="margin-top: 10px; font-size: 1.1em;">'''[[Category:Projects\|My Projects]]'''</div>
	\| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" \|		\| style="width: 33%; border: 1px solid transparent; background-color: #f8f9fa; border-radius: 6px; padding: 20px;" \|
	<div style="font-size: 2.5em; color: #~~5cb85c~~;">&#~~128193~~;</div> <!-- ~~Green~~ Icon -->		<div style="font-size: 2.5em; color: #f0ad4e;">🗃️</div> <!-- Yellow Paper Icon -->
	<div style="margin-top: 10px; font-size: 1.1em;">'''[[Category:~~Architectural Decision Records (ADRs)~~\|~~ADRs~~]]'''</div>		<div style="margin-top: 10px; font-size: 1.1em;">'''[[Category:Snippets & Notes\|Quick Snippets]]'''</div>
	\|}		\|}

Line 37:		Line 37:
	<!-- Column 1 -->		<!-- Column 1 -->
	<div>		<div>
	== 📦 Infrastructure ~~& Platforms~~ ==		== 📦 My Homelab & Infrastructure ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">~~Virtualization~~, ~~Storage~~, ~~Networking~~, and ~~Container Orchestration~~.</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>

	== 🚀 ~~Applications~~ & Services ==		== 🚀 Software & Services ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Go services~~, Databases, and Enterprise Applications~~ like SAP.</div>		<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>		<categorytree mode="pages" hideroot="on">Application & Service Layer</categorytree>
	</div>		</div>
Line 49:		Line 49:
	<!-- Column 2 -->		<!-- Column 2 -->
	<div>		<div>
	== 🧰 Automation ~~& Tooling~~ ==		== 🧰 DevOps & Automation ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">CI/CD, ~~Config Management (~~SaltStack), and ~~Observability (Prometheus, Grafana)~~.</div>		<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>		<categorytree mode="pages" hideroot="on">Automation & Tooling</categorytree>

	== 💻 Operating ~~Systems~~ ==		== 💻 Operating System Setups ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Linux ~~(SUSE~~, ~~Debian), Embedded (~~OpenWRT), and ~~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>
Line 60:		Line 60:
	</div>		</div>

	<!-- ~~Foundational and Operational Documentation~~ -->		<!-- Footer with Personal Note -->
	<div style="margin-top: ~~30px~~;">		<div style="margin-top: 40px; padding-top: 20px; text-align: center; border-top: 1px solid #dee2e6; font-size: 0.9em; color: #6c757d;">
	~~== Foundations & Operations ==~~		This wiki is a living document of my personal tech journey. Content is added and refined as I learn.<br>
	~~<div style="display: grid; grid~~-~~template-columns: 1fr 1fr; gap~~: 20px;">		Found an error or have a question? Feel free to reach out on my [[User talk:{{PAGENAMEE}}\|talk page]].
	~~<div>~~
	~~=== Operations & Processes ===~~
	~~<div style="font~~-~~size~~: ~~90%~~; ~~color~~: #~~555~~; ~~margin-bottom: 10px;">Day-to-day procedures, backup strategies, and incident response.</div>~~
	~~<categorytree>Operations & Processes</categorytree>~~
	~~</div>~~
	~~<div>~~
	~~=== Fundamentals ===~~
	~~<div style="~~font-size: ~~90%~~; color: #~~555; margin-bottom: 10px~~;">~~Core principles, security standards,~~ and ~~design patterns~~.<~~/div~~>
	~~<categorytree>Fundamentals</categorytree>~~
	~~</div>~~
	~~</div>~~
	</div>		</div>

Gyurci08 at 15:44, 27 August 2025

2025-08-27T15:44:21Z

← Older revision		Revision as of 15:44, 27 August 2025
Line 38:		Line 38:
	<div>		<div>
	== 📦 Infrastructure & Platforms ==		== 📦 Infrastructure & Platforms ==
	<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;">Virtualization, Storage, Networking, and Container Orchestration.</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>

	== 🚀 Applications & Services ==		== 🚀 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;">Go services, Databases, and Enterprise Applications like SAP.</div>
	<categorytree mode="pages" hideroot="on">Application & Service Layer</categorytree>		<categorytree mode="pages" hideroot="on">Application & Service Layer</categorytree>
	</div>		</div>
Line 50:		Line 50:
	<div>		<div>
	== 🧰 Automation & Tooling ==		== 🧰 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;">CI/CD, Config Management (SaltStack), and Observability (Prometheus, Grafana).</div>
	<categorytree mode="pages" hideroot="on">Automation & Tooling</categorytree>		<categorytree mode="pages" hideroot="on">Automation & Tooling</categorytree>

	== 💻 Operating Systems ==		== 💻 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;">Linux (SUSE, Debian), Embedded (OpenWRT), and Developer Environments.</div>
	<categorytree mode="pages" hideroot="on">OS & System Layer</categorytree>		<categorytree mode="pages" hideroot="on">OS & System Layer</categorytree>
	</div>		</div>

			</div>

			<!-- Foundational and Operational Documentation -->
			<div style="margin-top: 30px;">
			== Foundations & Operations ==
			<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
			<div>
			=== Operations & Processes ===
			<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Day-to-day procedures, backup strategies, and incident response.</div>
			<categorytree>Operations & Processes</categorytree>
			</div>
			<div>
			=== Fundamentals ===
			<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Core principles, security standards, and design patterns.</div>
			<categorytree>Fundamentals</categorytree>
			</div>
			</div>
	</div>		</div>

Gyurci08 at 15:41, 27 August 2025

2025-08-27T15:41:53Z

← Older revision		Revision as of 15:41, 27 August 2025
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~~;">📝</div>		<div style="font-size: 2.5em; color: #d9534f;">📝</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~~;">📈</div>		<div style="font-size: 2.5em; color: #5bc0de;">📈</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~~;">📁</div>		<div style="font-size: 2.5em; color: #5cb85c;">📁</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>
	== 📦 Infrastructure & Platforms ==		== 📦 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>~~
	~~== 💻 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>~~
	== 🚀 Applications & Services ==		== 🚀 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>
	== 🧰 Automation & Tooling ==		== 🧰 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>

			== 💻 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>

Gyurci08 at 15:38, 27 August 2025

2025-08-27T15:38:36Z

← Older revision		Revision as of 15:38, 27 August 2025
Line 1:		Line 1:
	<!--		<!--
	===========================================================		===========================================================
	Jwiki - High-Impact DevOps Knowledge ~~Portal~~		Jwiki - High-Impact DevOps Knowledge Hub
	===========================================================		===========================================================
	This ~~page~~ uses a modern~~, icon-driven, responsive grid layout~~.		This version is 100% compatible with MediaWiki's HTML restrictions.
			It uses tables and standard wikitext to create a modern look.
	===========================================================		===========================================================
	-->		-->
Line 9:		Line 10:
	<!-- 1. Hero Section with Welcome and Search -->		<!-- 1. Hero Section with Welcome and Search -->
	<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: #0d1117; color: #c9d1d9; 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; margin-bottom: 10px; color: #58a6ff; border-bottom: none;">DevOps Knowledge Hub</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;">Your single source of truth for infrastructure, applications, and operational wisdom.</p>
	<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}}
	<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 -->		<!-- 2. Quick Access & Key Operations -->
	~~<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;">📝</div~~> <!-- Icon: Memo --~~>		\| style="width: 33%; border: 1px solid #cce5ff; background-color: #f5faff; border-radius: 6px; padding: 15px;" \|
	~~<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: #0969da;">📝</div>
	~~</div>~~		'''[[Category:On-Call Runbooks\|On-Call Runbooks]]'''
	~~<div style="~~background-color: #f5faff~~; padding: 15px~~; border-radius: 6px; ~~border~~: ~~1px solid #cce5ff~~;">		\| style="width: 33%; border: 1px solid #cce5ff; background-color: #f5faff; border-radius: 6px; padding: 15px;" \|
	<div style="font-size: ~~2em~~; color: #0969da;">📈</div~~> <!-- Icon: Chart increasing --~~>		<div style="font-size: 2.5em; color: #0969da;">📈</div>
	~~<a href="/index.php/~~Category:Post-mortems" style="~~text-decoration~~: ~~none~~; ~~font-weight: bold; color~~: #~~0969da~~;~~">Post-mortems</a>~~		'''[[Category:Post-mortems\|Post-mortems]]'''
	~~</div>~~		\| style="width: 33%; border: 1px solid #cce5ff; background-color: #f5faff; border-radius: 6px; padding: 15px;" \|
	~~<div style="~~background-color: #f5faff~~; padding: 15px~~; border-radius: 6px; ~~border~~: ~~1px solid #cce5ff~~;">		<div style="font-size: 2.5em; color: #0969da;">📁</div>
	<div style="font-size: ~~2em~~; color: #0969da;">📁</div~~> <!-- Icon: Folder --~~>		'''[[Category:Architectural Decision Records (ADRs)\|ADRs]]'''
	~~<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 -->		<!-- 3. Main Knowledge Areas Grid -->

Gyurci08 at 15:37, 27 August 2025

2025-08-27T15:37:39Z

← Older revision		Revision as of 15:37, 27 August 2025
Line 1:		Line 1:
	<!--		<!--
	===========================================================		===========================================================
	DevOps Knowledge ~~Base Main Page~~		Jwiki - High-Impact DevOps Knowledge Portal
	===========================================================		===========================================================
	This page uses a ~~single~~, responsive grid ~~to align all sections~~		This page uses a modern, icon-driven, responsive grid layout.
	~~and the CategoryTree extension for a dynamic dashboard~~.
	===========================================================		===========================================================
	-->		-->

	<!-- 1. Welcome ~~Header~~ -->		<!-- 1. Hero Section with Welcome and Search -->
	<div style="padding: ~~15px~~; background-color: #~~f5faff~~; ~~border~~: ~~1px solid~~ #~~cce5ff~~; border-radius: ~~5px~~; margin-bottom: ~~20px~~;">		<div style="text-align: center; padding: 40px 20px; background-color: #0d1117; color: #c9d1d9; border-radius: 8px; margin-bottom: 30px;">
	~~'''Welcome to the~~ DevOps Knowledge ~~Base'''~~		<h1 style="font-size: 2.5em; margin-bottom: 10px; color: #58a6ff;">DevOps Knowledge Hub</h1>
	<p>~~This wiki contains technical documentation~~, ~~runbooks~~, and ~~architectural notes for our infrastructure and services~~. ~~Use~~ the ~~sections below to navigate the different layers of our stack~~.</p>		<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>
			<div style="max-width: 500px; margin: 0 auto;">
			<form action="/index.php" id="searchform-hero">
			<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>

	<!-- 2. Main ~~Dashboard~~ Grid -->		<!-- 2. Quick Access & Key Operations -->
			<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 30px; text-align: center;">
			<div style="background-color: #f5faff; padding: 15px; border-radius: 6px; border: 1px solid #cce5ff;">
			<div style="font-size: 2em; color: #0969da;">📝</div> <!-- Icon: Memo -->
			<a href="/index.php/Category:On-Call_Runbooks" style="text-decoration: none; font-weight: bold; color: #0969da;">On-Call Runbooks</a>
			</div>
			<div style="background-color: #f5faff; padding: 15px; border-radius: 6px; border: 1px solid #cce5ff;">
			<div style="font-size: 2em; color: #0969da;">📈</div> <!-- Icon: Chart increasing -->
			<a href="/index.php/Category:Post-mortems" style="text-decoration: none; font-weight: bold; color: #0969da;">Post-mortems</a>
			</div>
			<div style="background-color: #f5faff; padding: 15px; border-radius: 6px; border: 1px solid #cce5ff;">
			<div style="font-size: 2em; color: #0969da;">📁</div> <!-- Icon: Folder -->
			<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 -->
	<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 -->		<!-- Infrastructure & Platforms -->
	<div>		<div>
	== Infrastructure & Platforms ==		== 📦 Infrastructure & Platforms ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Virtualization, ~~storage~~, and ~~container orchestration~~.</div>		<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Virtualization (Proxmox), Storage (TrueNAS), and Container Orchestration (Kubernetes).</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>
Line 27:		Line 48:
	<!-- Operating Systems -->		<!-- Operating Systems -->
	<div>		<div>
	== Operating Systems ==		== 💻 Operating Systems ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">~~Server~~, ~~embedded~~, and developer ~~operating systems~~.</div>		<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>		<categorytree mode="pages" hideroot="on">OS & System Layer</categorytree>
	</div>		</div>
Line 34:		Line 55:
	<!-- Applications & Services -->		<!-- Applications & Services -->
	<div>		<div>
	== Applications & Services ==		== 🚀 Applications & Services ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Documentation for ~~applications we build~~ and ~~manage~~.</div>		<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>		<categorytree mode="pages" hideroot="on">Application & Service Layer</categorytree>
	</div>		</div>
Line 41:		Line 62:
	<!-- Automation & Tooling -->		<!-- Automation & Tooling -->
	<div>		<div>
	== Automation & Tooling ==		== 🧰 Automation & Tooling ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">~~Configuration management~~, ~~monitoring~~, ~~and~~ CI/CD ~~tools~~.</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>
	~~</div>~~

	~~<!-- Operations & Processes -->~~
	~~<div>~~
	~~== Operations & Processes ==~~
	~~<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Critical runbooks, procedures, and post-mortems.</div>~~
	~~<categorytree>Operations & Processes</categorytree>~~
	~~</div>~~

	~~<!-- Fundamentals -->~~
	~~<div>~~
	~~== Fundamentals ==~~
	~~<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Architectural standards and security best practices.</div>~~
	~~<categorytree>Fundamentals</categorytree>~~
	</div>		</div>

	</div>		</div>

Gyurci08 at 15:34, 27 August 2025

2025-08-27T15:34:48Z

← Older revision		Revision as of 15:34, 27 August 2025
Line 3:		Line 3:
	DevOps Knowledge Base Main Page		DevOps Knowledge Base Main Page
	===========================================================		===========================================================
	This page uses ~~standard text headers~~ and the CategoryTree		This page uses a single, responsive grid to align all sections
	extension ~~to create~~ a dynamic dashboard.		and the CategoryTree extension for a dynamic dashboard.
	===========================================================		===========================================================
	-->		-->
Line 11:		Line 11:
	<div style="padding: 15px; background-color: #f5faff; border: 1px solid #cce5ff; border-radius: 5px; margin-bottom: 20px;">		<div style="padding: 15px; background-color: #f5faff; border: 1px solid #cce5ff; border-radius: 5px; margin-bottom: 20px;">
	'''Welcome to the DevOps Knowledge Base'''		'''Welcome to the DevOps Knowledge Base'''
	<p>This wiki contains technical documentation, runbooks, and architectural notes for our infrastructure and services. Use the ~~categories~~ below to navigate the different layers of our stack.</p>		<p>This wiki contains technical documentation, runbooks, and architectural notes for our infrastructure and services. Use the sections below to navigate the different layers of our stack.</p>
	</div>		</div>

	<!-- 2. Main Dashboard ~~Layout (Two Columns)~~ -->		<!-- 2. Main Dashboard 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;">

	<!-- ~~Column 1: Core~~ Infrastructure, Platforms~~, and Systems~~ -->		<!-- Infrastructure & Platforms -->
	<div>		<div>
	== Infrastructure & Platforms ==		== Infrastructure & Platforms ==
Line 23:		Line 23:
	<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>
	== Operating Systems ==		== Operating Systems ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Server, embedded, and developer operating systems.</div>		<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Server, embedded, and developer operating systems.</div>
Line 29:		Line 32:
	</div>		</div>

	<!-- ~~Column 2:~~ Applications~~, Tooling, and Processes~~ -->		<!-- Applications & Services -->
	<div>		<div>
	== Applications & Services ==		== Applications & Services ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Documentation for applications we build and manage.</div>		<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Documentation for applications we build and manage.</div>
	<categorytree mode="pages" hideroot="on">Application & Service Layer</categorytree>		<categorytree mode="pages" hideroot="on">Application & Service Layer</categorytree>
			</div>

			<!-- Automation & Tooling -->
			<div>
	== Automation & Tooling ==		== Automation & Tooling ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Configuration management, monitoring, and CI/CD tools.</div>		<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Configuration management, monitoring, and CI/CD tools.</div>
Line 40:		Line 46:
	</div>		</div>

	~~</div>~~		<!-- Operations & Processes -->

	<!-- ~~3. Key Operational & Foundational Documentation -->~~
	~~<div style="margin-top: 30px;">~~
	~~== Key~~ Operations & ~~Standards ==~~
	~~<div style="display: grid; grid~~-~~template~~-~~columns: 1fr 1fr; gap: 20px;"~~>
	<div>		<div>
	=== Operations & Processes ===		== Operations & Processes ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Critical runbooks, procedures, and post-mortems.</div>		<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Critical runbooks, procedures, and post-mortems.</div>
	<categorytree>Operations & Processes</categorytree>		<categorytree>Operations & Processes</categorytree>
	</div>		</div>

			<!-- Fundamentals -->
	<div>		<div>
	=== Fundamentals ===		== Fundamentals ==
	<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Architectural standards and security best practices.</div>		<div style="font-size: 90%; color: #555; margin-bottom: 10px;">Architectural standards and security best practices.</div>
	<categorytree>Fundamentals</categorytree>		<categorytree>Fundamentals</categorytree>
	</div>		</div>
	~~</div>~~
	</div>		</div>