Skip to content

onethirteenco/bio-site

Repository files navigation

Bio Site

A sleek, responsive personal bio site built with modern web technologies. This site serves as a central hub for your online presence, featuring a clean design, dark mode support, and an intuitive mobile-first layout.

Features

  • 🎨 Modern Design - Clean, minimalist interface with attention to typography and spacing
  • 🌓 Dark Mode - Automatic dark mode support with smooth transitions
  • 📱 Fully Responsive - Optimized for all devices from mobile to desktop
  • 🔗 Smart Link Cards - Beautiful link cards with hover effects and icon support
  • 🎯 Product Showcase - Horizontal scrolling product display on desktop, vertical stack on mobile
  • 🏷️ Interest Tags - Visually appealing tags to showcase your interests and skills
  • Performance Optimized - Fast loading with minimal dependencies
  • 🔒 Secure - HTTPS enabled with GitHub Pages

Technology Stack

  • HTML5 & CSS3
  • CSS Custom Properties for theming
  • Flexbox & CSS Grid for layouts
  • GitHub Pages for hosting
  • Custom animations and transitions
  • Mobile-first responsive design

Local Development

  1. Clone the repository:

    git clone https://github.com/yourusername/bio-site.git
    cd bio-site
  2. If you're using Visual Studio Code, install the Live Server extension to preview the site locally.

  3. Make your changes and test them locally before pushing to GitHub.

Customization

Modifying Styles

  • Main styles are in assets/css/custom.css
  • Color schemes and variables are defined in the :root section
  • Dark mode overrides are in the [data-color-mode="dark"] section

Adding Content

  • Update profile information in the HTML
  • Modify link cards in the links section
  • Add or remove products in the showcase section
  • Customize interest tags as needed

Responsive Breakpoints

  • Desktop: > 768px
  • Tablet: 768pxJ
  • Mobile: 480px

Contributing

Feel free to submit issues and enhancement requests!

License

This project is licensed under the MIT License - see the LICENSE file for details.


Site/repo generated the from Link in Bio Starter template found here.

Readme file generated with Claude.ai.

About

Official links page for One Thirteen.

Resources

License

Stars

Watchers

Forks