diff options
author | 2022-08-17 15:09:43 +0200 | |
---|---|---|
committer | 2022-08-17 17:06:48 +0200 | |
commit | ab7483b5c2bd5aee1b8b609597c22b7b7b55606d (patch) | |
tree | dd5d3b5940c144780d926ff708cba88232e204cb /src/pages/Home.page.vue | |
parent | 5222bd5d04ad089ba4cbade399dada55e29dcde5 (diff) | |
download | it-tools-ab7483b5c2bd5aee1b8b609597c22b7b7b55606d.tar.gz it-tools-ab7483b5c2bd5aee1b8b609597c22b7b7b55606d.tar.zst it-tools-ab7483b5c2bd5aee1b8b609597c22b7b7b55606d.zip |
feat: added colored share card
Diffstat (limited to 'src/pages/Home.page.vue')
-rw-r--r-- | src/pages/Home.page.vue | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/src/pages/Home.page.vue b/src/pages/Home.page.vue index 9f2b501..88086ee 100644 --- a/src/pages/Home.page.vue +++ b/src/pages/Home.page.vue @@ -1,6 +1,8 @@ <script setup lang="ts"> import { toolsWithCategory } from '@/tools'; +import { Heart } from '@vicons/tabler'; import { useHead } from '@vueuse/head'; +import ColoredCard from '../components/ColoredCard.vue'; import ToolCard from '../components/ToolCard.vue'; useHead({ title: 'IT Tools - Handy online tools for developers' }); @@ -9,6 +11,27 @@ useHead({ title: 'IT Tools - Handy online tools for developers' }); <template> <div class="home-page"> <n-grid x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8"> + <n-gi> + <colored-card title="You like it-tools?" :icon="Heart"> + Give us a star on + <a + href="https://github.com/CorentinTh/it-tools" + rel="noopener" + target="_blank" + aria-label="IT-Tools' github repository" + >github</a + > + or follow us on + <a + href="https://twitter.com/ittoolsdottech" + rel="noopener" + target="_blank" + aria-label="IT-Tools' twitter account" + >twitter</a + >! Thank you + <n-icon :component="Heart" /> + </colored-card> + </n-gi> <n-gi v-for="tool in toolsWithCategory" :key="tool.name"> <tool-card :tool="tool" /> </n-gi> |