Website
Website Editors maintain the site, transcribe guides, upload infographics, and update pages as needed.
Welcome to the KQM HSR TC team! This onboarding document outlines the responsibilities of the Website Editor role, supplies you with a list of resources, and provides checklists you can go through to complete onboarding, transcription, and quality checks.
Onboarding Checklist
Follow this check-list and complete each task carefully:
- Introduce yourself in the Discord channel
#introductions(if you want). - DM
@reensor@bubbleteas.moefor website access. - Review the ClickUp Introduction and follow instructions present there. (DM
@cynematicyour email for access) - Add yourself to the TC Staff Contact Sheet in the ClickUp.
- Read the KQM Staff Guidelines and Strike/Hiatus System Overviews
- Learn about the responsibilities of a Website Editor. (listed below)
- Skim through the Website Resources page.
- Bookmark resources or keep them accessible.
- Watch the Website Editor Tutorial video.
- Ask any questions you have in
#tc-website-staff. #tc-website-staffis devoted to only website-related topics.#staff-discussionis devoted to more general topics pertaining to staff as a whole.- A member of the Website Editor team will set up time to walk you through and assign your first transcription.
Responsibilities
Website Editors are responsible for maintaining the website, transcribing guides, and updating pages as needed.
Website Editors are currently responsible for:
- Transcribing guides from Google Docs to the website.
- Updating guides based on requests in #tc-website-staff and #website-feedback.
- Uploading completed and updated infographics to the website.
- Maintaining guides when there are bugs, issues, or general updates to guide formatting on the website.
- Updating the ClickUp Queue and Website Changelog as needed.
Website Editors are not responsible for moderation, updating the SRL, writing guides, or editing (beyond formatting and minor typos).
Website Leadership
- Site Owner:
@bubbleteas.moe(Yami)- Contact for site access, push, site functions, and any other higher-level issues.
- Ping Yami first for minor updates and site issues that
@chasing_haze,@irokei, or@nyteshadowscannot fix. - Ping both Yami and
@reensfor pushes.
- Webmaster:
@reens- Contact for site access, push, and any other higher-level site issues.
- TC Head:
@cynematic- Contact this person for overarching guide staff concerns.
- TC Vice Heads (Website Editors):
@chasing_haze,@nyteshadows- Contact these people for day-to-day website concerns.
- KQM SRL:
@tibowl - Onboarding Site:
@artesians,@nyteshadows
Publisher Resources
- Private Resouces (Do Not Share)
- Public Resources
KQM HSR TC Queue
Contact: HSR Lead TC Staff, @cynematic
Description: Kanban board for organizing TC work on ClickUp. Please keep updated. Contact Cyn @cynematic for access.
HSR TC Google Drive
Contact: HSR Lead TC Staff
Description: Resources and projects in one place.
Game Assets
Contact: @tibowl
Description: HSR game assets folder.
KQM Website Editor Tutorial Video
Contact: @latiwings, @chasing_haze
Description: Watch before working on the KQM website. Explains how to transcribe guides to the website using WordPress.
CSS Guide
Contact: @reens
Description: Basic CSS and HTML guide. Please read if you are unfamiliar with either.
KQM SRL Portrait Card Generator
Contact: @tibowl
Description: Generates team portraits and individual images for characters and equipables.
- Custom portraits can be uploaded if necessary.
- Split images are nice at 2 and 4. Avoid using 3-way splits.
- Remove the background and portrait padding to download just the image.
Video Embed Converter
Contact: @anon64942495 (3b00d)
Description: Generates custom HTML for YouTube video embeds for the website. Please use this instead of the native WordPress YouTube block if possible.
WEBP Converter
Contact: here
Description: Converts images to webp format.
- All images except infographics need to be converted before being uploaded to the Media Library.
- You can convert in batches and download as a zipped file.
- Convert at 100% quality.
Pom-Pom Gallery
Contact: Honkai: Star Rail Wiki Staff
Description: All the officially released emotes for Honkai: Star Rail.
Realtime Colors
Description: Create your color palette here if you want.
Contrast Checker
Contact: @nyteshadows (for questions)
Description: Checks the contrast between two colors.
Accessibility Checker Extension
Contact: @nyteshadows (for questions)
Description: Evaluates the accessibility of web pages.
W3 CSS Tutorials
Contact: help@w3schools.com
Description: Look up, learn, and experiment with CSS. Other languages are also on the W3 site.