diff --git a/.gitignore b/.gitignore index 77b1ebd..52063f4 100644 --- a/.gitignore +++ b/.gitignore @@ -2,4 +2,5 @@ node_modules /.svelte /build -/functions \ No newline at end of file +/functions +/.vercel_build_output diff --git a/README.md b/README.md index f696cf8..042adf2 100644 --- 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 index 3d29bb1..0404b55 100644 --- 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 index b22aaab..d03c3ba 100644 --- a/src/app.html +++ b/src/app.html @@ -2,7 +2,7 @@ - + %svelte.head% diff --git a/svelte.config.cjs b/svelte.config.cjs index c9029d2..4cafe3b 100644 --- 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 index 733fb47..c46c558 100644 --- 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: {