Merge pull request #16 from gmook9/dev

Dev
gmook9 · Aug 11, 2024 · 80244dd · 80244dd
2 parents 08387f0 + 0d2bdf0
commit 80244dd
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/src/app/components/CodeBlock.tsx b/src/app/components/CodeBlock.tsx
@@ -6,7 +6,11 @@ const CodeBlock: React.FC = () => {
     <div className="mockup-code">
       <pre data-prefix="$"><code>Hello</code></pre>
       <pre data-prefix=">" className="text-warning"><code>Welcome...</code></pre>
-      <pre data-prefix="$"><code>I am a Software Developer focused on creating impactful digital solutions.</code></pre>
+      <pre data-prefix="$">
+        <code className="whitespace-pre-wrap inline-block align-top sm:whitespace-nowrap">
+          I am a Software Developer <span className="block sm:inline">focused on creating impactful </span><span className="block sm:inline">digital solutions.</span>
+        </code>
+      </pre>
       <pre data-prefix=">" className="text-success">
         <code>
           <Link href="/home" className="hover:underline">
@@ -18,4 +22,4 @@ const CodeBlock: React.FC = () => {
   );
 };
 
-export default CodeBlock;
+export default CodeBlock;
diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx
@@ -19,39 +19,39 @@ const Home: React.FC = () => {
           cardName="GitHub"
           cardBodyText="My projects and repositories on GitHub."
           btnColor="bg-gray-900 hover:bg-amber-700"
-          cardColor="bg-amber-800"
+          cardColor="bg-amber-900"
           btnLink="https://github.com/gmook9"
         />
         <Card
           imageUrl="/images/ebwebstore.png"
           cardName="Shop Enchanting Butterfly"
           cardBodyText="Shop Enchanting Butterfly on Grailed."
           btnColor="bg-gray-900 hover:bg-blue-500"
-          cardColor="bg-blue-600"
+          cardColor="bg-blue-800"
           btnLink="https://www.grailed.com/enchantingbutterfly"
         />
         <Card
           imageUrl="/images/eblogo.png"
           cardName="Enchanting Butterfly"
           cardBodyText="Official Enchanting Butterfly website"
           btnColor="bg-gray-900 hover:bg-blue-700"
-          cardColor="bg-blue-800"
+          cardColor="bg-blue-900" 
           btnLink="https://enchantingbutterfly.com/"
         />
         <Card
           imageUrl="/images/stardelicwebstore.png"
           cardName="Shop Stardelic"
           cardBodyText="Shop Stardelic on Depop."
           btnColor="bg-gray-900 hover:bg-indigo-500"
-          cardColor="bg-indigo-600"
+          cardColor="bg-indigo-800"
           btnLink="https://www.depop.com/st4rdelic/"
         />
         <Card
           imageUrl="/images/stardeliclogo.png"
           cardName="Stardelic"
           cardBodyText="Official Stardelic website."
           btnColor="bg-gray-900 hover:bg-indigo-700"
-          cardColor="bg-indigo-800"
+          cardColor="bg-indigo-900"
           btnLink="https://st4rdelic.com/"
         />
       </div>