Skip to content

Commit 936e2a7

Browse files
author
Jules AI
committed
docs: add static website and attribution
1 parent e85f64c commit 936e2a7

File tree

7 files changed

+782
-0
lines changed

7 files changed

+782
-0
lines changed

‎.github/workflows/deploy-pages.yml‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
name: Deploy Static Website
2+
3+
on:
4+
push:
5+
branches: ["main"]
6+
workflow_dispatch:
7+
8+
permissions:
9+
contents: read
10+
pages: write
11+
id-token: write
12+
13+
concurrency:
14+
group: "pages"
15+
cancel-in-progress: false
16+
17+
jobs:
18+
deploy:
19+
environment:
20+
name: github-pages
21+
url: ${{ steps.deployment.outputs.page_url }}
22+
runs-on: ubuntu-latest
23+
steps:
24+
- name: Checkout
25+
uses: actions/checkout@v4
26+
27+
- name: Setup Pages
28+
uses: actions/configure-pages@v5
29+
30+
- name: Upload artifact
31+
uses: actions/upload-pages-artifact@v3
32+
with:
33+
path: 'docs'
34+
35+
- name: Deploy to GitHub Pages
36+
id: deployment
37+
uses: actions/deploy-pages@v4

‎docs/about.html‎

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
```html
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7+
<title>About Me - DevCore Software Design Principles Handbook</title>
8+
<script src="https://cdn.tailwindcss.com"></script>
9+
<script>
10+
tailwind.config = {
11+
theme: {
12+
extend: {
13+
backdropBlur: {
14+
xs: '2px',
15+
},
16+
backgroundColor: {
17+
glass: 'rgba(255, 255, 255, 0.08)',
18+
},
19+
borderColor: {
20+
glass: 'rgba(255, 255, 255, 0.2)',
21+
},
22+
fontFamily: {
23+
sans: ['Inter', 'sans-serif'],
24+
},
25+
},
26+
},
27+
};
28+
</script>
29+
<style>
30+
body {
31+
@apply bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 text-white font-sans;
32+
min-height: 100vh;
33+
}
34+
.glass {
35+
@apply bg-glass backdrop-blur-sm border border-glass rounded-xl shadow-lg p-6;
36+
}
37+
.section-title {
38+
@apply text-xl font-semibold text-purple-300 mb-3 tracking-wide;
39+
}
40+
.link-button {
41+
@apply inline-block px-4 py-2 bg-purple-600 hover:bg-purple-700 rounded-lg text-sm font-medium transition-colors duration-300;
42+
}
43+
.social-icon {
44+
@apply w-5 h-5 mr-2;
45+
}
46+
</style>
47+
</head>
48+
<body class="leading-relaxed tracking-wide antialiased">
49+
<!-- Navigation -->
50+
<nav class="px-6 py-4">
51+
<div class="max-w-4xl mx-auto flex justify-between items-center">
52+
<a href="index.html" class="text-2xl font-bold text-white hover:text-purple-300 transition-colors duration-300">
53+
🚀 DevCore
54+
</a>
55+
<div class="space-x-6">
56+
<a href="index.html" class="text-gray-300 hover:text-white transition-colors duration-300">Home</a>
57+
<a href="about.html" class="text-purple-300 font-medium border-b-2 border-purple-500">About</a>
58+
<a href="contact.html" class="text-gray-300 hover:text-white transition-colors duration-300">Contact</a>
59+
</div>
60+
</div>
61+
</nav>
62+
63+
<!-- Main Content -->
64+
<main class="px-6 py-12">
65+
<div class="max-w-4xl mx-auto space-y-10">
66+
<!-- Hero Section -->
67+
<section class="text-center space-y-4">
68+
<h1 class="text-4xl md:text-5xl font-extrabold bg-gradient-to-r from-white to-purple-200 bg-clip-text text-transparent">
69+
About Me
70+
</h1>
71+
<p class="text-lg text-gray-300 max-w-2xl mx-auto">
72+
Get to know the mind behind <span class="font-semibold text-purple-300">DevCore</span> — a passionate Software Engineer dedicated to clean code, scalability, and next-gen development.
73+
</p>
74+
</section>
75+
76+
<!-- Profile Card -->
77+
<section class="glass border border-glass shadow-xl mx-auto max-w-2xl text-center">
78+
<div class="p-6 space-y-4">
79+
<div class="w-24 h-24 bg-gradient-to-br from-purple-500 to-pink-500 rounded-full mx-auto flex items-center justify-center text-3xl font-bold text-white shadow-lg">
80+
CS
81+
</div>
82+
<h2 class="text-2xl font-bold text-white">Chirag Singhal</h2>
83+
<p class="text-purple-300 font-medium">Software Engineer · Backend & GenAI Specialist</p>
84+
<p class="text-gray-300 text-sm">📍 Bhubaneswar, Odisha, India</p>
85+
86+
<!-- Social Links -->
87+
<div class="flex justify-center space-x-4 mt-4">
88+
<a href="https://github.com/chirag127" target="_blank" class="text-gray-400 hover:text-white transition-colors">
89+
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.42.36.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
90+
</a>
91+
<a href="https://linkedin.com/in/chirag-singhal1" target="_blank" class="text-gray-400 hover:text-white transition-colors">
92+
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
93+
</a>
94+
<a href="mailto:chiragsinghal127@gmail.com" class="text-gray-400 hover:text-white transition-colors">
95+
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
96+
</a>
97+
<a href="https://buymeacoffee.com/WhyIsWhen" target="_blank" class="text-gray-400 hover:text-white transition-colors">
98+
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0C8.48 0 5.5 1.72 3.4 4.41.9 7.08 0 9.8 0 12.5c0 3.76 2.35 6.5 5.5 7.88v1.87c0 .83.67 1.5 1.5 1.5h1.97c.28 0 .52-.22.55-.5l.48-4.04c0-.05.05-.09.1-.09h4.91c.05 0 .1.04.1.09l.48 4.04c0 .28.27.5.55.5h1.97c.83 0 1.5-.67 1.5-1.5V20.38c3.15-1.38 5.5-4.12 5.5-7.88 0-2.7-.9-5.42-3.4-8.1C17.5 1.72 15.52 0 12 0zm0 2.04c2.9 0 5.29 1.39 6.83 3.55.69.97 1.2 2.25 1.2 3.67 0 3.07-2.42 5.5-5.5 5.5-2.9 0-5.29-1.39-6.83-3.55-.69-.97-1.2-2.25-1.2-3.67 0-3.07 2.42-5.5 5.5-5.5z"/></svg>
99+
</a>
100+
</div>
101+
</div>
102+
</section>
103+
104+
<!-- Resume/Bio Sections -->
105+
<div class="grid md:grid-cols-2 gap-8">
106+
<!-- Education -->
107+
<div class="glass p-6">
108+
<h3 class="section-title">🎓 Education</h3>
109+
<ul class="space-y-3">
110+
<li

‎docs/contact.html‎

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
```html
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7+
<title>Contact | DevCore - Software Design Principles Handbook</title>
8+
<meta name="description" content="Get in touch with Chirag Singhal, the author of DevCore: Software Design Principles Handbook. Reach out for collaborations, feedback, or inquiries about software engineering and design patterns.">
9+
10+
<!-- Tailwind CSS via CDN -->
11+
<script src="https://cdn.tailwindcss.com"></script>
12+
<!-- Optional: Custom Tailwind Config -->
13+
<script>
14+
tailwind.config = {
15+
theme: {
16+
extend: {
17+
backdropFilter: {
18+
blur: 'blur(10px)',
19+
},
20+
fontFamily: {
21+
sans: ['Inter', 'ui-sans-serif', 'system-ui'],
22+
},
23+
colors: {
24+
primary: '#6D28D9',
25+
glass: 'rgba(255, 255, 255, 0.08)',
26+
},
27+
boxShadow: {
28+
glass: '0 8px 32px rgba(31, 38, 135, 0.15)',
29+
},
30+
border: {
31+
glass: '1px solid rgba(255, 255, 255, 0.18)',
32+
}
33+
},
34+
},
35+
};
36+
</script>
37+
<style>
38+
body {
39+
font-family: 'Inter', sans-serif;
40+
background: linear-gradient(135deg, #1e293b, #0f172a);
41+
color: #e2e8f0;
42+
}
43+
</style>
44+
</head>
45+
<body class="min-h-screen flex flex-col">
46+
47+
<!-- Navigation -->
48+
<nav class="p-6 text-center">
49+
<a href="index.html" class="text-2xl font-bold text-white hover:text-purple-300 transition">
50+
🚀 DevCore: Software Design Principles Handbook
51+
</a>
52+
</nav>
53+
54+
<!-- Main Content -->
55+
<main class="flex-grow flex items-center justify-center px-4 py-12">
56+
<div class="w-full max-w-lg">
57+
<!-- Glassmorphism Card -->
58+
<div class="bg-glass backdrop-filter backdrop-blur-lg rounded-2xl shadow-glass border border-glass p-8 text-center space-y-6 transform hover:scale-[1.01] transition">
59+
60+
<h1 class="text-3xl font-extrabold text-white">Get In Touch</h1>
61+
<p class="text-lg text-gray-300">
62+
Have questions, feedback, or want to collaborate? I'd love to hear from you!
63+
</p>
64+
65+
<!-- Contact Info -->
66+
<div class="space-y-4 text-left">
67+
<div class="flex items-center space-x-3 text-gray-200">
68+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-purple-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
69+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
70+
</svg>
71+
<a href="mailto:chiragsinghal127@gmail.com" class="hover:text-purple-300 transition">
72+
chiragsinghal127@gmail.com
73+
</a>
74+
</div>
75+
76+
<div class="flex items-center space-x-3 text-gray-200">
77+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
78+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
79+
</svg>
80+
<a href="https://github.com/chirag127" target="_blank" rel="noopener" class="hover:text-blue-300 transition">
81+
GitHub (@chirag127)
82+
</a>
83+
</div>
84+
85+
<div class="flex items-center space-x-3 text-gray-200">
86+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
87+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6z" />
88+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 14v7H4v-7a4 4 0 014-4z" />
89+
</svg>
90+
<a href="https://linkedin.com/in/chirag-singhal1" target="_blank" rel="noopener" class="hover:text-blue-500 transition">
91+
LinkedIn (Chirag Singhal)
92+
</a>
93+
</div>
94+
95+
<div class="flex items-center space-x-3 text-gray-200">
96+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-amber-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
97+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
98+
</svg>
99+
<a href="https://buymeacoffee.com/WhyIsWhen" target="_blank" rel="noopener" class="hover:text-amber-400 transition">
100+
Buy Me a Coffee
101+
</a>
102+
</div>
103+
</div>
104+
105+
<!-- Call to Action -->
106+
<p class="text-sm text-gray-400 mt-4">
107+
Whether you want to contribute to the handbook, report an issue, or just say hello — feel free to reach out!
108+
</p>
109+
</div>
110+
</div>
111+
</main>
112+
113+
<!-- Footer -->
114+
<footer class="py-6 text-center text-gray-500 text-sm border-t border-gray-800 mt-auto">
115+
<p>Copyright (c) 2026 Chirag Singhal | Designed by Chirag Singhal</p>
116+
</footer>
117+
118+
</body>
119+
</html>
120+
```

‎docs/index.html‎

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
```html
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7+
<meta name="description" content="DevCore: Software Design Principles Handbook - A comprehensive guide to clean, scalable, and maintainable code for developers at all levels." />
8+
<title>🚀 DevCore: Software Design Principles Handbook</title>
9+
10+
<!-- Tailwind CSS via CDN -->
11+
<script src="https://cdn.tailwindcss.com"></script>
12+
13+
<!-- Custom Styles for Glassmorphism -->
14+
<style>
15+
body {
16+
@apply bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 text-white;
17+
font-family: 'Inter', sans-serif;
18+
}
19+
.glass {
20+
@apply bg-white/10 backdrop-blur-lg border border-white/20 rounded-xl shadow-2xl;
21+
}
22+
.card-hover {
23+
@apply transition-all duration-300 hover:scale-105 hover:shadow-purple-500/20 hover:shadow-2xl;
24+
}
25+
.btn-primary {
26+
@apply bg-gradient-to-r from-purple-600 to-blue-500 hover:from-purple-700 hover:to-blue-600 py-3 px-6 rounded-xl font-semibold shadow-lg hover:shadow-xl transition-all duration-300;
27+
}
28+
.badge {
29+
@apply bg-white/20 px-3 py-1 rounded-full text-sm font-medium;
30+
}
31+
</style>
32+
</head>
33+
<body class="min-h-screen flex flex-col">
34+
35+
<!-- Navbar -->
36+
<nav class="p-6 flex justify-between items-center">
37+
<div class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-600">
38+
DevCore
39+
</div>
40+
<div class="hidden md:flex space-x-8">
41+
<a href="index.html" class="hover:text-purple-400 transition">Home</a>
42+
<a href="about.html" class="hover:text-purple-400 transition">About</a>
43+
<a href="contact.html" class="hover:text-purple-400 transition">Contact</a>
44+
</div>
45+
<a href="https://github.com/chirag127/DevCore-Software-Design-Principles-Handbook" target="_blank" class="text-white">
46+
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
47+
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
48+
</svg>
49+
</a>
50+
</nav>
51+
52+
<!-- Hero Section -->
53+
<header class="flex-1 flex items-center justify-center p-6">
54+
<div class="text-center max-w-4xl mx-auto">
55+
<img src="https://img.shields.io/github/actions/workflow/status/chirag127/DevCore-Software-Design-Principles-Handbook/ci.yml?style=for-the-badge&logo=github&label=BUILD&color=blueviolet" alt="Build Status" class="mx-auto mb-6" />
56+
<h1 class="text-5xl md:text-7xl font-extrabold mb-6 leading-tight">
57+
<span class="bg-clip-text text-transparent bg-gradient-to-r from-purple-400 via-pink-500 to-blue-500">
58+
DevCore
59+
</span>
60+
</h1>
61+
<p class="text-xl md:text-2xl text-gray-300 mb-8 leading-relaxed">
62+
The definitive handbook on <strong>Software Design Principles</strong> and <strong>Clean Architecture</strong>.<br>
63+
Master SOLID, DRY, KISS, and modern patterns for <em>scalable, maintainable</em> code.
64+
</p>
65+
<div class="flex flex-col sm:flex-row justify-center gap-4 mb-10">
66+
<a href="about.html" class="btn-primary text-white">Explore Handbook</a>
67+
<a href="https://github.com/chirag127/DevCore-Software-Design-Principles-Handbook" target="_blank" class="btn-primary bg-white/10 border border-white/30 hover:bg-white/20 text-white">
68+
View on GitHub
69+
</a>
70+
</div>
71+
72+
<!-- Feature Badges -->
73+
<div class="flex flex-wrap justify-center gap-3 mb-12">
74+
<span class="badge">SOLID Principles</span>
75+
<span class="badge">Design Patterns</span>
76+
<span class="badge">Clean Code</span>
77+
<span class="badge">Best Practices</span>
78+
<span class="badge">OOP & FP</span>
79+
<span class="badge">Scalability</span>
80+
</div>
81+
</div>
82+
</header>
83+
84+
<!-- Features Section -->
85+
<section class="px-6 pb-16">
86+
<div class="max-w-6xl mx-auto grid md:grid-cols-3 gap-10">
87+
<!-- Feature 1 -->
88+
<div class="glass p-8 text-center card-hover">
89+
<div class="w-16 h-16 mx-auto mb-5 bg-purple-500 rounded-full flex items-center justify-center text-2xl">📚</div>
90+
<h3 class="text-2xl font-bold mb-3">Comprehensive Guide</h3>
91+
<p class="text-gray-300">In-depth coverage of core software design principles with real-world examples and anti-patterns.</p>
92+
</div>
93+
94+
<!-- Feature 2 -->
95+
<div class="glass p-8 text-center card-hover">
96+
<div class="w-16 h-16 mx-auto mb-5 bg-blue-500 rounded-full flex items-center justify-center text-2xl">🎯</div>
97+
<h3 class="text-2xl font-bold mb-3">Practical Focus</h3>
98+
<p class="text-gray-300">Learn how to apply design principles effectively in backend systems, APIs, and scalable services.</p>
99+
</div>
100+
101+
<!-- Feature 3 -->
102+
<div class="glass p-8 text-center card-hover">
103+
<div class="w-16 h-16 mx-auto mb-5 bg-pink-500 rounded-full flex items-center justify-center text-2xl">👨‍💻</div>
104+
<h3 class="text-2xl font-bold mb-3">For All Levels</h3>
105+
<p class="text-gray-300">From juniors to seniors — level up your engineering mindset and code quality.</p>
106+
</div>
107+
</div>
108+
</section>
109+
110+
<!-- Footer -->
111+
<footer class="p-6 text-center text-gray-400 text-sm mt-auto">
112+
<p>Copyright (c) 2026 Chirag Singhal | Designed by Chirag Singhal</p>
113+
<div class="flex justify-center space-x-6 mt-3">
114+
<a href="https://github.com/chirag127" target="_blank" class="hover:text-white transition">GitHub</a>
115+
<a href="https://linkedin.com/in/chirag-singhal1" target="_blank" class="hover:text-white transition">LinkedIn</a>
116+
<a href="https://buymeacoffee.com/WhyIsWhen" target="_blank" class="hover:text-white transition">Buy Me a Coffee</a>
117+
<a href="mailto:chiragsinghal127@gmail.com" class="hover:text-white transition">Email</a>
118+
</div>
119+
</footer>
120+
121+
</body>
122+
</html>
123+
```

0 commit comments

Comments
 (0)