From 167d44618127d1d84b3432cc451f97a533f44c2e Mon Sep 17 00:00:00 2001 From: Taesung Hwang <44419552+taesungh@users.noreply.github.com> Date: Wed, 13 Sep 2023 21:08:50 -0700 Subject: [PATCH] Add tiling anteater head background art (#25) - Make diagonally tiling base asset to use native CSS background repeat - Embed white background to minimize opaque file size (no transparency) - The resulting GIF uses 8 colors with dithering Co-authored-by: Taesung Hwang --- apps/site/src/app/layout.tsx | 3 ++- .../assets/background/anteater-head-tiling.gif | Bin 0 -> 51673 bytes apps/site/src/lib/styles/globals.scss | 4 ++++ 3 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 apps/site/src/assets/background/anteater-head-tiling.gif create mode 100644 apps/site/src/lib/styles/globals.scss diff --git a/apps/site/src/app/layout.tsx b/apps/site/src/app/layout.tsx index 38ca90d1..e71d8653 100644 --- a/apps/site/src/app/layout.tsx +++ b/apps/site/src/app/layout.tsx @@ -5,6 +5,7 @@ import FontProvider from "@/lib/FontProvider"; import NavBar from "@/components/NavBar/NavBar"; import Footer from "@/components/Footer/Footer"; import "@/lib/styles/bootstrap.scss"; +import "@/lib/styles/globals.scss"; export const metadata: Metadata = { title: "Create Next App", @@ -19,7 +20,7 @@ export default function RootLayout({ return ( - + {children}