From 4ea1d0546ca21585f19473621eb88d3c0aaecf4e Mon Sep 17 00:00:00 2001
From: Andy Li <1450947+andy1li@users.noreply.github.com>
Date: Thu, 26 Dec 2024 13:24:13 +0800
Subject: [PATCH 1/2] feat(course): Add temporary card for course stage 2
 improvements [percy]

---
 app/templates/course/stage/instructions.hbs | 27 +++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/app/templates/course/stage/instructions.hbs b/app/templates/course/stage/instructions.hbs
index 9a7e2689a..db02b8203 100644
--- a/app/templates/course/stage/instructions.hbs
+++ b/app/templates/course/stage/instructions.hbs
@@ -91,6 +91,33 @@
 
     <CoursePage::CourseStageStep::YourTaskCard @repository={{@model.activeRepository}} @courseStage={{@model.courseStage}} />
 
+    {{! TODO: Remove this temporary card  }}
+    {{#if (and @model.courseStage.isSecond (eq @model.courseStage.course.slug "shell"))}}
+      <div class="pt-12 pb-8 pr-4 flex items-start gap-4">
+        <img
+          alt="avatar"
+          src="https://avatars.githubusercontent.com/u/1450947"
+          class="shrink-0 overflow-hidden rounded-full size-8 filter drop-shadow-sm ring-1 ring-white dark:ring-white/5 shadow"
+        />
+        <div class="prose prose-compact dark:prose-invert text-sm">
+          <h4 class="text-base text-gray-600 dark:text-gray-300">Hi there! I'm Andy 👋</h4>
+          <p>
+            I'm working on improving our stage 2 experience.
+          </p>
+          <p>
+            If you find anything confusing here, mind letting me know on
+            <a
+              href="https://forum.codecrafters.io/t/shell-help-us-improve-cz2-handle-invalid-commands/3691"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              this forum post
+            </a>?
+          </p>
+        </div>
+      </div>
+    {{/if}}
+
     <div data-percy-hints-section>
       <div class="border-b dark:border-white/5 pb-2 mb-6 mt-8 flex items-center justify-between">
         <h2 class="font-semibold text-lg text-gray-800 dark:text-gray-200">Hints</h2>

From bdd2618948aa9c7f951003a30de81d5b6684acb3 Mon Sep 17 00:00:00 2001
From: Andy Li <1450947+andy1li@users.noreply.github.com>
Date: Fri, 27 Dec 2024 04:52:49 +0800
Subject: [PATCH 2/2] fix: Remove unnecessary code and update layout in
 instructions.hbs

---
 app/templates/course/stage/instructions.hbs | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/app/templates/course/stage/instructions.hbs b/app/templates/course/stage/instructions.hbs
index db02b8203..c654faaa8 100644
--- a/app/templates/course/stage/instructions.hbs
+++ b/app/templates/course/stage/instructions.hbs
@@ -84,16 +84,9 @@
       </div>
     {{/if}}
 
-    {{! TODO: Bring this back? }}
-    {{!-- {{#if this.shouldShowPrerequisites}}
-      <CoursePage::CourseStageStep::PrerequisitesCard @repository={{@model.activeRepository}} @courseStage={{@model.courseStage}} class="mb-6" />
-    {{/if}} --}}
-
-    <CoursePage::CourseStageStep::YourTaskCard @repository={{@model.activeRepository}} @courseStage={{@model.courseStage}} />
-
     {{! TODO: Remove this temporary card  }}
     {{#if (and @model.courseStage.isSecond (eq @model.courseStage.course.slug "shell"))}}
-      <div class="pt-12 pb-8 pr-4 flex items-start gap-4">
+      <div class="my-10 mx-6 flex items-start gap-4">
         <img
           alt="avatar"
           src="https://avatars.githubusercontent.com/u/1450947"
@@ -111,13 +104,19 @@
               target="_blank"
               rel="noopener noreferrer"
             >
-              this forum post
-            </a>?
+              this forum post</a>?
           </p>
         </div>
       </div>
     {{/if}}
 
+    {{! TODO: Bring this back? }}
+    {{!-- {{#if this.shouldShowPrerequisites}}
+      <CoursePage::CourseStageStep::PrerequisitesCard @repository={{@model.activeRepository}} @courseStage={{@model.courseStage}} class="mb-6" />
+    {{/if}} --}}
+
+    <CoursePage::CourseStageStep::YourTaskCard @repository={{@model.activeRepository}} @courseStage={{@model.courseStage}} />
+
     <div data-percy-hints-section>
       <div class="border-b dark:border-white/5 pb-2 mb-6 mt-8 flex items-center justify-between">
         <h2 class="font-semibold text-lg text-gray-800 dark:text-gray-200">Hints</h2>