Help Redesign HTC Website for Humanetech Translation Program

(Note, this is a wiki post that anyone can update. Use the ‘Edit’ button in the bottom-right to add your changes)

Introduction

The current humanetech.community website was designed to be an archive of all the resources posted to the forum, to be filled in over time. It should reflect all our community activities and efforts of Building the Pyramids of Humane Technology. And also it was planned to be a space for members to (re)publish their humanetech-related blog posts, which we’d subsequently promote in our social media channels.

It did not work out that way. Maintaining the website with these objectives requires a lot of volunteers being actively involved on a continual basis. This didn’t happen and the website languished. The Humanetech Translation Program (HTC) provides a new purpose for the website, and we will design it entirely with this program in mind.

Objectives

  • Offer a multi-lingual website to present deliverables of HTC - translated articles - to an international audience.
  • Offer HTC members opportunity to publish their own posts in mulltiple languages (same as before, but extended with HTP).

Features

General characteristics of the site:

  • Possibly a magazine style landing page layout that provides intuitive overview and drilldown.
  • Categorization and tagging of articles, plus a full-text search function.
  • Social sharing buttons so people can share article links to their own social media.
  • Attribution facility of original sources/authors, as well as translators.
  • Profile page where authors can present themselves in more detail.
  • A general section explaining the ins and outs, rationale of humanetech, and introduction of HTC.
  • Maybe a blog section about the program itself: results and insights, highlighting volunteers, etc.

Integration with the HTP workflow:

  • Documentation section of the Humanetech Translation Progress. Onboarding of new volunteers.
  • Ideally capability to start translation workflows from the site, suggest candidates (web forms)
  • Navigation and/or integration of the Weblate platform (translate.humanetech.community)

More technical features:

  • Zero trackers on the page.
  • Preferably no javascript, or graceful fallback if JS disabled.
  • Follows accessibility (WCAG) guidelines.

Starter theme

See: Poll: Choose your most-liked Theme for HTC Website Redesign. We have selected the Mundana theme:

Theme: Mundana

Mundana theme

DEMO | Github

Project volunteers

The following people have volunteered for the project (listed alphabetically).

Note: All volunteers will be attributed for their work on the website itself, and in the Github code repository.

@aschrijver project maintainer, Jekyll programming. (github account)
@eclein for UX design

➜ ➜  Add yourself to this list if you want to join :raised_hand:

Project resources

The following forum topics are important in relation to this thread:

The following Github repositories are used:

Design & implementation

Here are some choices regarding the design and implementation of the website. Detailed TODO’s will be recorded in the HTP issue tracker.

  • Uses Jekyll (implemented with Ruby) as the core website technology.
  • Will be based on an existing Jekyll theme (need to choose one) and adapted from there.
1 Like