FartLabs - fart.tools

Official website of FartLabs!

Comment

Inspiration

Here at FartLabs, we scientists are obsessed with fart sounds and our research towards finding better ways to write modern and future software.

What it does

Landing page and blog system for FartLabs org.

This website conveys the aesthetic, technology, and message of the FartLabs organization, an open-source programming community we founded.

How we built it

The landing page was prototyped in a static HTML file. When we decided to add a blog system, we first rewrote our static landing page prototype into reusable JSX components. From here, we built the blog system into more reusable JSX components. The entire website is statically generated from a deterministically outputting script, meaning there are no dynamic routes. A GitHub workflow generates and deploys the static site to Deno Deploy as part of our continuous integration plan.

Challenges we ran into

We didn't have enough time to create each asset, effect, or animation we wanted to, however, these limitations were all part of what led to the result that we are proud to submit.

Accomplishments that we're proud of

  • Develop a cohesive brand identity.
  • Minimize JS usage and CSS complexity based on best practices regarding semantic HTML and accessibility considerations.
  • File-based blog storage system that renders our blog posts from markdown files.

What we learned

Avoiding popular web frameworks, we completely develop/maintain this website our way. This shortens the average prototyping cycle by primarily relying on native web technology knowledge.

What's next for FartLabs - fart.tools

Stay tuned! https://fart.tools/blog 🧪

Built With

Share this project:

Updates