parity with static site

raymondwang · Apr 4, 2024 · 8dc4cbc · 8dc4cbc
1 parent af51a4a
commit 8dc4cbc
Show file tree

Hide file tree

Showing 10 changed files with 57 additions and 107 deletions.
diff --git a/README.md b/README.md
@@ -1,38 +1 @@
-# create-svelte
-
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-## Building
-
-To create a production version of your app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+🚧 under construction 👷🏻‍♂️
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,7 +14,6 @@
     "@sveltejs/adapter-static": "^3.0.1",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "@tailwindcss/typography": "^0.5.12",
     "@types/eslint": "^8.56.0",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",

diff --git a/src/app.html b/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="prose dark:prose-invert bg-slate-200 dark:bg-slate-800">
+<html lang="en" class="bg-slate-50 text-slate-900 dark:bg-slate-900 dark:text-slate-50">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%sveltekit.assets%/favicon.ico" />

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import '../app.css';
 </script>
 

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,2 +1,32 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<main class="container px-8 sm:mx-auto">
+  <h1 class="mt-40 text-4xl sm:mt-60 sm:text-6xl md:text-8xl">Raymond Wang</h1>
+  <h2 class="mt-4 text-2xl">
+    Software Engineer at
+    <a
+      class="hover:underline hover:underline-offset-4"
+      href="https://www.atlassian.com/"
+      target="_blank">Atlassian</a
+    >
+  </h2>
+  <ul class="mt-4 flex flex-row gap-x-4">
+    <li>
+      <a class="hover:underline hover:underline-offset-4" href="mailto:[email protected]" target="_blank"
+        >Email</a
+      >
+    </li>
+    <li>
+      <a
+        class="hover:underline hover:underline-offset-4"
+        href="https://github.com/raymondwang"
+        target="_blank">GitHub</a
+      >
+    </li>
+    <li>
+      <a
+        class="hover:underline hover:underline-offset-4"
+        href="https://www.linkedin.com/in/raymondruiwang"
+        target="_blank">LinkedIn</a
+      >
+    </li>
+  </ul>
+</main>
diff --git a/svelte.config.js b/svelte.config.js
diff --git a/svelte.config.ts b/svelte.config.ts
@@ -0,0 +1,11 @@
+import adapter from '@sveltejs/adapter-static';
+import type { Config } from '@sveltejs/kit';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+const config: Config = {
+  kit: { adapter: adapter() },
+  // https://kit.svelte.dev/docs/integrations#preprocessors
+  preprocess: vitePreprocess(),
+};
+
+export default config;
diff --git a/tailwind.config.js b/tailwind.config.js
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -0,0 +1,11 @@
+import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  content: ['./src/**/*.{html,js,svelte,ts}'],
+  plugins: [],
+  theme: {
+    extend: {},
+  },
+};
+
+export default config;