diff --git a/.eslintrc.cjs b/.eslintrc.cjs new file mode 100644 index 0000000..175252a --- /dev/null +++ b/.eslintrc.cjs @@ -0,0 +1,20 @@ +module.exports = { + root: true, + parser: '@typescript-eslint/parser', + extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'], + plugins: ['svelte3', '@typescript-eslint'], + ignorePatterns: ['*.cjs'], + overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }], + settings: { + 'svelte3/typescript': require('typescript'), + }, + parserOptions: { + sourceType: 'module', + ecmaVersion: 2019, + }, + env: { + browser: true, + es2017: true, + node: true, + }, +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..305d540 --- /dev/null +++ b/.gitignore @@ -0,0 +1,15 @@ +.DS_Store +node_modules +dist +/.svelte +/build +/functions + +package-lock.json +yarn.lock +pnpm-lock.yaml +.env +.vercel_build_output +.netlify +.svelte +.cloudflare \ No newline at end of file diff --git a/.npmignore b/.npmignore new file mode 100644 index 0000000..e700210 --- /dev/null +++ b/.npmignore @@ -0,0 +1,5 @@ +.DS_Store +node_modules +/.svelte +/build +/functions diff --git a/.npmrc b/.npmrc new file mode 100644 index 0000000..b6f27f1 --- /dev/null +++ b/.npmrc @@ -0,0 +1 @@ +engine-strict=true diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..844cfd1 --- /dev/null +++ b/.prettierignore @@ -0,0 +1,4 @@ +.svelte/** +static/** +build/** +node_modules/** diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..cd8ab33 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,9 @@ +{ + "useTabs": false, + "singleQuote": true, + "printWidth": 100, + "trailingComma": "es5", + "tabWidth": 2, + "semi": false, + "arrowParens": "avoid" +} diff --git a/Landing-Page-master/LICENSE b/Landing-Page-master/LICENSE new file mode 100644 index 0000000..2e59d72 --- /dev/null +++ b/Landing-Page-master/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2019 Tailwind Toolbox + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/Landing-Page-master/README.md b/Landing-Page-master/README.md new file mode 100644 index 0000000..b1b3ebf --- /dev/null +++ b/Landing-Page-master/README.md @@ -0,0 +1,55 @@ +# [Tailwind Toolbox](https://www.tailwindtoolbox.com/) - [Landing Page Template](https://www.tailwindtoolbox.com/templates/landing-page) + +[Landing Page](https://www.tailwindtoolbox.com/templates/landing-page) is an open source, generic landing page template for [Tailwind CSS](https://tailwindcss.com/) created by [Tailwind Toolbox](https://www.tailwindtoolbox.com/). + +![Landing Page](https://www.tailwindtoolbox.com/templates/landing-page.png) + +## Getting Started + +Choose one of the following options to get started: + +- [Download the latest release](https://github.com/tailwindtoolbox/Landing-Page/archive/master.zip) +- Clone the repo: `git clone https://github.com/tailwindtoolbox/Landing-Page.git` +- Fork the repo + +## Using the Template + +The template is just a HTML file using a full CDN hosted Tailwind CSS file. + +To get the best out of Tailwind CSS, you need to really start customising it. +Take a look at our [setup guide](https://www.tailwindtoolbox.com/setup) to start tweaking! + +## Sites created using this template + +- [Pilotmail.io](https://pilotmail.io) +- [Routepath.app](https://routepath.app) +- [LedgerSight.com](https://ledgersight.com) +- [AnonAddy.com](https://anonaddy.com) +- [MentorCV.com](https://mentorcv.com) +- [MakerMetrics.co](https://makermetrics.co) +- [Nodewood.com](https://nodewood.com) +- [X-Wing AI](https://xwing.app) + +## Bugs and Issues + +Have a bug or an issue with this template? [Open a new issue](https://github.com/tailwindtoolbox/Landing-Page/issues/new) here on GitHub. + +## Creator + +[Tailwind Toolbox](https://www.tailwindtoolbox.com/) was created by and is maintained by **[Amrit Nagi](https://amritnagi.info/)**, Co-owner of [Astrava.Solutions](https://astrava.solutions). + +- https://twitter.com/tailwindtoolbox +- https://twitter.com/amritnagi +- https://github.com/tailwindtoolbox + +Tailwind Toolbox is based on the [Tailwind CSS](https://www.tailwindcss.com/) framework created by [Adam Wathan](https://twitter.com/adamwathan), [Jonathan Reinink](https://twitter.com/reinink), [David Hemphill](https://twitter.com/davidhemphill) and [Steve Schoger](https://twitter.com/steveschoger) + +## Image Attribution + +[Hero vector created by freepik.com](https://www.freepik.com/free-vector/isometric-education-illustration_3940819.htm#page=1&query=isometric%20plane&position=1) + +Free for personal and commercial purpose with attribution + +## Copyright and License + +Copyright 2018-2020 Astrava.Solutions Ltd. Code released under the MIT license. diff --git a/Landing-Page-master/hero.png b/Landing-Page-master/hero.png new file mode 100644 index 0000000..bdf84e6 Binary files /dev/null and b/Landing-Page-master/hero.png differ diff --git a/Landing-Page-master/index.html b/Landing-Page-master/index.html new file mode 100644 index 0000000..253c65f --- /dev/null +++ b/Landing-Page-master/index.html @@ -0,0 +1,1039 @@ + + + + + + + Tailwind Starter Template - Landing Page Template: Tailwind Toolbox + + + + + + + + + + + + + +
+
+ +
+

What business are you?

+

Main Hero Message to sell yourself!

+

+ Sub-hero message, not too long and not too short. Make it just right! +

+ +
+ +
+ +
+
+
+
+ + + + + + + + + + + + +
+
+
+

+ Title +

+
+
+
+
+
+

+ Lorem ipsum dolor sit amet +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc + commodo posuere et sit amet ligula. +
+
+ + Images from: + + undraw.co +

+
+
+ + travel booking + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + connected world + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ Lorem ipsum dolor sit amet +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc + commodo posuere et sit amet ligula. +
+
+ Images from: + + undraw.co +

+
+
+
+
+
+
+
+

+ Title +

+
+
+
+
+
+ +

xGETTING STARTED

+
+ Lorem ipsum dolor sit amet. +
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc + commodo posuere et sit amet ligula. +

+ +
+
+
+ +
+
+
+
+
+ +

xGETTING STARTED

+
+ Lorem ipsum dolor sit amet. +
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc + commodo posuere et sit amet ligula. +

+ +
+
+
+ +
+
+
+
+
+ +

xGETTING STARTED

+
+ Lorem ipsum dolor sit amet. +
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc + commodo posuere et sit amet ligula. +

+ +
+
+
+ +
+
+
+
+
+
+
+

+ Pricing +

+
+
+
+
+
+
+
Free
+
    +
  • Thing
    • +
  • Thing
    • +
  • Thing
    • +
+
+
+
+ £0 + for one user +
+
+ +
+
+
+
+
+
Basic
+
+
    +
  • Thing
    • +
  • Thing
    • +
  • Thing
    • +
  • Thing
    • +
+
+
+
+ £x.99 + / per user +
+
+ +
+
+
+
+
+
Pro
+
    +
  • Thing
    • +
  • Thing
    • +
  • Thing
    • +
+
+
+
+ £x.99 + / per user +
+
+ +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + +
+

+ Call to Action +

+
+
+
+

Main Hero Message to sell yourself!

+ +
+ + + + + + + diff --git a/README.md b/README.md new file mode 100644 index 0000000..c31d187 --- /dev/null +++ b/README.md @@ -0,0 +1,84 @@ +# Tailwind Landing page template converted to SvelteKit components + +Based on the [Landing Page](https://www.tailwindtoolbox.com/templates/landing-page) template for [Tailwind CSS](https://tailwindcss.com/) created by [Tailwind Toolbox](https://www.tailwindtoolbox.com/) and converted to a [SvelteKit](https://kit.svelte.dev/) application. + +![Landing Page](https://www.tailwindtoolbox.com/templates/landing-page.png) + +## Running locally + +Clone the repo + +```sh +git clone xxxx +``` + +Install dependencies + +```sh +pnpm install +``` + +ANd start the application in development mode + +```sh +pnpm dev +``` + +The project SvelteKit project was created with + +```sh +pnpm init svelte@next +``` + +And then tailwind support was added running: + +```sh +pnpx svelte-add tailwindcss --jit +``` + +And then run the project with: + +```sh +pnpm dev +``` + +Check the [svelte-add/tailwindcss](https://github.com/svelte-add/tailwindcss) github repo for more info. + +# create-svelte + +Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/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 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 + +Before creating a production version of your app, install an [adapter](https://kit.svelte.dev/docs#adapters) for your target environment. Then: + +```bash +npm run build +``` + +> You can preview the built app with `npm start`, regardless of whether you installed an adapter. This should _not_ be used to serve your app in production. diff --git a/package.json b/package.json new file mode 100644 index 0000000..593aad9 --- /dev/null +++ b/package.json @@ -0,0 +1,33 @@ +{ + "name": "~TODO~", + "version": "0.0.1", + "scripts": { + "dev": "svelte-kit dev", + "build": "svelte-kit build", + "start": "svelte-kit start", + "lint": "prettier --check . && eslint --ignore-path .gitignore .", + "format": "prettier --write ." + }, + "devDependencies": { + "@sveltejs/adapter-node": "next", + "@sveltejs/kit": "next", + "@typescript-eslint/eslint-plugin": "^4.19.0", + "@typescript-eslint/parser": "^4.19.0", + "eslint": "^7.22.0", + "eslint-config-prettier": "^8.1.0", + "eslint-plugin-svelte3": "^3.1.0", + "prettier": "~2.2.1", + "prettier-plugin-svelte": "^2.2.0", + "svelte": "^3.29.0", + "svelte-preprocess": "^4.7.1", + "tslib": "^2.0.0", + "typescript": "^4.0.0", + "vite": "^2.1.0", + "autoprefixer": "^10.2.5", + "cssnano": "^5.0.1", + "postcss": "^8.2.10", + "postcss-load-config": "^3.0.1", + "tailwindcss": "^2.1.1" + }, + "type": "module" +} diff --git a/postcss.config.cjs b/postcss.config.cjs new file mode 100644 index 0000000..7821622 --- /dev/null +++ b/postcss.config.cjs @@ -0,0 +1,23 @@ +const tailwindcss = require('tailwindcss') +const autoprefixer = require('autoprefixer') +const cssnano = require('cssnano') + +const mode = process.env.NODE_ENV +const dev = mode === 'development' + +module.exports = { + plugins: [ + // Some plugins, like postcss-nested, need to run before Tailwind + + tailwindcss, + + // But others, like autoprefixer, need to run after + + autoprefixer, + + !dev && + cssnano({ + preset: 'default', + }), + ], +} diff --git a/src/app.html b/src/app.html new file mode 100644 index 0000000..31bd4cb --- /dev/null +++ b/src/app.html @@ -0,0 +1,15 @@ + + + + + + + + + %svelte.head% + + + +
%svelte.body%
+ + diff --git a/src/app.postcss b/src/app.postcss new file mode 100644 index 0000000..1a7b7cf --- /dev/null +++ b/src/app.postcss @@ -0,0 +1,4 @@ +/* Write your global styles here, in PostCSS syntax */ +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/src/global.d.ts b/src/global.d.ts new file mode 100644 index 0000000..79d7d7f --- /dev/null +++ b/src/global.d.ts @@ -0,0 +1,3 @@ +/// +/// +/// diff --git a/src/lib/actions/additional-svelte-jsx.d.ts b/src/lib/actions/additional-svelte-jsx.d.ts new file mode 100644 index 0000000..dff80ae --- /dev/null +++ b/src/lib/actions/additional-svelte-jsx.d.ts @@ -0,0 +1,6 @@ +declare namespace svelte.JSX { + // eslint-disable-next-line @typescript-eslint/no-unused-vars + interface HTMLAttributes { + onclick_outside?: () => void + } +} diff --git a/src/lib/actions/clickOutside.ts b/src/lib/actions/clickOutside.ts new file mode 100644 index 0000000..95e9c6a --- /dev/null +++ b/src/lib/actions/clickOutside.ts @@ -0,0 +1,19 @@ +// source: https://svelte.dev/repl/0ace7a508bd843b798ae599940a91783?version=3.16.7 + +/** Dispatch event on click outside of node */ +export function clickOutside(node: HTMLElement): unknown { + const handleClick = event => { + if (node && !node.contains(event.target) && !event.defaultPrevented) { + // onClickOutside(event) + node.dispatchEvent(new CustomEvent('click_outside')) + } + } + + document.addEventListener('click', handleClick, true) + + return { + destroy() { + document.removeEventListener('click', handleClick, true) + }, + } +} diff --git a/src/lib/component/landing/CallToAction.svelte b/src/lib/component/landing/CallToAction.svelte new file mode 100644 index 0000000..aeb4b8c --- /dev/null +++ b/src/lib/component/landing/CallToAction.svelte @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + +
+

+ Call to Action +

+
+
+
+

Main Hero Message to sell yourself!

+ +
diff --git a/src/lib/component/landing/Cards.svelte b/src/lib/component/landing/Cards.svelte new file mode 100644 index 0000000..9b38d7d --- /dev/null +++ b/src/lib/component/landing/Cards.svelte @@ -0,0 +1,19 @@ + + +
+
+

Cards

+
+
+
+ + + + + + + +
+
diff --git a/src/lib/component/landing/Features.svelte b/src/lib/component/landing/Features.svelte new file mode 100644 index 0000000..e0516d1 --- /dev/null +++ b/src/lib/component/landing/Features.svelte @@ -0,0 +1,446 @@ +
+
+

Features

+
+
+
+
+
+

+ 1Lorem ipsum dolor sit amet +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc + commodo posuere et sit amet ligula. +
+
+ + Images from: + + undraw.co +

+
+
+ + travel booking + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + connected world + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ 2 Lorem ipsum dolor sit amet +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc + commodo posuere et sit amet ligula. +
+
+ Images from: + + undraw.co +

+
+
+
+
+
\ No newline at end of file diff --git a/src/lib/component/landing/Footer.svelte b/src/lib/component/landing/Footer.svelte new file mode 100644 index 0000000..b402665 --- /dev/null +++ b/src/lib/component/landing/Footer.svelte @@ -0,0 +1,124 @@ + + diff --git a/src/lib/component/landing/Hero.svelte b/src/lib/component/landing/Hero.svelte new file mode 100644 index 0000000..d2167af --- /dev/null +++ b/src/lib/component/landing/Hero.svelte @@ -0,0 +1,53 @@ + +
+
+ +
+

What business are you?

+

Main Hero Message to sell yourself!

+

+ Sub-hero message, not too long and not too short. Make it just right! +

+ +
+ +
+ hero +
+
+
+
+ + + + + + + + + + + + +
diff --git a/src/lib/component/landing/LandingPage.svelte b/src/lib/component/landing/LandingPage.svelte new file mode 100644 index 0000000..bf12c91 --- /dev/null +++ b/src/lib/component/landing/LandingPage.svelte @@ -0,0 +1,34 @@ + + +
+
+ + diff --git a/src/lib/component/landing/Nav.svelte b/src/lib/component/landing/Nav.svelte new file mode 100644 index 0000000..447a638 --- /dev/null +++ b/src/lib/component/landing/Nav.svelte @@ -0,0 +1,118 @@ + + + + + diff --git a/src/lib/component/landing/Pricing.svelte b/src/lib/component/landing/Pricing.svelte new file mode 100644 index 0000000..124728a --- /dev/null +++ b/src/lib/component/landing/Pricing.svelte @@ -0,0 +1,73 @@ + + +
+
+

Pricing

+
+
+
+
+
+
+
Free
+
    +
  • Thing
    • +
  • Thing
    • +
  • Thing
    • +
+
+
+
+ £0 + for one user +
+ +
+
+
+
+
Basic
+
+
    +
  • Thing
    • +
  • Thing
    • +
  • Thing
    • +
  • Thing
    • +
+
+
+
+ £x.99 + / per user +
+ +
+
+
+
+
Pro
+
    +
  • Thing
    • +
  • Thing
    • +
  • Thing
    • +
+
+
+
+ £x.99 + / per user +
+ +
+
+
+
+
diff --git a/src/lib/component/landing/components/Button.svelte b/src/lib/component/landing/components/Button.svelte new file mode 100644 index 0000000..bbdc1ea --- /dev/null +++ b/src/lib/component/landing/components/Button.svelte @@ -0,0 +1,28 @@ + + +
+ +
+ + diff --git a/src/lib/component/landing/components/Card.svelte b/src/lib/component/landing/components/Card.svelte new file mode 100644 index 0000000..066c31e --- /dev/null +++ b/src/lib/component/landing/components/Card.svelte @@ -0,0 +1,20 @@ + + +
+
+ + +

xGETTING STARTED

+
Lorem ipsum dolor sit amet.
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc + commodo posuere et sit amet ligula. +

+ +
+
+ +
+
\ No newline at end of file diff --git a/src/routes/$layout.svelte b/src/routes/$layout.svelte new file mode 100644 index 0000000..2816bcf --- /dev/null +++ b/src/routes/$layout.svelte @@ -0,0 +1,5 @@ + + + diff --git a/src/routes/hero.png b/src/routes/hero.png new file mode 100644 index 0000000..bdf84e6 Binary files /dev/null and b/src/routes/hero.png differ diff --git a/src/routes/index.svelte b/src/routes/index.svelte new file mode 100644 index 0000000..cd2fc0d --- /dev/null +++ b/src/routes/index.svelte @@ -0,0 +1,8 @@ + + + + + diff --git a/static/hero.png b/static/hero.png new file mode 100644 index 0000000..bdf84e6 Binary files /dev/null and b/static/hero.png differ diff --git a/static/land/hero.png b/static/land/hero.png new file mode 100644 index 0000000..bdf84e6 Binary files /dev/null and b/static/land/hero.png differ diff --git a/static/land/index.html b/static/land/index.html new file mode 100644 index 0000000..cd731d3 --- /dev/null +++ b/static/land/index.html @@ -0,0 +1,752 @@ + + + + + + + + + Tailwind Starter Template - Landing Page Template: Tailwind Toolbox + + + + + + + + + + + + + +
+
+ + + + +
+
+ +
+

What business are you?

+

+ Main Hero Message to sell yourself! +

+

+ Sub-hero message, not too long and not too short. Make it just right! +

+ +
+ +
+ +
+
+
+
+ + + + + + + + + + + + + +
+
+
+

+ Title +

+
+
+
+
+
+

+ Lorem ipsum dolor sit amet +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc commodo posuere et sit + amet ligula. +
+
+ + Images from: + + undraw.co +

+
+
+ + travel booking + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + connected world + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ Lorem ipsum dolor sit amet +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc commodo posuere et + sit amet ligula. +
+
+ Images from: + + undraw.co +

+
+
+
+
+
+
+
+

+ Title +

+
+
+
+
+
+ +

+ xGETTING STARTED +

+
+ Lorem ipsum dolor sit amet. +
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc commodo posuere et + sit amet ligula. +

+ +
+
+
+ +
+
+
+
+
+ +

+ xGETTING STARTED +

+
+ Lorem ipsum dolor sit amet. +
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc commodo posuere et + sit amet ligula. +

+ +
+
+
+ +
+
+
+
+
+ +

+ xGETTING STARTED +

+
+ Lorem ipsum dolor sit amet. +
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc commodo posuere et + sit amet ligula. +

+ +
+
+
+ +
+
+
+
+
+
+
+

+ Pricing +

+
+
+
+
+
+
+
+ Free +
+
    +
  • Thing
    • +
  • Thing
    • +
  • Thing
    • +
+
+
+
+ £0 + for one user +
+
+ +
+
+
+
+
+
Basic
+
+
    +
  • Thing
    • +
  • Thing
    • +
  • Thing
    • +
  • Thing
    • +
+
+
+
+ £x.99 + / per user +
+
+ +
+
+
+
+
+
+ Pro +
+
    +
  • Thing
    • +
  • Thing
    • +
  • Thing
    • +
+
+
+
+ £x.99 + / per user +
+
+ +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + +
+

+ Call to Action +

+
+
+
+

+ Main Hero Message to sell yourself! +

+ +
+ + + + + +
+
+ + + \ No newline at end of file diff --git a/svelte.config.cjs b/svelte.config.cjs new file mode 100644 index 0000000..17085c1 --- /dev/null +++ b/svelte.config.cjs @@ -0,0 +1,33 @@ +const sveltePreprocess = require('svelte-preprocess') +const node = require('@sveltejs/adapter-node') +const pkg = require('./package.json') + +/** @type {import('@sveltejs/kit').Config} */ +module.exports = { + // Consult https://github.com/sveltejs/svelte-preprocess + // for more information about preprocessors + preprocess: [ + sveltePreprocess({ + defaults: { + style: 'postcss', + }, + postcss: true, + }), + ], + + kit: { + // By default, `npm run build` will create a standard Node app. + // You can create optimized builds for different platforms by + // specifying a different adapter + adapter: node(), + + // hydrate the
element in src/app.html + target: '#svelte', + + vite: { + ssr: { + noExternal: Object.keys(pkg.dependencies || {}), + }, + }, + }, +} diff --git a/tailwind.config.cjs b/tailwind.config.cjs new file mode 100644 index 0000000..f06a1aa --- /dev/null +++ b/tailwind.config.cjs @@ -0,0 +1,16 @@ +module.exports = { + mode: 'jit', + purge: ['./src/**/*.{html,js,svelte,ts}'], + theme: { + gradientColorStops: theme => ({ + ...theme('colors'), + primary: '#3490dc', + secondary: '#ffed4a', + danger: '#e3342f', + pink: '#d53369', + yellow: '#daae51', + }), + extend: {}, + }, + plugins: [], +} diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..51e5d71 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,30 @@ +{ + "compilerOptions": { + "moduleResolution": "node", + "module": "es2020", + "lib": ["es2020"], + "target": "es2019", + /** + svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript + to enforce using \`import type\` instead of \`import\` for Types. + */ + "importsNotUsedAsValues": "error", + "isolatedModules": true, + "resolveJsonModule": true, + /** + To have warnings/errors of the Svelte compiler at the correct position, + enable source maps by default. + */ + "sourceMap": true, + "esModuleInterop": true, + "skipLibCheck": true, + "forceConsistentCasingInFileNames": true, + "baseUrl": ".", + "allowJs": true, + "checkJs": true, + "paths": { + "$lib/*": ["src/lib/*"] + } + }, + "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"] +}