added example page to vite

index.html

@@ -33,34 +33,6 @@ <h2>Let's build on top of that</h2>
 				<a href="https://github.com/dutchcelt/system.css/blob/main/system.css">system.css</a>. Lorem ipsum dolor
 				sit amet consectetur adipisicing elit.
 			</p>
-			<p>
-				This is more paragraph text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. At consequatur
-				delectus dolore enim error id, magni numquam obcaecati quam quas quos rerum sunt suscipit temporibus
-				totam. Blanditiis fuga maxime quae.
-			</p>
-			<h3>Floating images</h3>
-			<p>
-				<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
-					<rect width="400" height="300" fill="var(--system-surface-color)"></rect>
-					<text
-						x="50%"
-						y="50%"
-						dominant-baseline="middle"
-						text-anchor="middle"
-						font-family="system-ui"
-						font-size="2em"
-						fill="var(--system-gray-text)"
-					>
-						Aspect Ratio 4:3
-					</text></svg
-				>If you want the image to float place it inside a <code>&lt;p&gt;</code>, <code>&lt;li&gt;</code>,
-				<code>&lt;dd&gt;</code>, or a <code>&lt;td&gt;</code>.
-			</p>
-			<p>
-				This is more paragraph text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid amet
-				architecto aspernatur atque aut consequuntur dicta dolore eligendi fugit harum labore maxime, nulla
-				optio pariatur possimus provident quibusdam quos vel.
-			</p>
 		</main>
 		<footer></footer>
 	</body>

vite.config.js

@@ -12,6 +12,7 @@ export default defineConfig({
 				forms: resolve(__dirname, 'forms.html'),
 				theme: resolve(__dirname, 'openprops.html'),
 				api: resolve(__dirname, 'style-api.html'),
+				example: resolve(__dirname, 'example.html'),
 			},
 		},
 	},