feat: initial content

birdy-dev · Aug 8, 2024 · 8643a56 · 8643a56
1 parent 80fd6f0
commit 8643a56
Show file tree

Hide file tree

Showing 8 changed files with 222 additions and 4 deletions.
diff --git a/_config.ts b/_config.ts
@@ -3,12 +3,23 @@ import vento from "lume/plugins/vento.ts";
 import jsx from "lume/plugins/jsx_preact.ts";
 import tailwindcss from "lume/plugins/tailwindcss.ts";
 import postcss from "lume/plugins/postcss.ts";
+import transformImages from "lume/plugins/transform_images.ts";
 
 const site = lume({ src: "./src" });
 
 site.use(vento({ extensions: [".html"], options: {} }));
 site.use(jsx());
-site.use(tailwindcss({ extensions: [".html", ".tsx"] }));
+site.use(tailwindcss({
+  extensions: [".html", ".tsx"],
+  options: {
+    theme: {
+      fontFamily: {
+        sans: ["Inter", "sans-serif"],
+      },
+    },
+  },
+}));
 site.use(postcss());
+site.use(transformImages());
 
 export default site;
diff --git a/deno.json b/deno.json
@@ -5,7 +5,7 @@
   "tasks": {
     "lume": "echo \"import 'lume/cli.ts'\" | deno run -A -",
     "build": "deno task lume",
-    "serve": "deno task lume -s"
+    "dev": "deno task lume -s"
   },
   "compilerOptions": {
     "types": ["lume/types.ts"],

diff --git a/deno.lock b/deno.lock
diff --git a/src/_includes/layout.html b/src/_includes/layout.html
@@ -2,8 +2,11 @@
 <html lang="en">
     <head>
         <meta charset="UTF-8" />
-        <title>Kevin Carreon</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Dr. Kevin Carreon | Edmonton Dentist</title>
         <link rel="stylesheet" href="/styles.css" />
+        <link rel="preconnect" href="https://rsms.me/" />
+        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
     </head>
     <body>
         {{ content }}

diff --git a/src/imgs/_data.yml b/src/imgs/_data.yml
@@ -0,0 +1,2 @@
+transformImages:
+  format: webp
diff --git a/src/imgs/kevin_carreon.jpeg b/src/imgs/kevin_carreon.jpeg
diff --git a/src/index.tsx b/src/index.tsx
@@ -2,6 +2,33 @@ export const layout = "layout.html";
 
 export default (data: Lume.Data, helpers: Lume.Helpers) => (
   <>
-    <h1 class="text-4xl text-center py-20">Kevin Carreon</h1>
+    <div class="mx-4">
+      <section class="md:flex max-w-4xl gap-8 py-16 mx-auto">
+        <div class="">
+          <div class="rounded-lg max-w-sm">
+            <img
+              class="aspect-[1/1] w-full rounded-2xl object-cover"
+              src="/imgs/kevin_carreon.webp"
+              alt="Dr. Kevin Carreon"
+            />
+          </div>
+        </div>
+        <div class="max-w-md">
+          <h1 class="mt-6 text-lg font-semibold leading-8 text-gray-900">
+            Dr. Kevin Carreon
+          </h1>
+          <h2 class="text-base leading-7 text-gray-600">BMSc D.D.S.</h2>
+          <p class="mt-4 text-base leading-7 text-gray-600">
+            Dr. Kevin was born and raised in Edmonton, AB. He went on to pursue
+            his education at the University of Alberta completing his Bachelor’s
+            of Medical Sciences and subsequently his Doctor of Dental Surgery
+            degree. Dr. Kevin believes in the importance of patient education,
+            informed decision making, and a gentle touch when practicing
+            dentistry. In his spare time, Dr. Kevin loves to dance, DJ and play
+            video games.
+          </p>
+        </div>
+      </section>
+    </div>
   </>
 );
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -0,0 +1 @@
+// required for tailwind extension in vscode