Skip to content

Commit

Permalink
Website refactor
Browse files Browse the repository at this point in the history
  • Loading branch information
Gary Woodfine committed Oct 18, 2023
1 parent c271e91 commit 95edb6e
Show file tree
Hide file tree
Showing 4 changed files with 21 additions and 38 deletions.
36 changes: 6 additions & 30 deletions components/structure/footer.vue
View file
Expand Up @@ -9,7 +9,7 @@
<div class="mt-10 flex justify-center space-x-10">
<a v-for="item in navigation.social" :key="item.name" :href="item.href" class=" text-orange-500 hover:text-orange-400">
<span class="sr-only">{{ item.name }}</span>
<component :is="item.icon" class="h-6 w-6" aria-hidden="true" />
<Icon :name="item.icon" class="h-6 w-6" aria-hidden="true" />
</a>
</div>
<p class="mt-10 text-center text-xs leading-5 text-orange-500 ">&copy; {{ new Date().getFullYear() }} Geekiam . All rights reserved.</p>
Expand All @@ -28,44 +28,20 @@ const navigation = {
],
social: [
{
name: 'Twitter',
name: 'X',
href: 'https://twitter.com/geekiamio',
icon: defineComponent({
render: () =>
h('svg', { fill: 'currentColor', viewBox: '0 0 24 24' }, [
h('path', {
d: 'M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84',
}),
]),
}),
icon: 'ri:twitter-x-fill'
},
{
name: 'GitHub',
href: 'https://github.com/geekiam',
icon: defineComponent({
render: () =>
h('svg', { fill: 'currentColor', viewBox: '0 0 24 24' }, [
h('path', {
'fill-rule': 'evenodd',
d: 'M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z',
'clip-rule': 'evenodd',
}),
]),
}),
icon: 'ph:github-logo'
},
{
name: 'YouTube',
href: 'https://www.youtube.com/channel/UCi0BZqWpclMWX8mj1qh0d4A',
icon: defineComponent({
render: () =>
h('svg', { fill: 'currentColor', viewBox: '0 0 24 24' }, [
h('path', {
'fill-rule': 'evenodd',
d: 'M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z',
'clip-rule': 'evenodd',
}),
]),
}),
icon: 'gg:youtube'
},
],
}
Expand Down
8 changes: 7 additions & 1 deletion nuxt.config.ts
View file
Expand Up @@ -13,7 +13,7 @@ export default defineNuxtConfig({
}
},
},
modules: ['@nuxt/content', '@nuxtjs/tailwindcss'],
modules: ['@nuxt/content', '@nuxtjs/tailwindcss','@nuxt/image', 'nuxt-icon', 'nuxt-headlessui'],
runtimeConfig: {
public: {
fathom_analytics_id: process.env.fathom_analytics_id,
Expand All @@ -22,6 +22,12 @@ export default defineNuxtConfig({
tailwindcss: {
cssPath: '~/assets/css/tailwind.css',
configPath: 'tailwind.config',
},
image: {
provider: 'cloudinary',
cloudinary: {
baseURL: 'https://res.cloudinary.com/geekiam-io/image/upload/'
}
}
});

5 changes: 3 additions & 2 deletions package.json
View file
Expand Up @@ -10,10 +10,11 @@
"devDependencies": {
"@nuxt/content": "^2.6.0",
"@nuxtjs/tailwindcss": "^6.7.0",
"nuxt-headlessui": "^1.1.4"
"nuxt-headlessui": "^1.1.4",
"@nuxt/image": "1.0.0-rc.2",
"nuxt-icon": "^0.5.0"
},
"dependencies": {
"@heroicons/vue": "^2.0.14",
"@headlessui/tailwindcss": "^0.2.0",
"@tailwindcss/aspect-ratio": "^0.4.2",
"@tailwindcss/forms": "^0.5.3",
Expand Down
10 changes: 5 additions & 5 deletions pages/index.vue
View file
Expand Up @@ -6,25 +6,25 @@ const features = [
name: 'Academic Papers',
description:
'Keep up to date with all the latest academic research in your area of interest',
icon: AcademicCapIcon,
icon: 'solar:square-academic-cap-outline',
},
{
name: 'Podcasts',
description:
'Get all the latest updates to all podcasts around your interests.',
icon: MicrophoneIcon,
icon: 'tdesign:microphone',
},
{
name: 'Blogs & Tutorials',
description:
'All relevant opinions, tutorials, tips & tricks shared by members of your community of interest.',
icon: RssIcon,
icon: 'ri:rss-line',
},
{
name: 'News ',
description:
'All the latest news articles and information in subjects you care about.',
icon: NewspaperIcon,
icon: 'mdi:newspaper-variant-multiple-outline',
},
]
</script>
Expand All @@ -44,7 +44,7 @@ const features = [
<div v-for="feature in features" :key="feature.name" class="relative pl-16">
<dt class="text-base font-semibold leading-7 text-orange-900 dark:text-orange-500">
<div class="absolute top-0 left-0 flex h-10 w-10 items-center justify-center rounded-lg bg-orange-600 dark:bg-orange-800">
<component :is="feature.icon" class="h-6 w-6 text-white" aria-hidden="true" />
<Icon :name="feature.icon" class="h-6 w-6 text-white" aria-hidden="true" />
</div>
{{ feature.name }}
</dt>
Expand Down

0 comments on commit 95edb6e

Please sign in to comment.