Echofolio is a premium, high-performance portfolio theme designed for developers, designers, and creative technologies. Built with Jekyll and Tailwind CSS, it features a fully data-driven architecture, meaning you can control almost every aspect of the site from a single configuration file without touching code.

• Data-Driven Design: Manage all content via _data/owner.yml.
• Dark Mode Aesthetic: A sleek, accessibility-focused dark theme with glassmorphism effects.
• Dynamic Tech Stack: Beautiful, animated integration of Devicon & FontAwesome icons.
• CMS Integration: Built-in support for jekyll-admin for writing blog posts via a GUI.
• Comment System: Dynamic Disqus integration for blog posts.
• SEO Optimized: Semantic HTML and auto-generated meta tags.
• Responsive: Fully responsive grid layouts and typography.

Follow these steps to get your portfolio running in minutes.

Ensure you have the following installed:

• Ruby & Jekyll: Installation Guide
• Node.js: Download (Required for Tailwind CSS)

Clone the repository and start the server. The dev command will automatically install all Ruby and Node dependencies for you.

git clone https://github.com/your-username/echofolio.git
cd echofolio

# Install dependencies and start the server
npm run dev

Your site will be available at: http://localhost:4000

The heart of Echofolio is _data/owner.yml. This separate file controls your bio, social links, skills, navigation, and more.

Update your name, tagline, avatar, and bio here.

name: "Alex Doe"
tagline: "Building the Future"
avatar: "https://your-image-url.com/me.png"
bio_long: "Your detailed about me text..."

Add your profiles. Leaving a link empty (or removing the key) will automatically hide the icon from the site.

socials:
  github: "https://github.com/username"
  twitter: "" # Twitter icon will not show

We use Devicon for icons. Format: devicon-[name]-[style] (e.g., devicon-react-original).

skills:
  - category: "Development"
    items:
      - name: "React"
        icon: "devicon-react-original"

Customize section titles without coding:

ui:
  contact_title: "Say Hello"
  projects_title: "My Lab"

Enable features like comments or forms:

config:
  disqus_username: "your-disqus-shortname" # Enables comments on blog posts
  google_form_action: "https://docs.google.com/forms/..."

1. Navigate to assets/img/.
2. Replace icon.svg with your own SVG logo.
3. Ensure the filename remains icon.svg or update the reference in _includes/navbar.html.

1. Open _data/owner.yml.
2. Under the navigation section, simply remove the - title: Blog entry.
3. The blog page will still exist in the files but will be inaccessible to users.

Echofolio comes with jekyll-admin.

1. Run the site locally: npm run dev
2. Go to http://localhost:4000/admin
3. You can write posts, manage pages, and upload static files via a clean interface.

This theme is ready for GitHub Pages.

1. Push your code to a repository named username.github.io.
2. Go to Settings > Pages.
3. Source: GitHub Actions (Recommended) or Deploy from Branch.
   • Note: Since this uses Tailwind (Node.js), standard Jekyll build on GitHub Pages might fail without a custom workflow. We recommend using the provided GitHub Actions workflow or building locally and pushing the _site folder if you prefer manual control.

Designed & Built by Harsh Trivedi. Licensed under MIT.