diff --git a/public/images/coral-a1.png b/public/images/coral-a1.png new file mode 100644 index 0000000..e9183a8 Binary files /dev/null and b/public/images/coral-a1.png differ diff --git a/public/images/nola.png b/public/images/nola.png new file mode 100644 index 0000000..0f6ca19 Binary files /dev/null and b/public/images/nola.png differ diff --git a/src/app/globals.css b/src/app/globals.css index 0bfdf4f..830e69a 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -7,6 +7,17 @@ --primary: #FFA826; } +@keyframes silly-bounce { + 0%, 100% { + transform: translate(0px, 0px) scale(0.9, 1.1); + animation-timing-function: linear(0.2, 0.8, 1); + } + 50% { + transform: translate(0px, -280px) scale(1.18, 0.9); + animation-timing-function: cubic-bezier(0.8, 0, 1, 1); + } +} + h2 { @apply text-2xl font-bold } diff --git a/src/app/page.tsx b/src/app/page.tsx index 9de5913..aa872a9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,8 +2,10 @@ import { LandingImage } from "@/components/landing-image"; import { NolaGlitchClientOnly } from "@/components/nola-glitch"; import { Sosmed } from "@/components/sosmed"; import HomeText from "@/components/home-text.mdx" +import Image from "next/image"; import Link from "next/link"; +import { FloatingLabel } from "@/components/floating-label"; export default function Home() { return ( @@ -19,7 +21,7 @@ export default function Home() { -
+
diff --git a/src/components/home-text.mdx b/src/components/home-text.mdx index 46d9784..ea1537a 100644 --- a/src/components/home-text.mdx +++ b/src/components/home-text.mdx @@ -10,8 +10,8 @@ We've got tools and resources for us but some we provide it for you, stuff that ## About Me -I'm Nomi Nonsense (Nomi Nonsz or Nonszy whatever, some ppl know my real name). -I write code and make sure the server doesn't catch on fire 🔥 lol. +Nonszy (Nomi Nonsz or Nonszy whatever, some ppl know my real name). +I write code and make sure the server doesn't catch on fire lol. I build sick web apps with modern stacks (and trash). Big fan of open-source stuff, CLI life, Arch 💅. @@ -19,8 +19,7 @@ I only play indie games, and cooking up cursed mods just for fun. Pat coral + + Nola + + + ## Mission - Gain a solid understanding of IT infrastructure, including how systems operate behind the scenes, how to independently manage servers, and how to ensure stability, security, and scalability throughout the development and deployment lifecycle. @@ -46,6 +59,19 @@ We aspire to blend creativity and technical mastery to shape products that empow - Build the ability to design and develop web applications that are responsive, intuitive, fast, and visually compelling, with a strong focus on user experience and modern interface principles. - Integrate artificial intelligence into digital products, creating smart, helpful, and engaging features that elevate the overall value and interactivity of applications. +
+ + Nola + +
+ ## Why Nonsense Nomi or Nonsense, it's not that we don't understand the each other or its uses, it's just a word you've chosen to dismiss our existence. diff --git a/src/components/landing-image.tsx b/src/components/landing-image.tsx index 8169e0c..d0ac6d4 100644 --- a/src/components/landing-image.tsx +++ b/src/components/landing-image.tsx @@ -2,7 +2,7 @@ import Image from "next/image" import { FloatingLabel } from "./floating-label" export const LandingImage = () => ( - + Coral <3 { {sosmeds.map((sosmed) => (