Fixed mobile version and background

itsrn · Jan 19, 2024 · 5cbdbe3 · 5cbdbe3
1 parent 6774a05
commit 5cbdbe3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -19,7 +19,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={"min-h-screen " + websiteFont.className}>
+      <body className={"min-h-screen bg-neutral-950 " + websiteFont.className}>
         <div className="absolute top-0 z-[-2] min-h-screen w-screen bg-neutral-950 bg-[radial-gradient(ellipse_80%_80%_at_50%_-20%,rgba(120,119,198,0.3),rgba(255,255,255,0))]"></div>
         {children}
       </body>

diff --git a/app/page.tsx b/app/page.tsx
@@ -12,7 +12,7 @@ export default function Home() {
     <>
       <main className="relative flex min-h-screen flex-col items-center md:p-20 p-10">
         {/* the "shadow" at the top of the screen */}
-        <div className="pointer-events-none fixed left-0 top-0 z-50 h-12 w-full bg-neutral-100 to-transparent backdrop-blur-xl [-webkit-mask-image:linear-gradient(to_bottom,black,transparent)] dark:bg-neutral-900"></div>
+        <div className="pointer-events-none fixed left-0 top-0 z-50 h-12 w-full to-transparent backdrop-blur-xl [-webkit-mask-image:linear-gradient(to_bottom,black,transparent)] dark:bg-neutral-900"></div>
 
         {/* the badge */}
         <AnimatedBadge>
@@ -42,7 +42,7 @@ export default function Home() {
             <h1 className="md:text-3xl text-xl">
               <span className="flex flex-row items-center">
                 Ron Nuss{" "}
-                <img className="ml-3" width={40} height={40} src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAClUExURUdwTKampX5+gXl5eby7urCwsI2MjH6Bj8bFw8/NygwnZ3t7e8XFxXd3d8TExMbGxsbGxjpLd6GipP///yZUsd3d3NnZ2O/u7PLy8uLi4QUvjOfn5xxLrNXV1QY0lfj5+RI+mQ9CqRhFo/j39Pz8/AIjhJKkzgY2oKOjoz9ktsXR6d7l8+vo3nmSyFFyvqi53WSCxY6OkGN3rjxWn7Szrra8zAQga7v0iQYAAAATdFJOUwCi+lD+I64K/v6o2NiPpnFIqPgOhhgBAAAEh0lEQVRYw+2X2VLjQAxFBxKIPSEByvsWtxdst/ds8/+fNpLaW4JDMTzNQ24KqKLg5EpW91V+/brrrrv+S62eRq1WP0I8vb29vm63Ly8Sarlcvmy3r29Pq39jvAJAlj0dBN88z5NlmYAv29en0e7qq0rewAUwNMsxjAhkOI6l6bqmaSX88KTltv/31cPDnENkgBEZ3l6zDDOKo6LIm6Sq+fEYsvB4PB6Ss1da0sMIOp1OVC/2D7vZN0OG93WMyI/9oklarrpBmqY7kG1/CLFjlU1BkkztW76QoHTsh/BhFjkygiBwSWEYMkYs+wO+dvbH+wB6f1zqUC82EOVRP7AdUEpVgw9gqEIdiBEIOYzZvwfQ7z8fVK9mlQbINBwNm9FyKAUg6qjOUTrhXIFEvUd+OBzqA1fDFDUaGUFhmo4tmnEk3gCr3tm7XRqG2A71ggMVYqNUXh9Q8NQYoHYzIOggYyljIYlIvQ8E1FXS5EVhRjRMRllaupRUnH1cgXYCBBw2YFxECEZu+goojiOTJlKDYdS10jC9/ftlj9ARQ0dkB79hJSoHRkEMxPg+cASIDgqMiCWPc/ScZQdmdzBQusNG87pqiOEXggJ2ZkDecgqSS00+J9BCznldt+ACEH4sfCQ1UjpLkWlegvQLkOTpYoYMPJgxyQcSSIl5mnelKX4Psgik69YnENKhYMcRNNM0IwIpSqO2vIjhsPnC0aQ0/VNpkkf3goUkZ+BQj01oVVpzNa0+lzbnCB+mNuGQoQIPLM530LZugQ+/d9SXpjk3HCHIGQwlqcuDGqYQqquUOUfaLUcXpcWmW+cudrpJeaHMObKsLxyJ0ny01LhqS4+L1/68I+d2j5yhRzBIVUpOcjdIfugo6kEJGaqSoPieI2/28edq4uZ+Xrm1mtZTR19M9rUj6lHLc5fDRamqddLE/zhHY4+UHG5amKEkaMRZu+6Rd3uyhSNDPDUlaeH8wyFuFWU8tJelOV/OUf/U6PznwXBoL64R79ZAzvWIro+2HgzRjdTdtCUF9xeg6RzR8S8KZZAPUdckpPPZw6vndmnGOEgC1FVVUNSpIevjyGaQhno5vWpPcn8fTY8/ZH7cu4DVQcRRGIRhynZT2MMksiUoWZvWBtckMfJueeiz8iL7RT5exJFNG4rYfyIsKjILwRCheBXZA+hz0gqTcOuT2lqsMMF1ZJOjEWPbbDay+7zdYRyFlJDqVWjjSiCWERH+c9kvCH1Cul3WjqENB45jUjVnUpJUhyPDt36fzf4usofsJwQEbps0sLzBHOoyrmQn+IJtTD5XxwtHf0TIMkEiDMY2NpoC13JKzZOXpyzbgx477ffZSZay53GO9ofjkNgpJTZuR6GKDMcoLTCBiMfH9fp5s1mQNpvNek2wyUDuT9ISS4ZtFf1AL7AVcAIgyYUNJCwWYteHhXX1i/75abF4Xu9HRxsAZyeqWZbFoYaFUuoq6RD0l3PL/GIx/Hq12Kyx5CzLTqSMCFDJyPjW5xR8LbBkLPoRO7FeUytWP//kAwbwtbpRx7et3XXXXf+7/gKYdxrs6fgv8wAAAABJRU5ErkJggg=="></img>
+                <img alt="🇮🇱" className="ml-3 hidden md:block" width={40} height={40} src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAClUExURUdwTKampX5+gXl5eby7urCwsI2MjH6Bj8bFw8/NygwnZ3t7e8XFxXd3d8TExMbGxsbGxjpLd6GipP///yZUsd3d3NnZ2O/u7PLy8uLi4QUvjOfn5xxLrNXV1QY0lfj5+RI+mQ9CqRhFo/j39Pz8/AIjhJKkzgY2oKOjoz9ktsXR6d7l8+vo3nmSyFFyvqi53WSCxY6OkGN3rjxWn7Szrra8zAQga7v0iQYAAAATdFJOUwCi+lD+I64K/v6o2NiPpnFIqPgOhhgBAAAEh0lEQVRYw+2X2VLjQAxFBxKIPSEByvsWtxdst/ds8/+fNpLaW4JDMTzNQ24KqKLg5EpW91V+/brrrrv+S62eRq1WP0I8vb29vm63Ly8Sarlcvmy3r29Pq39jvAJAlj0dBN88z5NlmYAv29en0e7qq0rewAUwNMsxjAhkOI6l6bqmaSX88KTltv/31cPDnENkgBEZ3l6zDDOKo6LIm6Sq+fEYsvB4PB6Ss1da0sMIOp1OVC/2D7vZN0OG93WMyI/9oklarrpBmqY7kG1/CLFjlU1BkkztW76QoHTsh/BhFjkygiBwSWEYMkYs+wO+dvbH+wB6f1zqUC82EOVRP7AdUEpVgw9gqEIdiBEIOYzZvwfQ7z8fVK9mlQbINBwNm9FyKAUg6qjOUTrhXIFEvUd+OBzqA1fDFDUaGUFhmo4tmnEk3gCr3tm7XRqG2A71ggMVYqNUXh9Q8NQYoHYzIOggYyljIYlIvQ8E1FXS5EVhRjRMRllaupRUnH1cgXYCBBw2YFxECEZu+goojiOTJlKDYdS10jC9/ftlj9ARQ0dkB79hJSoHRkEMxPg+cASIDgqMiCWPc/ScZQdmdzBQusNG87pqiOEXggJ2ZkDecgqSS00+J9BCznldt+ACEH4sfCQ1UjpLkWlegvQLkOTpYoYMPJgxyQcSSIl5mnelKX4Psgik69YnENKhYMcRNNM0IwIpSqO2vIjhsPnC0aQ0/VNpkkf3goUkZ+BQj01oVVpzNa0+lzbnCB+mNuGQoQIPLM530LZugQ+/d9SXpjk3HCHIGQwlqcuDGqYQqquUOUfaLUcXpcWmW+cudrpJeaHMObKsLxyJ0ny01LhqS4+L1/68I+d2j5yhRzBIVUpOcjdIfugo6kEJGaqSoPieI2/28edq4uZ+Xrm1mtZTR19M9rUj6lHLc5fDRamqddLE/zhHY4+UHG5amKEkaMRZu+6Rd3uyhSNDPDUlaeH8wyFuFWU8tJelOV/OUf/U6PznwXBoL64R79ZAzvWIro+2HgzRjdTdtCUF9xeg6RzR8S8KZZAPUdckpPPZw6vndmnGOEgC1FVVUNSpIevjyGaQhno5vWpPcn8fTY8/ZH7cu4DVQcRRGIRhynZT2MMksiUoWZvWBtckMfJueeiz8iL7RT5exJFNG4rYfyIsKjILwRCheBXZA+hz0gqTcOuT2lqsMMF1ZJOjEWPbbDay+7zdYRyFlJDqVWjjSiCWERH+c9kvCH1Cul3WjqENB45jUjVnUpJUhyPDt36fzf4usofsJwQEbps0sLzBHOoyrmQn+IJtTD5XxwtHf0TIMkEiDMY2NpoC13JKzZOXpyzbgx477ffZSZay53GO9ofjkNgpJTZuR6GKDMcoLTCBiMfH9fp5s1mQNpvNek2wyUDuT9ISS4ZtFf1AL7AVcAIgyYUNJCwWYteHhXX1i/75abF4Xu9HRxsAZyeqWZbFoYaFUuoq6RD0l3PL/GIx/Hq12Kyx5CzLTqSMCFDJyPjW5xR8LbBkLPoRO7FeUytWP//kAwbwtbpRx7et3XXXXf+7/gKYdxrs6fgv8wAAAABJRU5ErkJggg=="></img>
               </span>
               16 years old, full-stack developer{" "}
               <span className="text-[#8a8a93]">
@@ -72,8 +72,8 @@ export default function Home() {
           </div>
         </div>
 
-        <div className="flex w-2/3 text-white flex-col text-3xl items-start gap-x-8 gap-y-8 bg-[#131315] px-12 py-10 rounded-3xl max-mdd:max-w-none max-md:p-8">
-          <h3 className="max-md:text-[32px] max-md:leading-10 max-md:tracking-[-0.01em]">
+        <div className="flex w-2/3 text-white flex-col text-3xl items-start gap-x-8 gap-y-8 bg-[#131315] px-12 py-10 rounded-3xl max-mdd:max-w-none max-md:p-8 mb-20 md:mb-0">
+          <h3 className="md:text-[32px] md:leading-10 max-md:tracking-[-0.03em]">
             I am a passionate self-taught full-stack developer who creates web
             solutions. I&#39;m currently working on a project called Revvo,
             which is the perfect solution for waitlist managment.{" "}