Skip to content

Commit 1c9c309

Browse files
DebdyutDebdyut
committed
feat: Add black & white emoji design and development documentation
- Added grayscale emoji styling for monochrome aesthetic - Enhanced navigation with emoji icons (🏠 🛠️ 🌍 📧) - Updated content sections with contextual emojis - Fixed Hugo configuration for raw HTML rendering - Added comprehensive README with development commands - Improved visual hierarchy with section icons - Maintained minimal black & white design consistency
1 parent 62fc916 commit 1c9c309

File tree

8 files changed

+147
-31
lines changed

8 files changed

+147
-31
lines changed

‎README.md‎

Lines changed: 98 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,98 @@
1-
# Debdyut.github.io
1+
# Debdyut Hajra - Professional Portfolio
2+
3+
Technical Product Engineer portfolio showcasing expertise in payments integration, cloud architecture, and ARM embedded systems.
4+
5+
## 🚀 Quick Start
6+
7+
### Prerequisites
8+
- Hugo (install via `brew install hugo`)
9+
- Git
10+
11+
### Local Development
12+
13+
```bash
14+
# Clone the repository
15+
git clone https://github.com/Debdyut/Debdyut.github.io.git
16+
cd Debdyut.github.io
17+
18+
# Switch to development branch
19+
git checkout develop/hugo-site
20+
21+
# Start development server
22+
cd portfolio
23+
hugo server --bind 0.0.0.0 --port 1313
24+
25+
# Open in browser
26+
open http://localhost:1313
27+
```
28+
29+
### Build for Production
30+
31+
```bash
32+
cd portfolio
33+
hugo --minify
34+
```
35+
36+
## 🎨 Design
37+
38+
- **Style**: Minimal black & white with line art aesthetics
39+
- **Typography**: Monospace fonts (Monaco, Menlo, Ubuntu Mono)
40+
- **Emojis**: Grayscale filtered for monochrome appearance
41+
- **Responsive**: Mobile-first design with breakpoints
42+
43+
## 📁 Structure
44+
45+
```
46+
portfolio/
47+
├── config.toml # Site configuration
48+
├── content/ # Markdown content
49+
│ ├── _index.md # Homepage
50+
│ ├── projects/ # Project showcase
51+
│ ├── contact.md # Contact information
52+
│ └── opensource.md # Community contributions
53+
├── themes/basic/ # Custom minimal theme
54+
└── static/ # Static assets
55+
```
56+
57+
## 🔧 Development Commands
58+
59+
```bash
60+
# Start development server
61+
hugo server
62+
63+
# Start with drafts and future posts
64+
hugo server --buildDrafts --buildFuture
65+
66+
# Start on specific port
67+
hugo server --port 8080
68+
69+
# Build site
70+
hugo
71+
72+
# Build with minification
73+
hugo --minify
74+
75+
# Clean build cache
76+
hugo --gc
77+
```
78+
79+
## 🚀 Deployment
80+
81+
Automated deployment via GitHub Actions:
82+
- Push to `develop/hugo-site` branch
83+
- GitHub Actions builds and deploys to `gh-pages`
84+
- Site available at https://debdyut.github.io
85+
86+
## 📝 Content Updates
87+
88+
1. Edit markdown files in `content/`
89+
2. Update configuration in `config.toml`
90+
3. Modify theme in `themes/basic/`
91+
4. Test locally with `hugo server`
92+
5. Commit and push to trigger deployment
93+
94+
---
95+
96+
**Live Site**: https://debdyut.github.io
97+
**Author**: Debdyut Hajra
98+
**Role**: Technical Product Owner @Delta Air Lines

‎portfolio/config.toml‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,3 +12,10 @@ theme = 'basic'
1212

1313
gh_url = "https://api.github.com/users"
1414
gh_user = "Debdyut"
15+
16+
[markup]
17+
[markup.goldmark]
18+
[markup.goldmark.renderer]
19+
unsafe = true
20+
21+
ignoreLogs = ['warning-goldmark-raw-html']

‎portfolio/content/_index.md‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -10,45 +10,45 @@ draft: false
1010

1111
---
1212

13-
## About
13+
## <span class="section-icon">👤</span> About
1414

1515
Technical Product Engineer specializing in Enterprise Payments Gateway solutions. I blend technical depth with product management to deliver impactful payment integrations and lead cross-functional teams.
1616

1717
Currently expanding expertise into ARM embedded systems and community leadership.
1818

1919
---
2020

21-
## Key Expertise
21+
## <span class="section-icon">⚡</span> Key Expertise
2222

23-
**Payments Integration**
23+
**<span class="emoji">💳</span> Payments Integration**
2424
- Credit card payments, alternative payment methods
2525
- Global payment solutions
2626
- Vendor integrations: Cardinal, Elavon, Visa, Amex
2727

28-
**Technical Leadership**
28+
**<span class="emoji">👥</span> Technical Leadership**
2929
- Leading 2 Agile scrum teams
3030
- Cross-functional collaboration across 10+ portfolios
3131
- API Integration: REST APIs, OAuth, Swagger
3232

33-
**Cloud & Infrastructure**
33+
**<span class="emoji">☁️</span> Cloud & Infrastructure**
3434
- AWS migration and modernization
3535
- Kubernetes administration
3636
- API Gateway setup (Kong, AWS ELB)
3737

3838
---
3939

40-
## Current Focus
40+
## <span class="section-icon">🎯</span> Current Focus
4141

4242
Exploring ARM Cortex-M architecture and embedded systems development while maintaining excellence in payment systems engineering.
4343

4444
Building community through mentorship and technical education.
4545

4646
---
4747

48-
## Recognition
48+
## <span class="section-icon">🏆</span> Recognition
4949

50-
- First Runner Up: "Building Apps For the Future" Hackathon
51-
- Winner: Innovation Pitch Contest
52-
- Winner: Smart India Hackathon 2017
53-
- Microsoft Certified: Azure Solutions Architect Expert
54-
- Mentor: NITI Aayog & Intel Unnati Workshops (200+ students)
50+
- <span class="emoji">🥈</span> First Runner Up: "Building Apps For the Future" Hackathon
51+
- <span class="emoji">🥇</span> Winner: Innovation Pitch Contest
52+
- <span class="emoji">🥇</span> Winner: Smart India Hackathon 2017
53+
- <span class="emoji">📜</span> Microsoft Certified: Azure Solutions Architect Expert
54+
- <span class="emoji">👨‍🏫</span> Mentor: NITI Aayog & Intel Unnati Workshops (200+ students)

‎portfolio/content/contact.md‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,33 +5,33 @@ draft: false
55
layout: contact
66
---
77

8-
# Let's Connect
8+
# <span class="section-icon">🤝</span> Let's Connect
99

1010
---
1111

12-
## Professional
12+
## <span class="emoji">💼</span> Professional
1313

14-
**LinkedIn**: [linkedin.com/in/debdyuthajra](https://linkedin.com/in/debdyuthajra)
14+
**<span class="emoji">🔗</span> LinkedIn**: [linkedin.com/in/debdyuthajra](https://linkedin.com/in/debdyuthajra)
1515

16-
**GitHub**: [github.com/Debdyut](https://github.com/Debdyut)
16+
**<span class="emoji">💻</span> GitHub**: [github.com/Debdyut](https://github.com/Debdyut)
1717

1818
---
1919

20-
## Interests
20+
## <span class="emoji">🎯</span> Interests
2121

22-
**Technical Discussions**
22+
**<span class="emoji">💬</span> Technical Discussions**
2323
- Payment systems architecture
2424
- Cloud infrastructure and AWS
2525
- ARM embedded systems
2626
- Product management
2727

28-
**Collaboration**
28+
**<span class="emoji">🤝</span> Collaboration**
2929
- Open source contributions
3030
- Technical mentorship
3131
- Community building
3232
- Innovation projects
3333

34-
**Speaking & Mentorship**
34+
**<span class="emoji">🎤</span> Speaking & Mentorship**
3535
- Technical workshops
3636
- Student mentoring
3737
- Industry presentations

‎portfolio/content/projects/_index.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,21 +8,21 @@ outputs:
88
- RSS
99
---
1010

11-
# Projects
11+
# <span class="section-icon">🛠️</span> Projects
1212

1313
A collection of technical projects demonstrating expertise across payment systems, cloud architecture, and emerging embedded technologies.
1414

1515
---
1616

17-
## Enterprise Solutions
17+
## <span class="emoji">🏢</span> Enterprise Solutions
1818

1919
Payment gateway integrations, cloud migrations, and scalable API architectures.
2020

21-
## Embedded Systems
21+
## <span class="emoji">🔧</span> Embedded Systems
2222

2323
ARM Cortex-M learning journey and embedded development projects.
2424

25-
## Innovation
25+
## <span class="emoji">💡</span> Innovation
2626

2727
Hackathon projects, research publications, and experimental technologies.
2828

‎portfolio/themes/basic/layouts/_default/baseof.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@
1010
<body>
1111
<nav>
1212
<ul>
13-
<li><a href="{{ "/" | relURL }}">Home</a></li>
14-
<li><a href="{{ "/projects" | relURL }}">Projects</a></li>
15-
<li><a href="{{ "/opensource" | relURL }}">Community</a></li>
16-
<li><a href="{{ "/contact" | relURL }}">Connect</a></li>
13+
<li><a href="{{ "/" | relURL }}"><span class="emoji">🏠</span> Home</a></li>
14+
<li><a href="{{ "/projects" | relURL }}"><span class="emoji">🛠️</span> Projects</a></li>
15+
<li><a href="{{ "/opensource" | relURL }}"><span class="emoji">🌍</span> Community</a></li>
16+
<li><a href="{{ "/contact" | relURL }}"><span class="emoji">📧</span> Connect</a></li>
1717
</ul>
1818
</nav>
1919

@@ -23,7 +23,7 @@
2323

2424
<footer>
2525
<div class="ascii-divider"></div>
26-
<p>{{ .Site.Params.author }} | {{ .Site.Params.role }}</p>
26+
<p><span class="emoji">👨‍💻</span> {{ .Site.Params.author }} | {{ .Site.Params.role }}</p>
2727
</footer>
2828
</body>
2929
</html>

‎portfolio/themes/basic/layouts/_default/opensource.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ <h2>{{ .Title }}</h2>
55
{{ .Content }}
66

77
{{ $url:= printf "%s/%s/repos" .Site.Params.gh_url .Site.Params.gh_user }}
8-
{{ $repos := getJSON $url }}
8+
{{ $repos := resources.GetRemote $url | transform.Unmarshal }}
99

1010
<section class="oss">
1111
{{ range $repos }}

‎portfolio/themes/basic/static/css/minimal.css‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -165,6 +165,18 @@ button:hover {
165165
margin: 2rem 0;
166166
}
167167

168+
/* Black & White Emoji Styling */
169+
.emoji {
170+
filter: grayscale(100%) contrast(200%);
171+
font-style: normal;
172+
}
173+
174+
.section-icon {
175+
font-size: 1.2em;
176+
margin-right: 0.5rem;
177+
filter: grayscale(100%) contrast(200%);
178+
}
179+
168180
/* Responsive */
169181
@media (max-width: 600px) {
170182
body {

0 commit comments

Comments
 (0)