Skip to content

Commit a9628cf

Browse files
DebdyutDebdyut
committed
Refactor to mobile-first minimal design
- Reduced CSS from 365 to 231 lines (37% reduction) - Mobile-first responsive design with progressive enhancement - Removed JavaScript dependencies - pure CSS solution - Simplified navigation: mobile vertical, tablet/desktop horizontal - Removed unused layout files and complexity - Three breakpoints: mobile (base), tablet (768px+), desktop (1024px+) - Clean brand name display on mobile only
1 parent a946f9c commit a9628cf

File tree

6 files changed

+98
-304
lines changed

6 files changed

+98
-304
lines changed

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

Lines changed: 8 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -15,43 +15,22 @@
1515
<link rel="stylesheet" href="{{ "css/minimal.css" | relURL }}">
1616
</head>
1717
<body>
18-
<nav id="navbar">
19-
<div class="nav-container">
20-
<button class="nav-toggle" onclick="toggleNav()">☰</button>
21-
<div class="brand">Debdyut Hajra</div>
22-
<ul id="nav-menu">
23-
<li><a href="{{ "/" | relURL }}"><span class="emoji">🏠</span> Home</a></li>
24-
<li><a href="{{ "/projects" | relURL }}"><span class="emoji">🛠️</span> Projects</a></li>
25-
<li><a href="{{ "/opensource" | relURL }}"><span class="emoji">🌍</span> Community</a></li>
26-
<li><a href="{{ "/contact" | relURL }}"><span class="emoji">📧</span> Connect</a></li>
27-
</ul>
28-
</div>
18+
<nav>
19+
<div class="nav-brand">{{ .Site.Params.author }}</div>
20+
<ul>
21+
<li><a href="{{ "/" | relURL }}"><span class="emoji">🏠</span> Home</a></li>
22+
<li><a href="{{ "/projects" | relURL }}"><span class="emoji">🛠️</span> Projects</a></li>
23+
<li><a href="{{ "/opensource" | relURL }}"><span class="emoji">🌍</span> Community</a></li>
24+
<li><a href="{{ "/contact" | relURL }}"><span class="emoji">📧</span> Connect</a></li>
25+
</ul>
2926
</nav>
3027

3128
<main>
3229
{{ block "main" . }}{{ end }}
3330
</main>
3431

3532
<footer>
36-
<div class="ascii-divider"></div>
3733
<p><span class="emoji">👨💻</span> {{ .Site.Params.author }} | {{ .Site.Params.role }}</p>
3834
</footer>
39-
40-
<script>
41-
function toggleNav() {
42-
const menu = document.getElementById('nav-menu');
43-
menu.classList.toggle('show');
44-
}
45-
46-
// Sticky navbar on scroll
47-
window.addEventListener('scroll', function() {
48-
const navbar = document.getElementById('navbar');
49-
if (window.scrollY > 50) {
50-
navbar.classList.add('sticky');
51-
} else {
52-
navbar.classList.remove('sticky');
53-
}
54-
});
55-
</script>
5635
</body>
5736
</html>

‎portfolio/themes/basic/layouts/partials/footer.html‎

Lines changed: 0 additions & 3 deletions
This file was deleted.

‎portfolio/themes/basic/layouts/partials/head.html‎

Lines changed: 0 additions & 29 deletions
This file was deleted.

‎portfolio/themes/basic/layouts/partials/header.html‎

Lines changed: 0 additions & 3 deletions
This file was deleted.

‎portfolio/themes/basic/layouts/partials/nav.html‎

Lines changed: 0 additions & 16 deletions
This file was deleted.

0 commit comments

Comments
 (0)