moollaza · moollaza · Apr 11, 2021 · Apr 11, 2021 · Apr 11, 2021 · Apr 11, 2021
diff --git a/.gitignore b/.gitignore
@@ -2,4 +2,5 @@
 node_modules
 /.svelte
 /build
-/functions
+/functions
+/.vercel_build_output
diff --git a/README.md b/README.md
@@ -1,42 +1,14 @@
-# create-svelte
+# Zaahir Moolla - Personal Website
 
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte);
+This is my personal website. You can check it out here: https://zaahir.ca
 
-## Creating a project
+The design was mostly borrowed from https://wrapbootstrap.com/theme/articulate-resume-portfolio-WB0N5LC7P.
 
-If you're seeing this, you've probably already done this step. Congrats!
+## Built with:
 
-```bash
-# create a new project in the current directory
-npm init svelte@next
-
-# create a new project in my-app
-npm init svelte@next my-app
-```
-
-> Note: the `@next` is temporary
-
-## 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
-
-Svelte apps are built with _adapters_, which optimise your project for deployment to different environments.
-
-By default, `npm run build` will generate a Node app that you can run with `node build`. To use a different adapter, add it to the `devDependencies` in `package.json` making sure to specify the version as `next` and update your `svelte.config.cjs` to [specify your chosen adapter](https://kit.svelte.dev/docs#configuration-adapter). The following official adapters are available:
-
-- [@sveltejs/adapter-node](https://github.com/sveltejs/kit/tree/master/packages/adapter-node)
-- [@sveltejs/adapter-static](https://github.com/sveltejs/kit/tree/master/packages/adapter-static)
-- [@sveltejs/adapter-netlify](https://github.com/sveltejs/kit/tree/master/packages/adapter-netlify)
-- [@sveltejs/adapter-vercel](https://github.com/sveltejs/kit/tree/master/packages/adapter-vercel)
-- ...more soon
-
-[See the adapter documentation for more detail](https://kit.svelte.dev/docs#adapters)
+- [SvelteKit](https://kit.svelte.dev)
+- [Tailwind.css](https://tailwindcss.com)
+- [Hover.css](https://ianlunn.github.io/Hover)
+- [icons8](https://icons8.com)
+- [Vercel](https://vercel.com/home)
+- [Fathom Analytics](https://usefathom.com)
diff --git a/postcss.config.cjs b/postcss.config.cjs
@@ -6,8 +6,8 @@ const dev = mode === 'development';
 module.exports = {
 	plugins: [
 		require('postcss-import'),
-		require('tailwindcss'),
 		require('postcss-nested'),
+		require('tailwindcss'),
 		// require('postcss-custom-properties'),
 		require('autoprefixer'),
 

diff --git a/src/app.html b/src/app.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" href="/favicon.ico" />
+		<link rel="icon" href="/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%svelte.head%
 	</head>

diff --git a/svelte.config.cjs b/svelte.config.cjs
@@ -1,5 +1,5 @@
 const sveltePreprocess = require('svelte-preprocess');
-const static = require('@sveltejs/adapter-static');
+// const static = require('@sveltejs/adapter-static');
 const vercel = require('@sveltejs/adapter-vercel');
 const pkg = require('./package.json');
 

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -1,7 +1,10 @@
 const { tailwindExtractor } = require('tailwindcss/lib/lib/purgeUnusedStyles');
 
+const mode = process.env.NODE_ENV;
+const dev = mode === 'development';
+
 module.exports = {
-	mode: 'jit',
+	mode: dev && 'jit',
 	purge: {
 		content: ['./src/**/*.{html,js,svelte,ts}'],
 		options: {