diff --git a/packages/bun-landing/build.tsx b/packages/bun-landing/build.tsx index 2be819a966..732700d812 100644 --- a/packages/bun-landing/build.tsx +++ b/packages/bun-landing/build.tsx @@ -6,7 +6,9 @@ import liveReload from "bun-livereload"; import { join } from "path"; const { default: Page } = await import("./page.tsx"); -const build = await new Response(await renderToReadableStream()).text(); +const build = await new Response( + await renderToReadableStream() +).text(); await Bun.write(import.meta.dir + "/public/index.html", build); await Bun.write( diff --git a/packages/bun-landing/index.css b/packages/bun-landing/index.css index 9bc802de0d..6c2a6a9d73 100644 --- a/packages/bun-landing/index.css +++ b/packages/bun-landing/index.css @@ -645,7 +645,7 @@ li { } #logo { - max-width: 48px; + width: 48px; } :root { @@ -922,3 +922,7 @@ li { margin-bottom: 2rem; color: #333; } + +img { + object-fit: contain; +} diff --git a/packages/bun-landing/page.tsx b/packages/bun-landing/page.tsx index 66590de797..6f606cfa3a 100644 --- a/packages/bun-landing/page.tsx +++ b/packages/bun-landing/page.tsx @@ -1,3 +1,4 @@ +import { readFileSync } from "fs"; import * as shiki from "shiki"; // because we don't want to wait for it to reload everytime this page reloads @@ -205,22 +206,45 @@ const Group = ({ children, ...props }) => ( ); -export default () => ( +export default ({ inlineCSS }) => ( - - + {inlineCSS ? ( + + ) : ( + + )} + + + Bun is a fast all-in-one JavaScript runtime
- - Bun + + Bun
-
- Average queries per second{" "} -
+
Load a huge table
- SELECT * from "Orders" (Northwind Traders) + Average queries per second
@@ -376,10 +398,8 @@ export default () => (
-
Operations per second
-
- Call add(1,2,3) from JavaScript -
+
How fast can it get?
+
Operations per second
( from scratch to focus on three main things: