finished cards lfg
This commit is contained in:
@@ -1,21 +1,37 @@
|
||||
<script>
|
||||
import { LOGICAL_OPERATORS } from '@babel/types';
|
||||
import { Icon } from '@iconify/vue';
|
||||
|
||||
export default {
|
||||
props: ["name", "body", "icons", "headerIcon"],
|
||||
props: ["name", "icons", "headerIcon", "githubLink", "externalLink"],
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="bg-[#1a191a] border p-6 col-span-1 md:col-span-2 border-zinc-700/70 shadow-md rounded-lg">
|
||||
<div class="flex" v-if="headerIcon">
|
||||
<!-- <Icon size="64" :name="logo.name" :iconName="logo.icon" /> -->
|
||||
<Icon size="64" :iconName="headerIcon.src" :name="headerIcon.name" />
|
||||
<div class="bg-[#201F20] border p-6 col-span-12 sm:col-span-10 sm:col-start-2 md:col-start-auto md:col-span-6 xl:!col-span-4 h-[494px] border-zinc-700/30 shadow-md rounded-lg">
|
||||
<div class="flex mb-4 items-center"
|
||||
v-if="headerIcon">
|
||||
<Icon size="64"
|
||||
class="text-[#00FFC2]"
|
||||
:name="headerIcon" />
|
||||
<div role="links"
|
||||
class="ml-auto">
|
||||
<a v-if="githubLink"
|
||||
:href="githubLink"
|
||||
class="text-zinc-300/80 hover:text-zinc-200 transition-colors duration-300">
|
||||
<Icon size="38"
|
||||
name="tabler:brand-github" />
|
||||
</a>
|
||||
<a v-if="externalLink"
|
||||
:href="externalLink"
|
||||
class="text-zinc-300/80 hover:text-zinc-200 transition-colors duration-300">
|
||||
<Icon size="38"
|
||||
name="tabler:external-link" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h4 class="text-xl md:text-2xl mb-1 font-semibold">{{ name }}</h4>
|
||||
<p>{{ body }}</p>
|
||||
<div class="ml-1 my-1.5 flex flex-wrap gap-2"
|
||||
<h4 class="text-xl mb-1 capitalize font-jetbrains">{{ name }}</h4>
|
||||
<div id="body" class="mb-4">
|
||||
<slot />
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-2"
|
||||
v-if="icons">
|
||||
<div v-for="icon in icons">
|
||||
<IconButton size="16"
|
||||
|
||||
209
package-lock.json
generated
209
package-lock.json
generated
@@ -591,9 +591,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@iconify/vue": {
|
||||
"version": "4.0.1",
|
||||
"resolved": "https://registry.npmjs.org/@iconify/vue/-/vue-4.0.1.tgz",
|
||||
"integrity": "sha512-k4VwcSQpGqJpoyqENRRviFuXlVcquLvQ6BKLNJ6o2amZo7u+3HyALSO79Xyz7Sg68szQGstOk6weaKUF0DJbog==",
|
||||
"version": "4.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@iconify/vue/-/vue-4.0.2.tgz",
|
||||
"integrity": "sha512-LRp+mYh8N0bcX4lustHtI5o1aEoio9HN3/19uIzVOvI78qopKBjzsDK5hkEZYDSc6+LKG8hfLxTxpW8CejXGZg==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@iconify/types": "^2.0.0"
|
||||
@@ -1215,9 +1215,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@types/node": {
|
||||
"version": "18.11.12",
|
||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.12.tgz",
|
||||
"integrity": "sha512-FgD3NtTAKvyMmD44T07zz2fEf+OKwutgBCEVM8GcvMGVGaDktiLNTDvPwC/LUe3PinMW+X6CuLOF2Ui1mAlSXg==",
|
||||
"version": "18.11.13",
|
||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.13.tgz",
|
||||
"integrity": "sha512-IASpMGVcWpUsx5xBOrxMj7Bl8lqfuTY7FKAnPmu5cHkfQVWF8GulWS1jbRqA934qZL35xh5xN/+Xe/i26Bod4w==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@types/parse5": {
|
||||
@@ -2232,9 +2232,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/caniuse-lite": {
|
||||
"version": "1.0.30001436",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001436.tgz",
|
||||
"integrity": "sha512-ZmWkKsnC2ifEPoWUvSAIGyOYwT+keAaaWPHiQ9DfMqS1t6tfuyFYoWR78TeZtznkEQ64+vGXH9cZrElwR2Mrxg==",
|
||||
"version": "1.0.30001439",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001439.tgz",
|
||||
"integrity": "sha512-1MgUzEkoMO6gKfXflStpYgZDlFM7M/ck/bgfVCACO5vnAf0fXoNVHdWtqGU+MYca+4bL9Z5bpOVmR33cWW9G2A==",
|
||||
"dev": true,
|
||||
"funding": [
|
||||
{
|
||||
@@ -4169,9 +4169,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/globby": {
|
||||
"version": "13.1.2",
|
||||
"resolved": "https://registry.npmjs.org/globby/-/globby-13.1.2.tgz",
|
||||
"integrity": "sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ==",
|
||||
"version": "13.1.3",
|
||||
"resolved": "https://registry.npmjs.org/globby/-/globby-13.1.3.tgz",
|
||||
"integrity": "sha512-8krCNHXvlCgHDpegPzleMq07yMYTO2sXKASmZmquEYWEmCx6J5UTRbp5RwMJkTJGtcQ44YpiUYUiN0b9mzy8Bw==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"dir-glob": "^3.0.1",
|
||||
@@ -4343,9 +4343,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/hast-util-raw": {
|
||||
"version": "7.2.2",
|
||||
"resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.2.tgz",
|
||||
"integrity": "sha512-0x3BhhdlBcqRIKyc095lBSDvmQNMY3Eulj2PLsT5XCyKYrxssI5yr3P4Kv/PBo1s/DMkZy2voGkMXECnFCZRLQ==",
|
||||
"version": "7.2.3",
|
||||
"resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.3.tgz",
|
||||
"integrity": "sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@types/hast": "^2.0.0",
|
||||
@@ -6893,9 +6893,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/postcss": {
|
||||
"version": "8.4.19",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz",
|
||||
"integrity": "sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==",
|
||||
"version": "8.4.20",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz",
|
||||
"integrity": "sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==",
|
||||
"dev": true,
|
||||
"funding": [
|
||||
{
|
||||
@@ -8887,9 +8887,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/ultrahtml": {
|
||||
"version": "1.0.4",
|
||||
"resolved": "https://registry.npmjs.org/ultrahtml/-/ultrahtml-1.0.4.tgz",
|
||||
"integrity": "sha512-sso5lk1F1/Q1crKx0+9/9/rHCykRJFSifYLaShnhgzfJhbEDZdpntClBs7ojhx0lRmQlUtDIxrC/8hBJj5bVPw==",
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/ultrahtml/-/ultrahtml-1.2.0.tgz",
|
||||
"integrity": "sha512-vxZM2yNvajRmCj/SknRYGNXk2tqiy6kRNvZjJLaleG3zJbSh/aNkOqD1/CVzypw8tyHyhpzYuwQgMMhUB4ZVNQ==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/unctx": {
|
||||
@@ -8962,22 +8962,34 @@
|
||||
}
|
||||
},
|
||||
"node_modules/unimport": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/unimport/-/unimport-1.0.1.tgz",
|
||||
"integrity": "sha512-SEPKl3uyqUvi6c0MnyCmUF9H07CuC9j9p2p33F03LmegU0sxjpnjL0fLKAhh7BTfcKaJKj+1iOiAFtg7P3m5mQ==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/unimport/-/unimport-1.0.2.tgz",
|
||||
"integrity": "sha512-DcYkDwl1XMZNmyEKUFzVzHAul0FZcj9m0OM/WRfaAtg6Gw1waYlypYJl6qAg31k57TnNPwGDCAxYPodYC5qomQ==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@rollup/pluginutils": "^5.0.2",
|
||||
"escape-string-regexp": "^5.0.0",
|
||||
"fast-glob": "^3.2.12",
|
||||
"local-pkg": "^0.4.2",
|
||||
"magic-string": "^0.26.7",
|
||||
"magic-string": "^0.27.0",
|
||||
"mlly": "^1.0.0",
|
||||
"pathe": "^1.0.0",
|
||||
"pkg-types": "^1.0.1",
|
||||
"scule": "^1.0.0",
|
||||
"strip-literal": "^1.0.0",
|
||||
"unplugin": "^1.0.0"
|
||||
"unplugin": "^1.0.1"
|
||||
}
|
||||
},
|
||||
"node_modules/unimport/node_modules/magic-string": {
|
||||
"version": "0.27.0",
|
||||
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
|
||||
"integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@jridgewell/sourcemap-codec": "^1.4.13"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
}
|
||||
},
|
||||
"node_modules/unist-builder": {
|
||||
@@ -9093,15 +9105,15 @@
|
||||
}
|
||||
},
|
||||
"node_modules/unplugin": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.0.0.tgz",
|
||||
"integrity": "sha512-H5UnBUxfhTXBXGo2AwKsl0UaLSHzSNDZNehPQSgdhVfO/t+XAS1Yoj3vmLrrlBrS9ZwtH5tejbX/TCp5DcyCKg==",
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.0.1.tgz",
|
||||
"integrity": "sha512-aqrHaVBWW1JVKBHmGo33T5TxeL0qWzfvjWokObHA9bYmN7eNDkwOxmLjhioHl9878qDFMAaT51XNroRyuz7WxA==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"acorn": "^8.8.1",
|
||||
"chokidar": "^3.5.3",
|
||||
"webpack-sources": "^3.2.3",
|
||||
"webpack-virtual-modules": "^0.4.6"
|
||||
"webpack-virtual-modules": "^0.5.0"
|
||||
}
|
||||
},
|
||||
"node_modules/unstorage": {
|
||||
@@ -9279,9 +9291,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/vite-node": {
|
||||
"version": "0.25.6",
|
||||
"resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.25.6.tgz",
|
||||
"integrity": "sha512-xwmZ4lVpqfKTCKZRt4vJflGIA4kEsClfGSWZijNqyORnAl1EvL/8USLGEHADe/NSjkwiEJoVQvZu0JQXpo+rQA==",
|
||||
"version": "0.25.7",
|
||||
"resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.25.7.tgz",
|
||||
"integrity": "sha512-o59RVRRsZS8TSMGtbZYXaAWw/mrIN28Ac1N5YKraLBuPgaUqIBFo1yvGrwTLTxvKul9x95nkk0k1l1lu1ku0rQ==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"debug": "^4.3.4",
|
||||
@@ -9289,7 +9301,7 @@
|
||||
"pathe": "^0.2.0",
|
||||
"source-map": "^0.6.1",
|
||||
"source-map-support": "^0.5.21",
|
||||
"vite": "^3.0.0"
|
||||
"vite": "^3.0.0 || ^4.0.0"
|
||||
},
|
||||
"bin": {
|
||||
"vite-node": "vite-node.mjs"
|
||||
@@ -9317,9 +9329,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/vite-plugin-checker": {
|
||||
"version": "0.5.1",
|
||||
"resolved": "https://registry.npmjs.org/vite-plugin-checker/-/vite-plugin-checker-0.5.1.tgz",
|
||||
"integrity": "sha512-NFiO1PyK9yGuaeSnJ7Whw9fnxLc1AlELnZoyFURnauBYhbIkx9n+PmIXxSFUuC9iFyACtbJQUAEuQi6yHs2Adg==",
|
||||
"version": "0.5.2",
|
||||
"resolved": "https://registry.npmjs.org/vite-plugin-checker/-/vite-plugin-checker-0.5.2.tgz",
|
||||
"integrity": "sha512-RtpoXS1+A31HcXcNiuHyVDU3SlH1tU/ufOZEBlBrKclNsE+P9BdVsXiO5AWpczZCM6G2k/7GeH/BRi9lDvvakQ==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@babel/code-frame": "^7.12.13",
|
||||
@@ -9343,8 +9355,11 @@
|
||||
},
|
||||
"peerDependencies": {
|
||||
"eslint": ">=7",
|
||||
"meow": "^9.0.0",
|
||||
"optionator": "^0.9.1",
|
||||
"stylelint": ">=13",
|
||||
"typescript": "*",
|
||||
"vite": "^2.0.0 || ^3.0.0-0",
|
||||
"vite": ">=2.0.0",
|
||||
"vls": "*",
|
||||
"vti": "*"
|
||||
},
|
||||
@@ -9352,6 +9367,15 @@
|
||||
"eslint": {
|
||||
"optional": true
|
||||
},
|
||||
"meow": {
|
||||
"optional": true
|
||||
},
|
||||
"optionator": {
|
||||
"optional": true
|
||||
},
|
||||
"stylelint": {
|
||||
"optional": true
|
||||
},
|
||||
"typescript": {
|
||||
"optional": true
|
||||
},
|
||||
@@ -9531,9 +9555,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/vscode-languageserver-textdocument": {
|
||||
"version": "1.0.7",
|
||||
"resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.7.tgz",
|
||||
"integrity": "sha512-bFJH7UQxlXT8kKeyiyu41r22jCZXG8kuuVVA33OEJn1diWOZK5n8zBSPZFHVBOu8kXZ6h0LIRhf5UnCo61J4Hg==",
|
||||
"version": "1.0.8",
|
||||
"resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.8.tgz",
|
||||
"integrity": "sha512-1bonkGqQs5/fxGT5UchTgjGVnfysL0O8v1AYMBjqTbWQTFn721zaPGDYFkOKtfDgFiSgXM3KwaG3FMGfW4Ed9Q==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/vscode-languageserver-types": {
|
||||
@@ -9661,9 +9685,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/webpack-virtual-modules": {
|
||||
"version": "0.4.6",
|
||||
"resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.4.6.tgz",
|
||||
"integrity": "sha512-5tyDlKLqPfMqjT3Q9TAqf2YqjwmnUleZwzJi1A5qXnlBCdj2AtOJ6wAWdglTIDOPgOiOrXeBeFcsQ8+aGQ6QbA==",
|
||||
"version": "0.5.0",
|
||||
"resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz",
|
||||
"integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/whatwg-url": {
|
||||
@@ -10353,9 +10377,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"@iconify/vue": {
|
||||
"version": "4.0.1",
|
||||
"resolved": "https://registry.npmjs.org/@iconify/vue/-/vue-4.0.1.tgz",
|
||||
"integrity": "sha512-k4VwcSQpGqJpoyqENRRviFuXlVcquLvQ6BKLNJ6o2amZo7u+3HyALSO79Xyz7Sg68szQGstOk6weaKUF0DJbog==",
|
||||
"version": "4.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@iconify/vue/-/vue-4.0.2.tgz",
|
||||
"integrity": "sha512-LRp+mYh8N0bcX4lustHtI5o1aEoio9HN3/19uIzVOvI78qopKBjzsDK5hkEZYDSc6+LKG8hfLxTxpW8CejXGZg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@iconify/types": "^2.0.0"
|
||||
@@ -10831,9 +10855,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"@types/node": {
|
||||
"version": "18.11.12",
|
||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.12.tgz",
|
||||
"integrity": "sha512-FgD3NtTAKvyMmD44T07zz2fEf+OKwutgBCEVM8GcvMGVGaDktiLNTDvPwC/LUe3PinMW+X6CuLOF2Ui1mAlSXg==",
|
||||
"version": "18.11.13",
|
||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.13.tgz",
|
||||
"integrity": "sha512-IASpMGVcWpUsx5xBOrxMj7Bl8lqfuTY7FKAnPmu5cHkfQVWF8GulWS1jbRqA934qZL35xh5xN/+Xe/i26Bod4w==",
|
||||
"dev": true
|
||||
},
|
||||
"@types/parse5": {
|
||||
@@ -11625,9 +11649,9 @@
|
||||
}
|
||||
},
|
||||
"caniuse-lite": {
|
||||
"version": "1.0.30001436",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001436.tgz",
|
||||
"integrity": "sha512-ZmWkKsnC2ifEPoWUvSAIGyOYwT+keAaaWPHiQ9DfMqS1t6tfuyFYoWR78TeZtznkEQ64+vGXH9cZrElwR2Mrxg==",
|
||||
"version": "1.0.30001439",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001439.tgz",
|
||||
"integrity": "sha512-1MgUzEkoMO6gKfXflStpYgZDlFM7M/ck/bgfVCACO5vnAf0fXoNVHdWtqGU+MYca+4bL9Z5bpOVmR33cWW9G2A==",
|
||||
"dev": true
|
||||
},
|
||||
"ccount": {
|
||||
@@ -12948,9 +12972,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"globby": {
|
||||
"version": "13.1.2",
|
||||
"resolved": "https://registry.npmjs.org/globby/-/globby-13.1.2.tgz",
|
||||
"integrity": "sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ==",
|
||||
"version": "13.1.3",
|
||||
"resolved": "https://registry.npmjs.org/globby/-/globby-13.1.3.tgz",
|
||||
"integrity": "sha512-8krCNHXvlCgHDpegPzleMq07yMYTO2sXKASmZmquEYWEmCx6J5UTRbp5RwMJkTJGtcQ44YpiUYUiN0b9mzy8Bw==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"dir-glob": "^3.0.1",
|
||||
@@ -13080,9 +13104,9 @@
|
||||
}
|
||||
},
|
||||
"hast-util-raw": {
|
||||
"version": "7.2.2",
|
||||
"resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.2.tgz",
|
||||
"integrity": "sha512-0x3BhhdlBcqRIKyc095lBSDvmQNMY3Eulj2PLsT5XCyKYrxssI5yr3P4Kv/PBo1s/DMkZy2voGkMXECnFCZRLQ==",
|
||||
"version": "7.2.3",
|
||||
"resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.3.tgz",
|
||||
"integrity": "sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@types/hast": "^2.0.0",
|
||||
@@ -14919,9 +14943,9 @@
|
||||
}
|
||||
},
|
||||
"postcss": {
|
||||
"version": "8.4.19",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz",
|
||||
"integrity": "sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==",
|
||||
"version": "8.4.20",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz",
|
||||
"integrity": "sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"nanoid": "^3.3.4",
|
||||
@@ -16330,9 +16354,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"ultrahtml": {
|
||||
"version": "1.0.4",
|
||||
"resolved": "https://registry.npmjs.org/ultrahtml/-/ultrahtml-1.0.4.tgz",
|
||||
"integrity": "sha512-sso5lk1F1/Q1crKx0+9/9/rHCykRJFSifYLaShnhgzfJhbEDZdpntClBs7ojhx0lRmQlUtDIxrC/8hBJj5bVPw==",
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/ultrahtml/-/ultrahtml-1.2.0.tgz",
|
||||
"integrity": "sha512-vxZM2yNvajRmCj/SknRYGNXk2tqiy6kRNvZjJLaleG3zJbSh/aNkOqD1/CVzypw8tyHyhpzYuwQgMMhUB4ZVNQ==",
|
||||
"dev": true
|
||||
},
|
||||
"unctx": {
|
||||
@@ -16395,22 +16419,33 @@
|
||||
}
|
||||
},
|
||||
"unimport": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/unimport/-/unimport-1.0.1.tgz",
|
||||
"integrity": "sha512-SEPKl3uyqUvi6c0MnyCmUF9H07CuC9j9p2p33F03LmegU0sxjpnjL0fLKAhh7BTfcKaJKj+1iOiAFtg7P3m5mQ==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/unimport/-/unimport-1.0.2.tgz",
|
||||
"integrity": "sha512-DcYkDwl1XMZNmyEKUFzVzHAul0FZcj9m0OM/WRfaAtg6Gw1waYlypYJl6qAg31k57TnNPwGDCAxYPodYC5qomQ==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@rollup/pluginutils": "^5.0.2",
|
||||
"escape-string-regexp": "^5.0.0",
|
||||
"fast-glob": "^3.2.12",
|
||||
"local-pkg": "^0.4.2",
|
||||
"magic-string": "^0.26.7",
|
||||
"magic-string": "^0.27.0",
|
||||
"mlly": "^1.0.0",
|
||||
"pathe": "^1.0.0",
|
||||
"pkg-types": "^1.0.1",
|
||||
"scule": "^1.0.0",
|
||||
"strip-literal": "^1.0.0",
|
||||
"unplugin": "^1.0.0"
|
||||
"unplugin": "^1.0.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"magic-string": {
|
||||
"version": "0.27.0",
|
||||
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
|
||||
"integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@jridgewell/sourcemap-codec": "^1.4.13"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"unist-builder": {
|
||||
@@ -16491,15 +16526,15 @@
|
||||
"dev": true
|
||||
},
|
||||
"unplugin": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.0.0.tgz",
|
||||
"integrity": "sha512-H5UnBUxfhTXBXGo2AwKsl0UaLSHzSNDZNehPQSgdhVfO/t+XAS1Yoj3vmLrrlBrS9ZwtH5tejbX/TCp5DcyCKg==",
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.0.1.tgz",
|
||||
"integrity": "sha512-aqrHaVBWW1JVKBHmGo33T5TxeL0qWzfvjWokObHA9bYmN7eNDkwOxmLjhioHl9878qDFMAaT51XNroRyuz7WxA==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"acorn": "^8.8.1",
|
||||
"chokidar": "^3.5.3",
|
||||
"webpack-sources": "^3.2.3",
|
||||
"webpack-virtual-modules": "^0.4.6"
|
||||
"webpack-virtual-modules": "^0.5.0"
|
||||
}
|
||||
},
|
||||
"unstorage": {
|
||||
@@ -16607,9 +16642,9 @@
|
||||
}
|
||||
},
|
||||
"vite-node": {
|
||||
"version": "0.25.6",
|
||||
"resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.25.6.tgz",
|
||||
"integrity": "sha512-xwmZ4lVpqfKTCKZRt4vJflGIA4kEsClfGSWZijNqyORnAl1EvL/8USLGEHADe/NSjkwiEJoVQvZu0JQXpo+rQA==",
|
||||
"version": "0.25.7",
|
||||
"resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.25.7.tgz",
|
||||
"integrity": "sha512-o59RVRRsZS8TSMGtbZYXaAWw/mrIN28Ac1N5YKraLBuPgaUqIBFo1yvGrwTLTxvKul9x95nkk0k1l1lu1ku0rQ==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"debug": "^4.3.4",
|
||||
@@ -16617,7 +16652,7 @@
|
||||
"pathe": "^0.2.0",
|
||||
"source-map": "^0.6.1",
|
||||
"source-map-support": "^0.5.21",
|
||||
"vite": "^3.0.0"
|
||||
"vite": "^3.0.0 || ^4.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"pathe": {
|
||||
@@ -16635,9 +16670,9 @@
|
||||
}
|
||||
},
|
||||
"vite-plugin-checker": {
|
||||
"version": "0.5.1",
|
||||
"resolved": "https://registry.npmjs.org/vite-plugin-checker/-/vite-plugin-checker-0.5.1.tgz",
|
||||
"integrity": "sha512-NFiO1PyK9yGuaeSnJ7Whw9fnxLc1AlELnZoyFURnauBYhbIkx9n+PmIXxSFUuC9iFyACtbJQUAEuQi6yHs2Adg==",
|
||||
"version": "0.5.2",
|
||||
"resolved": "https://registry.npmjs.org/vite-plugin-checker/-/vite-plugin-checker-0.5.2.tgz",
|
||||
"integrity": "sha512-RtpoXS1+A31HcXcNiuHyVDU3SlH1tU/ufOZEBlBrKclNsE+P9BdVsXiO5AWpczZCM6G2k/7GeH/BRi9lDvvakQ==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@babel/code-frame": "^7.12.13",
|
||||
@@ -16781,9 +16816,9 @@
|
||||
}
|
||||
},
|
||||
"vscode-languageserver-textdocument": {
|
||||
"version": "1.0.7",
|
||||
"resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.7.tgz",
|
||||
"integrity": "sha512-bFJH7UQxlXT8kKeyiyu41r22jCZXG8kuuVVA33OEJn1diWOZK5n8zBSPZFHVBOu8kXZ6h0LIRhf5UnCo61J4Hg==",
|
||||
"version": "1.0.8",
|
||||
"resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.8.tgz",
|
||||
"integrity": "sha512-1bonkGqQs5/fxGT5UchTgjGVnfysL0O8v1AYMBjqTbWQTFn721zaPGDYFkOKtfDgFiSgXM3KwaG3FMGfW4Ed9Q==",
|
||||
"dev": true
|
||||
},
|
||||
"vscode-languageserver-types": {
|
||||
@@ -16876,9 +16911,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"webpack-virtual-modules": {
|
||||
"version": "0.4.6",
|
||||
"resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.4.6.tgz",
|
||||
"integrity": "sha512-5tyDlKLqPfMqjT3Q9TAqf2YqjwmnUleZwzJi1A5qXnlBCdj2AtOJ6wAWdglTIDOPgOiOrXeBeFcsQ8+aGQ6QbA==",
|
||||
"version": "0.5.0",
|
||||
"resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz",
|
||||
"integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==",
|
||||
"dev": true
|
||||
},
|
||||
"whatwg-url": {
|
||||
|
||||
@@ -33,8 +33,8 @@
|
||||
checkout my <a href="https://github.com/juls0730">Github</a> and also my <a
|
||||
href="https://twitter.com/julie4055_">Twitter</a>.
|
||||
</p>
|
||||
<h3 class="text-2xl md:text-3xl mb-1">Skills</h3>
|
||||
<section class="flex flex-wrap w-full gap-2 justify-start">
|
||||
<h3 class="text-2xl md:text-3xl mb-1.5 ml-0.5">Skills</h3>
|
||||
<section class="flex flex-wrap w-full gap-2 justify-start ml-1">
|
||||
<IconButton name="Javascript"
|
||||
iconName='logos:javascript' />
|
||||
<IconButton name="Nuxt.js"
|
||||
@@ -67,36 +67,65 @@
|
||||
iconName="logos:deno" />
|
||||
</section>
|
||||
</section>
|
||||
<section
|
||||
class="py-6 mb-4 !col-start-2 md:!col-start-3 lg:!col-start-4 lg:col-span-6 md:col-span-8 col-span-10">
|
||||
<div class="!col-start-2 md:!col-start-3 lg:!col-start-4 lg:col-span-6 md:col-span-8 col-span-10">
|
||||
<h2 class="md:text-4xl text-3xl mb-1">Projects</h2>
|
||||
<section class="w-11/12 sm:w-full mx-auto grid sm:grid-cols-2 md:grid-cols-4 gap-3">
|
||||
<ProjectCard name="PHP Forum"
|
||||
body="This is my attempt at a forum written in php, its not great but it works."
|
||||
:icons="[{ 'icon': 'logos:laravel', 'name': 'php' }]"
|
||||
link1="https://github.com/juls0730/php-forum"
|
||||
button1="Github" />
|
||||
<ProjectCard name="Old Cyansplash.net site"
|
||||
:icons="[{ 'icon': 'logos:nuxt-icon', 'name': 'nuxtjs v2' }]"
|
||||
body="This is the old cyansplash.net site, not amazing but taught me a lot about web development."
|
||||
link1="https://github.com/juls0730/cyansplash.net"
|
||||
button1="Github" />
|
||||
<ProjectCard name="Discord bot 'Echo'"
|
||||
:icons="[{ 'icon': 'logos:javascript', 'name': 'Javascript' }]"
|
||||
body="This is an old discord bot that taught me about the discord API how to make a bot and led me to learning alot about JavaScript, without Echo I most likely would not be a web developer."
|
||||
link1="https://github.com/juls0730/Echo"
|
||||
button1="Github" />
|
||||
<ProjectCard name="juls07.dev"
|
||||
:icons="[{ 'icon': 'logos:nuxt-icon', 'name': 'nuxtjs v2' }, { 'icon': 'logos:tailwindcss-icon', 'name': 'tailwindcss'}]"
|
||||
body="This stie is the site you are currently on, this site is just a place to show off my projects and my skills."
|
||||
link1="https://github.com/juls0730/juls07.dev"
|
||||
button1="Github" />
|
||||
<ProjectCard name="vuefullstack"
|
||||
:icons="[{ 'icon': 'logos:vue', 'name': 'vue v3' }]"
|
||||
body="this is a small forum project I made to mock my ruby on rails forum I am working on but in vuejs."
|
||||
link1="https://github.com/juls0730/vuefullstack"
|
||||
button1="Github" />
|
||||
</section>
|
||||
</div>
|
||||
<section class="pb-6 grid mb-4 col-start-3 col-span-8 grid-cols-12 gap-6 max-w-full">
|
||||
<ProjectCard name="Juls07.dev V2"
|
||||
headerIcon="mdi:nuxt"
|
||||
githubLink="https://github.com/juls0730/vuefullstack"
|
||||
:icons="[{ 'icon': 'logos:nuxt-icon', 'name': 'nuxtjs v3' }, { 'icon': 'logos:supabase-icon', 'name': 'supabase' }]"
|
||||
link1="https://github.com/juls0730/vuefullstack"
|
||||
button1="Github">
|
||||
this is a small forum project I made to mock my ruby on rails forum I am
|
||||
working on but in vuejs.
|
||||
</ProjectCard>
|
||||
<ProjectCard name="PHP Forum"
|
||||
headerIcon="mdi:language-php"
|
||||
githubLink="https://github.com/juls0730/php-forum"
|
||||
:icons="[{ 'icon': 'logos:laravel', 'name': 'php' }]"
|
||||
link1="https://github.com/juls0730/php-forum"
|
||||
button1="Github">
|
||||
This is my attempt at a forum written in php, its not great but it works.
|
||||
</ProjectCard>
|
||||
<ProjectCard name="Cyansplash.net"
|
||||
headerIcon="mdi:nuxt"
|
||||
githubLink="https://github.com/juls0730/cyansplash.net"
|
||||
:icons="[{ 'icon': 'logos:nuxt-icon', 'name': 'nuxtjs v2' }]"
|
||||
link1="https://github.com/juls0730/cyansplash.net"
|
||||
button1="Github">
|
||||
This is the old cyansplash.net site, not amazing but taught me a lot about web
|
||||
development.
|
||||
</ProjectCard>
|
||||
<ProjectCard name="Discord bot 'Echo'"
|
||||
headerIcon="mdi:robot-excited-outline"
|
||||
githubLink="https://github.com/juls0730/Echo"
|
||||
:icons="[{ 'icon': 'logos:javascript', 'name': 'Javascript' }]"
|
||||
link1="https://github.com/juls0730/Echo"
|
||||
button1="Github">
|
||||
This is an old discord bot that taught me about the discord API how to make a
|
||||
bot and led me to learning alot about JavaScript, without Echo I most likely would not be a
|
||||
web
|
||||
developer.
|
||||
</ProjectCard>
|
||||
<ProjectCard name="juls07.dev V1"
|
||||
headerIcon="mdi:nuxt"
|
||||
githubLink="https://github.com/juls0730/juls07.dev"
|
||||
:icons="[{ 'icon': 'logos:nuxt-icon', 'name': 'nuxtjs v2' }, { 'icon': 'logos:tailwindcss-icon', 'name': 'tailwindcss' }]"
|
||||
link1="https://github.com/juls0730/juls07.dev"
|
||||
button1="Github">
|
||||
This stie is the site you are currently on, this site is just a place to show
|
||||
off my projects and my skills.
|
||||
</ProjectCard>
|
||||
<ProjectCard name="vuefullstack"
|
||||
headerIcon="mdi:vuejs"
|
||||
githubLink="https://github.com/juls0730/vuefullstack"
|
||||
:icons="[{ 'icon': 'logos:vue', 'name': 'vue v3' }]"
|
||||
link1="https://github.com/juls0730/vuefullstack"
|
||||
button1="Github">
|
||||
this is a small forum project I made to mock my ruby on rails forum I am
|
||||
working on but in vuejs.
|
||||
</ProjectCard>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user