diff options
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> |