diff --git a/public/assets/fonts/PPEditorialNew-Regular.otf b/public/assets/fonts/PPEditorialNew-Regular.otf deleted file mode 100644 index 778c902..0000000 Binary files a/public/assets/fonts/PPEditorialNew-Regular.otf and /dev/null differ diff --git a/public/assets/fonts/PPEditorialNew-RegularItalic.otf b/public/assets/fonts/PPEditorialNew-RegularItalic.otf deleted file mode 100644 index d20c33a..0000000 Binary files a/public/assets/fonts/PPEditorialNew-RegularItalic.otf and /dev/null differ diff --git a/public/assets/fonts/PPEditorialNew-Ultrabold.otf b/public/assets/fonts/PPEditorialNew-Ultrabold.otf deleted file mode 100644 index 507b091..0000000 Binary files a/public/assets/fonts/PPEditorialNew-Ultrabold.otf and /dev/null differ diff --git a/public/assets/fonts/PPEditorialNew-UltraboldItalic.otf b/public/assets/fonts/PPEditorialNew-UltraboldItalic.otf deleted file mode 100644 index 58282cc..0000000 Binary files a/public/assets/fonts/PPEditorialNew-UltraboldItalic.otf and /dev/null differ diff --git a/public/assets/fonts/PPEditorialNew-Ultralight.otf b/public/assets/fonts/PPEditorialNew-Ultralight.otf deleted file mode 100644 index 59addeb..0000000 Binary files a/public/assets/fonts/PPEditorialNew-Ultralight.otf and /dev/null differ diff --git a/public/assets/fonts/PPEditorialNew-UltralightItalic.otf b/public/assets/fonts/PPEditorialNew-UltralightItalic.otf deleted file mode 100644 index d3e636b..0000000 Binary files a/public/assets/fonts/PPEditorialNew-UltralightItalic.otf and /dev/null differ diff --git a/src/components/Blog/index.tsx b/src/components/Blog/index.tsx index d7ec025..31527c9 100644 --- a/src/components/Blog/index.tsx +++ b/src/components/Blog/index.tsx @@ -26,10 +26,11 @@ const Blog = () => { .map((post: BlogPostsThumbnail, i: number) => { return ( -
+
{post.title}
+

{format(String(post.date), "MMMM do, yyyy")}

diff --git a/src/components/ShimmerButton/index.tsx b/src/components/ShimmerButton/index.tsx new file mode 100644 index 0000000..6b4f652 --- /dev/null +++ b/src/components/ShimmerButton/index.tsx @@ -0,0 +1,96 @@ +import React, { CSSProperties } from "react"; + +import { twMerge } from "tailwind-merge"; + +export interface ShimmerButtonProps + extends React.ButtonHTMLAttributes { + shimmerColor?: string; + shimmerSize?: string; + borderRadius?: string; + shimmerDuration?: string; + background?: string; + className?: string; + children?: React.ReactNode; +} + +const ShimmerButton = React.forwardRef( + ( + { + shimmerColor = "#ffffff", + shimmerSize = "0.05em", + shimmerDuration = "3s", + borderRadius = "100px", + background = "rgba(0, 0, 0, 1)", + className, + children, + ...props + }, + ref + ) => { + return ( + + ); + } +); + +ShimmerButton.displayName = "ShimmerButton"; + +export default ShimmerButton; diff --git a/src/pages/index.mdx b/src/pages/index.mdx index edfdc5a..604b4b5 100644 --- a/src/pages/index.mdx +++ b/src/pages/index.mdx @@ -3,6 +3,7 @@ title : Home --- import Blog from "@/components/Blog" +import ShimmerButton from "@/components/ShimmerButton" import fs from 'fs' import path from 'path' import matter from 'gray-matter' @@ -22,8 +23,8 @@ We are the creators and lead maintainers of: - [Jan](https://jan.ai): Personal AI (>1 million downloads) - [Cortex](https://cortex.so): Modular AI Engine -- Xanadu: GPU Cluster `coming soon` -- Menlo: AI Cloud & Hardware `coming soon` +- Xanadu: GPU Cluster coming soon +- Menlo: AI Cloud & Hardware coming soon We also train models: @@ -32,16 +33,12 @@ We also train models: We are a remote-first lab, with datacenters in Hanoi, Taiwan, and Singapore. - + window.open('https://discord.gg/FTk2MvZwJH', '_blank')}>

Join our Discord

- + diff --git a/src/styles/fonts.scss b/src/styles/fonts.scss deleted file mode 100644 index 5141012..0000000 --- a/src/styles/fonts.scss +++ /dev/null @@ -1,46 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap"); - -@font-face { - font-family: "PPEditorialNew"; - src: url("../../public/assets/fonts/PPEditorialNew-Regular.otf") - format("opentype"); - font-weight: 400; -} - -@font-face { - font-family: "PPEditorialNew"; - src: url("../../public/assets/fonts/PPEditorialNew-RegularItalic.otf") - format("opentype"); - font-weight: 400; - font-style: italic; -} - -@font-face { - font-family: "PPEditorialNew"; - src: url("../../public/assets/fonts/PPEditorialNew-Ultrabold.otf") - format("opentype"); - font-weight: 700; -} - -@font-face { - font-family: "PPEditorialNew"; - src: url("../../public/assets/fonts/PPEditorialNew-UltraboldItalic.otf") - format("opentype"); - font-weight: 700; - font-style: italic; -} - -@font-face { - font-family: "PPEditorialNew"; - src: url("../../public/assets/fonts/PPEditorialNew-Ultralight.otf") - format("opentype"); - font-weight: 300; -} - -@font-face { - font-family: "PPEditorialNew"; - src: url("../../public/assets/fonts/PPEditorialNew-UltralightItalic.otf") - format("opentype"); - font-weight: 300; - font-style: italic; -} diff --git a/src/styles/general.scss b/src/styles/general.scss index 2cfbc19..6e21926 100644 --- a/src/styles/general.scss +++ b/src/styles/general.scss @@ -5,7 +5,7 @@ p, li, span { - @apply text-black/70 dark:text-white/70; + @apply text-black dark:text-white; } } diff --git a/src/styles/main.scss b/src/styles/main.scss index 21bdf4b..2d20682 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -3,7 +3,6 @@ @import "tailwindcss/utilities"; @import "./general.scss"; -@import "./fonts.scss"; .logo-mobile { display: flex; @@ -19,20 +18,12 @@ @apply max-w-3xl; } -// .nextra-menu-desktop { -// display: none; -// } - -// .nextra-search { -// display: none; -// } - h1, h2, h3, h4, h5, h6 { - font-family: "PPEditorialNew"; + @apply font-serif; font-weight: 500 !important; } diff --git a/tailwind.config.ts b/tailwind.config.ts index 38bfd56..9d1c8d9 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -16,7 +16,7 @@ const config: Config = { }, fontFamily: { sans: [ - "Inter", + "ui-sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI", @@ -26,9 +26,42 @@ const config: Config = { "Helvetica", "sans-serif", ], - serif: ["PPEditorialNew"], + serif: [ + "ui-serif", + "Georgia", + "Cambria", + "Times New Roman", + "Times", + "serif", + ], + }, + extend: { + animation: { + "spin-around": "spin-around calc(var(--speed) * 2) infinite linear", + slide: "slide var(--speed) ease-in-out infinite alternate", + }, + keyframes: { + "spin-around": { + "0%": { + transform: "translateZ(0) rotate(0)", + }, + "15%, 35%": { + transform: "translateZ(0) rotate(90deg)", + }, + "65%, 85%": { + transform: "translateZ(0) rotate(270deg)", + }, + "100%": { + transform: "translateZ(0) rotate(360deg)", + }, + }, + slide: { + to: { + transform: "translate(calc(100cqw - 100%), 0)", + }, + }, + }, }, - extend: {}, }, plugins: [], };