Large-scale compatibility and communiy tools: Codes and snippets
SCP Sigma-9 - Common Theme - Aleph Variant
I am in charge of maintaining and improving the CSS theme and styles used by SCP International and the French-speaking SCP Foundation wiki, and they are an ever-renewed challenge to keep afloat. The "Sigma-9" theme stylesheet is directly or indirectly applied to over 12'000 pages and has to account for a lot of highly complex compatibility issues:
- Maximize compatibility with user-generated code whereby contributors are able to apply custom stylesheets to their individual pages and works
- Support a large variety of custom and constantly evolving features such as new interface elements that only appear on certain pages
- Keep certain parts of the code easily customizable by users through a consistent use of CSS variables.
- Make sure the layout doesn't break or cause unexpected behavior during interactions with third-party CSS-altering tools and extensions (dark themes, accessibility tools for colorblind users...).
Front Page Design
I redesigned the home page features for the French-speaking SCP Foundation wiki (~500k impressions/month - Google Search Console).
UX/UI design for Wikidot websites always turns out to be an exercise in constrained optimization due to the many limitations imposed by the platform beyond our control: imposed rigid interface DOM structure from the 2010s, no compatibility with popular libraries and tools, very limited to no JavaScript support... All features, even interactive ones, have to fit within a CSS-only framework and always prove a challenge to make work.