polish

docs/headings.ts

@@ -80,7 +80,10 @@ const headings = [
   {
     level: 2,
     title: 'Add SSR/SSG to existing Vite app',
-    url: '/add'
+    url: '/add',
+    pageDesign: {
+      hideMenuLeft: true
+    }
   },
   {
     level: 1,

docs/headingsDetached.ts

@@ -519,7 +519,10 @@ function getStarted(): HeadingDetachedDefinition[] {
   return [
     {
       title: 'Scaffold new app without Vike extension',
-      url: '/new/core'
+      url: '/new/core',
+      pageDesign: {
+        hideMenuLeft: true as const
+      }
     }
   ].map((h) => ({ ...h, category: 'Get Started' }))
 }

docs/pages/new/+Page.mdx

@@ -1,19 +1,21 @@
 import { Link } from '@brillout/docpress'
 import { UiFrameworkExtension } from '../../components'
 import { BatiWidget } from './BatiWidget.tsx'
+import { BatiNote } from './BatiNote.tsx'
 
-<br/>
+<div style={{height: 30}}></div>
 
 <BatiWidget />
 
-> **Requirement**: you need [Node.js](https://nodejs.org) installed (or Deno/Bun) which includes the package manager `npm` (you can also use any other package manager).
+<BatiNote />
 
-> The scaffolded app will use Vike extensions such as <UiFrameworkExtension name />. See <Link href="/new/core">vike.dev/new/core</Link> instead if you want to scaffold an app that directly uses Vike core (without any Vike extension).
+<div style={{height: 10}}></div>
 
-> This scaffolder is powered by [Bati](https://github.com/vikejs/bati).
+> **Requirement:** you need [Node.js](https://nodejs.org) installed (or Deno/Bun). It includes the package manager `npm` (you can also use any other package manager).
+
+> Scaffolded apps use Vike extensions such as <UiFrameworkExtension name />. See <Link href="/new/core">vike.dev/new/core</Link> if you want to scaffold an app that directly uses Vike core (without any Vike extension).
 
 ## See also
 
 - <Link href="/new/core" />
 - <Link href="/add" />
-- [GitHub > `vikejs/bati`](https://github.com/vikejs/bati) - the source code of the scaffolder above

docs/pages/new/BatiNote.tsx

@@ -0,0 +1,31 @@
+export { BatiNote }
+
+import React from 'react'
+import batiLogo from './bati-logo.svg'
+const batiLogoSize = 16
+
+function BatiNote() {
+  return (
+    <p
+      style={{
+        color: '#888',
+        fontSize: '14px',
+        textAlign: 'center'
+      }}
+    >
+      Powered by{' '}
+      <a href="https://github.com/vikejs/bati">
+        Bati{' '}
+        <img
+          src={batiLogo}
+          style={{
+            width: batiLogoSize,
+            height: batiLogoSize,
+            display: 'inline-block',
+            verticalAlign: 'text-top'
+          }}
+        />
+      </a>
+    </p>
+  )
+}

docs/pages/new/BatiWidget.tsx

@@ -22,7 +22,9 @@ function BatiWidget() {
     assert(wasAdded())
   }, [])
   if (isLoading) {
-    return <div style={{ textAlign: 'center', fontSize: '2em', margin: 100, paddingBottom: 50 }}>Loading...</div>
+    return (
+      <div style={{ textAlign: 'center', fontSize: '2em', margin: 100, paddingBottom: 50 }}>Loading scaffolder...</div>
+    )
   }
   return (
     <>