From eb7141606bba66698d14f5fb78ab3fb82460c065 Mon Sep 17 00:00:00 2001
From: 94503166 <yashp.d39@gmail.com>
Date: Tue, 29 Oct 2024 08:51:10 -0700
Subject: [PATCH 01/15] base frontend for cipher home added

---
 _config.yml              |  1 +
 navigation/cipherhome.md | 90 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 91 insertions(+)
 create mode 100644 navigation/cipherhome.md

diff --git a/_config.yml b/_config.yml
index ad01be04..4029cf23 100644
--- a/_config.yml
+++ b/_config.yml
@@ -20,6 +20,7 @@ minima:
 plugins:
   - jekyll-remote-theme
 header_pages:
+  - navigation/cipherhome.html
   - navigation/academics.md
   - navigation/clubs.md
   - navigation/events.md
diff --git a/navigation/cipherhome.md b/navigation/cipherhome.md
new file mode 100644
index 00000000..eaa74877
--- /dev/null
+++ b/navigation/cipherhome.md
@@ -0,0 +1,90 @@
+---
+layout: base 
+title: CipherHome 
+search_exclude: true
+permalink: /cipherhome/
+---
+# 🔐 **Cipher Team** 
+
+> *"Unlocking secrets, one cipher at a time."*
+
+---
+
+![Cipher Background](https://example.com/cipher-background.jpg) <!-- Replace with an actual image URL -->
+
+### 🛠 Announcements 🛠
+<div style="background-color: #27293d; padding: 20px; border-radius: 8px; border: 2px solid #ffce00; color: #e0e0e0;">
+🔒 **Current Challenge**: Crack today’s cipher within the hour!  
+🕒 **Next Update**: New challenge releases every hour!  
+💡 **Hint**: Pay attention to every detail...
+</div>
+
+---
+
+## 📜 Level Progression 📜
+
+### **Start Your Journey**  
+> *"Every great decoder was once a beginner!"*
+
+---
+
+<div style="display: flex; flex-direction: column; align-items: center;">
+
+### Level 1: Beginner 🔰
+┌─────────────────────────────────────┐ │ Level 1: Beginner │
+│ ➡️ Learn basic ciphers. │
+│ 🔑 Unlock simple puzzles. │
+└─────────────────────────────────────┘
+
+---
+### Level 2: Intermediate 🌐
+┌─────────────────────────────────────┐ │ Level 2: Intermediate │
+│ ➡️ Decipher longer codes. │
+│ 📜 Moderate challenges await. │
+└─────────────────────────────────────┘
+
+
+---
+### Level 3: Advanced 🔵
+┌─────────────────────────────────────┐ │ Level 3: Advanced │
+│ ➡️ Crack complex patterns. │
+│ 🧩 For seasoned decoders! │
+└─────────────────────────────────────┘
+
+---
+### Level 4: Expert 🔴
+┌─────────────────────────────────────┐ │ Level 4: Expert │
+│ ➡️ Master advanced encryption. │
+│ 🚀 Very challenging! │
+└─────────────────────────────────────┘
+
+
+---
+### Level 5: Master ⚫️
+┌─────────────────────────────────────┐ │ Level 5: Master │
+│ ➡️ Final boss of ciphers! │
+│ 🏆 Only for the brave! │
+└─────────────────────────────────────┘
+
+</div>
+
+---
+
+**Instructions:**
+
+1. **Level Up**: Solve challenges to progress.
+2. **Adding Levels**: To add a level, copy any of the above blocks, change the details, and place it in the sequence.
+
+---
+
+### 🔗 Useful Links 🔗
+
+- [Cipher Resources](https://example.com/resources) <!-- Replace with actual URLs -->
+- [Challenge Archive](https://example.com/archive) 
+- [Community Forum](https://example.com/forum) 
+
+---
+
+**Stay Sharp, Cipher Specialist!** 🧩
+
+---
\ No newline at end of file

From 312f41fea2c1ef36da8a631ad85c91258335457e Mon Sep 17 00:00:00 2001
From: hiroshixmax <maxhgaudinez@gmail.com>
Date: Wed, 30 Oct 2024 12:02:41 -0700
Subject: [PATCH 02/15] level one added

---
 index.md               |  1 +
 navigation/hangouts.md |  3 ++
 navigation/levelone.md | 87 ++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 91 insertions(+)
 create mode 100644 navigation/levelone.md

diff --git a/index.md b/index.md
index 6663074c..67708004 100644
--- a/index.md
+++ b/index.md
@@ -6,3 +6,4 @@ hide: true
 menu: nav/home.html
 ---
 
+[To level one](navigation/levelone.md)
\ No newline at end of file
diff --git a/navigation/hangouts.md b/navigation/hangouts.md
index 899c99c5..166b48c3 100644
--- a/navigation/hangouts.md
+++ b/navigation/hangouts.md
@@ -4,3 +4,6 @@ title: Hangouts
 search_exclude: true
 permalink: /hangouts/
 ---
+
+
+
diff --git a/navigation/levelone.md b/navigation/levelone.md
new file mode 100644
index 00000000..25784e50
--- /dev/null
+++ b/navigation/levelone.md
@@ -0,0 +1,87 @@
+---
+layout: base 
+title: Levelone 
+search_exclude: true
+permalink: /levelone/
+---
+    
+
+# 🔐 **Cipher Challenge: Level 1**
+
+Welcome to **Level 1** of the Cipher Challenge! 🧩 Get ready to put your code-breaking skills to the test. Decipher the message, find the hidden phrase, and unlock the path to the next level.
+
+---
+
+## 🔍 **Challenge Objective**
+
+Your goal is to **decode the hidden message** provided. Use your problem-solving skills and creativity to reveal the secret phrase.
+
+---
+
+## 🧩 **Hints to Get You Started**
+
+1. The numbers might correspond to **ASCII characters** or **another encoding format**.
+2. Pay attention to the **structure of the numbers**—do they look like hex, binary, or something else?
+3. Don’t overlook **spaces** or groupings—they might contain clues.
+
+---
+
+## 📝 **Submit Your Answer**
+
+Once you’ve cracked the code, submit your answer here:
+
+```markdown
+- **Answer**: `type-your-answer-here`
+
+
+
+
+
+
+
+# Chat Box Demo
+
+This is a basic chat box rendered with HTML inside Markdown.
+
+<div id="chat-container" style="width: 300px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; padding: 10px; font-family: Arial, sans-serif;">
+  <div id="chat-box" style="height: 200px; overflow-y: scroll; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9;">
+    <div id="chat-messages"></div>
+  </div>
+  <input type="text" id="chat-input" placeholder="Type a message..." style="width: calc(100% - 60px); padding: 8px; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px;" />
+  <button id="send-button" style="padding: 8px; background-color: #007bff; color: white; border: none; border-radius: 5px;">Send</button>
+</div>
+
+<script>
+  const chatMessages = document.getElementById('chat-messages');
+  const chatInput = document.getElementById('chat-input');
+  const sendButton = document.getElementById('send-button');
+
+  function addMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? '#dcf8c6' : '#e0e0e0';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+  sendButton.addEventListener('click', () => {
+    const userMessage = chatInput.value.trim();
+    if (userMessage) {
+      addMessage(`User: ${userMessage}`, 'user-message');
+      chatInput.value = '';
+      setTimeout(() => {
+        addMessage("Bot: I'm here to help!", 'bot-message');
+      }, 1000);
+    }
+  });
+
+  chatInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') sendButton.click();
+  });
+</script>
+
+This is a simple interactive chat box. Type a message and hit "Send" or press "Enter" to see it displayed.

From 123543b92e3c0bc14fabad7b2f07e54e07650730 Mon Sep 17 00:00:00 2001
From: hiroshixmax <maxhgaudinez@gmail.com>
Date: Wed, 30 Oct 2024 12:37:34 -0700
Subject: [PATCH 03/15] leveltwoandthree

---
 navigation/levelone.md   |  2 +-
 navigation/levelthree.md | 33 +++++++++++++++++++++++++++++++++
 navigation/leveltwo.md   | 36 ++++++++++++++++++++++++++++++++++++
 3 files changed, 70 insertions(+), 1 deletion(-)
 create mode 100644 navigation/levelthree.md
 create mode 100644 navigation/leveltwo.md

diff --git a/navigation/levelone.md b/navigation/levelone.md
index 25784e50..3378fc14 100644
--- a/navigation/levelone.md
+++ b/navigation/levelone.md
@@ -30,7 +30,7 @@ Your goal is to **decode the hidden message** provided. Use your problem-solving
 
 Once you’ve cracked the code, submit your answer here:
 
-```markdown
+
 - **Answer**: `type-your-answer-here`
 
 
diff --git a/navigation/levelthree.md b/navigation/levelthree.md
new file mode 100644
index 00000000..12c10a97
--- /dev/null
+++ b/navigation/levelthree.md
@@ -0,0 +1,33 @@
+---
+layout: base 
+title: Levelone 
+search_exclude: true
+permalink: /levelthree/
+---
+
+
+
+# 🔐 **Cipher Challenge: Level 3**
+
+Welcome to **Level 3**! 🔒 You've made it this far, but things are about to get more challenging. At this level, you’ll need to rely on pattern recognition, logic, and perhaps even a bit of research. Can you decode the next cipher?
+
+---
+
+## 🔍 **Challenge Objective**
+
+Your goal is to **crack the Level 3 encrypted message**. This cipher may contain multiple layers or use unfamiliar methods, so approach with an open mind!
+
+---
+
+## 📜 **Encrypted Message**
+
+```plaintext
+// Place Level 3 encrypted message here
+
+
+1. Explore **substitution ciphers** and consider letter frequencies in the English language.
+2. Watch out for **common phrases** or patterns that may repeat—these could provide a foothold.
+3. This level may require knowledge of **more advanced ciphers** (e.g., Vigenère, Atbash). Research might be necessary.
+
+
+- **Answer**: `type-your-answer-here`
diff --git a/navigation/leveltwo.md b/navigation/leveltwo.md
new file mode 100644
index 00000000..e0e966f6
--- /dev/null
+++ b/navigation/leveltwo.md
@@ -0,0 +1,36 @@
+---
+layout: base 
+title: Levelone 
+search_exclude: true
+permalink: /leveltwo/
+---
+
+
+
+# 🔐 **Cipher Challenge: Level 2**
+
+Welcome to **Level 2**! 🔎 You've cracked the first code—now it's time to tackle something a bit trickier. Think creatively, apply new techniques, and remember: every clue could be a key to unlocking the message!
+
+---
+
+## 🔍 **Challenge Objective**
+
+Your goal is to **decode this next-level message**. This cipher may require you to combine techniques or recognize patterns from Level 1. Keep your eyes open for details!
+
+---
+
+## 📜 **Encrypted Message**
+
+```plaintext
+// Place Level 2 encrypted message here
+
+1. Try **reversing** or **shifting** characters in the message. Familiar ciphers like **Caesar** might be involved.
+2. Sometimes ciphers can be nested—**more than one layer** may exist here.
+3. Double-check for patterns in numbers or characters. Could they relate to **positions** or **groupings**?
+
+- **Answer**: `type-your-answer-here`
+
+
+
+
+

From 1cee799b2be60b63215b310743a9dcd8d0dcb0a9 Mon Sep 17 00:00:00 2001
From: 94503166 <yashp.d39@gmail.com>
Date: Wed, 30 Oct 2024 12:53:36 -0700
Subject: [PATCH 04/15] cipherhome page links and visuals updated

---
 navigation/cipherdiscussionforum.md |   0
 navigation/cipherhome.md            | 132 ++++++++++++++++++----------
 2 files changed, 87 insertions(+), 45 deletions(-)
 create mode 100644 navigation/cipherdiscussionforum.md

diff --git a/navigation/cipherdiscussionforum.md b/navigation/cipherdiscussionforum.md
new file mode 100644
index 00000000..e69de29b
diff --git a/navigation/cipherhome.md b/navigation/cipherhome.md
index eaa74877..202df9bc 100644
--- a/navigation/cipherhome.md
+++ b/navigation/cipherhome.md
@@ -1,17 +1,17 @@
 ---
-layout: base 
-title: CipherHome 
+layout: base
+title: CipherHome
 search_exclude: true
 permalink: /cipherhome/
 ---
-# 🔐 **Cipher Team** 
+
+# 🔐 **Cipher Team**
 
 > *"Unlocking secrets, one cipher at a time."*
 
 ---
 
-![Cipher Background](https://example.com/cipher-background.jpg) <!-- Replace with an actual image URL -->
-
+![Cipher Background](https://themepack.me/i/c/749x467/media/g/1555/bill-cipher-theme-gs2.jpg) 
 ### 🛠 Announcements 🛠
 <div style="background-color: #27293d; padding: 20px; border-radius: 8px; border: 2px solid #ffce00; color: #e0e0e0;">
 🔒 **Current Challenge**: Crack today’s cipher within the hour!  
@@ -28,44 +28,88 @@ permalink: /cipherhome/
 
 ---
 
-<div style="display: flex; flex-direction: column; align-items: center;">
-
-### Level 1: Beginner 🔰
-┌─────────────────────────────────────┐ │ Level 1: Beginner │
-│ ➡️ Learn basic ciphers. │
-│ 🔑 Unlock simple puzzles. │
-└─────────────────────────────────────┘
-
----
-### Level 2: Intermediate 🌐
-┌─────────────────────────────────────┐ │ Level 2: Intermediate │
-│ ➡️ Decipher longer codes. │
-│ 📜 Moderate challenges await. │
-└─────────────────────────────────────┘
-
-
----
-### Level 3: Advanced 🔵
-┌─────────────────────────────────────┐ │ Level 3: Advanced │
-│ ➡️ Crack complex patterns. │
-│ 🧩 For seasoned decoders! │
-└─────────────────────────────────────┘
-
----
-### Level 4: Expert 🔴
-┌─────────────────────────────────────┐ │ Level 4: Expert │
-│ ➡️ Master advanced encryption. │
-│ 🚀 Very challenging! │
-└─────────────────────────────────────┘
-
-
----
-### Level 5: Master ⚫️
-┌─────────────────────────────────────┐ │ Level 5: Master │
-│ ➡️ Final boss of ciphers! │
-│ 🏆 Only for the brave! │
-└─────────────────────────────────────┘
-
+<div style="display: flex; justify-content: center; gap: 40px; padding: 20px;">
+    <!-- Coding Tips Section -->
+    <div style="flex: 1; max-width: 200px; background-color: #1e1f2b; padding: 15px; border-radius: 8px; color: #ffffff;">
+        ### 🧠 Coding Tips
+        - **Stay Curious**: Each cipher has a unique solution.
+        - **Use Caesar Shift**: Try shifting letters to reveal patterns.
+        - **Frequency Analysis**: Common letters may reveal clues.
+    </div>
+
+    <!-- Level Buttons Section -->
+    <div style="flex: 2;">
+        <!-- Level Buttons Container -->
+        <div style="display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%;">
+            <!-- Level 1 Button -->
+            <a href="/flocker_frontend/levelone/" style="text-decoration: none;">
+                <div style="display: flex; align-items: center; background-color: #ffdd57; color: #27293d; width: 100%; padding: 20px; border-radius: 10px; border: 2px solid #ffb400; text-align: left; box-shadow: 0 4px 8px rgba(0,0,0,0.2); font-size: 1.2em;">
+                    <div style="flex-grow: 1;">
+                        <strong>Level 1: Beginner 🔰</strong><br>
+                        ➡️ Learn basic ciphers.<br>
+                        🔑 Unlock simple puzzles.
+                    </div>
+                    <div style="font-size: 2em; padding-left: 20px;">⬇️</div>
+                </div>
+            </a>
+
+            <!-- Level 2 Button -->
+            <a href="/flocker_frontend/leveltwo/" style="text-decoration: none;">
+                <div style="display: flex; align-items: center; background-color: #80c0ff; color: #27293d; width: 100%; padding: 20px; border-radius: 10px; border: 2px solid #4293ff; text-align: left; box-shadow: 0 4px 8px rgba(0,0,0,0.2); font-size: 1.2em;">
+                    <div style="flex-grow: 1;">
+                        <strong>Level 2: Intermediate 🌐</strong><br>
+                        ➡️ Decipher longer codes.<br>
+                        📜 Moderate challenges await.
+                    </div>
+                    <div style="font-size: 2em; padding-left: 20px;">⬇️</div>
+                </div>
+            </a>
+
+            <!-- Level 3 Button -->
+            <a href="/flocker_frontend/levelthree/" style="text-decoration: none;">
+                <div style="display: flex; align-items: center; background-color: #7cf9a1; color: #27293d; width: 100%; padding: 20px; border-radius: 10px; border: 2px solid #4adb6f; text-align: left; box-shadow: 0 4px 8px rgba(0,0,0,0.2); font-size: 1.2em;">
+                    <div style="flex-grow: 1;">
+                        <strong>Level 3: Advanced 🔵</strong><br>
+                        ➡️ Crack complex patterns.<br>
+                        🧩 For seasoned decoders!
+                    </div>
+                    <div style="font-size: 2em; padding-left: 20px;">⬇️</div>
+                </div>
+            </a>
+
+            <!-- Level 4 Button -->
+            <a href="/flocker_frontend/levelfour/" style="text-decoration: none;">
+                <div style="display: flex; align-items: center; background-color: #ff6b6b; color: #27293d; width: 100%; padding: 20px; border-radius: 10px; border: 2px solid #ff3c3c; text-align: left; box-shadow: 0 4px 8px rgba(0,0,0,0.2); font-size: 1.2em;">
+                    <div style="flex-grow: 1;">
+                        <strong>Level 4: Expert 🔴</strong><br>
+                        ➡️ Master advanced encryption.<br>
+                        🚀 Very challenging!
+                    </div>
+                    <div style="font-size: 2em; padding-left: 20px;">⬇️</div>
+                </div>
+            </a>
+
+            <!-- Level 5 Button -->
+            <a href="/flocker_frontend/levelfive/" style="text-decoration: none;">
+                <div style="display: flex; align-items: center; background-color: #4d4d4d; color: #e0e0e0; width: 100%; padding: 20px; border-radius: 10px; border: 2px solid #272727; text-align: left; box-shadow: 0 4px 8px rgba(0,0,0,0.2); font-size: 1.2em;">
+                    <div style="flex-grow: 1;">
+                        <strong>Level 5: Master ⚫️</strong><br>
+                        ➡️ Final boss of ciphers!<br>
+                        🏆 Only for the brave!
+                    </div>
+                    <div style="font-size: 2em; padding-left: 20px;">⬇️</div>
+                </div>
+            </a>
+        </div>
+    </div>
+
+    <!-- Additional Tips Section -->
+    <div style="flex: 1; max-width: 200px; background-color: #1e1f2b; padding: 15px; border-radius: 8px; color: #ffffff;">
+        ### 🔍 Cipher Tips
+        - **Patterns Matter**: Look for repeating letter groups.
+        - **Letter Pairings**: Some ciphers swap letters.
+        - **Use Frequency Tools**: Online tools can help!
+    </div>
 </div>
 
 ---
@@ -86,5 +130,3 @@ permalink: /cipherhome/
 ---
 
 **Stay Sharp, Cipher Specialist!** 🧩
-
----
\ No newline at end of file

From 42f4c1d01b6b274954523d6d154c4499739d3b16 Mon Sep 17 00:00:00 2001
From: 94503166 <yashp.d39@gmail.com>
Date: Thu, 31 Oct 2024 11:43:31 -0700
Subject: [PATCH 05/15] level one updated

---
 navigation/levelone.md | 48 +++++++++++++++++++++++++++++++++++-------
 1 file changed, 40 insertions(+), 8 deletions(-)

diff --git a/navigation/levelone.md b/navigation/levelone.md
index 3378fc14..46379233 100644
--- a/navigation/levelone.md
+++ b/navigation/levelone.md
@@ -5,21 +5,30 @@ search_exclude: true
 permalink: /levelone/
 ---
     
-
 # 🔐 **Cipher Challenge: Level 1**
 
-Welcome to **Level 1** of the Cipher Challenge! 🧩 Get ready to put your code-breaking skills to the test. Decipher the message, find the hidden phrase, and unlock the path to the next level.
+Welcome to **Level 1** of the Cipher Challenge! 🧩 Start here to warm up your code-breaking skills with a classic substitution cipher.
 
 ---
 
 ## 🔍 **Challenge Objective**
 
-Your goal is to **decode the hidden message** provided. Use your problem-solving skills and creativity to reveal the secret phrase.
+Your goal is to **decode the hidden message** below using a Caesar Cipher technique. Find the hidden word to unlock the path to the next level.
 
 ---
 
 ## 🧩 **Hints to Get You Started**
 
+1. Each letter in the message has been **shifted forward by 3**. To decode it, shift each letter **back by 3**.
+2. Example: If the coded letter is "D," shifting back by 3 reveals "A."
+3. The message should make sense once decoded—trust your instincts on the word!
+
+---
+
+## 🔢 **Cipher Text**
+
+
+
 1. The numbers might correspond to **ASCII characters** or **another encoding format**.
 2. Pay attention to the **structure of the numbers**—do they look like hex, binary, or something else?
 3. Don’t overlook **spaces** or groupings—they might contain clues.
@@ -55,6 +64,7 @@ This is a basic chat box rendered with HTML inside Markdown.
   const chatMessages = document.getElementById('chat-messages');
   const chatInput = document.getElementById('chat-input');
   const sendButton = document.getElementById('send-button');
+  const correctAnswer = '12345'; // Define the correct answer here
 
   function addMessage(text, className) {
     const messageElement = document.createElement('div');
@@ -63,7 +73,19 @@ This is a basic chat box rendered with HTML inside Markdown.
     messageElement.style.margin = '5px 0';
     messageElement.style.padding = '5px';
     messageElement.style.borderRadius = '5px';
-    messageElement.style.backgroundColor = className === 'user-message' ? '#dcf8c6' : '#e0e0e0';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'red';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+function addCorrectMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'green';
     chatMessages.appendChild(messageElement);
     chatMessages.scrollTop = chatMessages.scrollHeight;
   }
@@ -71,11 +93,20 @@ This is a basic chat box rendered with HTML inside Markdown.
   sendButton.addEventListener('click', () => {
     const userMessage = chatInput.value.trim();
     if (userMessage) {
-      addMessage(`User: ${userMessage}`, 'user-message');
+      addMessage(`Your answer is: ${userMessage}`, 'user-message');
       chatInput.value = '';
-      setTimeout(() => {
-        addMessage("Bot: I'm here to help!", 'bot-message');
-      }, 1000);
+
+      // Check if the message is correct
+      if (userMessage === correctAnswer) {
+        setTimeout(() => {
+          
+          addCorrectMessage("Correct answer! Now you can move on!", 'bot-message');
+        }, 1000);
+      } else {
+        setTimeout(() => {
+          addMessage("Try again!", 'bot-message');
+        }, 1000);
+      }
     }
   });
 
@@ -84,4 +115,5 @@ This is a basic chat box rendered with HTML inside Markdown.
   });
 </script>
 
+
 This is a simple interactive chat box. Type a message and hit "Send" or press "Enter" to see it displayed.

From 5a0651105036d753ea2c42a3eb7c7839f4e7833b Mon Sep 17 00:00:00 2001
From: 94503166 <yashp.d39@gmail.com>
Date: Thu, 31 Oct 2024 11:50:28 -0700
Subject: [PATCH 06/15] level one completed

---
 navigation/levelone.md | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/navigation/levelone.md b/navigation/levelone.md
index 46379233..ad809a5b 100644
--- a/navigation/levelone.md
+++ b/navigation/levelone.md
@@ -4,7 +4,6 @@ title: Levelone
 search_exclude: true
 permalink: /levelone/
 ---
-    
 # 🔐 **Cipher Challenge: Level 1**
 
 Welcome to **Level 1** of the Cipher Challenge! 🧩 Start here to warm up your code-breaking skills with a classic substitution cipher.
@@ -27,11 +26,11 @@ Your goal is to **decode the hidden message** below using a Caesar Cipher techni
 
 ## 🔢 **Cipher Text**
 
+Ciphered message:  
+`Krod, Krz duh brx grlqj? Brx duh doprvw wkhuh!`
 
-
-1. The numbers might correspond to **ASCII characters** or **another encoding format**.
-2. Pay attention to the **structure of the numbers**—do they look like hex, binary, or something else?
-3. Don’t overlook **spaces** or groupings—they might contain clues.
+1. **Hint**: Shift each letter **back by 3** to reveal the message.
+2. **Hint**: Trust that each word will form a coherent sentence after decryption.
 
 ---
 
@@ -64,7 +63,7 @@ This is a basic chat box rendered with HTML inside Markdown.
   const chatMessages = document.getElementById('chat-messages');
   const chatInput = document.getElementById('chat-input');
   const sendButton = document.getElementById('send-button');
-  const correctAnswer = '12345'; // Define the correct answer here
+  const correctAnswer = 'Hold, How are you doing? You are almost there!'; // Define the correct answer here
 
   function addMessage(text, className) {
     const messageElement = document.createElement('div');

From 737990042b1c6581ca88de076a8efbbc14b50076 Mon Sep 17 00:00:00 2001
From: Tactical007 <lstarr1100@gmail.com>
Date: Thu, 31 Oct 2024 11:59:23 -0700
Subject: [PATCH 07/15] level 4-10 creation

---
 navigation/leveleight.md |  6 ++++++
 navigation/levelfive.md  |  7 +++++++
 navigation/levelfour.md  |  7 +++++++
 navigation/levelnine.md  |  6 ++++++
 navigation/levelseven.md |  6 ++++++
 navigation/levelsix.md   |  6 ++++++
 navigation/levelten.md   |  6 ++++++
 navigation/levelthree.md | 41 ++++++++++++++++++++++++++++++++++++++++
 navigation/leveltwo.md   | 41 ++++++++++++++++++++++++++++++++++++++++
 9 files changed, 126 insertions(+)
 create mode 100644 navigation/leveleight.md
 create mode 100644 navigation/levelfive.md
 create mode 100644 navigation/levelfour.md
 create mode 100644 navigation/levelnine.md
 create mode 100644 navigation/levelseven.md
 create mode 100644 navigation/levelsix.md
 create mode 100644 navigation/levelten.md

diff --git a/navigation/leveleight.md b/navigation/leveleight.md
new file mode 100644
index 00000000..776d8289
--- /dev/null
+++ b/navigation/leveleight.md
@@ -0,0 +1,6 @@
+---
+layout: base 
+title: Leveleight 
+search_exclude: true
+permalink: /leveleight/
+---
diff --git a/navigation/levelfive.md b/navigation/levelfive.md
new file mode 100644
index 00000000..da734100
--- /dev/null
+++ b/navigation/levelfive.md
@@ -0,0 +1,7 @@
+---
+layout: base 
+title: Levelfive
+search_exclude: true
+permalink: /levelfive/
+---
+    
\ No newline at end of file
diff --git a/navigation/levelfour.md b/navigation/levelfour.md
new file mode 100644
index 00000000..d71ebc60
--- /dev/null
+++ b/navigation/levelfour.md
@@ -0,0 +1,7 @@
+---
+layout: base 
+title: Levelfour 
+search_exclude: true
+permalink: /levelfour/
+---
+    
\ No newline at end of file
diff --git a/navigation/levelnine.md b/navigation/levelnine.md
new file mode 100644
index 00000000..b8173e2f
--- /dev/null
+++ b/navigation/levelnine.md
@@ -0,0 +1,6 @@
+---
+layout: base 
+title: Levelnine 
+search_exclude: true
+permalink: /levelnine/
+---
diff --git a/navigation/levelseven.md b/navigation/levelseven.md
new file mode 100644
index 00000000..982adfcc
--- /dev/null
+++ b/navigation/levelseven.md
@@ -0,0 +1,6 @@
+---
+layout: base 
+title: Levelseven 
+search_exclude: true
+permalink: /levelseven/
+---
diff --git a/navigation/levelsix.md b/navigation/levelsix.md
new file mode 100644
index 00000000..5e020e58
--- /dev/null
+++ b/navigation/levelsix.md
@@ -0,0 +1,6 @@
+---
+layout: base 
+title: Levelsix
+search_exclude: true
+permalink: /levelsix/
+---
diff --git a/navigation/levelten.md b/navigation/levelten.md
new file mode 100644
index 00000000..96e28edd
--- /dev/null
+++ b/navigation/levelten.md
@@ -0,0 +1,6 @@
+---
+layout: base 
+title: Levelten
+search_exclude: true
+permalink: /levelten/
+---
diff --git a/navigation/levelthree.md b/navigation/levelthree.md
index 12c10a97..bdda628b 100644
--- a/navigation/levelthree.md
+++ b/navigation/levelthree.md
@@ -31,3 +31,44 @@ Your goal is to **crack the Level 3 encrypted message**. This cipher may contain
 
 
 - **Answer**: `type-your-answer-here`
+
+<div id="chat-container" style="width: 300px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; padding: 10px; font-family: Arial, sans-serif;">
+  <div id="chat-box" style="height: 200px; overflow-y: scroll; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9;">
+    <div id="chat-messages"></div>
+  </div>
+  <input type="text" id="chat-input" placeholder="Type a message..." style="width: calc(100% - 60px); padding: 8px; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px;" />
+  <button id="send-button" style="padding: 8px; background-color: #007bff; color: white; border: none; border-radius: 5px;">Send</button>
+</div>
+
+<script>
+  const chatMessages = document.getElementById('chat-messages');
+  const chatInput = document.getElementById('chat-input');
+  const sendButton = document.getElementById('send-button');
+
+  function addMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? '#dcf8c6' : '#e0e0e0';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+  sendButton.addEventListener('click', () => {
+    const userMessage = chatInput.value.trim();
+    if (userMessage) {
+      addMessage(`User: ${userMessage}`, 'user-message');
+      chatInput.value = '';
+      setTimeout(() => {
+        addMessage("Bot: I'm here to help!", 'bot-message');
+      }, 1000);
+    }
+  });
+
+  chatInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') sendButton.click();
+  });
+</script>
diff --git a/navigation/leveltwo.md b/navigation/leveltwo.md
index e0e966f6..ffeabd53 100644
--- a/navigation/leveltwo.md
+++ b/navigation/leveltwo.md
@@ -31,6 +31,47 @@ Your goal is to **decode this next-level message**. This cipher may require you
 - **Answer**: `type-your-answer-here`
 
 
+<div id="chat-container" style="width: 300px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; padding: 10px; font-family: Arial, sans-serif;">
+  <div id="chat-box" style="height: 200px; overflow-y: scroll; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9;">
+    <div id="chat-messages"></div>
+  </div>
+  <input type="text" id="chat-input" placeholder="Type a message..." style="width: calc(100% - 60px); padding: 8px; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px;" />
+  <button id="send-button" style="padding: 8px; background-color: #007bff; color: white; border: none; border-radius: 5px;">Send</button>
+</div>
+
+<script>
+  const chatMessages = document.getElementById('chat-messages');
+  const chatInput = document.getElementById('chat-input');
+  const sendButton = document.getElementById('send-button');
+
+  function addMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? '#dcf8c6' : '#e0e0e0';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+  sendButton.addEventListener('click', () => {
+    const userMessage = chatInput.value.trim();
+    if (userMessage) {
+      addMessage(`User: ${userMessage}`, 'user-message');
+      chatInput.value = '';
+      setTimeout(() => {
+        addMessage("Bot: I'm here to help!", 'bot-message');
+      }, 1000);
+    }
+  });
+
+  chatInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') sendButton.click();
+  });
+</script>
+
 
 
 

From 5e9930dab344ee755153380acac7c460e9aed3e4 Mon Sep 17 00:00:00 2001
From: Tactical007 <lstarr1100@gmail.com>
Date: Thu, 31 Oct 2024 12:03:35 -0700
Subject: [PATCH 08/15] 2-10 level changes

---
 navigation/leveleight.md | 113 ++++++++++++++++++++++++++++++++++++++
 navigation/levelfive.md  | 114 ++++++++++++++++++++++++++++++++++++++-
 navigation/levelfour.md  | 114 ++++++++++++++++++++++++++++++++++++++-
 navigation/levelnine.md  | 113 ++++++++++++++++++++++++++++++++++++++
 navigation/levelseven.md | 113 ++++++++++++++++++++++++++++++++++++++
 navigation/levelsix.md   | 113 ++++++++++++++++++++++++++++++++++++++
 navigation/levelten.md   | 113 ++++++++++++++++++++++++++++++++++++++
 navigation/levelthree.md |  76 ++++++++++++++++++++------
 navigation/leveltwo.md   |  75 ++++++++++++++++++++------
 9 files changed, 910 insertions(+), 34 deletions(-)

diff --git a/navigation/leveleight.md b/navigation/leveleight.md
index 776d8289..e0c7e61c 100644
--- a/navigation/leveleight.md
+++ b/navigation/leveleight.md
@@ -4,3 +4,116 @@ title: Leveleight
 search_exclude: true
 permalink: /leveleight/
 ---
+
+# 🔐 **Cipher Challenge: Level 1**
+
+Welcome to **Level 1** of the Cipher Challenge! 🧩 Start here to warm up your code-breaking skills with a classic substitution cipher.
+
+---
+
+## 🔍 **Challenge Objective**
+
+Your goal is to **decode the hidden message** below using a Caesar Cipher technique. Find the hidden word to unlock the path to the next level.
+
+---
+
+## 🧩 **Hints to Get You Started**
+
+1. Each letter in the message has been **shifted forward by 3**. To decode it, shift each letter **back by 3**.
+2. Example: If the coded letter is "D," shifting back by 3 reveals "A."
+3. The message should make sense once decoded—trust your instincts on the word!
+
+---
+
+## 🔢 **Cipher Text**
+
+Ciphered message:  
+`Krod, Krz duh brx grlqj? Brx duh doprvw wkhuh!`
+
+1. **Hint**: Shift each letter **back by 3** to reveal the message.
+2. **Hint**: Trust that each word will form a coherent sentence after decryption.
+
+---
+
+## 📝 **Submit Your Answer**
+
+Once you’ve cracked the code, submit your answer here:
+
+
+- **Answer**: `type-your-answer-here`
+
+
+
+
+
+
+
+# Chat Box Demo
+
+This is a basic chat box rendered with HTML inside Markdown.
+
+<div id="chat-container" style="width: 300px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; padding: 10px; font-family: Arial, sans-serif;">
+  <div id="chat-box" style="height: 200px; overflow-y: scroll; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9;">
+    <div id="chat-messages"></div>
+  </div>
+  <input type="text" id="chat-input" placeholder="Type a message..." style="width: calc(100% - 60px); padding: 8px; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px;" />
+  <button id="send-button" style="padding: 8px; background-color: #007bff; color: white; border: none; border-radius: 5px;">Send</button>
+</div>
+
+<script>
+  const chatMessages = document.getElementById('chat-messages');
+  const chatInput = document.getElementById('chat-input');
+  const sendButton = document.getElementById('send-button');
+  const correctAnswer = 'Hold, How are you doing? You are almost there!'; // Define the correct answer here
+
+  function addMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'red';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+function addCorrectMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'green';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+  sendButton.addEventListener('click', () => {
+    const userMessage = chatInput.value.trim();
+    if (userMessage) {
+      addMessage(`Your answer is: ${userMessage}`, 'user-message');
+      chatInput.value = '';
+
+      // Check if the message is correct
+      if (userMessage === correctAnswer) {
+        setTimeout(() => {
+          
+          addCorrectMessage("Correct answer! Now you can move on!", 'bot-message');
+        }, 1000);
+      } else {
+        setTimeout(() => {
+          addMessage("Try again!", 'bot-message');
+        }, 1000);
+      }
+    }
+  });
+
+  chatInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') sendButton.click();
+  });
+</script>
+
+
+This is a simple interactive chat box. Type a message and hit "Send" or press "Enter" to see it displayed.
diff --git a/navigation/levelfive.md b/navigation/levelfive.md
index da734100..722a7387 100644
--- a/navigation/levelfive.md
+++ b/navigation/levelfive.md
@@ -4,4 +4,116 @@ title: Levelfive
 search_exclude: true
 permalink: /levelfive/
 ---
-    
\ No newline at end of file
+
+# 🔐 **Cipher Challenge: Level 1**
+
+Welcome to **Level 1** of the Cipher Challenge! 🧩 Start here to warm up your code-breaking skills with a classic substitution cipher.
+
+---
+
+## 🔍 **Challenge Objective**
+
+Your goal is to **decode the hidden message** below using a Caesar Cipher technique. Find the hidden word to unlock the path to the next level.
+
+---
+
+## 🧩 **Hints to Get You Started**
+
+1. Each letter in the message has been **shifted forward by 3**. To decode it, shift each letter **back by 3**.
+2. Example: If the coded letter is "D," shifting back by 3 reveals "A."
+3. The message should make sense once decoded—trust your instincts on the word!
+
+---
+
+## 🔢 **Cipher Text**
+
+Ciphered message:  
+`Krod, Krz duh brx grlqj? Brx duh doprvw wkhuh!`
+
+1. **Hint**: Shift each letter **back by 3** to reveal the message.
+2. **Hint**: Trust that each word will form a coherent sentence after decryption.
+
+---
+
+## 📝 **Submit Your Answer**
+
+Once you’ve cracked the code, submit your answer here:
+
+
+- **Answer**: `type-your-answer-here`
+
+
+
+
+
+
+
+# Chat Box Demo
+
+This is a basic chat box rendered with HTML inside Markdown.
+
+<div id="chat-container" style="width: 300px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; padding: 10px; font-family: Arial, sans-serif;">
+  <div id="chat-box" style="height: 200px; overflow-y: scroll; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9;">
+    <div id="chat-messages"></div>
+  </div>
+  <input type="text" id="chat-input" placeholder="Type a message..." style="width: calc(100% - 60px); padding: 8px; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px;" />
+  <button id="send-button" style="padding: 8px; background-color: #007bff; color: white; border: none; border-radius: 5px;">Send</button>
+</div>
+
+<script>
+  const chatMessages = document.getElementById('chat-messages');
+  const chatInput = document.getElementById('chat-input');
+  const sendButton = document.getElementById('send-button');
+  const correctAnswer = 'Hold, How are you doing? You are almost there!'; // Define the correct answer here
+
+  function addMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'red';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+function addCorrectMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'green';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+  sendButton.addEventListener('click', () => {
+    const userMessage = chatInput.value.trim();
+    if (userMessage) {
+      addMessage(`Your answer is: ${userMessage}`, 'user-message');
+      chatInput.value = '';
+
+      // Check if the message is correct
+      if (userMessage === correctAnswer) {
+        setTimeout(() => {
+          
+          addCorrectMessage("Correct answer! Now you can move on!", 'bot-message');
+        }, 1000);
+      } else {
+        setTimeout(() => {
+          addMessage("Try again!", 'bot-message');
+        }, 1000);
+      }
+    }
+  });
+
+  chatInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') sendButton.click();
+  });
+</script>
+
+
+This is a simple interactive chat box. Type a message and hit "Send" or press "Enter" to see it displayed.
diff --git a/navigation/levelfour.md b/navigation/levelfour.md
index d71ebc60..6123a229 100644
--- a/navigation/levelfour.md
+++ b/navigation/levelfour.md
@@ -4,4 +4,116 @@ title: Levelfour
 search_exclude: true
 permalink: /levelfour/
 ---
-    
\ No newline at end of file
+
+# 🔐 **Cipher Challenge: Level 1**
+
+Welcome to **Level 1** of the Cipher Challenge! 🧩 Start here to warm up your code-breaking skills with a classic substitution cipher.
+
+---
+
+## 🔍 **Challenge Objective**
+
+Your goal is to **decode the hidden message** below using a Caesar Cipher technique. Find the hidden word to unlock the path to the next level.
+
+---
+
+## 🧩 **Hints to Get You Started**
+
+1. Each letter in the message has been **shifted forward by 3**. To decode it, shift each letter **back by 3**.
+2. Example: If the coded letter is "D," shifting back by 3 reveals "A."
+3. The message should make sense once decoded—trust your instincts on the word!
+
+---
+
+## 🔢 **Cipher Text**
+
+Ciphered message:  
+`Krod, Krz duh brx grlqj? Brx duh doprvw wkhuh!`
+
+1. **Hint**: Shift each letter **back by 3** to reveal the message.
+2. **Hint**: Trust that each word will form a coherent sentence after decryption.
+
+---
+
+## 📝 **Submit Your Answer**
+
+Once you’ve cracked the code, submit your answer here:
+
+
+- **Answer**: `type-your-answer-here`
+
+
+
+
+
+
+
+# Chat Box Demo
+
+This is a basic chat box rendered with HTML inside Markdown.
+
+<div id="chat-container" style="width: 300px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; padding: 10px; font-family: Arial, sans-serif;">
+  <div id="chat-box" style="height: 200px; overflow-y: scroll; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9;">
+    <div id="chat-messages"></div>
+  </div>
+  <input type="text" id="chat-input" placeholder="Type a message..." style="width: calc(100% - 60px); padding: 8px; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px;" />
+  <button id="send-button" style="padding: 8px; background-color: #007bff; color: white; border: none; border-radius: 5px;">Send</button>
+</div>
+
+<script>
+  const chatMessages = document.getElementById('chat-messages');
+  const chatInput = document.getElementById('chat-input');
+  const sendButton = document.getElementById('send-button');
+  const correctAnswer = 'Hold, How are you doing? You are almost there!'; // Define the correct answer here
+
+  function addMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'red';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+function addCorrectMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'green';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+  sendButton.addEventListener('click', () => {
+    const userMessage = chatInput.value.trim();
+    if (userMessage) {
+      addMessage(`Your answer is: ${userMessage}`, 'user-message');
+      chatInput.value = '';
+
+      // Check if the message is correct
+      if (userMessage === correctAnswer) {
+        setTimeout(() => {
+          
+          addCorrectMessage("Correct answer! Now you can move on!", 'bot-message');
+        }, 1000);
+      } else {
+        setTimeout(() => {
+          addMessage("Try again!", 'bot-message');
+        }, 1000);
+      }
+    }
+  });
+
+  chatInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') sendButton.click();
+  });
+</script>
+
+
+This is a simple interactive chat box. Type a message and hit "Send" or press "Enter" to see it displayed.
diff --git a/navigation/levelnine.md b/navigation/levelnine.md
index b8173e2f..95763f63 100644
--- a/navigation/levelnine.md
+++ b/navigation/levelnine.md
@@ -4,3 +4,116 @@ title: Levelnine
 search_exclude: true
 permalink: /levelnine/
 ---
+
+# 🔐 **Cipher Challenge: Level 1**
+
+Welcome to **Level 1** of the Cipher Challenge! 🧩 Start here to warm up your code-breaking skills with a classic substitution cipher.
+
+---
+
+## 🔍 **Challenge Objective**
+
+Your goal is to **decode the hidden message** below using a Caesar Cipher technique. Find the hidden word to unlock the path to the next level.
+
+---
+
+## 🧩 **Hints to Get You Started**
+
+1. Each letter in the message has been **shifted forward by 3**. To decode it, shift each letter **back by 3**.
+2. Example: If the coded letter is "D," shifting back by 3 reveals "A."
+3. The message should make sense once decoded—trust your instincts on the word!
+
+---
+
+## 🔢 **Cipher Text**
+
+Ciphered message:  
+`Krod, Krz duh brx grlqj? Brx duh doprvw wkhuh!`
+
+1. **Hint**: Shift each letter **back by 3** to reveal the message.
+2. **Hint**: Trust that each word will form a coherent sentence after decryption.
+
+---
+
+## 📝 **Submit Your Answer**
+
+Once you’ve cracked the code, submit your answer here:
+
+
+- **Answer**: `type-your-answer-here`
+
+
+
+
+
+
+
+# Chat Box Demo
+
+This is a basic chat box rendered with HTML inside Markdown.
+
+<div id="chat-container" style="width: 300px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; padding: 10px; font-family: Arial, sans-serif;">
+  <div id="chat-box" style="height: 200px; overflow-y: scroll; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9;">
+    <div id="chat-messages"></div>
+  </div>
+  <input type="text" id="chat-input" placeholder="Type a message..." style="width: calc(100% - 60px); padding: 8px; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px;" />
+  <button id="send-button" style="padding: 8px; background-color: #007bff; color: white; border: none; border-radius: 5px;">Send</button>
+</div>
+
+<script>
+  const chatMessages = document.getElementById('chat-messages');
+  const chatInput = document.getElementById('chat-input');
+  const sendButton = document.getElementById('send-button');
+  const correctAnswer = 'Hold, How are you doing? You are almost there!'; // Define the correct answer here
+
+  function addMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'red';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+function addCorrectMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'green';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+  sendButton.addEventListener('click', () => {
+    const userMessage = chatInput.value.trim();
+    if (userMessage) {
+      addMessage(`Your answer is: ${userMessage}`, 'user-message');
+      chatInput.value = '';
+
+      // Check if the message is correct
+      if (userMessage === correctAnswer) {
+        setTimeout(() => {
+          
+          addCorrectMessage("Correct answer! Now you can move on!", 'bot-message');
+        }, 1000);
+      } else {
+        setTimeout(() => {
+          addMessage("Try again!", 'bot-message');
+        }, 1000);
+      }
+    }
+  });
+
+  chatInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') sendButton.click();
+  });
+</script>
+
+
+This is a simple interactive chat box. Type a message and hit "Send" or press "Enter" to see it displayed.
diff --git a/navigation/levelseven.md b/navigation/levelseven.md
index 982adfcc..5fcc34b9 100644
--- a/navigation/levelseven.md
+++ b/navigation/levelseven.md
@@ -4,3 +4,116 @@ title: Levelseven
 search_exclude: true
 permalink: /levelseven/
 ---
+
+# 🔐 **Cipher Challenge: Level 1**
+
+Welcome to **Level 1** of the Cipher Challenge! 🧩 Start here to warm up your code-breaking skills with a classic substitution cipher.
+
+---
+
+## 🔍 **Challenge Objective**
+
+Your goal is to **decode the hidden message** below using a Caesar Cipher technique. Find the hidden word to unlock the path to the next level.
+
+---
+
+## 🧩 **Hints to Get You Started**
+
+1. Each letter in the message has been **shifted forward by 3**. To decode it, shift each letter **back by 3**.
+2. Example: If the coded letter is "D," shifting back by 3 reveals "A."
+3. The message should make sense once decoded—trust your instincts on the word!
+
+---
+
+## 🔢 **Cipher Text**
+
+Ciphered message:  
+`Krod, Krz duh brx grlqj? Brx duh doprvw wkhuh!`
+
+1. **Hint**: Shift each letter **back by 3** to reveal the message.
+2. **Hint**: Trust that each word will form a coherent sentence after decryption.
+
+---
+
+## 📝 **Submit Your Answer**
+
+Once you’ve cracked the code, submit your answer here:
+
+
+- **Answer**: `type-your-answer-here`
+
+
+
+
+
+
+
+# Chat Box Demo
+
+This is a basic chat box rendered with HTML inside Markdown.
+
+<div id="chat-container" style="width: 300px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; padding: 10px; font-family: Arial, sans-serif;">
+  <div id="chat-box" style="height: 200px; overflow-y: scroll; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9;">
+    <div id="chat-messages"></div>
+  </div>
+  <input type="text" id="chat-input" placeholder="Type a message..." style="width: calc(100% - 60px); padding: 8px; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px;" />
+  <button id="send-button" style="padding: 8px; background-color: #007bff; color: white; border: none; border-radius: 5px;">Send</button>
+</div>
+
+<script>
+  const chatMessages = document.getElementById('chat-messages');
+  const chatInput = document.getElementById('chat-input');
+  const sendButton = document.getElementById('send-button');
+  const correctAnswer = 'Hold, How are you doing? You are almost there!'; // Define the correct answer here
+
+  function addMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'red';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+function addCorrectMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'green';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+  sendButton.addEventListener('click', () => {
+    const userMessage = chatInput.value.trim();
+    if (userMessage) {
+      addMessage(`Your answer is: ${userMessage}`, 'user-message');
+      chatInput.value = '';
+
+      // Check if the message is correct
+      if (userMessage === correctAnswer) {
+        setTimeout(() => {
+          
+          addCorrectMessage("Correct answer! Now you can move on!", 'bot-message');
+        }, 1000);
+      } else {
+        setTimeout(() => {
+          addMessage("Try again!", 'bot-message');
+        }, 1000);
+      }
+    }
+  });
+
+  chatInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') sendButton.click();
+  });
+</script>
+
+
+This is a simple interactive chat box. Type a message and hit "Send" or press "Enter" to see it displayed.
diff --git a/navigation/levelsix.md b/navigation/levelsix.md
index 5e020e58..99ba55bf 100644
--- a/navigation/levelsix.md
+++ b/navigation/levelsix.md
@@ -4,3 +4,116 @@ title: Levelsix
 search_exclude: true
 permalink: /levelsix/
 ---
+
+# 🔐 **Cipher Challenge: Level 1**
+
+Welcome to **Level 1** of the Cipher Challenge! 🧩 Start here to warm up your code-breaking skills with a classic substitution cipher.
+
+---
+
+## 🔍 **Challenge Objective**
+
+Your goal is to **decode the hidden message** below using a Caesar Cipher technique. Find the hidden word to unlock the path to the next level.
+
+---
+
+## 🧩 **Hints to Get You Started**
+
+1. Each letter in the message has been **shifted forward by 3**. To decode it, shift each letter **back by 3**.
+2. Example: If the coded letter is "D," shifting back by 3 reveals "A."
+3. The message should make sense once decoded—trust your instincts on the word!
+
+---
+
+## 🔢 **Cipher Text**
+
+Ciphered message:  
+`Krod, Krz duh brx grlqj? Brx duh doprvw wkhuh!`
+
+1. **Hint**: Shift each letter **back by 3** to reveal the message.
+2. **Hint**: Trust that each word will form a coherent sentence after decryption.
+
+---
+
+## 📝 **Submit Your Answer**
+
+Once you’ve cracked the code, submit your answer here:
+
+
+- **Answer**: `type-your-answer-here`
+
+
+
+
+
+
+
+# Chat Box Demo
+
+This is a basic chat box rendered with HTML inside Markdown.
+
+<div id="chat-container" style="width: 300px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; padding: 10px; font-family: Arial, sans-serif;">
+  <div id="chat-box" style="height: 200px; overflow-y: scroll; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9;">
+    <div id="chat-messages"></div>
+  </div>
+  <input type="text" id="chat-input" placeholder="Type a message..." style="width: calc(100% - 60px); padding: 8px; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px;" />
+  <button id="send-button" style="padding: 8px; background-color: #007bff; color: white; border: none; border-radius: 5px;">Send</button>
+</div>
+
+<script>
+  const chatMessages = document.getElementById('chat-messages');
+  const chatInput = document.getElementById('chat-input');
+  const sendButton = document.getElementById('send-button');
+  const correctAnswer = 'Hold, How are you doing? You are almost there!'; // Define the correct answer here
+
+  function addMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'red';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+function addCorrectMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'green';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+  sendButton.addEventListener('click', () => {
+    const userMessage = chatInput.value.trim();
+    if (userMessage) {
+      addMessage(`Your answer is: ${userMessage}`, 'user-message');
+      chatInput.value = '';
+
+      // Check if the message is correct
+      if (userMessage === correctAnswer) {
+        setTimeout(() => {
+          
+          addCorrectMessage("Correct answer! Now you can move on!", 'bot-message');
+        }, 1000);
+      } else {
+        setTimeout(() => {
+          addMessage("Try again!", 'bot-message');
+        }, 1000);
+      }
+    }
+  });
+
+  chatInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') sendButton.click();
+  });
+</script>
+
+
+This is a simple interactive chat box. Type a message and hit "Send" or press "Enter" to see it displayed.
diff --git a/navigation/levelten.md b/navigation/levelten.md
index 96e28edd..92105a41 100644
--- a/navigation/levelten.md
+++ b/navigation/levelten.md
@@ -4,3 +4,116 @@ title: Levelten
 search_exclude: true
 permalink: /levelten/
 ---
+
+# 🔐 **Cipher Challenge: Level 1**
+
+Welcome to **Level 1** of the Cipher Challenge! 🧩 Start here to warm up your code-breaking skills with a classic substitution cipher.
+
+---
+
+## 🔍 **Challenge Objective**
+
+Your goal is to **decode the hidden message** below using a Caesar Cipher technique. Find the hidden word to unlock the path to the next level.
+
+---
+
+## 🧩 **Hints to Get You Started**
+
+1. Each letter in the message has been **shifted forward by 3**. To decode it, shift each letter **back by 3**.
+2. Example: If the coded letter is "D," shifting back by 3 reveals "A."
+3. The message should make sense once decoded—trust your instincts on the word!
+
+---
+
+## 🔢 **Cipher Text**
+
+Ciphered message:  
+`Krod, Krz duh brx grlqj? Brx duh doprvw wkhuh!`
+
+1. **Hint**: Shift each letter **back by 3** to reveal the message.
+2. **Hint**: Trust that each word will form a coherent sentence after decryption.
+
+---
+
+## 📝 **Submit Your Answer**
+
+Once you’ve cracked the code, submit your answer here:
+
+
+- **Answer**: `type-your-answer-here`
+
+
+
+
+
+
+
+# Chat Box Demo
+
+This is a basic chat box rendered with HTML inside Markdown.
+
+<div id="chat-container" style="width: 300px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; padding: 10px; font-family: Arial, sans-serif;">
+  <div id="chat-box" style="height: 200px; overflow-y: scroll; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9;">
+    <div id="chat-messages"></div>
+  </div>
+  <input type="text" id="chat-input" placeholder="Type a message..." style="width: calc(100% - 60px); padding: 8px; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px;" />
+  <button id="send-button" style="padding: 8px; background-color: #007bff; color: white; border: none; border-radius: 5px;">Send</button>
+</div>
+
+<script>
+  const chatMessages = document.getElementById('chat-messages');
+  const chatInput = document.getElementById('chat-input');
+  const sendButton = document.getElementById('send-button');
+  const correctAnswer = 'Hold, How are you doing? You are almost there!'; // Define the correct answer here
+
+  function addMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'red';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+function addCorrectMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'green';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+  sendButton.addEventListener('click', () => {
+    const userMessage = chatInput.value.trim();
+    if (userMessage) {
+      addMessage(`Your answer is: ${userMessage}`, 'user-message');
+      chatInput.value = '';
+
+      // Check if the message is correct
+      if (userMessage === correctAnswer) {
+        setTimeout(() => {
+          
+          addCorrectMessage("Correct answer! Now you can move on!", 'bot-message');
+        }, 1000);
+      } else {
+        setTimeout(() => {
+          addMessage("Try again!", 'bot-message');
+        }, 1000);
+      }
+    }
+  });
+
+  chatInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') sendButton.click();
+  });
+</script>
+
+
+This is a simple interactive chat box. Type a message and hit "Send" or press "Enter" to see it displayed.
diff --git a/navigation/levelthree.md b/navigation/levelthree.md
index bdda628b..93392d43 100644
--- a/navigation/levelthree.md
+++ b/navigation/levelthree.md
@@ -6,32 +6,53 @@ permalink: /levelthree/
 ---
 
 
+# 🔐 **Cipher Challenge: Level 1**
 
-# 🔐 **Cipher Challenge: Level 3**
-
-Welcome to **Level 3**! 🔒 You've made it this far, but things are about to get more challenging. At this level, you’ll need to rely on pattern recognition, logic, and perhaps even a bit of research. Can you decode the next cipher?
+Welcome to **Level 1** of the Cipher Challenge! 🧩 Start here to warm up your code-breaking skills with a classic substitution cipher.
 
 ---
 
 ## 🔍 **Challenge Objective**
 
-Your goal is to **crack the Level 3 encrypted message**. This cipher may contain multiple layers or use unfamiliar methods, so approach with an open mind!
+Your goal is to **decode the hidden message** below using a Caesar Cipher technique. Find the hidden word to unlock the path to the next level.
+
+---
+
+## 🧩 **Hints to Get You Started**
+
+1. Each letter in the message has been **shifted forward by 3**. To decode it, shift each letter **back by 3**.
+2. Example: If the coded letter is "D," shifting back by 3 reveals "A."
+3. The message should make sense once decoded—trust your instincts on the word!
 
 ---
 
-## 📜 **Encrypted Message**
+## 🔢 **Cipher Text**
+
+Ciphered message:  
+`Krod, Krz duh brx grlqj? Brx duh doprvw wkhuh!`
 
-```plaintext
-// Place Level 3 encrypted message here
+1. **Hint**: Shift each letter **back by 3** to reveal the message.
+2. **Hint**: Trust that each word will form a coherent sentence after decryption.
+
+---
 
+## 📝 **Submit Your Answer**
 
-1. Explore **substitution ciphers** and consider letter frequencies in the English language.
-2. Watch out for **common phrases** or patterns that may repeat—these could provide a foothold.
-3. This level may require knowledge of **more advanced ciphers** (e.g., Vigenère, Atbash). Research might be necessary.
+Once you’ve cracked the code, submit your answer here:
 
 
 - **Answer**: `type-your-answer-here`
 
+
+
+
+
+
+
+# Chat Box Demo
+
+This is a basic chat box rendered with HTML inside Markdown.
+
 <div id="chat-container" style="width: 300px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; padding: 10px; font-family: Arial, sans-serif;">
   <div id="chat-box" style="height: 200px; overflow-y: scroll; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9;">
     <div id="chat-messages"></div>
@@ -44,6 +65,7 @@ Your goal is to **crack the Level 3 encrypted message**. This cipher may contain
   const chatMessages = document.getElementById('chat-messages');
   const chatInput = document.getElementById('chat-input');
   const sendButton = document.getElementById('send-button');
+  const correctAnswer = 'Hold, How are you doing? You are almost there!'; // Define the correct answer here
 
   function addMessage(text, className) {
     const messageElement = document.createElement('div');
@@ -52,7 +74,19 @@ Your goal is to **crack the Level 3 encrypted message**. This cipher may contain
     messageElement.style.margin = '5px 0';
     messageElement.style.padding = '5px';
     messageElement.style.borderRadius = '5px';
-    messageElement.style.backgroundColor = className === 'user-message' ? '#dcf8c6' : '#e0e0e0';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'red';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+function addCorrectMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'green';
     chatMessages.appendChild(messageElement);
     chatMessages.scrollTop = chatMessages.scrollHeight;
   }
@@ -60,11 +94,20 @@ Your goal is to **crack the Level 3 encrypted message**. This cipher may contain
   sendButton.addEventListener('click', () => {
     const userMessage = chatInput.value.trim();
     if (userMessage) {
-      addMessage(`User: ${userMessage}`, 'user-message');
+      addMessage(`Your answer is: ${userMessage}`, 'user-message');
       chatInput.value = '';
-      setTimeout(() => {
-        addMessage("Bot: I'm here to help!", 'bot-message');
-      }, 1000);
+
+      // Check if the message is correct
+      if (userMessage === correctAnswer) {
+        setTimeout(() => {
+          
+          addCorrectMessage("Correct answer! Now you can move on!", 'bot-message');
+        }, 1000);
+      } else {
+        setTimeout(() => {
+          addMessage("Try again!", 'bot-message');
+        }, 1000);
+      }
     }
   });
 
@@ -72,3 +115,6 @@ Your goal is to **crack the Level 3 encrypted message**. This cipher may contain
     if (e.key === 'Enter') sendButton.click();
   });
 </script>
+
+
+This is a simple interactive chat box. Type a message and hit "Send" or press "Enter" to see it displayed.
diff --git a/navigation/leveltwo.md b/navigation/leveltwo.md
index ffeabd53..9f9cd886 100644
--- a/navigation/leveltwo.md
+++ b/navigation/leveltwo.md
@@ -4,33 +4,53 @@ title: Levelone
 search_exclude: true
 permalink: /leveltwo/
 ---
+# 🔐 **Cipher Challenge: Level 1**
 
+Welcome to **Level 1** of the Cipher Challenge! 🧩 Start here to warm up your code-breaking skills with a classic substitution cipher.
 
+---
 
-# 🔐 **Cipher Challenge: Level 2**
+## 🔍 **Challenge Objective**
 
-Welcome to **Level 2**! 🔎 You've cracked the first code—now it's time to tackle something a bit trickier. Think creatively, apply new techniques, and remember: every clue could be a key to unlocking the message!
+Your goal is to **decode the hidden message** below using a Caesar Cipher technique. Find the hidden word to unlock the path to the next level.
 
 ---
 
-## 🔍 **Challenge Objective**
+## 🧩 **Hints to Get You Started**
+
+1. Each letter in the message has been **shifted forward by 3**. To decode it, shift each letter **back by 3**.
+2. Example: If the coded letter is "D," shifting back by 3 reveals "A."
+3. The message should make sense once decoded—trust your instincts on the word!
+
+---
+
+## 🔢 **Cipher Text**
 
-Your goal is to **decode this next-level message**. This cipher may require you to combine techniques or recognize patterns from Level 1. Keep your eyes open for details!
+Ciphered message:  
+`Krod, Krz duh brx grlqj? Brx duh doprvw wkhuh!`
+
+1. **Hint**: Shift each letter **back by 3** to reveal the message.
+2. **Hint**: Trust that each word will form a coherent sentence after decryption.
 
 ---
 
-## 📜 **Encrypted Message**
+## 📝 **Submit Your Answer**
 
-```plaintext
-// Place Level 2 encrypted message here
+Once you’ve cracked the code, submit your answer here:
 
-1. Try **reversing** or **shifting** characters in the message. Familiar ciphers like **Caesar** might be involved.
-2. Sometimes ciphers can be nested—**more than one layer** may exist here.
-3. Double-check for patterns in numbers or characters. Could they relate to **positions** or **groupings**?
 
 - **Answer**: `type-your-answer-here`
 
 
+
+
+
+
+
+# Chat Box Demo
+
+This is a basic chat box rendered with HTML inside Markdown.
+
 <div id="chat-container" style="width: 300px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; padding: 10px; font-family: Arial, sans-serif;">
   <div id="chat-box" style="height: 200px; overflow-y: scroll; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9;">
     <div id="chat-messages"></div>
@@ -43,6 +63,7 @@ Your goal is to **decode this next-level message**. This cipher may require you
   const chatMessages = document.getElementById('chat-messages');
   const chatInput = document.getElementById('chat-input');
   const sendButton = document.getElementById('send-button');
+  const correctAnswer = 'Hold, How are you doing? You are almost there!'; // Define the correct answer here
 
   function addMessage(text, className) {
     const messageElement = document.createElement('div');
@@ -51,7 +72,19 @@ Your goal is to **decode this next-level message**. This cipher may require you
     messageElement.style.margin = '5px 0';
     messageElement.style.padding = '5px';
     messageElement.style.borderRadius = '5px';
-    messageElement.style.backgroundColor = className === 'user-message' ? '#dcf8c6' : '#e0e0e0';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'red';
+    chatMessages.appendChild(messageElement);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+  }
+
+function addCorrectMessage(text, className) {
+    const messageElement = document.createElement('div');
+    messageElement.className = className;
+    messageElement.textContent = text;
+    messageElement.style.margin = '5px 0';
+    messageElement.style.padding = '5px';
+    messageElement.style.borderRadius = '5px';
+    messageElement.style.backgroundColor = className === 'user-message' ? 'black' : 'green';
     chatMessages.appendChild(messageElement);
     chatMessages.scrollTop = chatMessages.scrollHeight;
   }
@@ -59,11 +92,20 @@ Your goal is to **decode this next-level message**. This cipher may require you
   sendButton.addEventListener('click', () => {
     const userMessage = chatInput.value.trim();
     if (userMessage) {
-      addMessage(`User: ${userMessage}`, 'user-message');
+      addMessage(`Your answer is: ${userMessage}`, 'user-message');
       chatInput.value = '';
-      setTimeout(() => {
-        addMessage("Bot: I'm here to help!", 'bot-message');
-      }, 1000);
+
+      // Check if the message is correct
+      if (userMessage === correctAnswer) {
+        setTimeout(() => {
+          
+          addCorrectMessage("Correct answer! Now you can move on!", 'bot-message');
+        }, 1000);
+      } else {
+        setTimeout(() => {
+          addMessage("Try again!", 'bot-message');
+        }, 1000);
+      }
     }
   });
 
@@ -73,5 +115,4 @@ Your goal is to **decode this next-level message**. This cipher may require you
 </script>
 
 
-
-
+This is a simple interactive chat box. Type a message and hit "Send" or press "Enter" to see it displayed.

From 065c0c9007f30e589d6e64bd47bc233eabfc9fdf Mon Sep 17 00:00:00 2001
From: 94503166 <yashp.d39@gmail.com>
Date: Thu, 31 Oct 2024 12:20:28 -0700
Subject: [PATCH 09/15] files changed and put in share and care

---
 index.md                                                    | 1 -
 navigation/blog.md                                          | 6 ------
 navigation/search.md                                        | 6 ------
 .../{ => share_and_care/cipher}/cipherdiscussionforum.md    | 0
 navigation/{ => share_and_care/cipher}/cipherhome.md        | 0
 navigation/{ => share_and_care/cipher}/leveleight.md        | 0
 navigation/{ => share_and_care/cipher}/levelfive.md         | 0
 navigation/{ => share_and_care/cipher}/levelfour.md         | 0
 navigation/{ => share_and_care/cipher}/levelnine.md         | 0
 navigation/{ => share_and_care/cipher}/levelone.md          | 0
 navigation/{ => share_and_care/cipher}/levelseven.md        | 0
 navigation/{ => share_and_care/cipher}/levelsix.md          | 0
 navigation/{ => share_and_care/cipher}/levelten.md          | 0
 navigation/{ => share_and_care/cipher}/levelthree.md        | 0
 navigation/{ => share_and_care/cipher}/leveltwo.md          | 0
 15 files changed, 13 deletions(-)
 delete mode 100644 navigation/blog.md
 delete mode 100644 navigation/search.md
 rename navigation/{ => share_and_care/cipher}/cipherdiscussionforum.md (100%)
 rename navigation/{ => share_and_care/cipher}/cipherhome.md (100%)
 rename navigation/{ => share_and_care/cipher}/leveleight.md (100%)
 rename navigation/{ => share_and_care/cipher}/levelfive.md (100%)
 rename navigation/{ => share_and_care/cipher}/levelfour.md (100%)
 rename navigation/{ => share_and_care/cipher}/levelnine.md (100%)
 rename navigation/{ => share_and_care/cipher}/levelone.md (100%)
 rename navigation/{ => share_and_care/cipher}/levelseven.md (100%)
 rename navigation/{ => share_and_care/cipher}/levelsix.md (100%)
 rename navigation/{ => share_and_care/cipher}/levelten.md (100%)
 rename navigation/{ => share_and_care/cipher}/levelthree.md (100%)
 rename navigation/{ => share_and_care/cipher}/leveltwo.md (100%)

diff --git a/index.md b/index.md
index 775bd597..4b501fc1 100644
--- a/index.md
+++ b/index.md
@@ -6,4 +6,3 @@ hide: true
 menu: nav/home.html
 ---
 
-[To level one](navigation/levelone.md)
diff --git a/navigation/blog.md b/navigation/blog.md
deleted file mode 100644
index 0ce56306..00000000
--- a/navigation/blog.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-layout: blogs 
-title: Blogs
-search_exclude: true
-permalink: /blogs/
----
diff --git a/navigation/search.md b/navigation/search.md
deleted file mode 100644
index 2cf2ae8e..00000000
--- a/navigation/search.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-layout: search 
-title: Search
-search_exclude: true
-permalink: /search/
----
diff --git a/navigation/cipherdiscussionforum.md b/navigation/share_and_care/cipher/cipherdiscussionforum.md
similarity index 100%
rename from navigation/cipherdiscussionforum.md
rename to navigation/share_and_care/cipher/cipherdiscussionforum.md
diff --git a/navigation/cipherhome.md b/navigation/share_and_care/cipher/cipherhome.md
similarity index 100%
rename from navigation/cipherhome.md
rename to navigation/share_and_care/cipher/cipherhome.md
diff --git a/navigation/leveleight.md b/navigation/share_and_care/cipher/leveleight.md
similarity index 100%
rename from navigation/leveleight.md
rename to navigation/share_and_care/cipher/leveleight.md
diff --git a/navigation/levelfive.md b/navigation/share_and_care/cipher/levelfive.md
similarity index 100%
rename from navigation/levelfive.md
rename to navigation/share_and_care/cipher/levelfive.md
diff --git a/navigation/levelfour.md b/navigation/share_and_care/cipher/levelfour.md
similarity index 100%
rename from navigation/levelfour.md
rename to navigation/share_and_care/cipher/levelfour.md
diff --git a/navigation/levelnine.md b/navigation/share_and_care/cipher/levelnine.md
similarity index 100%
rename from navigation/levelnine.md
rename to navigation/share_and_care/cipher/levelnine.md
diff --git a/navigation/levelone.md b/navigation/share_and_care/cipher/levelone.md
similarity index 100%
rename from navigation/levelone.md
rename to navigation/share_and_care/cipher/levelone.md
diff --git a/navigation/levelseven.md b/navigation/share_and_care/cipher/levelseven.md
similarity index 100%
rename from navigation/levelseven.md
rename to navigation/share_and_care/cipher/levelseven.md
diff --git a/navigation/levelsix.md b/navigation/share_and_care/cipher/levelsix.md
similarity index 100%
rename from navigation/levelsix.md
rename to navigation/share_and_care/cipher/levelsix.md
diff --git a/navigation/levelten.md b/navigation/share_and_care/cipher/levelten.md
similarity index 100%
rename from navigation/levelten.md
rename to navigation/share_and_care/cipher/levelten.md
diff --git a/navigation/levelthree.md b/navigation/share_and_care/cipher/levelthree.md
similarity index 100%
rename from navigation/levelthree.md
rename to navigation/share_and_care/cipher/levelthree.md
diff --git a/navigation/leveltwo.md b/navigation/share_and_care/cipher/leveltwo.md
similarity index 100%
rename from navigation/leveltwo.md
rename to navigation/share_and_care/cipher/leveltwo.md

From 2b765bbe13af3e28304876b9ddb85fe5a2e18c3f Mon Sep 17 00:00:00 2001
From: luojonah <jonahluo22@gmail.com>
Date: Thu, 31 Oct 2024 12:21:09 -0700
Subject: [PATCH 10/15] added rules modal

---
 .../share_and_care/cipher/cipherhome.md       | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/navigation/share_and_care/cipher/cipherhome.md b/navigation/share_and_care/cipher/cipherhome.md
index 202df9bc..233397a8 100644
--- a/navigation/share_and_care/cipher/cipherhome.md
+++ b/navigation/share_and_care/cipher/cipherhome.md
@@ -7,8 +7,49 @@ permalink: /cipherhome/
 
 # 🔐 **Cipher Team**
 
+
 > *"Unlocking secrets, one cipher at a time."*
 
+<!-- Rules Button -->
+<div style="display: flex; justify-content: center; margin-top: -50px; margin-left: 250px;">
+    <button id="rulesButton" style="padding: 10px 20px; background-color: #ffce00; color: #27293d; border: none; border-radius: 5px; font-size: 1.2em; cursor: pointer;">
+        📜 View Rules
+    </button>
+</div>
+
+<!-- Modal Structure -->
+<div id="rulesModal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1000; justify-content: center; align-items: center;">
+    <div style="background-color: #00021D; padding: 20px; border-radius: 10px; width: 400px; color: #ffffff; position: relative;">
+        <h2 style="margin-top: 0;">Rules of the Cipher Forum</h2>
+        <ul>
+            <li>Respect all members and their opinions.</li>
+            <li>No spamming or irrelevant content.</li>
+            <li>Stay on topic and keep discussions related to ciphers.</li>
+            <li>Help others in the community when possible.</li>
+            <li>Have fun and enjoy decoding!</li>
+        </ul>
+        <button id="closeModal" style="padding: 5px 10px; background-color: #ff6b6b; color: #ffffff; border: none; border-radius: 5px; cursor: pointer; position: absolute; top: 10px; right: 10px;">✖️ Close</button>
+    </div>
+</div>
+
+<!-- JavaScript to Handle Modal -->
+<script>
+    document.getElementById('rulesButton').onclick = function() {
+        document.getElementById('rulesModal').style.display = 'flex';
+    };
+
+    document.getElementById('closeModal').onclick = function() {
+        document.getElementById('rulesModal').style.display = 'none';
+    };
+
+    // Close modal when clicking outside of it
+    window.onclick = function(event) {
+        if (event.target === document.getElementById('rulesModal')) {
+            document.getElementById('rulesModal').style.display = 'none';
+        }
+    };
+</script>
+
 ---
 
 ![Cipher Background](https://themepack.me/i/c/749x467/media/g/1555/bill-cipher-theme-gs2.jpg) 

From 652aaebfff2bcc9675032794ec3c1f9a7fc7b204 Mon Sep 17 00:00:00 2001
From: luojonah <jonahluo22@gmail.com>
Date: Thu, 31 Oct 2024 12:28:50 -0700
Subject: [PATCH 11/15] rules popout finished

---
 navigation/share_and_care/cipher/cipherhome.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/navigation/share_and_care/cipher/cipherhome.md b/navigation/share_and_care/cipher/cipherhome.md
index 233397a8..dc8fc1a3 100644
--- a/navigation/share_and_care/cipher/cipherhome.md
+++ b/navigation/share_and_care/cipher/cipherhome.md
@@ -13,7 +13,7 @@ permalink: /cipherhome/
 <!-- Rules Button -->
 <div style="display: flex; justify-content: center; margin-top: -50px; margin-left: 250px;">
     <button id="rulesButton" style="padding: 10px 20px; background-color: #ffce00; color: #27293d; border: none; border-radius: 5px; font-size: 1.2em; cursor: pointer;">
-        📜 View Rules
+        📜 View Rules Here
     </button>
 </div>
 

From 390f037261bfa45ba34b7b07b4c5f13b3cff3bc5 Mon Sep 17 00:00:00 2001
From: 94503166 <yashp.d39@gmail.com>
Date: Thu, 31 Oct 2024 12:32:56 -0700
Subject: [PATCH 12/15] changes to rules modal

---
 navigation/share_and_care/cipher/cipherhome.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/navigation/share_and_care/cipher/cipherhome.md b/navigation/share_and_care/cipher/cipherhome.md
index dc8fc1a3..cc57aa79 100644
--- a/navigation/share_and_care/cipher/cipherhome.md
+++ b/navigation/share_and_care/cipher/cipherhome.md
@@ -13,7 +13,7 @@ permalink: /cipherhome/
 <!-- Rules Button -->
 <div style="display: flex; justify-content: center; margin-top: -50px; margin-left: 250px;">
     <button id="rulesButton" style="padding: 10px 20px; background-color: #ffce00; color: #27293d; border: none; border-radius: 5px; font-size: 1.2em; cursor: pointer;">
-        📜 View Rules Here
+        📜 Click to View Rules
     </button>
 </div>
 
@@ -26,7 +26,10 @@ permalink: /cipherhome/
             <li>No spamming or irrelevant content.</li>
             <li>Stay on topic and keep discussions related to ciphers.</li>
             <li>Help others in the community when possible.</li>
+            <li>No sharing answers to level!</li>
             <li>Have fun and enjoy decoding!</li>
+            
+
         </ul>
         <button id="closeModal" style="padding: 5px 10px; background-color: #ff6b6b; color: #ffffff; border: none; border-radius: 5px; cursor: pointer; position: absolute; top: 10px; right: 10px;">✖️ Close</button>
     </div>

From b01d8dfac2870dc0a66b056dbb4d742da9463bdf Mon Sep 17 00:00:00 2001
From: 94503166 <yashp.d39@gmail.com>
Date: Thu, 31 Oct 2024 14:38:54 -0700
Subject: [PATCH 13/15] config yaml fixed

---
 _config.yml | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/_config.yml b/_config.yml
index 79f2f58b..5bdb787b 100644
--- a/_config.yml
+++ b/_config.yml
@@ -16,9 +16,9 @@ minima:
 plugins:
   - jekyll-remote-theme
 header_pages:
-  - navigation/academics.md
-  - navigation/clubs.md
-  - navigation/events.md
-  - navigation/hangouts.md
-  - navigation/sports.md
-  - navigation/authentication/login.md
\ No newline at end of file
+  - navigation/ai.md
+  - navigation/shared_interests/home.md
+  - navigation/create_and_compete/home.md
+  - navigation/voteforthegoat/home.md
+  - navigation/share_and_care/home.md
+  - navigation/rate_and_relate/home.md
\ No newline at end of file

From 58176ed03a217d370b0d1c67f7f5d8bc5904fe18 Mon Sep 17 00:00:00 2001
From: 94503166 <yashp.d39@gmail.com>
Date: Thu, 31 Oct 2024 17:59:05 -0700
Subject: [PATCH 14/15] next level and level reset added

---
 navigation/share_and_care/cipher/levelone.md | 98 ++++++++++++++++----
 1 file changed, 78 insertions(+), 20 deletions(-)

diff --git a/navigation/share_and_care/cipher/levelone.md b/navigation/share_and_care/cipher/levelone.md
index ad809a5b..27c1bb83 100644
--- a/navigation/share_and_care/cipher/levelone.md
+++ b/navigation/share_and_care/cipher/levelone.md
@@ -59,11 +59,17 @@ This is a basic chat box rendered with HTML inside Markdown.
   <button id="send-button" style="padding: 8px; background-color: #007bff; color: white; border: none; border-radius: 5px;">Send</button>
 </div>
 
+<div id="feedback" style="margin-top: 10px;"></div>
+<div id="feedback" style="margin-top: 10px;"></div>
+
 <script>
   const chatMessages = document.getElementById('chat-messages');
   const chatInput = document.getElementById('chat-input');
   const sendButton = document.getElementById('send-button');
-  const correctAnswer = 'Hold, How are you doing? You are almost there!'; // Define the correct answer here
+  const feedback = document.getElementById('feedback');
+  const correctAnswer = 'Hold, How are you doing? You are almost there!';
+  let attemptsLeft = 3;
+  let isLocked = false;
 
   function addMessage(text, className) {
     const messageElement = document.createElement('div');
@@ -77,7 +83,7 @@ This is a basic chat box rendered with HTML inside Markdown.
     chatMessages.scrollTop = chatMessages.scrollHeight;
   }
 
-function addCorrectMessage(text, className) {
+  function addCorrectMessage(text, className) {
     const messageElement = document.createElement('div');
     messageElement.className = className;
     messageElement.textContent = text;
@@ -89,30 +95,82 @@ function addCorrectMessage(text, className) {
     chatMessages.scrollTop = chatMessages.scrollHeight;
   }
 
-  sendButton.addEventListener('click', () => {
-    const userMessage = chatInput.value.trim();
-    if (userMessage) {
-      addMessage(`Your answer is: ${userMessage}`, 'user-message');
-      chatInput.value = '';
-
-      // Check if the message is correct
-      if (userMessage === correctAnswer) {
-        setTimeout(() => {
-          
-          addCorrectMessage("Correct answer! Now you can move on!", 'bot-message');
-        }, 1000);
-      } else {
-        setTimeout(() => {
-          addMessage("Try again!", 'bot-message');
-        }, 1000);
+  function submitAnswer() {
+    if (isLocked) return;
+
+    const userAnswer = chatInput.value.trim();
+    if (userAnswer === '') return;
+
+    addMessage(`Your answer is: ${userAnswer}`, 'user-message');
+
+    if (userAnswer === correctAnswer) {
+      addCorrectMessage("Correct answer! Now you can move on!", 'bot-message');
+      showNextLevelButton();
+    } else {
+      attemptsLeft--;
+      addMessage(`Incorrect. Attempts left: ${attemptsLeft}`, 'bot-message');
+
+      if (attemptsLeft <= 0) {
+        isLocked = true;
+        showRetryButton();
       }
     }
-  });
+    chatInput.value = '';
+  }
+
+  function showRetryButton() {
+    feedback.innerHTML = '<button class="button retry" onclick="retry()">Retry Level One</button>';
+  }
+
+  function showNextLevelButton() {
+    feedback.innerHTML = '<button class="button next-level" onclick="nextLevel()">Next Level</button>';
+  }
 
+  function retry() {
+    window.location.href = '/flocker_frontend/levelone/';
+  }
+
+  function nextLevel() {
+    window.location.href = '/next-level-url'; 
+  }
+  
+  sendButton.addEventListener('click', submitAnswer);
   chatInput.addEventListener('keypress', (e) => {
-    if (e.key === 'Enter') sendButton.click();
+    if (e.key === 'Enter') submitAnswer();
   });
 </script>
 
+<!-- Buttons Styling for Retry and Next Level -->
+<style>
+  .button {
+    padding: 12px 24px;
+    color: white;
+    font-weight: bold;
+    font-size: 16px;
+    border: none;
+    border-radius: 8px;
+    cursor: pointer;
+    margin-top: 10px;
+    transition: transform 0.2s, box-shadow 0.2s;
+  }
+  .retry {
+    background-color: #ff4c4c;
+    border: 2px solid #c80000;
+  }
+  .next-level {
+    background-color: #4caf50;
+    border: 2px solid #2e7d32;
+    box-shadow: 0 4px 10px rgba(0, 150, 0, 0.3);
+  }
+  .button:hover {
+    transform: scale(1.05);
+  }
+  .next-level:hover {
+    background-color: #66bb6a;
+    box-shadow: 0 6px 12px rgba(0, 180, 0, 0.4);
+  }
+</style>
+
+
 
 This is a simple interactive chat box. Type a message and hit "Send" or press "Enter" to see it displayed.

From d1bed579114d9447651a825da50879feab38cc70 Mon Sep 17 00:00:00 2001
From: 94503166 <yashp.d39@gmail.com>
Date: Mon, 4 Nov 2024 11:43:05 -0800
Subject: [PATCH 15/15] Readd files

---
 navigation/blog.md     | 6 ++++++
 navigation/hangouts.md | 5 +----
 navigation/search.md   | 5 +++++
 3 files changed, 12 insertions(+), 4 deletions(-)
 create mode 100644 navigation/blog.md
 create mode 100644 navigation/search.md

diff --git a/navigation/blog.md b/navigation/blog.md
new file mode 100644
index 00000000..d6bcb436
--- /dev/null
+++ b/navigation/blog.md
@@ -0,0 +1,6 @@
+---
+layout: blogs
+title: Blogs
+search_exclude: true
+permalink: /blogs/
+---
\ No newline at end of file
diff --git a/navigation/hangouts.md b/navigation/hangouts.md
index 166b48c3..b66b0f76 100644
--- a/navigation/hangouts.md
+++ b/navigation/hangouts.md
@@ -3,7 +3,4 @@ layout: search
 title: Hangouts 
 search_exclude: true
 permalink: /hangouts/
----
-
-
-
+---
\ No newline at end of file
diff --git a/navigation/search.md b/navigation/search.md
new file mode 100644
index 00000000..2d7e6550
--- /dev/null
+++ b/navigation/search.md
@@ -0,0 +1,5 @@
+---
+layout: search
+title: Search
+search_exclude: true
+permalink: /search/
\ No newline at end of file