Example project

Small showcase of what you can put in a project page.

Text

This is just a markdown (*.md) file that gets processed by 11ty. You can do basic markdown stuff like bold text, italics and URLs but a lot of advanced stuff requires plugins (which I am down to install as needed). The 11ty markdown documentation is here. So far I've configured markdown-it-attrs to allow for custom styling of text within a paragraph, as well as some layout things to help make custom pages easily.

You can do block quotes also.

Some basic additional formatting options I have added:

You can choose whether to align a paragraph left, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sapien nisi, varius porta nisi vitae, mollis facilisis dolor. Vestibulum interdum, neque suscipit tristique pretium, lorem dui aliquam nibh, id euismod nisi velit a quam. Suspendisse maximus velit quis malesuada varius. Nulla a augue vitae nisl pretium molestie. Sed eget tristique augue, nec suscipit mauris. Vivamus sit amet tincidunt dui, sit amet tempor est. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum sollicitudin mollis sapien ac viverra.

There's some basic things for a multi-column layout, so you can add sidenotes or whatever (the sidenotes style is independent from the columns layout). Right now I have containers for 66%, 50%, 33% and "fill remaining space", which should be enough, but these are very easy to add. Note that you can nest custom markdown styles but it does get a little messy in the .md file.

Images and embeds

I'm designing this to be flexible with images, i.e. resizing big ones to fit the layout & letting smaller images be used however you'd like.

Here's an example of a 1920x1080 image.

Here's an example of a smaller image, and another one aligned center (for example for a graphic logo).

You can also, for example, combine images with the column layout:

I'm also adding the embed everything plugin so you can add youtube videos or soundcloud links or other stuff like that.

Other things

I could add some contribution database to link projects and members but honestly I don't think it's necessary at all since this isn't an open platform and I'd rather just work on trust and let people handle credits as they'd like. Also I could add emoji support. The sky is the limit.