Skip to content

Draft: Version/2.0.0#13

Open
stickerboy wants to merge 118 commits intomainfrom
version/2.0.0
Open

Draft: Version/2.0.0#13
stickerboy wants to merge 118 commits intomainfrom
version/2.0.0

Conversation

@stickerboy
Copy link
Copy Markdown
Owner

Started out as upgrading 11ty and plugging some security holes, 3 weeks later it'd landed as a large feature filled website that I'm pretty happy and proud of!

Features & Improvements

  • Moved away from a single scrollable page to a landing page with additional listings
  • Unified project, showcase, and photography sections to use shared, DRY includes for easier maintenance and consistent design
  • Migrated photography, showcases and projects to 11ty data files for a fully data-driven architecture, allowing dedicated pages for each item
  • Added flexible section titles and descriptions for project and photography lists
  • For dedicated photography pages, added exif data from photos
  • Improved accessibility: better labels, color contrast, skip links, and ARIA roles for SVGs
  • Added pagination to projects, showcases and photography, with improved navigation and alignment
  • Refactored social and contact sections for clarity and maintainability, adding new social links
  • Moved scripts, assets, and layouts into more logical folder structures
  • Improved grid layouts for homepage, projects, showcases, and photography
  • Added box shadows and improved overlays for photographs
  • Improved meta descriptions and favicon handling
  • Added support for new images and updated photo order
  • Improved focus and keyboard navigation for photos and buttons
  • Added Flickr icon and improved social icon display
  • Improved responsive design for navigation, buttons, and grids

Fixes

  • Fixed heading structure and alignment issues on photo and project pages
  • Fixed overlay and summary wrapping on photos
  • Fixed color transitions and SVG focus states
  • Fixed navbar height on mobile

Cleanup & Maintenance

  • Cleaned up unused files, scripts, and popper
  • Removed obsolete config, collections, and layouts
  • Moved all content folders into src/ for better organization
  • Cleaned up _site directory and improved build scripts
  • Simplified navigation and rebuilt index
  • Improved code comments and structure

Switched templating over to Nunjucks
- renamed all templates and includes

Set up data files for socials and nav and replaces static HTML with a loop
Updated templating structure to be a bit more manageable
Imported some basic 11ty config structure from Convrtr, with some improvements to build
Added a new collection for projects and a filtered collection for highlighting featured projects on the home page
Updated page titles
Reduced the size of page mastheads on all pages - home page only has a slight decrease, compared to all other pages
Fixed permalinks on secret pages
Fixed URLs for css, images and scripts
Fixed incorrect id for showcase section
Each has their own listing style landing page, with showcases taking on a more blog style approach.
Updated the wording for each showcase
Increase transition duration
Fix URLs to point to internal link
Added overlay to listing page
Fix page titles
Rename showcase to about so we can use the URL correctly
Run SASS build before 11ty
Remove old site files
Don't generate compiled SASS into the _site dir
Swapped out manual meta values for package.json values
Added rich embed information
Updated URLs to use 11ty structure
Added meta keywords
Fixed link colors in footer
Increased footer font size
Added a button to view all projects\
Updated styling for outline buttons
Updated the layout for projects to be a single column row, instead of a split - as this works better with images
Made some improvements to the responsiveness of the rows - will be swapping to grid soon, but this is a good fallback for now
Images are kinda responsive now, but the aspect ratio fitting into that section isn't great. Should probably re-crop the images (they need replaced and updated anyway)
…ed correctly at all breakpoints

Additionally fix button text colors
Updated project descriptions
Created longer descriptions and simplified summaries
Overhauled Convrtr project page with a new design, showcasing what the project is about
Updated Convrtr URL
Fix button colors... again
Resized and renamed all project images and moved them into a better folder structure
Removed images from project front matter
Adjusted image URLs for most images, to try and make them a little cleaner
Made a component for project headers, to help save on duplication
New function to auto-generate permalinks where possible, while still allowing permalink overrides
Move to a more flat structure for pages, photos, projects and showcases, like other sections and not need t rely on sub-folders (which was becoming a pain to deal with)
This lets me neatly and automatically build up the correct paths for images, based on what page it's going to be located on
Generated some docs to help me remember what I'm doing 😂
Moved to a json-based structure that I can easily add and update
Added support for pagination on photos
Added additional global data
Added flickr profile to socials (not exposed)
Fixed file extension matching for photos
Updated photography with better photo sizes
All photos now include necessary exif metadata
Removed get human, as the aspect ratio is too different from the rest
Added exifreader to parse a subset of exif data and show on each photo page
Cleaned up config file with some additional helper functions
Added new/updated summaries, descriptions and tags
Outputting these new fields on the photo page
Normalization of camera and lenses
Update styling for view on flickr link to a button
First/Last links to jump to the start and end
Also next/previous photos that pull in the photo name
Added extra styling for button groups and pagination, and enabled grid support for later
Converted it to a smaller version of the showcase
Adjusted spacing and alignments
Reduced button sizing on view projects and view photos
Added summary to portfolio site
Added new section to highlight the tools used to build the site
Added SVGs for each tech and a new includes section so they can be included anywhere
Set up a separate file for listing pagination, and generified for re-use on other  sections
Fixed summary/description on Ten Pins photo
Adjusted spacing around showcase items
Adjust spacing for list pagination
Allow adding custom link text names for pagination buttons
Migrating again to the showcase style layout - I like the simplicity of this, and it's nice to keep consistency across the site (even if photos are different)
Switched to background image for the project instead of an image tag
Adjusted breakpoints for columns to ensure smooth transition down to mobile, especially for the image
Fluid meant it would stretch out to whatever the window with was and look silly. Removing this keeps it contained within page margins. The extra padding actually looks not too bad

Remove vscode settings
Don't use popovers, can't actually remember if i ever did
Photos is really what every other section should have been, and the way I should have gone in the beginning.
Projects have been moved into a JSON data file, and out of separate njk files
project.njk has been set up to loop through everything
Replaced pagination with the global pagination file, and added some additional tweaks to allow showing/hiding the earliest/latest links (which are only really beneficial for photos)
Fixed CSS file output by adding a fallback
Cleaned up whitespace in includes
Slight refactor on content includes, allowing the removal of some collections
Simplify route check for homepage
Don't feature waypoint-light on homepage
Abstracting out to includes was getting me a little lost
Fixing project grids
Simplifying content loop
Mimic the setup of both showcase items and photos, further reducing the need to store anything in content/
Fix erroneous closing div/section
Removed unused files
Renamed the global/ folder to _global/ to push it to the top
Cleared out _site/ to remove old unused files
@stickerboy stickerboy self-assigned this Apr 28, 2026
@stickerboy stickerboy added the Release Version update label Apr 28, 2026
Updated README with additional project info and badges
Added LICENCE doc
Added SECURITY doc for responsible reporting
Added CONTRIBUTING doc for project submissions
Added CODE_OF_CONDUCT
Added a11y.ms for accessibility reporting
@stickerboy stickerboy added a11y Accessibility improvements Major Major version release labels Apr 28, 2026
@stickerboy stickerboy marked this pull request as ready for review April 28, 2026 16:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

a11y Accessibility improvements Major Major version release Release Version update

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant