initial commit (it all starts here...)

examples/personal-site/pages/index.tsx

@@ -0,0 +1,22 @@
+import { Component, createElement } from "websnacks";
+
+import { Layout } from "../components/layout";
+
+export const page: Component = () => (
+    <Layout>
+        <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
+            dapibus condimentum mauris et egestas. Quisque orci nulla, consequat
+            at erat laoreet, malesuada sodales nisi. Sed in lorem semper lorem
+            placerat fermentum a id arcu. Curabitur non aliquam tellus, sed
+            auctor lacus. Nunc sit amet lectus ultrices, sodales nisl sit amet,
+            luctus nisl. Nunc mollis imperdiet quam, eget sollicitudin leo
+            tincidunt vel. Duis felis dui, imperdiet aliquam bibendum sed,
+            auctor et dolor. Vivamus odio ipsum, venenatis in felis sed, aliquam
+            dictum turpis. Pellentesque pellentesque consequat neque, id
+            imperdiet diam molestie nec. Nullam ut vestibulum est. Pellentesque
+            orci urna, porta vel porta quis, semper ut enim. Donec sit amet urna
+            arcu. Nam tincidunt fermentum ligula a pharetra.{" "}
+        </p>
+    </Layout>
+);

examples/personal-site/pages/projects.tsx

@@ -0,0 +1,26 @@
+import { stylesheet } from "typestyle";
+import { Component, createElement } from "websnacks";
+
+import { Layout } from "../components/layout";
+
+const styles = stylesheet({
+    projectsGrid: {
+        display: "flex",
+        flexWrap: "wrap",
+        width: "25%",
+    },
+});
+
+export const page: Component = () => (
+    <Layout>
+        <h1>Projects</h1>
+
+        <div className={styles.projectsGrid}>
+            <div>Project 1</div>
+            <div>Project 2</div>
+            <div>Project 3</div>
+            <div>Project 4</div>
+            <div>Project 5</div>
+        </div>
+    </Layout>
+);