background & button colors, about description & content header and ca…

…se study titles
BrandonWingerAir · Jan 4, 2024 · fa80931 · fa80931
1 parent 3504c4b
commit fa80931
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 10 deletions.
diff --git a/app.vue b/app.vue
@@ -12,7 +12,7 @@
 
 <style>
 body {
-  background-color: #000;
+  background-color: #fafafa;
 }
 
 /* Transparent Backgrounds */

diff --git a/components/Site/SiteFooter.vue b/components/Site/SiteFooter.vue
@@ -7,7 +7,7 @@
         <button 
           type="button" 
           id="contribute-btn"
-          class="w-42 h-10 bg-gray-300 hover:bg-gray-400 dark:bg-gray-400 dark:hover:bg-gray-500 focus:outline-none focus:ring-4 focus:ring-sky-300 font-semibold rounded-md text-sm px-5 py-1 opacity-90 border-slate-600 dark:border-slate-400 mb-5 sm:mb-0 ml-1 lg:ml-0"
+          class="w-42 h-10 bg-cyan-500 hover:bg-cyan-600 dark:bg-gray-400 dark:hover:bg-gray-500 focus:outline-none focus:ring-4 focus:ring-sky-300 font-semibold rounded-md text-sm text-white px-5 py-1 opacity-90 border-slate-600 dark:border-slate-400 mb-5 sm:mb-0 ml-1 lg:ml-0"
         >
           Support future development <Icon name="uil:coffee" size="1.5rem" class="text-amber-900 hover:text-amber-400"/>
         </button>

diff --git a/components/Site/SiteHeader.vue b/components/Site/SiteHeader.vue
@@ -34,8 +34,8 @@
         <div class="absolute inset-y-0 right-0 flex items-center sm:static sm:inset-auto sm:ml-6 pr-0">
           <Menu as="div" class="relative ml-3">
             <div>
-              <MenuButton class="relative flex rounded-md bg-gray-300 hover:bg-gray-400 border-1 border-neutral-800 md:border-neutral-700 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800 pt-1 pb-2 px-3">
-                <a href="https://brandonwinger-air.com" target="_blank" class="md:uppercase text-base font-medium text-neutral-800">
+              <MenuButton class="relative flex rounded-md bg-cyan-500 hover:bg-cyan-600 border-1 border-neutral-800 md:border-neutral-700 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800 pt-1 pb-2 px-3">
+                <a href="https://brandonwinger-air.com" target="_blank" class="md:uppercase text-base text-white font-medium">
                   <span class="hidden md:inline-block">Main</span> Portfolio 💼
                 </a>
               </MenuButton>

diff --git a/components/about/AboutDescription.vue b/components/about/AboutDescription.vue
@@ -3,7 +3,7 @@
     Full-stack <b>Developer</b> and <b>Designer</b> living in <b class="font-normal md:font-bold">Ontario, Canada</b> with a degree in <b>Enterprise Web & Mobile App Development</b>. 
   </p>
   <p class="text-lg py-2">
-    I am a passionate programmer who enjoys learning, implementing best practices, solving complex challenges, quality assurance, creativity and always striving to improve.
+    I am a coder who enjoys learning, implementing best practices, solving complex challenges, quality assurance, creativity and always striving to improve.
   </p>
   <p class="text-lg py-2">
     I have been developing for 8+ years using my knowledge, research and diverse experience to help clients achieve their goals. 

diff --git a/content/studies/nuxt-tailwind-graphql.md b/content/studies/nuxt-tailwind-graphql.md
@@ -1,5 +1,5 @@
 ---
-title: Nuxt 3 + Tailwind CSS + GraphQL and Deployment
+title: Nuxt 3 + Tailwind CSS + GraphQL/API and Deployment
 description: Redesign of a Blog & Portfolio website, based on a tutorial series by Dan Vega with custom features added. 
 date: 2024-01-01
 cover: responsive-thumbnail-blog-portfolio.png
@@ -8,7 +8,7 @@ tags:
 ---
 
 <h2 class="text-3xl font-semibold mb-9">
-  Project: Design and Development - Blog & Portolio Site
+  Blog & Portolio Site - Development and Design
 </h2>
 
 <img src="/images/studies/responsive-thumbnail-blog-portfolio.png" alt="" class="mb-6"/>

diff --git a/pages/about.vue b/pages/about.vue
@@ -11,18 +11,18 @@
   <section class="flex flex-col md:flex-row transparent-bg-gray dark:text-neutral-200 md:mb-12">
     <div class="order-last md:order-first md:w-3/4 pt-0 md:pt-8 p-8 md:pr-2">
       <div class="flex justify-between">
-        <h2 class="w-full text-2xl md:text-4xl font-thin text-center md:text-left mb-1">
+        <h2 class="w-full text-2xl md:text-4xl font-medium text-center md:text-left mb-1">
           Brandon Winger-Air
         </h2>
 
-        <button class="hidden md:block w-32 h-10 bg-slate-100 dark:bg-slate-200 hover:bg-slate-300 rounded-md -mt-1">
+        <button class="hidden md:block w-32 h-10 bg-slate-100 dark:bg-slate-200 hover:bg-slate-200 dark:hover:bg-slate-300 border-1 border-slate-400 rounded-md -mt-1">
           <a href="https://github.com/BrandonWingerAir" target="_blank" class="text-slate-800 text-right justify-self-end font-semibold">
             Github <Icon name="uil:github" size="1.75rem" class="text-green-500 ml-1 -mt-1"/>
           </a>
         </button>
       </div>
 
-      <hr class="mt-6 mb-5 border-gray-500">
+      <hr class="mt-6 mb-5 border-white">
 
       <AboutDescription/>
       <AboutContactBtn/>
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,7 +12,7 @@ @@
     <style>
     body {
-      background-color: #000;
+      background-color: #fafafa;
     }
     /* Transparent Backgrounds */
@@ Expand Down @@