Main to dev

.eleventy.js

@@ -1,152 +1,44 @@
-module.exports = function(eleventyConfig) {
+const fs = require("fs");
+const path = require("path");
+
+const CSS_BUNDLE_FILES = [
+    "css/base.css",
+    "css/header-and-profile.css",
+    "css/buttons-and-dropdowns.css",
+    "css/projects.css",
+    "css/footer.css",
+    "css/utilities.css"
+];
+
+function bundleCss() {
+    const bundled = CSS_BUNDLE_FILES
+        .map((file) => fs.readFileSync(path.join(__dirname, file), "utf8"))
+        .join("\n");
+    fs.writeFileSync(path.join(__dirname, "stylesheet.css"), bundled);
+}
+
+module.exports = function (eleventyConfig) {
     eleventyConfig.addPassthroughCopy("Images");
     eleventyConfig.addPassthroughCopy("Scripts");
     eleventyConfig.addPassthroughCopy("stylesheet.css");
     eleventyConfig.addPassthroughCopy("Resume.pdf");
+    eleventyConfig.addPassthroughCopy("robots.txt");
+    eleventyConfig.addPassthroughCopy("llms.txt");
+    eleventyConfig.addWatchTarget("css");
+    eleventyConfig.on("eleventy.before", bundleCss);
 
-    eleventyConfig.addShortcode("ProjectCard", function(link, img, title, logo1, logo2, logo3, description) {
-        let logos = '';
-        if (logo3) {
-            logos = `
-            <img src="${logo3}" style="width:30px; float:right; margin-left: 5px; margin-top: 2px; border-radius: 10px;">
-            <img src="${logo2}" style="width:30px; float:right; margin-left: 5px;">
-            <img src="${logo1}" style="width:30px; float:right;">
-            `;
-        } else if (logo2) {
-            logos = `
-            <img src="${logo2}" style="width:30px; float:right; margin-left: 5px;">
-            <img src="${logo1}" style="width:30px; float:right;">
-            `;
-        } else if (logo1) {
-            logos = `
-            <img src="${logo1}" style="width:30px; float:right;">
-            `;
-        }
-
-        return `<div class="project-item-outer">
-                    <a href="${link}" style="display: inline-block;">
-                        <img src="${img}">
-                    </a>
-                    <div class="project-item-inner">
-                        <h3 class="project-title">
-                        <a href="${link}">${title}</a>
-                        ${logos}
-                        </h3>
-                        <p>${description}</p>
-                        <a href="${link}" class="project-learn-more">Learn More</a>
-                    </div>
-                </div>`;
-    });
-
-    eleventyConfig.addShortcode("NavigationButtons", function() {
-        return `<div>
-                    <button onclick="window.location.href='index.html'" class="medium">About Me</button>
-                    <div class="dropdown">
-                    <button onclick="window.location.href='index.html#projects'" class="dropbtn medium">Projects</button>
-                    <div class="dropdown-content">
-                        <a href="index.html#game-projects">Game Development</a>
-                        <a href="index.html#web-projects">Web Development</a>
-                        <a href="index.html#mobile-projects">Mobile Development</a>
-                        <a href="index.html#3d-projects">Modelling & Animation</a>
-                        <a href="index.html#other-projects">Other Projects</a>
-                    </div>
-                    </div>
-                    <button onclick="window.location.href='Contact.html'" class="medium">Contact</button>
-                </div>`;
-    });
-
-    eleventyConfig.addShortcode("Footer", function() {
-        const year = new Date().getFullYear();
-        return `<footer class="container ">
-                    <div>
-                    <p>
-                        © ${year} Dylan Archer.
-                    </p>
-                    <a href="https://github.com/dylan-ka" target="_blank" class="social-icon-white">
-                        <img width="30px" class="footer-href" src="Images/Logos/GitHubLogo.png">
-                    </a>
-                    <a href="https://dylanka.itch.io/" target="_blank" class="social-icon-white">
-                        <img width="30px" class="footer-href" src="Images/Logos/ItchLogo.webp">
-                    </a>
-                    <a href="https://www.linkedin.com/in/dylan-archer-44a783338/" target="_blank" class="social-icon-white">
-                        <img width="30px" class="footer-href" src="Images/Logos/LinkedInLogo.webp">
-                    </a>
-                    </div>
-                </footer>`;
-    });
-
-    eleventyConfig.addShortcode("Sidebar", function() {
-        return `<nav style="z-index:3;width:300px;" id="mySidebar"><br>
-                    <div class="container">
-                        <a href="#" onclick="" title="close menu">
-                        </i>
-                        </a>
-                        <img src="Images/ProfilePicture.jpeg" style="width:100%;" ><br><br>
-                        <h4>Portfolio</h4>
-                    </div>
-                    <div>
-                        <a href="index.html#about"></i><b>About Me</b></a> 
-                        <a href="index.html#game-projects">
-                            </i><b>Game Projects</b>
-                        </a> 
-                        <a href="DualWield.html" class="button nested-link">Dual Wield</a>
-                        <a href="Caved-In.html" class="button nested-link">Caved In</a>
-                        <a href="PacStudent.html" class="button nested-link">PacStudent</a>
-                        <a href="Wormy.html" class="button nested-link">Wormy</a>
-
-                        <a href="index.html#web-projects">
-                            </i><b>Web Projects</b>
-                        </a>
-                        <a href="GroceryStore.html" class="button nested-link">Online Grocery Store</a>
-                        <a href="CarRentalSystem.html" class="button nested-link">Online Car Rental</a>
-
-                        <a href="index.html#mobile-projects">
-                            </i><b>Mobile Projects</b>
-                        </a>
-                        <a href="Quiz-App.html" class="button nested-link">Quiz App</a>
-                        <a href="OnTaskPro.html" class="button nested-link">Task Tracker App</a>
-
-                        <a href="index.html#3d-projects">
-                            </i><b>3D Creative</b>
-                        </a>
-                        <a href="Blender.html" class="button nested-link">3D Modelling Project</a>
-                        <a href="3DAnim.html" class="button nested-link">Unity 3D Animation</a>
-
-                        <a href="index.html#other-projects">
-                            </i><b>Other Projects</b>
-                        </a>
-                        <a href="ClashOfCommands.html" class="button nested-link">Clash of Commands</a>
-                        <a href="Contact.html"></i><b>Contact</b></a>
-                    </div>
-                </nav>`;
-    });
-
-    eleventyConfig.addShortcode("Contact", function() {
-        return `<hr>
-                <div class="container">
-                    <h4 id="contact"><b>Contact Me</h4>
-                    <div  style="margin:0 -16px">
-                    <div>
-                        <p></i></p>
-                        <p><span>dylanka3@gmail.com</span></p>
-                    </div>
-                    <div>
-                        <p></i></p>
-                        <p>Sydney, Australia</p>
-                    </div>
-                    <div>
-                        <p></i></p>
-                        <p><span>(+61) 468 432 861</span></p>
-                    </div>
-                    </div>
-                    <hr >
-                </div>`;
-    });
+    eleventyConfig.addFilter("encodeUri", (value) => encodeURI(value));
 
     return {
-      dir: {
-        input: ".",
-        output: "_site"
-      }
+        dir: {
+            input: ".",
+            output: "_site",
+            includes: "_includes",
+            data: "_data"
+        },
+        templateFormats: ["html", "njk", "md"],
+        markdownTemplateEngine: "njk",
+        htmlTemplateEngine: "njk",
+        dataTemplateEngine: "njk"
     };
-  };  
+};

.eleventyignore

@@ -0,0 +1,2 @@
+README.md
+resume/

.github/workflows/deploy.yml

@@ -11,12 +11,12 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Set up Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
 
       - name: Install dependencies
         run: npm ci
@@ -25,7 +25,7 @@ jobs:
         run: npx @11ty/eleventy
 
       - name: Deploy to GitHub Pages
-        uses: peaceiris/actions-gh-pages@v3
+        uses: peaceiris/actions-gh-pages@v4
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           publish_dir: ./_site