pubrondeau/sublime

lenesaile.com

My freelancing website built with Eleventy. It supports three languages and uses my latest workflow.

TOC

• lenesaile.com
  • TOC
  • License
  • Credits and Thank yous

License

This is my personal website. I use a lot of code fragments that smarter people than me have come up with, so it's only right to release my code open source as well. Please feel free to use parts of the code of this website in your own projects, but please don't copy the page completely, as it's not meant to be a template.

Credits and Thank yous

Andy Bell

Andys CSS methodology makes sense to me. I'm still working on understanding it fully and using it consistently. It also goes hand in hand with the Every Layout solutions he co-authors. An ardent opponent of the utility class framework Tailwind CSS. But has recently published an approach that incorporates Tailwind CSS into his methodology. This is built into my website and I'm working on tweaking it. I learned how to use Eleventy in 2020 with his (now free) course.

• https://buildexcellentwebsit.es/
• https://cube.fyi/
• https://learneleventyfromscratch.com/

Heydon Pickering

I strongly orientate myself on Heydon's approaches and love his books.

• https://every-layout.dev/
• https://inclusive-components.design/

Zach Leatherman

Zach is developing Eleventy.

• https://www.11ty.dev/
• https://www.zachleat.com/

Ryan Mulligan

Ryan came up with the scroll trigger for highlighting text, which I am shamelessly using in this website.

• https://codepen.io/hexagoncircle/pen/gOPMwvd

Oliver Schöndorfer

Oliver is a type expert. He writes the Pimp my Type Newsletter where I dscovered the font I'm using for this website.

• https://pimpmytype.com/outfit/
• https://pimpmytype.com/category/fontfriday/

Pablo Stanley

Pablo is the creator of the avatars of this website. His hand-drawn illustration library Open Peeps is just great.

• https://www.openpeeps.com/

Ekrem Elmas

I'm using Ekrems hand drawn icon set.

• http://ekremelmas.com/hand-drawn-icons/

Stephanie Eckles

Stephanie provides a lot of resources for Eleventy and modern CSS.

• https://smolcss.dev/
• https://moderncss.dev/

Max Böck and Sia Karamalegos

I followed the tutorials from Max and Sia to implement Webmentions on this site.

• https://sia.codes/posts/webmentions-eleventy-in-depth/max
• https://mxb.dev/blog/using-webmentions-on-static-sites/

Bernard Nijenhuis

The open graph images are generated automatically: First a SVG is created for every post, which is then converted to JPEG. I learned how to do that with Bernard's article.

• https://bnijenhuis.nl/notes/automatically-generate-open-graph-images-in-eleventy/

Aleksandr Hovhannisyan

I love structure and clarity. Aleksandr does this in an exemplary way, which is why I based the structure of eleventy.js on his personal site. The 301 redirect solution I'm using is from his blog.

• https://github.com/AleksandrHovhannisyan
• https://www.aleksandrhovhannisyan.com/blog/eleventy-netlify-redirects/

Adam Argyle

The theme switch is from one of his GUI Challenges.

• https://github.com/argyleink/gui-challenges

Tailwind

• https://tailwindcss.com/