Create a Template for making composite images in our HfLA guides

[ExperimentsInHonesty]

Overview

We need to create a guide for making composite images in our HFLA guides so that all guides screenshots and header images can be consistent across all CoPs.

Action Items

• Gather examples of how other Hack for LA projects or volunteers have done this (if applicable), adding each example as a link in the resources section below
  • Once done, remove the "Guide: Gather Examples" label and add the "Guide: Research" label
• Research existing information about [name of item] in [relevant resources, articles, etc.]
  • Once done, remove the "Guide: Research" label and add the "Guide: Draft Guide" label
• Create a draft guide, either in markdown format in this issue or a google doc in the ux/ui google drive
  • Once done, remove the "Guide: Draft Guide" label and add the "Guide: Review Guide" label
• Review the guide with UX/UI community of practice
  • Once done, remove the "Guide: Review Guide" label and add the "Guide: Leadership Review" label
• Present to the Hack for LA leadership team for sign off
  • Once approved, remove the "Guide: Leadership Review" label and add the "Guide: Place Guide" label

Resources

Update issue #15 with the name of item you are working on

Resources/Instructions

Make your screenshots and headers for your guide - TEMPLATE
Completed Template

Original text: #55 (comment)

[ExperimentsInHonesty]

The header maybe should be the

[Olivia-Chiong]

@daniellex0 We have a couple of guides on 100 Automations that could be helpful on this issue

Screenshot example
Image highlighting example

[ExperimentsInHonesty]

The guide bits

should be part of the guide, not this template. It was too confusing for the people we demoed it to today.

[daniellex0]

@ExperimentsInHonesty Sorry i didn't know you were going to demo this today, it actually wasn't ready yet! I need to remove the arrows because we agreed it should be just rectangles (and then potentially the annotation numbers/legend if or when necessary)- but that hadn't been finished yet. Sorry this is just a really crazy busy week for me.

[tan-zhou]

@Olivia-Chiong We'd like to see the examples from the 100-automation guide. Could you paste the link or screenshots here?

[daniellex0]

Another example to consider- Github's guides https://docs.github.com/en/organizations/keeping-your-organization-secure/requiring-two-factor-authentication-in-your-organization

[ExperimentsInHonesty]

@daniellex0 can you help me close out this issue?

[ExperimentsInHonesty]

@daniellex0 Please provide update

1. Progress
2. Blockers
3. Availability
4. ETA

also messaged in slack

[daniellex0]

Hi @ExperimentsInHonesty , this guide should be good to go 👍

[ExperimentsInHonesty]

This template is complete and we are now using it. It is being linked to by this guide https://docs.google.com/document/d/1OyPfKqUU7ZinhjMoRmsXywyZfME_Oo_hpC2Zdxlb310/edit#

[ExperimentsInHonesty]

I added a link into the following WIKI page https://github.com/hackforla/UI-UX/wiki/UI-UX-Finished-Guides-and-Templates