Credits
There are very few projects in the world that have been done single-handedly.
This site allows me to demonstrate my professional experience and my skills. It is built upon a complex hierarchy of technologies & creativity - frameworks, plugins, code, artwork, knowledge & ideas.
Before we list anything it is important to mention some fundamental stuff we all take for granted - like the World Wide Web and standards like TCP/IP, etc. However let’s also not get carried away. Of course I’m grateful for all the infrastructure that sits between you and this information I’ve put together. But I’m gonna focus on the key items I’m intentionally using.
Here is a non-exhaustive list of sources which have either provided a usable item, service, idea or inspiration
11ty (Eleventy)
Javascript-based static site generator, it’s community, plugins and it’s associated dependencies like Node.js, NPM & other Node packages
Used under MIT license
Bootstrap
CSS-based front-end framework & toolkit, with Javascript functionality
Used under MIT license
Fontawesome
Glyph font icons & powerful transformation tools
Used under SIL OFL 1.1 or CC BY 4.0 license
Nodejs
A free, open-source, cross-platform JavaScript runtime environment.
Used under MIT license
Nunjucks
A Jinja2-inspired templating engine for Javascript, from Mozilla
Used under BSD 2-Clause license
clean-css
CSS optimizer
Used under MIT license
eleventy-plugin-footnotes
An 11ty plugin to render accessible footnotes with Liquid
Used under MIT license
html-minifier
JavaScript-based HTML minifier
Used under MIT license
Luxon
A wrapper library for working with dates and times in JavaScript
Used under MIT license
Markdown-it
Markdown parser with 100% CommonMark support, extensions, syntax plugins & high speed
Used under MIT license
node-qrcode
QR Code generator
Used under MIT license
eleventy-plugin-rss
A pack of 11ty plugins for generating an RSS/Atom feeds using the Nunjucks templating engine
Used under MIT license
Unsplash
Artwork & images
Used under Unsplash license
Francois One
Impactful & semi-formal sans-serif typeface that sends a clear messsage, created by Vernon Adams
Used under OFL license
Fraunces
A beautiful & versatile display soft-serif typeface, perfect for headings but great for text as well.
Used under OFL license
Libertinus Sans
A beautiful sans-serif typeface, which is easy on the eyes. This is the spiritual successor to Linux Biolinium (originally created by Philipp H. Poll), and resurrected by Khaled Hosny & kept alive by Caleb Maclennan
Used under OFL 1.1 license
Pompiere
Narrow sans-serif typeface inspired by hand writing created by the brilliant Karolina Lach
Used under OFL license
Transform CSS Files
By default 11ty or Nunjucks don’t process/transform CSS files, and the typical workflow is to pass these files through without processing. phineas-pta provided a nifty workaround to create a template but specify a permalink to output the transformed file as a CSS file.
Used under Github TOS & MIT license
Sitemap file creation in 11ty
11ty Recipes has nifty trick to create sitemaps. However Simon Cox goes one step further to ensure that the last modified date follows the front matter
social-share-urls
Bradvin’s Github page for a list of social share URLs
Used under BSD 3-Clause license
CeeVee theme (Styleshout)
Pre-made HTML & CSS theme used as inspiration
SVG Circular Progress Bar creator
A dynamic circular progress bar creator, used as inspiration
Used under MIT license
Simple SVG Progress Circle
A circular progress bar reference, used as inspiration
Used under CC BY-SA 4.0 license
Diagonal Ribbon Overlay
A clean, effective & tweakable ribbon overlay on any HTML element by Paulie_D
Used under CC-BY-SA 3.0 license
URL/URI Encode Links
Tips to URI/URL encode strings provided by Kamrul & edited by Peter Mortensen
Used under CC BY-SA 4.0 license
11ty-plain-bootstrap5
Plain template for 11ty with Bootstrap 5 and laravel-mix
Used under MIT license
Native web share links for mobile OS
Joseph Khan has a JavaScript snippet to trigger the native sheet on mobile OSes.
Adding QR codes to Jamstack sites
Cool tip for creating permalink QR codes for every page in 11ty, by Raymond Camden
W3schools
Tutorials & snippets used for inspiration
Word Cloud
A useful guide by Alvaro Montoro on DEV showing how to create a tag cloud with HTML & CSS, used for the word cloud on the ‘About’ page.
Let’s Encrypt
Free certificate authority for HTTPS websites
Umami
Open source, privacy-focused web analytics solution that does not violate the privacy of site visitors. It is an alternative to Google Analytics, and sacrifices detailed analytics in favour of privacy of visitors
Used under MIT license
Code Server
Web-based IDE that runs VS Code for access through the browser.
Used under MIT license
Dozzle
Simple web-based container monitoring, logging & light-weight management
Used under MIT license
Krita
Krita is a professional free & open source painting program. It is made by artists that want to see affordable art tools for everyone.
Used under GNU GPL license
Pinta
Pinta is a free, open-source program for drawing and image editing.
Used under MIT license
Ungit
The easiest way to use git. On any platform. Anywhere.
Used under MIT license
- Page created on
- Page last modified on
- Tag: site
- Tag: credits