Merge pull request #132 from times-yasunori/yasunori-yasunorised

Yasunorized Yasunori
times-yasunori · Oct 17, 2024 · 84e6c4a · 84e6c4a
2 parents f2115b6 + ed8dd99
commit 84e6c4a
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 1 deletion.
diff --git a/packages/web/app/root.tsx b/packages/web/app/root.tsx
@@ -26,6 +26,7 @@ import {
 } from "@remix-run/react";
 import "@mantine/core/styles.css";
 import { useDisclosure, useHeadroom } from "@mantine/hooks";
+import { motion } from "framer-motion";
 import IconGitHubLogo from "~icons/tabler/brand-github";
 import IconGraph from "~icons/tabler/graph";
 import { YasunoriSpotlight } from "./components/yasunori-spotlight";
@@ -107,7 +108,19 @@ export function Layout({ children }: { children: React.ReactNode }) {
                           fontWeight: 400,
                         }}
                       >
-                        Awesome Yasunori
+                        Awesome
+                        <motion.span
+                          style={{ marginLeft: em(2) }}
+                          initial={{ opacity: 1 }}
+                          animate={{ opacity: [1, 0, 1] }}
+                          transition={{
+                            duration: 10,
+                            ease: "easeInOut",
+                            repeat: Number.POSITIVE_INFINITY,
+                          }}
+                        >
+                          Yasunori
+                        </motion.span>
                       </Button>
                     </Group>
                     <Group gap="sm">

diff --git a/packages/web/package.json b/packages/web/package.json
@@ -23,6 +23,7 @@
     "@remix-run/cloudflare": "^2.13.1",
     "@remix-run/cloudflare-pages": "^2.13.1",
     "@remix-run/react": "^2.13.1",
+    "framer-motion": "^11.11.9",
     "hono": "^4.6.4",
     "isbot": "^5.1.17",
     "react": "^18.2.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml