Update snake game and add custom colors for snake and food + improve …

…journey.md

_site/assets/js/search-data.json

@@ -196,7 +196,7 @@
 
       ,"page6": {
           "title": "My Journey",
-          "content": "Introduction . Welcome to my adventure through the jungle of development tools and the setup of Nighthawk Pages. Just like a monkey swinging from vine to vine, I navigated through the dense forest of code, tools, and technologies, each step bringing me closer to mastering my digital environment. . 🖥️ The Setup . 🐾 The Jungle Path: Initial Setup . My journey began with setting up the basic tools needed to survive in this coding jungle: . Laptop Ready: My trusty laptop, the basecamp of my journey, was prepped and ready. Whether swinging on MacOS trees or scaling Windows cliffs, I ensured it was equipped with all necessary tools. | GitHub Account: The first vine I swung onto was creating a GitHub account, my central hub for all coding activities. This would be where I store my bananas of code and collaborate with other jungle explorers. | Visual Studio Code: My machete in the jungle, Visual Studio Code, was installed. With its various extensions, I was able to cut through the thick undergrowth of coding challenges. | . 🍌 Navigating the Code Canopy . Next, I began exploring the canopy of coding languages: . JavaScript, Python, and Java: Like a monkey with a banana, I quickly grasped the essentials of these languages, each providing a different flavor of coding. I learned to create, analyze, and deploy my projects with agility. | Jupyter Notebooks: A clearing in the jungle where I could pause, reflect, and document my journey. Jupyter Notebooks became my journal, where I captured the intricacies of my coding adventures. | . 🚀 Deploying in the Jungle . 🦜 Flying High: Publishing with GitHub Pages . Once my coding tools were sharp and ready, it was time to deploy my creations. With the help of GitHub Pages, I showcased my projects, swinging through the vines of the web, leaving a trail of my progress for others to see. . 🐍 Python Packages and 🧩 Java Packages . The jungle is full of hidden treasures—Python and Java packages. With the pip and pom.xml tools, I added these pre-written codes to my arsenal, making my journey more efficient and enjoyable. . 💬 Collaborating with Fellow Explorers . 🦁 Roar of the Jungle: Communication and Collaboration . No monkey survives alone. Through constant communication in Slack, I kept in touch with my fellow explorers, sharing tips and strategies on how to navigate this jungle. We worked together, just like a troop of monkeys, ensuring that no one was left behind. . 🛠️ Tools and Projects: Agile/Scrum Methodology . Understanding the importance of collaboration, I dived into Agile/Scrum methodologies. By using GitHub Issues and Projects, I learned how to work effectively within a team, planning our journey and making sure we reached our goals together. . Conclusion . My monkey-and-jungle-themed journey through the setup of Nighthawk Pages has been an exhilarating experience. From swinging through the vines of code to exploring the depths of collaboration, I’ve learned how to survive and thrive in this digital jungle. This journey is just the beginning, and I’m excited to continue exploring and mastering new territories in the vast jungle of technology. .",
+          "content": "Nighthawk Pages Setup: Navigating the Jungle of Development . Introduction . This guide provides an overview of setting up Nighthawk Pages. . The Setup . Preparing for the Expedition . To begin your development journey: . Laptop Preparation: Ensure your laptop is equipped with necessary software tools, whether on macOS or Windows. . | Creating a GitHub Account: Set up a GitHub account to store code and collaborate. . | Installing Visual Studio Code: Install Visual Studio Code to assist with coding tasks. . | . Exploring the Code . Learn the core programming languages and tools: . JavaScript, Python, and Markdown: Gain proficiency in these languages, each adding to your coding toolkit. . | Utilizing Jupyter Notebooks: Use Jupyter Notebooks to document and experiment with code. . | . Example: JavaScript Function . function jungleGreeting() { console.log("Welcome to the coding jungle!"); } jungleGreeting(); . # Example: combine keys and values into a dictionary keys_list = ['A', 'B', 'C'] values_list = ['blue', 'red', 'bold'] dict_method_1 = dict(zip(keys_list, values_list)) .",
           "url": "http://localhost:4100/adi_student/journey/",
           "relUrl": "/journey/",
           "date": ""

_site/index.html

@@ -713,9 +713,9 @@ <h1>Press space to play snake!</h1>
 <canvas id="gameCanvas" width="400" height="400"></canvas>
 <p><br />
 <label for="snakeColor">Snake Color:</label>
-<input type="color" id="snakeColor" value="#0f0" />
+<input type="color" id="snakeColor" value="#ff8000" />
 <label for="foodColor">Food Color:</label>
-<input type="color" id="foodColor" value="#f00" /></p>
+<input type="color" id="foodColor" value="#99ccff" /></p>
 
 <script>
     window.onload = function() {

_site/journey/index.html

@@ -119,43 +119,57 @@
 
 
   <div class="post-content">
-    <h2 id="introduction">Introduction</h2>
-<p>Welcome to my adventure through the jungle of development tools and the setup of Nighthawk Pages. Just like a monkey swinging from vine to vine, I navigated through the dense forest of code, tools, and technologies, each step bringing me closer to mastering my digital environment.</p>
+    <h1 id="nighthawk-pages-setup-navigating-the-jungle-of-development">Nighthawk Pages Setup: Navigating the Jungle of Development</h1>
 
-<h2 id="️-the-setup">🖥️ The Setup</h2>
-<h3 id="-the-jungle-path-initial-setup">🐾 The Jungle Path: Initial Setup</h3>
-<p>My journey began with setting up the basic tools needed to survive in this coding jungle:</p>
+<h2 id="introduction">Introduction</h2>
+
+<p>This guide provides an overview of setting up Nighthawk Pages.</p>
+
+<h2 id="the-setup">The Setup</h2>
+
+<h3 id="preparing-for-the-expedition">Preparing for the Expedition</h3>
+
+<p>To begin your development journey:</p>
 
 <ul>
-  <li><strong>Laptop Ready</strong>: My trusty laptop, the basecamp of my journey, was prepped and ready. Whether swinging on MacOS trees or scaling Windows cliffs, I ensured it was equipped with all necessary tools.</li>
-  <li><strong>GitHub Account</strong>: The first vine I swung onto was creating a GitHub account, my central hub for all coding activities. This would be where I store my bananas of code and collaborate with other jungle explorers.</li>
-  <li><strong>Visual Studio Code</strong>: My machete in the jungle, Visual Studio Code, was installed. With its various extensions, I was able to cut through the thick undergrowth of coding challenges.</li>
+  <li>
+    <p><strong>Laptop Preparation</strong>: Ensure your laptop is equipped with necessary software tools, whether on macOS or Windows.</p>
+  </li>
+  <li>
+    <p><strong>Creating a GitHub Account</strong>: Set up a GitHub account to store code and collaborate.</p>
+  </li>
+  <li>
+    <p><strong>Installing Visual Studio Code</strong>: Install Visual Studio Code to assist with coding tasks.</p>
+  </li>
 </ul>
 
-<h3 id="-navigating-the-code-canopy">🍌 Navigating the Code Canopy</h3>
-<p>Next, I began exploring the canopy of coding languages:</p>
+<h3 id="exploring-the-code">Exploring the Code</h3>
+
+<p>Learn the core programming languages and tools:</p>
 
 <ul>
-  <li><strong>JavaScript, Python, and Java</strong>: Like a monkey with a banana, I quickly grasped the essentials of these languages, each providing a different flavor of coding. I learned to create, analyze, and deploy my projects with agility.</li>
-  <li><strong>Jupyter Notebooks</strong>: A clearing in the jungle where I could pause, reflect, and document my journey. Jupyter Notebooks became my journal, where I captured the intricacies of my coding adventures.</li>
+  <li>
+    <p><strong>JavaScript, Python, and Markdown</strong>: Gain proficiency in these languages, each adding to your coding toolkit.</p>
+  </li>
+  <li>
+    <p><strong>Utilizing Jupyter Notebooks</strong>: Use Jupyter Notebooks to document and experiment with code.</p>
+  </li>
 </ul>
 
-<h2 id="-deploying-in-the-jungle">🚀 Deploying in the Jungle</h2>
-<h3 id="-flying-high-publishing-with-github-pages">🦜 Flying High: Publishing with GitHub Pages</h3>
-<p>Once my coding tools were sharp and ready, it was time to deploy my creations. With the help of GitHub Pages, I showcased my projects, swinging through the vines of the web, leaving a trail of my progress for others to see.</p>
-
-<h3 id="-python-packages-and--java-packages">🐍 Python Packages and 🧩 Java Packages</h3>
-<p>The jungle is full of hidden treasures—Python and Java packages. With the <code class="language-plaintext highlighter-rouge">pip</code> and <code class="language-plaintext highlighter-rouge">pom.xml</code> tools, I added these pre-written codes to my arsenal, making my journey more efficient and enjoyable.</p>
+<h4 id="example-javascript-function">Example: JavaScript Function</h4>
 
-<h2 id="-collaborating-with-fellow-explorers">💬 Collaborating with Fellow Explorers</h2>
-<h3 id="-roar-of-the-jungle-communication-and-collaboration">🦁 Roar of the Jungle: Communication and Collaboration</h3>
-<p>No monkey survives alone. Through constant communication in Slack, I kept in touch with my fellow explorers, sharing tips and strategies on how to navigate this jungle. We worked together, just like a troop of monkeys, ensuring that no one was left behind.</p>
+<div class="language-javascript highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">jungleGreeting</span><span class="p">()</span> <span class="p">{</span>
+    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="dl">"</span><span class="s2">Welcome to the coding jungle!</span><span class="dl">"</span><span class="p">);</span>
+<span class="p">}</span>
+<span class="nx">jungleGreeting</span><span class="p">();</span>
+</code></pre></div></div>
 
-<h3 id="️-tools-and-projects-agilescrum-methodology">🛠️ Tools and Projects: Agile/Scrum Methodology</h3>
-<p>Understanding the importance of collaboration, I dived into Agile/Scrum methodologies. By using GitHub Issues and Projects, I learned how to work effectively within a team, planning our journey and making sure we reached our goals together.</p>
+<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1"># Example: combine keys and values into a dictionary
+</span><span class="n">keys_list</span> <span class="o">=</span> <span class="p">[</span><span class="s">'A'</span><span class="p">,</span> <span class="s">'B'</span><span class="p">,</span> <span class="s">'C'</span><span class="p">]</span>
+<span class="n">values_list</span> <span class="o">=</span> <span class="p">[</span><span class="s">'blue'</span><span class="p">,</span> <span class="s">'red'</span><span class="p">,</span> <span class="s">'bold'</span><span class="p">]</span>
 
-<h2 id="conclusion">Conclusion</h2>
-<p>My monkey-and-jungle-themed journey through the setup of Nighthawk Pages has been an exhilarating experience. From swinging through the vines of code to exploring the depths of collaboration, I’ve learned how to survive and thrive in this digital jungle. This journey is just the beginning, and I’m excited to continue exploring and mastering new territories in the vast jungle of technology.</p>
+<span class="n">dict_method_1</span> <span class="o">=</span> <span class="nb">dict</span><span class="p">(</span><span class="nb">zip</span><span class="p">(</span><span class="n">keys_list</span><span class="p">,</span> <span class="n">values_list</span><span class="p">))</span>
+</code></pre></div></div>
 
   </div>
 

index.md

@@ -426,9 +426,9 @@ Rooooooooooter1!!!!
 <canvas id="gameCanvas" width="400" height="400"></canvas>
 <br>
 <label for="snakeColor">Snake Color:</label>
-<input type="color" id="snakeColor" value="#0f0">
+<input type="color" id="snakeColor" value="#ff8000">
 <label for="foodColor">Food Color:</label>
-<input type="color" id="foodColor" value="#f00">
+<input type="color" id="foodColor" value="#99ccff">
 
 <script>
     window.onload = function() {

navigation/journey.md

@@ -4,36 +4,45 @@ title: My Journey
 permalink: /journey/
 ---
 
+# Nighthawk Pages Setup: Navigating the Jungle of Development
+
 ## Introduction
-Welcome to my adventure through the jungle of development tools and the setup of Nighthawk Pages. Just like a monkey swinging from vine to vine, I navigated through the dense forest of code, tools, and technologies, each step bringing me closer to mastering my digital environment.
 
-## 🖥️ The Setup
-### 🐾 The Jungle Path: Initial Setup
-My journey began with setting up the basic tools needed to survive in this coding jungle:
+This guide provides an overview of setting up Nighthawk Pages.
+
+## The Setup
+
+### Preparing for the Expedition
+
+To begin your development journey:
+
+- **Laptop Preparation**: Ensure your laptop is equipped with necessary software tools, whether on macOS or Windows.
+
+- **Creating a GitHub Account**: Set up a GitHub account to store code and collaborate.
+
+- **Installing Visual Studio Code**: Install Visual Studio Code to assist with coding tasks.
 
-- **Laptop Ready**: My trusty laptop, the basecamp of my journey, was prepped and ready. Whether swinging on MacOS trees or scaling Windows cliffs, I ensured it was equipped with all necessary tools.
-- **GitHub Account**: The first vine I swung onto was creating a GitHub account, my central hub for all coding activities. This would be where I store my bananas of code and collaborate with other jungle explorers.
-- **Visual Studio Code**: My machete in the jungle, Visual Studio Code, was installed. With its various extensions, I was able to cut through the thick undergrowth of coding challenges.
+### Exploring the Code
 
-### 🍌 Navigating the Code Canopy
-Next, I began exploring the canopy of coding languages:
+Learn the core programming languages and tools:
 
-- **JavaScript, Python, and Java**: Like a monkey with a banana, I quickly grasped the essentials of these languages, each providing a different flavor of coding. I learned to create, analyze, and deploy my projects with agility.
-- **Jupyter Notebooks**: A clearing in the jungle where I could pause, reflect, and document my journey. Jupyter Notebooks became my journal, where I captured the intricacies of my coding adventures.
+- **JavaScript, Python, and Markdown**: Gain proficiency in these languages, each adding to your coding toolkit.
 
-## 🚀 Deploying in the Jungle
-### 🦜 Flying High: Publishing with GitHub Pages
-Once my coding tools were sharp and ready, it was time to deploy my creations. With the help of GitHub Pages, I showcased my projects, swinging through the vines of the web, leaving a trail of my progress for others to see.
+- **Utilizing Jupyter Notebooks**: Use Jupyter Notebooks to document and experiment with code.
 
-### 🐍 Python Packages and 🧩 Java Packages
-The jungle is full of hidden treasures—Python and Java packages. With the `pip` and `pom.xml` tools, I added these pre-written codes to my arsenal, making my journey more efficient and enjoyable.
+#### Example: JavaScript Function
 
-## 💬 Collaborating with Fellow Explorers
-### 🦁 Roar of the Jungle: Communication and Collaboration
-No monkey survives alone. Through constant communication in Slack, I kept in touch with my fellow explorers, sharing tips and strategies on how to navigate this jungle. We worked together, just like a troop of monkeys, ensuring that no one was left behind.
+```javascript
+function jungleGreeting() {
+    console.log("Welcome to the coding jungle!");
+}
+jungleGreeting();
+```
 
-### 🛠️ Tools and Projects: Agile/Scrum Methodology
-Understanding the importance of collaboration, I dived into Agile/Scrum methodologies. By using GitHub Issues and Projects, I learned how to work effectively within a team, planning our journey and making sure we reached our goals together.
+```python
+# Example: combine keys and values into a dictionary
+keys_list = ['A', 'B', 'C']
+values_list = ['blue', 'red', 'bold']
 
-## Conclusion
-My monkey-and-jungle-themed journey through the setup of Nighthawk Pages has been an exhilarating experience. From swinging through the vines of code to exploring the depths of collaboration, I’ve learned how to survive and thrive in this digital jungle. This journey is just the beginning, and I’m excited to continue exploring and mastering new territories in the vast jungle of technology.
+dict_method_1 = dict(zip(keys_list, values_list))
+```