Downloaded theme
This commit is contained in:
@@ -0,0 +1,128 @@
|
||||
+++
|
||||
title = "About Me"
|
||||
subtitle = "Software Engineer | Full Stack Developer | Open Source Enthusiast"
|
||||
layout = "about-alternative"
|
||||
+++
|
||||
|
||||
I'm a software engineer passionate about building elegant solutions to complex problems. Currently working on modern web applications and exploring the intersection of design, performance, and developer experience.
|
||||
|
||||
## What I Do
|
||||
|
||||
I work across the full stack with expertise in:
|
||||
|
||||
- **Backend Development** — Scalable APIs, microservices, database design
|
||||
- **Frontend Engineering** — React, Vue, modern JavaScript frameworks
|
||||
- **Cloud & DevOps** — AWS, Docker, Kubernetes, CI/CD pipelines
|
||||
- **Open Source** — Contributing to projects and building developer tools
|
||||
|
||||
## Current Projects
|
||||
|
||||
Right now I'm focused on:
|
||||
|
||||
- Building minimal Hugo themes for personal sites
|
||||
- Exploring dark-mode design patterns and accessibility
|
||||
- Writing about web performance and developer experience
|
||||
- Contributing to open-source projects in the web ecosystem
|
||||
|
||||
## About This Layout
|
||||
|
||||
> This page demonstrates the **alternative about layout** with a sidebar profile card.
|
||||
|
||||
### Key Features
|
||||
|
||||
This layout includes:
|
||||
|
||||
1. **Left Sidebar Profile Card** with:
|
||||
- Avatar/profile image (or placeholder icon)
|
||||
- Name and role
|
||||
- Location indicator
|
||||
- Customizable stats (configured in `hugo.toml`)
|
||||
- Social media links
|
||||
|
||||
2. **Main Content Area** with:
|
||||
- Introduction section
|
||||
- Experience cards (from `---` separators)
|
||||
- Tech stack badges (configured in `hugo.toml`)
|
||||
|
||||
### How to Configure
|
||||
|
||||
**Stats and Skills** are parametrized in your `hugo.toml`:
|
||||
|
||||
```toml
|
||||
[params.about.alt]
|
||||
# Custom stats
|
||||
[[params.about.alt.stats]]
|
||||
value = "5+"
|
||||
label = "Years Coding"
|
||||
|
||||
# Tech stack with icons
|
||||
[[params.about.alt.skills]]
|
||||
label = "JavaScript"
|
||||
icon = "devicon-javascript-plain"
|
||||
```
|
||||
|
||||
This makes it easy to update your stats and skills without editing this page!
|
||||
|
||||
---
|
||||
|
||||
**Lead Developer** — [Modern Tech Co](https://example.com)
|
||||
*2022 – Present • Remote*
|
||||
|
||||
Leading development of cloud-native applications and mentoring engineering teams. Focus on scalable architecture, clean code practices, and continuous delivery.
|
||||
|
||||
---
|
||||
|
||||
**Senior Engineer** — Startup Ventures
|
||||
*2020 – 2022 • San Francisco*
|
||||
|
||||
Built full-stack applications from scratch. Worked with React, Node.js, PostgreSQL, and AWS to deliver features serving hundreds of thousands of users.
|
||||
|
||||
---
|
||||
|
||||
**Software Engineer** — Digital Solutions
|
||||
*2018 – 2020 • New York*
|
||||
|
||||
Developed enterprise applications using Java, Spring Boot, and modern frontend frameworks. Collaborated with cross-functional teams to ship quality software.
|
||||
|
||||
---
|
||||
|
||||
**Junior Developer** — Tech Academy
|
||||
*2016 – 2018 • Boston*
|
||||
|
||||
Started my career building web applications and learning industry best practices. Contributed to client projects and internal tooling.
|
||||
|
||||
---
|
||||
|
||||
## Layout Comparison
|
||||
|
||||
| Feature | Standard About | Alternative About |
|
||||
|---------|---------------|-------------------|
|
||||
| Layout | Centered, single column | Sidebar + content |
|
||||
| Profile Info | Top hero section | Left sidebar card |
|
||||
| Stats | Not included | Configurable stats grid |
|
||||
| Tech Stack | Not included | Icon badges |
|
||||
| Timeline | Vertical with markers | Card-based grid |
|
||||
| Best For | Traditional resumes | Modern portfolios |
|
||||
|
||||
Try both layouts to see which fits your style! Switch by changing `layout = "about"` or `layout = "about-alternative"` in the frontmatter.
|
||||
|
||||
### Responsive Design
|
||||
|
||||
Both layouts are fully responsive:
|
||||
- **Desktop:** Sidebar + content (alternative) or centered (standard)
|
||||
- **Tablet:** Stacked layout with adjusted spacing
|
||||
- **Mobile:** Single column, optimized for small screens
|
||||
|
||||
---
|
||||
|
||||
## Get Started
|
||||
|
||||
To use this layout on your site:
|
||||
|
||||
1. Copy this content file structure
|
||||
2. Set `layout = "about-alternative"` in frontmatter
|
||||
3. Configure stats and skills in `hugo.toml`
|
||||
4. Add your own content and experience
|
||||
5. Optionally add an avatar image to `static/images/`
|
||||
|
||||
That's it! The theme handles all the styling and responsive behavior automatically.
|
||||
Reference in New Issue
Block a user