diff options
Diffstat (limited to 'packages/bun-landing/public/index.html')
| -rw-r--r-- | packages/bun-landing/public/index.html | 176 |
1 files changed, 173 insertions, 3 deletions
diff --git a/packages/bun-landing/public/index.html b/packages/bun-landing/public/index.html index 980431715..e4dc7a196 100644 --- a/packages/bun-landing/public/index.html +++ b/packages/bun-landing/public/index.html @@ -66,13 +66,13 @@ <div class="Tab">bun install</div> </div> <div class="ActiveTab"> - <div class="BarGraph"> + <div class="BarGraph BarGraph--horizontal BarGraph--dark"> <div class="BarGraph-heading">HTTP requests per second</div> <div class="BarGraph-subheading"> Serving a 47 KB file * Bigger is better </div> - <div class="BarGraphList"> + <div style="--count: 3" class="BarGraphList"> <div class="BarGraphItem BarGraphItem--bun" style="--amount: 41829" @@ -119,7 +119,7 @@ </div> </div> - <div class="BarGraphKey"> + <div style="--count: 3" class="BarGraphKey"> <div class="BarGraphKeyItem"> <div class="BarGraphKeyItem-label">bun.js</div> <div class="BarGraphKeyItem-value">v0.0.78</div> @@ -138,7 +138,177 @@ </div> </div> </div> + + <div id="frameworks"> + <div class="FrameworksGroup"> + <div class="DemphasizedLabel">Supported frameworks</div> + <div class="FrameworksList"> + <a + referrerpolicy="no-referrer" + class="Framework" + href="https://nextjs.org" + target="_blank" + ><img + src="/public/next.svg" + height="40" + alt="Next.js" + decoding="async" + /></a> + <a + class="Framework" + referrerpolicy="no-referrer" + href="https://remix.run" + target="_blank" + > + <img + src="/public/remix.svg" + alt="Remix" + height="26" + decoding="async" + /> + </a> + </div> + </div> + </div> </main> </div> + <section id="explain-section"> + <div id="explain"> + <h1>Getting started</h1> + + <p>A simple HTTP</p> + </div> + </section> + + <section id="usecases-section"> + <div id="usecases"> + <a href="/" id="logo-link"> + <img src="/public/logo@2x.png" alt="Bun" id="logo" /> + <img src="/public/Bun@2x.png" alt="Bun" id="logo-text" /> + </a> + + <h1>Usecases</h1> + <div class="UsecaseGroup"> + <div class="UsecaseGroupTitle">bun run</div> + <div className="UseCase"></div> + </div> + + <div class="UsecaseGroup"> + <div class="UsecaseGroupTitle">bun.js</div> + </div> + + <div class="UsecaseGroup"> + <div class="UsecaseGroupTitle">bun dev</div> + </div> + + <div class="UsecaseGroup"> + <div class="UsecaseGroupTitle">bun install</div> + </div> + + <div class="UsecaseGroup"> + <div class="UsecaseGroupTitle">bun build</div> + </div> + </div> + </section> + <section id="cards-wrap"> + <div id="cards"> + <div class="Card"> + <div class="Badge CardBadge">Bun.Transpiler</div> + <div class="CardHeader"></div> + <div class="CardContent"> + <div class="BarGraph BarGraph--vertical BarGraph--light"> + <div class="BarGraph-heading"> + Transpiling JSX via JavaScript API (MB/s) + </div> + <div class="BarGraph-subheading">This runs</div> + + <div style="--count: 4" class="BarGraphList"> + <div + class="BarGraphItem BarGraphItem--bun" + style="--amount: 41829" + > + <div + style="--amount: 41829" + title="41829 requests per second" + class="BarGraphBar" + > + <div style="--amount: 41829" class="BarGraphBar-label"> + 41,829 + </div> + </div> + </div> + + <div + style="--amount: 2584" + class="BarGraphItem BarGraphItem--esbuild" + > + <div + title="1,843 requests per second" + style="--amount: 2584" + class="BarGraphBar" + > + <div style="--amount: 2584" class="BarGraphBar-label"> + 2,584 + </div> + </div> + </div> + + <div + class="BarGraphItem BarGraphItem--swc" + style="--amount: 365" + > + <div + style="--amount: 365" + title="365 requests per second" + class="BarGraphBar" + > + <div style="--amount: 365" class="BarGraphBar-label"> + 365 + </div> + </div> + </div> + + <div + class="BarGraphItem BarGraphItem--babel" + style="--amount: 365" + > + <div + style="--amount: 365" + title="365 requests per second" + class="BarGraphBar" + > + <div style="--amount: 365" class="BarGraphBar-label"> + 365 + </div> + </div> + </div> + </div> + + <div style="--count: 4" class="BarGraphKey"> + <div class="BarGraphKeyItem"> + <div class="BarGraphKeyItem-label">bun.js</div> + <div class="BarGraphKeyItem-value">v0.0.78</div> + </div> + + <div class="BarGraphKeyItem"> + <div class="BarGraphKeyItem-label">babel</div> + <div class="BarGraphKeyItem-value">v17.7.1</div> + </div> + + <div class="BarGraphKeyItem"> + <div class="BarGraphKeyItem-label">swc</div> + <div class="BarGraphKeyItem-value">v1.20.5</div> + </div> + + <div class="BarGraphKeyItem"> + <div class="BarGraphKeyItem-label">esbuild</div> + <div class="BarGraphKeyItem-value">v1.20.5</div> + </div> + </div> + </div> + </div> + </div> + </div> + </section> </body> </html> |