The Weld System

Portfolio

Weld System Homepage

screenshot of a bio homepage, with striking high-contrast pink and green colors, and text centered inside boxes with double-borders.

This is a bio homepage built entirely from scratch, using hand-written HTML and CSS. It uses semantic HTML and avoids unnecessary elements, with the only javascript being for a light/dark theme switcher for accessibility. It doesn't rely on large images when they aren't focal or necessary.

Blog

screenshot of a blog, with high-contrast pink and purple borders around articles, said articles being behind content warnings describing the posts

Our blog is based in Jekyll, originally being github-pages before we moved to Netlify and wrote our own theme for it. The layout makes use of HTML and CSS only to hide blog contents behind warnings, so that any sensitive content we blog about is not shown without clear consent from the reader.

Art Website

screenshot of a website with a bright green background and pieces of art centered in dotted borders. One piece of art has a black thumbnail, with a warning under it for potentially unsettling eye contact.

Our art website is built in Jekyll. We rewrote the frontend from scratch to match our aesthetic, and wrote a custom fish script to make updating the static site files for the art a little bit easier, and have implemented a basic content warning system for it, hiding image previews for any images that need warnings.

Portfolio Site

screenshot of the current site, with pink and green borders around a header and a main section that contains screenshots and descriptions of projects.

This portfolio site was written entirely in HTML and CSS, based off our pre-existing homepage. We maintain a usage of semantic HTMl, and despite the horizontal scrolling functionality, absolutely no javascript was necessary to create it, except for the pre-existing theme switcher, implemented for accessibility.

Twine Pronoun Picker

screenshot of a twine game with a dark background and white text, showing an example of pronouns chosen in an example sentence.

Using Twine's SugarCube scripting language, we created a Twine example story which can be used in other projects which requests a user's name, then gives very clear inline textboxes to type out custom pronouns, enabling the use of custom neopronouns to be addressed for third-person writing with ease.