Merge pull request #31 from samharp/main

sync: main to dev

Author: samharp

.eleventy.js

@@ -8,10 +8,26 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy('*.ico');
   eleventyConfig.addPassthroughCopy('*.png');
 
-
   // Watch directories for changes
   eleventyConfig.addWatchTarget('css');
   eleventyConfig.addWatchTarget('js');
   eleventyConfig.addWatchTarget('img');
   eleventyConfig.addWatchTarget('site.webmanifest');
-};
+
+  // FILTERS
+  eleventyConfig.addFilter("notExpired", function(items) {
+    const today = new Date();
+
+    return items.filter(item => {
+      if (!item.itemDateExpire) return true; // no date; always show
+
+      const expireDate = new Date(item.itemDateExpire);
+      
+      if (expireDate >= today) {
+        return true;
+      } else{
+        return false;
+      }
+    });
+  });
+};

README.md

@@ -2,7 +2,9 @@
 
 ## Description
 
-A collection of personal projects ranging from 2016 to present in categories such as Graphic Design, Web Design, and Animation. Website is built using Eleventy (11ty), Nunjucks is used for templating markup.
+A collection of personal and professional projects ranging from 2016 to present in categories such as graphic design, web design, and animation.
+
+Website is built using Eleventy (11ty), Nunjucks is used for templating markup. This setup is to maximize smart features for website creation (components, variables, etc.) while also reducing data processing on servers and clients (go green).
 
 
 ## Build
@@ -11,13 +13,18 @@ Below are some more involved sections/aspects of this website (things that maybe
 
 ### Portfolio generation
 
-To better handle sorting/filtering and to allow for easier management, portfolio items/projects are generated from JSON. The JSON file outlines an item's title, description, image source, and link (if applicable). Some styles require generating HTML each time, meaning that an easier show/hide toggle approach wouldn't work (as seen in previous website builds).
+To better handle sorting/filtering and to allow for easier management, portfolio items are generated from **JSON**. The JSON file outlines an item's title, description, image source, and link (if applicable). Some styles require generating HTML each time, meaning that an easier show/hide toggle approach wouldn't work (as built in previous portfolio versions).
+
+Then, on page load, `build-projects-scripts.js` generates sections for each JSON item.
+
+**NOTE:** This will eventually be converted to utilizing the 11ty build process to handle JSON data/item generation.
+
 
 ### `/now` page
 
-For easier management/updating, the items on the `/now` page are generated from JSON. The JSON file outlines different aspects of each item, including a title, description, and link (if applicable). Then, on page load, `build-projects-scripts.js` generates sections for each JSON item.
+For easier management/updating, the items on the `/now` page are generated from **JSON**. The JSON file outlines different aspects of each item, including a title, description, and link (if applicable).
 
 
 ## Contributions
 
-As this is a personal portfolio, only small contributions will be accepted and merged into main. Thank you for your interest in contributing, but this project is demonstrative of past projects AND my own abilities to build the portfolio itself. Feedback will be happily accepted through Issues, social media, or email.
+As this is a personal portfolio, only small contributions will be accepted and merged into main. Thank you for your interest in contributing, but this project is demonstrative of past projects AND my own abilities to build the portfolio itself. Feedback will be happily accepted through Issues, social media, or email.

_data/now.json

@@ -1,13 +1,5 @@
 {
   "nowItems": [
-    {
-      "itemDateExpire": "2025-08-25",
-      "itemTitle": "Funding",
-      "itemCaption": "Seeking funds to help us help Terrabyte make the planet a little bit better of a place. Have to spend money to make money, or something like that. Fingers crossed! (psst get in touch if you are looking for funding opportunities..? :)",
-      "itemCategory": "p",
-      "linkTitle": "What is Terrabyte?",
-      "linkHref": "https://www.terrabyte.eco"
-    },
     {
       "itemDateExpire": "2026-01-20",
       "itemTitle": "Wasted Space",
@@ -17,55 +9,46 @@
       "linkHref": "https://www.wastedspace.fun"
     },
     {
-      "itemDateExpire": "",
       "itemTitle": "Birding",
       "itemCaption": "I was raised on the outdoors, but as I got older, my studies and work grew to take up more and more of my free time. And now living in a big city, it can sometimes feel like I'm more disconnected to the natural world than my environmental work would suggest (and more than I would like). That was, until my brother introduced me to birding. I was skeptical on if I would actually enjoy it (or if it was an 'old person activity' like I previously thought), but it's a great way to get outside, connect with local wildlife, and be more mindful of what's out there.",
       "itemCategory": "p",
       "linkTitle": "I'm on eBird!",
       "linkHref": "https://ebird.org/profile/NjE4NTM3Ng"
     },
     {
-      "itemDateExpire": "",
       "itemTitle": "Square Listings",
       "itemCaption": "Though I want to expand the Pixel Planet Today merch offerings, I'm currently working on the listings already up. That means finishing exports for wallpapers, getting stickers up on Etsy, and other organizational things to tie up loose ends.",
       "itemCategory": "tb",
       "linkTitle": "View the Webstore",
       "linkHref": "https://shop.pixelplanettoday.com"
     },
     {
-      "itemDateExpire": "",
       "itemTitle": "byteOS: Notes",
       "itemCaption": "A tiny pixel art note-taking app that came to be mostly as an experiment for lightweight, offline tools. The app is released, but work on basic features is very much ongoing (like font packs, auto-saving, and recent notes).",
       "itemCategory": "tb",
       "linkTitle": "Download on Android",
       "linkHref": "https://play.google.com/store/apps/details?id=com.terrabyte.byteosnotes"
     },
     {
-      "itemDateExpire": "",
       "itemTitle": "Pixel Planet Today",
       "itemCaption": "The world is constantly calling for environmental facts and pixel art: making this the project that never sleeps. I am trying to get into a more consistent posting schedule, but what can I say, there is much to be done.",
       "itemCategory": "tb",
       "linkTitle": "View the Pixel Planet Today Website",
       "linkHref": "https://www.pixelplanettoday.com"
     },
     {
-      "itemDateExpire": "",
       "itemTitle": "Reading",
       "itemCaption": "Hit the reading goal for the year, but still working on a couple! TBR is getting smaller, but there is quite a pile to get through...",
-      "itemCategory": "p",
-      "linkTitle": "",
-      "linkHref": ""
+      "itemCategory": "p"
     },
     {
-      "itemDateExpire": "",
       "itemTitle": "The Aurum Framework",
       "itemCaption": "After years of working in HTML and CSS, I am finally starting to build my own framework! It's nothing compared to Bootstrap, but a lightweight system to help build flex layouts more easily. I already use the same styles for this across (most of) my projects, so the thought is that if I can use the same resource for all of them, I don't have to have duplicate code everywhere. It's not exactly ready for primetime, but if you'd like to check it out, you're more than welcome to!",
       "itemCategory": "ghm",
       "linkTitle": "Check out the GitHub Repo",
       "linkHref": "https://github.com/goldenharpmedia/aurum"
     },
     {
-      "itemDateExpire": "",
       "itemTitle": "Omaha & Nebraska Public Transportation Plan",
       "itemCaption": "Because I'm such an urbanism nerd, something that I've found myself doing is creating a map that outlines where public transportation improvements could be made in Omaha and other Central Nebraska locations. Do I expect these ideas to bloom to fruition? Not exactly, but if they did - boy, the state would be all the better for it. :)",
       "itemCategory": "p",
@@ -75,7 +58,15 @@
   ],
 
   "oldItems": [
-        {
+    {
+      "itemDateExpire": "2025-08-25",
+      "itemTitle": "Funding",
+      "itemCaption": "Seeking funds to help us help Terrabyte make the planet a little bit better of a place. Have to spend money to make money, or something like that. Fingers crossed! (psst get in touch if you are looking for funding opportunities..? :)",
+      "itemCategory": "p",
+      "linkTitle": "What is Terrabyte?",
+      "linkHref": "https://www.terrabyte.eco"
+    },
+    {
       "itemDateExpire": "2025-08-25",
       "itemTitle": "Earth Day Omaha",
       "itemCaption": "The biggest Earth Day event in the Omaha area, Earth Day Omaha is a celebration of our planet and the people who work to protect it. I recently joined the Green Omaha Coalition Board of Directors (yay!), and I've been very busy helping plan this year's event and create social media content to promote it.",

_includes/footer.njk

@@ -1,3 +1,4 @@
+<a name="contact"></a>
 <footer>
   {# carbon footer #}
   <div class="reg-footer">

css/footer-styles.css

@@ -1,9 +1,9 @@
 /*primary footer styles*/
 footer{
-	background-color:#333333;
+	background-color:var(--base-charcoal);
   position:relative;
   /* z-index:2; */
-	color:white;
+	color:var(--base-white);
 	font-size:14px;
 }
 /* responsive */