Aboutial
A modern, flexible personal portfolio/about page built with Nuxt 4, featuring multiple social media-inspired layouts (Twitter/X, Instagram, LinkedIn), content management with Nuxt Content, and visual editing with Nuxt Studio.
This is an attributed example project in the Civvre template. It is not part of the fictional profile.
VueJS Nuxt Typescript Tailwind CSS
Features
- 🎨 Multiple Layout Styles: Choose from Twitter/X, Instagram, or LinkedIn-inspired designs
- 📝 Content Management: Markdown-based content with frontmatter configuration
- 🎭 Visual Editing: Integrated Nuxt Studio for content editing
- 🌓 Dark Mode: Full light/dark theme support with manual toggle and system preference detection
- 📱 Responsive Design: Mobile-first approach with Tailwind CSS
- 🎬 Media Backgrounds: Support for images (gif, png, webp, svg) and videos (mp4)
- 🔗 Social Links: Integrated social media links (GitHub, LinkedIn, Twitter, Instagram, YouTube)
- 📖 Read More Component: Collapsible content with smooth transitions
- 💼 Availability Badge: Show your availability status with animated pulsing indicator
- 🚀 One-Click Deploy: Deploy to Vercel directly from your portfolio with integrated deploy button
- ⚡ Performance: Built on Nuxt 4 with optimized assets and fonts
- ✨ Smooth Animations: Page load animations with fade, slide, and blur effects