From eb6f590dbd7f81cc7b9870737d6a1aa343de1083 Mon Sep 17 00:00:00 2001 From: Xeovalyte Date: Sat, 28 Jan 2023 17:28:31 +0100 Subject: [PATCH] added heading --- .woodpecker.yml | 2 +- app.vue | 2 +- assets/css/tailwind.css | 17 +++++- nuxt.config.ts | 15 ++--- package-lock.json | 123 +++++++++++++++++++++++++++++++++++++++- package.json | 7 ++- tailwind.config.js | 29 +++++++++- 7 files changed, 178 insertions(+), 17 deletions(-) diff --git a/.woodpecker.yml b/.woodpecker.yml index 1e161c0..4e88884 100644 --- a/.woodpecker.yml +++ b/.woodpecker.yml @@ -1,6 +1,6 @@ pipeline: publish: - image: plugins/docker + image: plugins/docker secrets: - docker_password settings: diff --git a/app.vue b/app.vue index a495b75..2b1be09 100644 --- a/app.vue +++ b/app.vue @@ -1,5 +1,5 @@ diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css index bd6213e..9b292a9 100644 --- a/assets/css/tailwind.css +++ b/assets/css/tailwind.css @@ -1,3 +1,18 @@ @tailwind base; @tailwind components; -@tailwind utilities; \ No newline at end of file +@tailwind utilities; + +@layer base { + h1 { + @apply text-4xl; + } + h2 { + @apply text-3xl; + } + h3 { + @apply text-2xl; + } + h4 { + @apply text-xl; + } +} diff --git a/nuxt.config.ts b/nuxt.config.ts index c2c3a2a..c65cb59 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -1,9 +1,10 @@ // https://v3.nuxtjs.org/api/configuration/nuxt.config export default defineNuxtConfig({ - modules: [ - '@nuxtjs/tailwindcss', - '@vueuse/nuxt', - 'nuxt-icon', - '@nuxtjs/robots' - ] -}) + modules: [ + "@nuxtjs/tailwindcss", + "@vueuse/nuxt", + "nuxt-icon", + "nuxt-icons", + "@nuxtjs/robots", + ], +}); diff --git a/package-lock.json b/package-lock.json index 2bea326..ba16c6c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,19 +1,22 @@ { - "name": "nuxt-template", + "name": "portfolio", "lockfileVersion": 2, "requires": true, "packages": { "": { "hasInstallScript": true, "dependencies": { - "@nuxtjs/robots": "^3.0.0" + "@nuxtjs/robots": "^3.0.0", + "nuxt-icons": "^3.1.0" }, "devDependencies": { "@nuxtjs/tailwindcss": "^6.2.0", "@vueuse/core": "^9.8.2", "@vueuse/nuxt": "^9.8.2", "nuxt": "3.0.0", - "nuxt-icon": "^0.1.8" + "nuxt-icon": "^0.1.8", + "prettier": "^2.8.3", + "prettier-plugin-tailwindcss": "^0.2.2" } }, "node_modules/@ampproject/remapping": { @@ -6401,6 +6404,14 @@ "@nuxt/kit": "^3.0.0" } }, + "node_modules/nuxt-icons": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/nuxt-icons/-/nuxt-icons-3.1.0.tgz", + "integrity": "sha512-5BAIXF+kctNxDtM+KlNHWu4dzhSkc1asSzvbMzsiP/IKKKlnTiXLP3hC+renhPVAyCMSYa2bf+ULqDSVDFTekg==", + "dependencies": { + "@nuxt/kit": "^3.0.0" + } + }, "node_modules/nuxt/node_modules/@nuxt/kit": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.0.0.tgz", @@ -7561,6 +7572,91 @@ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" } }, + "node_modules/prettier": { + "version": "2.8.3", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.3.tgz", + "integrity": "sha512-tJ/oJ4amDihPoufT5sM0Z1SKEuKay8LfVAMlbbhnnkvt6BUserZylqo2PN+p9KeljLr0OHa2rXHU1T8reeoTrw==", + "dev": true, + "bin": { + "prettier": "bin-prettier.js" + }, + "engines": { + "node": ">=10.13.0" + }, + "funding": { + "url": "https://github.com/prettier/prettier?sponsor=1" + } + }, + "node_modules/prettier-plugin-tailwindcss": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.2.2.tgz", + "integrity": "sha512-5RjUbWRe305pUpc48MosoIp6uxZvZxrM6GyOgsbGLTce+ehePKNm7ziW2dLG2air9aXbGuXlHVSQQw4Lbosq3w==", + "dev": true, + "engines": { + "node": ">=12.17.0" + }, + "peerDependencies": { + "@prettier/plugin-php": "*", + "@prettier/plugin-pug": "*", + "@shopify/prettier-plugin-liquid": "*", + "@shufo/prettier-plugin-blade": "*", + "@trivago/prettier-plugin-sort-imports": "*", + "prettier": ">=2.2.0", + "prettier-plugin-astro": "*", + "prettier-plugin-css-order": "*", + "prettier-plugin-import-sort": "*", + "prettier-plugin-jsdoc": "*", + "prettier-plugin-organize-attributes": "*", + "prettier-plugin-organize-imports": "*", + "prettier-plugin-style-order": "*", + "prettier-plugin-svelte": "*", + "prettier-plugin-twig-melody": "*" + }, + "peerDependenciesMeta": { + "@prettier/plugin-php": { + "optional": true + }, + "@prettier/plugin-pug": { + "optional": true + }, + "@shopify/prettier-plugin-liquid": { + "optional": true + }, + "@shufo/prettier-plugin-blade": { + "optional": true + }, + "@trivago/prettier-plugin-sort-imports": { + "optional": true + }, + "prettier-plugin-astro": { + "optional": true + }, + "prettier-plugin-css-order": { + "optional": true + }, + "prettier-plugin-import-sort": { + "optional": true + }, + "prettier-plugin-jsdoc": { + "optional": true + }, + "prettier-plugin-organize-attributes": { + "optional": true + }, + "prettier-plugin-organize-imports": { + "optional": true + }, + "prettier-plugin-style-order": { + "optional": true + }, + "prettier-plugin-svelte": { + "optional": true + }, + "prettier-plugin-twig-melody": { + "optional": true + } + } + }, "node_modules/pretty-bytes": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-6.0.0.tgz", @@ -14774,6 +14870,14 @@ "@nuxt/kit": "^3.0.0" } }, + "nuxt-icons": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/nuxt-icons/-/nuxt-icons-3.1.0.tgz", + "integrity": "sha512-5BAIXF+kctNxDtM+KlNHWu4dzhSkc1asSzvbMzsiP/IKKKlnTiXLP3hC+renhPVAyCMSYa2bf+ULqDSVDFTekg==", + "requires": { + "@nuxt/kit": "^3.0.0" + } + }, "object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", @@ -15490,6 +15594,19 @@ "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", "dev": true }, + "prettier": { + "version": "2.8.3", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.3.tgz", + "integrity": "sha512-tJ/oJ4amDihPoufT5sM0Z1SKEuKay8LfVAMlbbhnnkvt6BUserZylqo2PN+p9KeljLr0OHa2rXHU1T8reeoTrw==", + "dev": true + }, + "prettier-plugin-tailwindcss": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.2.2.tgz", + "integrity": "sha512-5RjUbWRe305pUpc48MosoIp6uxZvZxrM6GyOgsbGLTce+ehePKNm7ziW2dLG2air9aXbGuXlHVSQQw4Lbosq3w==", + "dev": true, + "requires": {} + }, "pretty-bytes": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-6.0.0.tgz", diff --git a/package.json b/package.json index 51e3740..0380452 100644 --- a/package.json +++ b/package.json @@ -12,9 +12,12 @@ "@vueuse/core": "^9.8.2", "@vueuse/nuxt": "^9.8.2", "nuxt": "3.0.0", - "nuxt-icon": "^0.1.8" + "nuxt-icon": "^0.1.8", + "prettier": "^2.8.3", + "prettier-plugin-tailwindcss": "^0.2.2" }, "dependencies": { - "@nuxtjs/robots": "^3.0.0" + "@nuxtjs/robots": "^3.0.0", + "nuxt-icons": "^3.1.0" } } diff --git a/tailwind.config.js b/tailwind.config.js index 32e3abd..4470f40 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -2,7 +2,32 @@ module.exports = { content: [], theme: { - extend: {}, + extend: { + colors: { + dark: { + 100: "#131920", + 200: "#11171d", + 300: "#0f141a", + 400: "#0d1216", + 500: "#0b0f13", + 600: "#0a0d10", + 700: "#080a0d", + 800: "#06080a", + 900: "#040506", + }, + primary: { + 100: "#66b2ff", + 200: "#4da6ff", + 300: "#39f", + 400: "#1a8cff", + 500: "#0080ff", + 600: "#0073e6", + 700: "#06c", + 800: "#0059b3", + 900: "#004c99", + }, + }, + }, }, plugins: [], -} +};