Skip to content

Commit d171157

Browse files
StefTzorStefTzor
committed
Fixing Eleventy deployment with Nunjucks
1 parent d66830b commit d171157

File tree

25 files changed

+873
-304
lines changed

25 files changed

+873
-304
lines changed

‎.eleventy.js‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,15 @@
11
module.exports = function(eleventyConfig) {
22
// Copy the dist folder (Tailwind output) to the final site
33
eleventyConfig.addPassthroughCopy("dist");
4+
eleventyConfig.addPassthroughCopy("scripts");
5+
eleventyConfig.addPassthroughCopy("images");
46

57
return {
68
dir: {
79
input: "pages", // Source directory for pages
8-
includes: "../_includes", // Folder for partials like headers/footers
10+
includes: "_includes", // Folder for partials like headers/footers
911
output: "_site", // Build output folder (for GitHub Pages)
1012
},
1113
pathPrefix: "/", // Important: Set pathPrefix to `/` for GitHub Pages root deployment
1214
};
13-
};
15+
};

‎.github/workflows/deploy.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,4 +48,4 @@ jobs:
4848
uses: peaceiris/actions-gh-pages@v3
4949
with:
5050
personal_token: ${{ secrets.PERSONAL_TOKEN }}
51-
publish_dir: ./dist # adjust if your build output directory is different
51+
publish_dir: ./_site # adjust if your build output directory is different

‎_includes/header.html‎

Lines changed: 19 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,15 @@
1-
<!-- Header -->
21
<header class="bg-white dark:bg-gray-800 shadow-md sticky top-0 z-50">
32
<div class="container mx-auto flex justify-between items-center p-4">
43
<div class="logo">
5-
<a href="/index.njk" class="text-2xl font-bold text-purple-600 dark:text-purple-400">Stefanos Tzortzoglou</a>
4+
<a href="/" class="text-2xl font-bold text-purple-600 dark:text-purple-400">Stefanos Tzortzoglou</a>
65
</div>
76

87
<!-- Desktop Navigation -->
98
<nav class="hidden md:flex space-x-4">
10-
<a href="/index.njk" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Home</a>
11-
<a href="about.html" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">About</a>
12-
<a href="portfolio.html" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Portfolio</a>
13-
<a href="contact.html" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Contact</a>
9+
<a href="/" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Home</a>
10+
<a href="/about/" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">About</a>
11+
<a href="/portfolio/" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Portfolio</a>
12+
<a href="/contact/" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Contact</a>
1413
<div class="relative group">
1514
<!-- Parent Trigger -->
1615
<a href="#" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">
@@ -20,9 +19,9 @@
2019
<!-- Dropdown Menu -->
2120
<div class="absolute left-0 mt-2 bg-white dark:bg-gray-800 shadow-md opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
2221
<ul>
23-
<li><a href="/exclusive.njk" class="block px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">All Exclusive Content</a></li>
24-
<li><a href="blog.html" class="block px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Blog</a></li>
25-
<li><a href="resources.html" class="block px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Resources</a></li>
22+
<li><a href="/exclusive/" class="block px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">All Exclusive Content</a></li>
23+
<li><a href="/blog/" class="block px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Blog</a></li>
24+
<li><a href="/resources/" class="block px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Resources</a></li>
2625
</ul>
2726
</div>
2827
</div>
@@ -37,8 +36,8 @@
3736

3837
<!-- Desktop Actions -->
3938
<div class="hidden md:flex space-x-4">
40-
<a href="/login.njk" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400"><i class="fas fa-sign-in-alt"></i></a>
41-
<a href="/register.njk" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400"><i class="fas fa-user-plus"></i></a>
39+
<a href="/login/" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400"><i class="fas fa-sign-in-alt"></i></a>
40+
<a href="/register/" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400"><i class="fas fa-user-plus"></i></a>
4241
<button aria-label="Toggle theme" id="theme-toggle" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400"><i class="fas fa-adjust"></i></button>
4342
</div>
4443
</div>
@@ -55,27 +54,27 @@
5554
</button>
5655
</div>
5756
<ul class="space-y-4">
58-
<li><a href="/index.njk" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Home</a></li>
59-
<li><a href="about.html" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">About</a></li>
60-
<li><a href="portfolio.html" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Portfolio</a></li>
61-
<li><a href="contact.html" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Contact</a></li>
57+
<li><a href="/" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Home</a></li>
58+
<li><a href="/about/" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">About</a></li>
59+
<li><a href="/portfolio/" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Portfolio</a></li>
60+
<li><a href="/contact/" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Contact</a></li>
6261
<li>
6362
<div class="flex justify-between items-center cursor-pointer text-gray-900 dark:text-gray-100" id="exclusive-toggle">
6463
<span>Exclusive Content</span>
6564
<i class="fas fa-chevron-down"></i>
6665
</div>
6766
<ul class="pl-4 mt-2 space-y-2 hidden" id="mobile-dropdown">
68-
<li><a href="/exclusive.njk" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">All Exclusive Content</a></li>
69-
<li><a href="blog.html" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Blog</a></li>
70-
<li><a href="resources.html" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Resources</a></li>
67+
<li><a href="/exclusive/" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">All Exclusive Content</a></li>
68+
<li><a href="/blog/" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Blog</a></li>
69+
<li><a href="/resources/" class="block text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">Resources</a></li>
7170
</ul>
7271
</li>
7372
<li class="pt-4 border-t border-gray-200 dark:border-gray-700">
7473
<div class="flex space-x-4">
75-
<a href="/login.njk" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">
74+
<a href="/login/" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">
7675
<i class="fas fa-sign-in-alt mr-2"></i> Login
7776
</a>
78-
<a href="/register.njk" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">
77+
<a href="/register/" class="text-gray-900 dark:text-gray-100 hover:text-purple-600 dark:hover:text-purple-400">
7978
<i class="fas fa-user-plus mr-2"></i> Register
8079
</a>
8180
</div>

0 commit comments

Comments
 (0)