feat: make shit glowup

rccyx · rccyx · commit b85753366e20 · 2024-05-07T03:58:37.000+01:00
diff --git a/public/blogs/branded-types.mdx b/public/blogs/branded-types.mdx
@@ -9,7 +9,7 @@ firstModDate: 2024-04-27T09:15:00-0401
 minutesToRead: 3
 tags:
   - 'typescript'
-  - 'quality'
+  - 'typing'
 ---
 
 <C>
diff --git a/src/app/(pages)/services/page.tsx b/src/app/(pages)/services/page.tsx
@@ -31,7 +31,7 @@ export default function Component() {
                     x: 0,
                   }}
                   transition={transition}
-                  className="dimmed-4 text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl"
+                  className="glows-dimmed dimmed-4 text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl"
                 >
                   Expert Consulting. Custom Solutions.
                 </motion.h2>
@@ -75,8 +75,10 @@ export default function Component() {
               className="border order-white/10b p-4 rounded-[2rem] glowsup-dimmed slower-transition hover:slower-translate hover:scale-110 slower-transition shadow hover:shadow-[0px_4px_88px_0px_var(--deeper-purple)]"
             >
               <div className="flex flex-col gap-2 m-1 items-center">
-                <ScanEye className="w-10 h-10 mx-auto" />
-                <h3 className="dimmed-4 text-2xl font-bold">Consulting</h3>
+                <ScanEye className="glows-dimmed w-10 h-10 mx-auto" />
+                <h3 className="glows-dimmed dimmed-4 text-2xl font-bold">
+                  Consulting
+                </h3>
                 <p className="text-center md:text-base/relaxed dimmed-1">
                   Migrate to the cloud with confidence. Our team can help you
                   design and deploy a scalable, secure architecture.
@@ -88,8 +90,10 @@ export default function Component() {
               className="border order-white/10b p-4 rounded-[2rem] glowsup-dimmed slower-transition hover:slower-translate hover:scale-110 slower-transition shadow hover:shadow-[0px_4px_88px_0px_var(--deeper-purple)]"
             >
               <div className="flex flex-col gap-2 m-1 items-center">
-                <Presentation className="w-10 h-10 mx-auto" />
-                <h3 className="dimmed-4 text-2xl font-bold">Training</h3>
+                <Presentation className="glows-dimmed w-10 h-10 mx-auto" />
+                <h3 className="glows-dimmed dimmed-4 text-2xl font-bold">
+                  Training
+                </h3>
                 <p className="text-center md:text-base/relaxed dimmed-1">
                   Book me for both on-site and virtual presentations, training
                   and coaching to share my expertise and domain knowledge with
@@ -102,8 +106,8 @@ export default function Component() {
               className="border order-white/10b p-4 rounded-[2rem] glowsup-dimmed slower-transition hover:slower-translate hover:scale-110 slower-transition shadow hover:shadow-[0px_4px_88px_0px_var(--deeper-purple)]"
             >
               <div className="flex flex-col gap-2 m-1 items-center">
-                <Computer className="w-10 h-10 mx-auto" />
-                <h3 className="text-2xl font-bold  dimmed-4">
+                <Computer className="glows-dimmed w-10 h-10 mx-auto" />
+                <h3 className="glows-dimmed text-2xl font-bold  dimmed-4">
                   Software Solutions
                 </h3>
                 <p className="text-center md:text-base/relaxed dimmed-1">
diff --git a/src/app/components/protos/hero-section.tsx b/src/app/components/protos/hero-section.tsx
@@ -87,8 +87,8 @@ export default function HeroSection() {
             >
               <TextContent>
                 Welcome to my corner of the internet where I share my thoughts
-                and conduct business. You can read my blogs or checkout my
-                services, or learn more about me
+                and conduct my business. You can read my blogs or checkout my
+                services, or learn more about me, and if you like what you see
               </TextContent>
             </motion.div>
           </div>
@@ -108,7 +108,9 @@ export default function HeroSection() {
                 delay: 3,
               }}
             >
-              <Button type="submit">Let's build something great</Button>
+              <Button className="w-full glowsup" variant={'navbar'}>
+                Let's build something great
+              </Button>
             </motion.div>
           </div>
         </div>
diff --git a/src/app/styles/custom.css b/src/app/styles/custom.css
@@ -43,9 +43,11 @@
     filter: drop-shadow(0 0 0.75rem var(--deeper-purple));
   }
   .glows {
-    /* Major text I */
     filter: drop-shadow(0 0 0.75rem var(--deeper-purple));
   }
+  .glows-dimmed {
+    filter: drop-shadow(0 0 0.75rem var(--deeper-purple-dimmed));
+  }
   .glowsup-dimmed:hover {
     /* Major text II */
     filter: drop-shadow(0 0 0.75rem var(--deeper-purple-dimmed));

Original file line number	Diff line number	Diff line change
`@@ -43,9 +43,11 @@`
`43`	`43`	`filter: drop-shadow(0 0 0.75rem var(--deeper-purple));`
`44`	`44`	`}`
`45`	`45`	`.glows {`
`46`		`- /* Major text I */`
`47`	`46`	`filter: drop-shadow(0 0 0.75rem var(--deeper-purple));`
`48`	`47`	`}`
	`48`	`+ .glows-dimmed {`
	`49`	`+ filter: drop-shadow(0 0 0.75rem var(--deeper-purple-dimmed));`
	`50`	`+ }`
`49`	`51`	`.glowsup-dimmed:hover {`
`50`	`52`	`/* Major text II */`
`51`	`53`	`filter: drop-shadow(0 0 0.75rem var(--deeper-purple-dimmed));`