wip 2

Signed-off-by: Ahmed AbouZaid <[email protected]>

docs/content/_category_.yml

@@ -1,6 +1,6 @@
 ---
 label: Content
-position: 2
+position: 3
 collapsed: false
 link:
   type: generated-index

docs/getting-started/README.md

@@ -1,16 +1,13 @@
 ---
 title: "Getting Started"
-sidebar_position: 1
+sidebar_position: 2
 description: ""
 ---
 
 <p align="center">
-  <a href="https://devopshive.net/">
-    <img alt="DevOps Hive Logo" border="0" width="90%" src="/img/dynamic-devops-roadmap.png" />
-  </a>
+  <img alt="Dynamic DevOps Roadmap Pillars " border="0" width="90%" src="/img/dynamic-devops-roadmap.png" />
 </p>
 
-
 ## How to use this roadmap?
 
 This roadmap is `polymorphic`, which means it's designed to work in different modes, depending on how fast you want to go.

docs/projects/_category_.yml

@@ -1,6 +1,6 @@
 ---
 label: Projects
-position: 3
+position: 4
 collapsed: false
 link:
   type: generated-index

docs/why/README.md

@@ -0,0 +1,42 @@
+---
+title: "Why?"
+sidebar_position: 1
+description: ""
+---
+
+Why is it so hard to start a DevOps career nowadays?
+
+## The Problem
+
+<p align="center">
+  <a href="/img/cloud-native-landscape-dec-2023-full.png"imageanchor="1">
+    <img alt="Cloud Native Landscape Dec 2023" border="0" width="90%" src="/img/cloud-native-landscape-dec-2023-cropped.png" />
+  </a>
+  <br/>
+  A subset of the Cloud Native landscape in December 2023 (click for the full landscape)
+</p>
+
+<img alt="Linear DevOps roadmap is broken by default" align="right" width="30%" src="/img/devops-roadmap-linear.png" />
+
+The `DevOps Engineer` role remains one of the top 10 most in-demand jobs across all industries (not just the tech field!). However, starting that role is super challenging because the DevOps model has various patterns and topologies. Also, the Cloud Native landscape keeps expanding, and there is something new every day!
+
+Simply, **you cannot start a DevOps position by merely learning the tools!** It's even more complicated if that's your first job without previous software industry experience (coming from either Dev or Ops).
+
+For that reason, almost every day, I see people struggling on their way to start as fresh/junior DevOps engineers or even progress in their early career years in general. They usually follow some `linear` roadmap like [roadmap.sh/devops](https://roadmap.sh/devops). But still, they cannot land their first job or struggle a lot when they find one! And sadly, many of them eventually give up!
+
+For more details about the problem aspects, please read: [Your DevOps learning roadmap is broken!](https://tech.aabouzaid.com/2023/06/your-devops-learning-roadmap-is-broken.html)
+
+
+## The Solution
+
+<p align="center">
+  <img alt="Dynamic DevOps Roadmap Pillars " border="0" width="90%" src="/img/dynamic-devops-roadmap.png" />
+</p>
+
+Based on experience for years mentoring people in different stages (starting their first job, career shift, moving to another work style or company), using a `dynamic MVP-style roadmap` with hands-on projects designed by an experienced DevOps engineer has been highly successful.
+
+That means **first, understanding the problem instead of just learning a bunch of tools** and then **using an iterative style, each iteration will cover most DevOps areas used in the job** to build a T-shaped skills profile from day one! It's also essential to set the targeted market and organizations because, with different DevOps topologies, the DevOps engineer role requirements vary a lot.
+
+<div class="buttons_src-pages-index-module" align="center">
+  <a class="button button--secondary button--lg" href="/docs/getting-started">Get Started Now ⚡</a>
+</div>

docusaurus.config.ts

@@ -4,7 +4,7 @@ import type * as Preset from '@docusaurus/preset-classic';
 
 const config: Config = {
   title: 'Dynamic DevOps Roadmap',
-  tagline: 'A master plan for roadmap, mentorship, and bootcamp to start a DevOps Engineer career!',
+  tagline: 'A FREE master plan to kickstart your DevOps Engineer career in the Cloud Native era!',
   favicon: 'img/favicon.ico',
 
   // Set the production url of your site here
@@ -56,6 +56,12 @@ const config: Config = {
         src: 'img/logo.svg',
       },
       items: [
+        {
+          docId: "why/README",
+          label: 'Why?',
+          position: "left",
+          type: "doc",
+        },
         {
           docId: "getting-started/README",
           label: 'Getting Started',
@@ -115,7 +121,7 @@ const config: Config = {
           ],
         },
       ],
-      copyright: `Copyright © ${new Date().getFullYear()} This project is by <a href="https://devopshive.net/">DevOps Hive</a> and licensed under the open-source license <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International</a>`,
+      copyright: `This project is by <a href="https://devopshive.net/">DevOps Hive</a> and licensed under the open-source license <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International</a> © ${new Date().getFullYear()}`,
     },
     prism: {
       theme: prismThemes.github,