clean up and fixes

bamr87 · Mar 13, 2024 · 7570f2c · 7570f2c
1 parent d23cd09
commit 7570f2c
Show file tree

Hide file tree

Showing 23 changed files with 1,235 additions and 496 deletions.
diff --git a/Gemfile b/Gemfile
@@ -9,7 +9,7 @@ source "https://rubygems.org"
 #
 # This will help ensure the proper Jekyll version is running.
 # Happy Jekylling!
-gem 'jekyll' , '3.9.2'
+gem 'jekyll' , '3.9.5'
 
 # This is the default theme for new Jekyll sites. You may change this to anything you like.
 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and

diff --git a/_config.yml b/_config.yml
@@ -310,7 +310,7 @@ defaults:
     scope:
       path: pages/_posts
     values:
-      layout: *pages
+      layout: journals
       show_date: true
       author_profile: true
       read_time: true

diff --git a/_data/navigation.yml b/_data/navigation.yml
@@ -86,6 +86,8 @@ main:
       url: /about/contributing
     - title: "Map"
       url: /about/sitemap
+    - title: "Features"
+      url: /about/features
 
 # # Notes
 # notes:

diff --git a/_includes/branding.html b/_includes/branding.html
@@ -23,20 +23,27 @@
     {% capture logo_path %}{{ site.logo }}{% endcapture %}
 
     <!-- <a class="navbar-brand p-0 me-0 me-lg-2 flex-grow-1" href="{{ site.logo_source}}{{ page.url }}"> -->
-    <a class="navbar-brand p-0 me-0 me-lg-2 flex-grow-1" href="/">
+    <a class="navbar-brand p-0" href="/">
         <img src="{{ logo_path | relative_url }}" alt="Logo" width="30" height="30">
 
         <!-- Title Section  -->
-        <div class="offcanvas-lg offcanvas-end flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
 
-                <!-- <a class="navbar-brand" href="https://{{ site.github_user}}.github.io{{ page.url }}"> -->
-                <a class="navbar-brand" href="  {{ site.logo_source}}{{ page.url }}">
+        <div class="flex-grow-1">
+            <a class="navbar-brand" href="  {{ site.logo_source}}{{ page.url }}">
+              <i class="{{ site.default_icon }} {{ power.icon | default: site.powered_by.default }}" aria-hidden="true"></i>
+              <!-- display name if there's enough space, else icon only -->
+                <span class="d-none d-md-inline"> 
                     {{ site.masthead_title | default: site.title }}
-                </a>
-                {%- if site.subtitle -%}
-                <a class="navbar-brand" href="http://localhost:{{ site.port }}{{ page.url }}">
+                </span>
+
+                <!-- If a subtitle exsits -->
+            {%- if site.subtitle -%}
+            <a class="navbar-brand" href="http://localhost:{{ site.port }}{{ page.url }}">
+                <i class="{{ site.default_icon }} {{ power.icon | default: site.powered_by.default }}" aria-hidden="true"></i>
+                <span class="d-none d-md-inline"> 
                     {{ site.subtitle }}
-                </a>
-                {% endif %}
+                </span>
+            </a>
+            {% endif %}
         </div>
     </a>
diff --git a/_includes/header.html b/_includes/header.html
@@ -3,7 +3,7 @@
     _includes/branding.html, _includes/navbar.html
  -->
 
-<header id="navbar" class="bd-header navbar navbar-expand-lg navbar-dark bg-primary sticky-top bottom-shadow" role="banner">
+<header id="navbar" class="bd-header navbar navbar-expand-lg navbar-dark bg-body-tertiary sticky-top bottom-shadow" role="banner">
     <nav class="container-xxl bd-gutter flex-wrap flex-lg-nowrap">
 
         <!-- Collapse Button in mobile view -->
@@ -18,13 +18,23 @@
                 <span class="navbar-toggler-icon"></span>
             </button>
         </div>
-
-        <!-- include branding.html -->
-        {% include branding.html %}
-
-        <!-- include navbar.html -->
-        {% include navbar.html %}
-
+
+        <!-- Home Link -->
+        {%- for home in site.data.navigation.home -%}
+        <a class="btn flex-grow-1" href="{{ home.url | relative_url }}">
+            <i class="{{ site.default_icon}} {{ home.icon }}" ></i>
+        </a>
+        {% endfor %}
+
+            <!-- include branding.html -->
+            {% include branding.html %}
+
+        <div class="offcanvas offcanvas-end" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
+
+            <!-- include navbar.html -->
+            {% include navbar.html %}
+        </div>
+
         <!-- Settings Collapse button -->
         <div class="btn flex-grow-1"
         data-toggle="collapse" 
@@ -41,5 +51,19 @@
 
     {% include halfmoon.html %}
 
+      <div class="bd-navbar-toggle flex-grow-1">
+
+    <!-- offcanvas button for nav links -->
+        <button class="navbar-toggler p-2" 
+            type="button" 
+            data-bs-toggle="offcanvas" 
+            data-bs-target="#bdNavbar" 
+            aria-controls="bdNavbar" 
+            aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+    </div>
+
+
     </nav>
 </header>
diff --git a/_includes/navbar.html b/_includes/navbar.html
@@ -2,15 +2,9 @@
   navbar.html
  -->
 
-<!-- Home Link -->
-    {%- for home in site.data.navigation.home -%}
-    <a class="btn flex-grow-1" href="{{ home.url | relative_url }}">
-        <i class="{{ site.default_icon}} {{ home.icon }}" ></i>
-    </a>
-    {% endfor %}
 <!-- Navigation Links -->
-  <div class="collapse navbar-collapse" id="navbarSupportedContent"> 
-    <ul class="visible-links navbar-nav">
+  <div class="collapse navbar-collapse offcanvas offcanvas-end" id="bdNavbar" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbar"> 
+    <div class="offcanvas offcanvas-body navbar-nav">
         {%- for link in site.data.navigation.main -%}
             <li class="nav-item dropdown">
                 <a {% if link.sublinks %} 
@@ -32,5 +26,5 @@
                 {% endif %}
             </li>
         {%- endfor -%}
-    </ul>
+    </div>
 </div>
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -2,6 +2,8 @@
 layout: default
 ---
 
+<!-- Home Layout -->
+
 <div class="home">
   {%- if page.title -%}
     <h1 class="page-heading">{{ page.title }}</h1>

diff --git a/_layouts/journals.html b/_layouts/journals.html
@@ -2,6 +2,8 @@
 layout: default
 ---
 
+<!-- Journals Layout -->
+
 <div id="main" role="main">
 
 
@@ -13,20 +15,19 @@ <h1 id="page-title" class="page__title">{{ page.title }}</h1>
   </div>
 </div>
 
+<!-- giscus app - Feature # FR000001 -->
 
-{% assign entries_layout = page.entries_layout | default: 'list' %}
-<div class="entries-{{ entries_layout }}">
-  {% collection=page.collection sort_by=page.sort_by sort_order=page.sort_order type=entries_layout %}
-  {% assign entries = site[include.collection] %}
-
-  {% if include.sort_by %}
-    {% assign entries = entries | sort: include.sort_by %}
-  {% endif %}
-
-  {% if include.sort_order == 'reverse' %}
-    {% assign entries = entries | reverse %}
-  {% endif %}
-
-
-
-</div>
+<script src="https://giscus.app/client.js"
+        data-repo="bamr87/it-journey"
+        data-repo-id="MDEwOlJlcG9zaXRvcnkyODM4MjI1NzM="
+        data-category-id="DIC_kwDOEOrJ7c4CAn8D"
+        data-mapping="pathname"
+        data-strict="1"
+        data-reactions-enabled="1"
+        data-emit-metadata="0"
+        data-input-position="top"
+        data-theme="preferred_color_scheme"
+        data-lang="en"
+        crossorigin="anonymous"
+        async>
+</script>
diff --git a/_sass/it-journey/custom.scss b/_sass/it-journey/custom.scss
@@ -7,6 +7,7 @@ html, body {
     box-sizing: border-box;
   }
 
+
 .make-me-sticky {
     position: -webkit-sticky;
 	position: sticky;
@@ -81,11 +82,15 @@ img {
 }
 
 #navbar {
+    position: fixed;
+    top: 0;
+    width: 100%;
     transition: transform 0.3s;
 }
 
 .hide-navbar {
     transform: translateY(-100%);
+    top: -100px;
 }
 
 // #box {

diff --git a/assets/images/frontend-forests.png b/assets/images/frontend-forests.png
diff --git a/assets/images/wizard-on-journey.png b/assets/images/wizard-on-journey.png
diff --git a/assets/js/myScript.js b/assets/js/myScript.js
@@ -9,5 +9,4 @@ function myFunction() {
   var imgs = document.getElementsByTagName('img');
   for (var i = 0; i < imgs.length; i++) {
     imgs[i].classList.add('img-fluid');
-  }
-
+  }
diff --git a/frontmatter.json b/frontmatter.json
@@ -38,8 +38,12 @@
       "path": "[[workspace]]/pages/_quickstart"
     },
     {
-      "title": "pages",
-      "path": "[[workspace]]/pages"
+      "title": "gpt",
+      "path": "[[workspace]]/pages/_posts/gpt"
+    },
+    {
+      "title": "_about",
+      "path": "[[workspace]]/pages/_about"
     }
   ],
   "frontMatter.templates.enabled": true,

diff --git a/home.md b/home.md
@@ -7,10 +7,10 @@ layout: home
 keywords: Home, Zer0, IT-Journey, programming, development
 post: null
 permalink: /home/
-lastmod: 2022-07-25T00:10:47.252Z
+lastmod: 2024-03-07T13:09:00.253Z
 toc: true
 sidebar:
-  nav: main
+   nav: main
 ---
 
 This is where we begin our journey. The place where we return after getting lost or wandering off.
@@ -112,9 +112,14 @@ Static Website Generator (Jekyll) [Local link](\_quickstart\Jekyll.md)  Or [Web
 
 ![](../assets/images/top-nav.png){: .img-fluid }
 
+```html
+{% raw %}
 <div class="bd-example-snippet bd-code-snippet">
 {%- include header.html -%}
 </div>
+{% endraw %}
+```
+
 This is a fixed navigation bar that is always visible at the top of the page. It is a horizontal bar that contains links to the different sections of the site. The links are organized into three sections:
 
 - [Journals](/posts/)

diff --git a/index.md b/index.md
@@ -1,31 +1,79 @@
 ---
 title: Hello World
-sub-title: Welcome to my landing site of this world
+sub-title: Landing site for the IT Journey
 description: This is the index.md file for the whole site and root
-preview: "/images/nubi-yawn.png"
+preview: /images/wizard-on-journey.png
 layout: root
 keywords:
-- Root
-- Algolia
-- Bootstrap
-- Github
-- GitHub Pages
-- Jekyll
-- TravisCI
-- Web Development
+  - Github
+  - Jekyll
+  - Web Development
 tags:
-- index
+  - index
 categories:
-- hello world
-lastmod: '2022-08-28 01:51:53 +0000'
+  - hello world
+lastmod: 2024-03-04T23:06:10.964Z
 ---
 
-Hello world, and welcome to my site. Click on `Home` in the navigation bar to get started.
-This is the main landing  and with everything on this 
+# Welcome to IT-Journey.dev: Your Full Stack Development Quest Begins Here!
 
-Nothing to see here. Yet... but try clicking on the gear icon (or particles) for a sneak peek.
+Embark on an epic adventure through the realms of full stack development, where coding skills empower you to build anything from the ground up. At IT-Journey.dev, we believe learning should be a quest - full of challenges, mysteries, and achievements. Are you ready to become a Full Stack Wizard?
 
-  <div id="particles-js" class=""></div>
+## 🧙‍♂️ Begin Your Quest
+
+In the world of IT-Journey.dev, your mission is to traverse through various lands, each representing a core aspect of full stack development. From the mystical Frontend Forests to the cavernous depths of Backend Badlands, your path is filled with engaging tutorials, hands-on projects, and legendary challenges.
+
+### The Frontend Forests
+
+- **Explore HTML Hills**: Master the ancient runes of HTML, crafting the skeleton of your digital creations.
+- **CSS Cascades**: Weave magic with CSS to style your applications, making them not just functional but visually enchanting.
+- **JavaScript Jungles**: Tame the wild beasts of JavaScript to breathe life into your static pages.
+
+[Start Your Frontend Quest](/pages/_quests/frontend.md)
+
+### The Backend Badlands
+
+- **Node.js Nexus**: Harness the power of Node.js to build scalable and efficient server-side applications.
+- **Database Dunes**: Learn to store and retrieve your quest's treasures with databases like MongoDB and PostgreSQL.
+- **API Alps**: Conquer the peaks of API development, creating gateways to connect your frontend and backend realms.
+
+[Begin Your Backend Journey](/backend)
+
+### The DevOps Depths
+
+- **Container Cove**: Dive into the world of Docker and Kubernetes, mastering the art of containerization and deployment.
+- **CI/CD Cliffs**: Automate your deployment process with continuous integration and continuous deployment tools.
+
+[Embark on the DevOps Voyage](/devops)
+
+## 🗺️ Map Your Progress
+
+Track your journey and mark your progress through the realms of IT-Journey.dev. Earn badges, unlock achievements, and climb the leaderboard as you complete quests.
+
+## 🛡️ Join the Community
+
+You're not alone on this journey. Join fellow adventurers in our community forums and Discord channel. Share your progress, seek help from seasoned wizards, and collaborate on quests.
+
+[Join the Community](/community)
+
+## 📚 Resources and Tools
+
+Arm yourself with a selection of resources and tools designed to aid your quest. From code editors to development environments, we've gathered everything you need in one place.
+
+[Access Resources](/resources)
+
+---
+
+This landing page sets the tone for a learning adventure, inviting users to explore full stack development in a fun and engaging way. Feel free to tweak the content however you see fit, or even create your own landing page to better fit your site's theme and structure. Good luck on your quest to educate the next generation of Full Stack Wizards!
+
+Click on these particales for fun.
+
+<div id="particles-js" class=""></div>
+
+<div class="btn flex-grow-1" data-toggle="collapse" data-target=".dev-settings" aria-expanded="true" aria-controls="">
+  <p>⚙ site features
+  </p>
+</div>
 
 ## Powered BY
 {: .collapse .collapsed .dev-settings }
@@ -106,7 +154,7 @@ Nothing to see here. Yet... but try clicking on the gear icon (or particles) for
 - [ ] Build note to article function/workflow
 {: .collapse .collapsed .dev-settings .alert .alert-primary}
 
-## Examples
+## Feature Examples
 {: .collapse .collapsed .dev-settings }
 
 <div class="collapse collapsed dev-settings">