Giter Club home page Giter Club logo

website's Introduction

100 Automations Website

100 Automations is a project of Hack for LA that showcases automations and microservices that reduce repetitive work in open source development; a project where anyone can create, collaborate on, and get credit for high-value open source contributions to the wider Civic Tech community. The name derives from the project’s goal to reach 100 developed automations in our first twelve months.

The 100 Automations website is going to be a standard Jekyll site hosted right here on GitHub pages. We will be providing further instructions after we have our first initial code.

Project context

For more information on the project development, refer to: 100 Automations Project One Sheet. You can also read more about our project on our Wiki.

Technology used

How to contribute

Help us build the website to showcase the automations

  • The roles we are currently looking to fill are:
    • UI Designer (must have)
    • Content Writer (nice to have)
  • To join the team, join the Hack for LA slack: invite yourself here and reach out to our Product Manager, Niven Prasad, on our Slack
  • Review our Project Management Board
  • Weekly team meetings are at Wednesday at 4:30 pm PST and Saturdays at 2pm PST on via Zoom

Start automating

  • Find an automation that you want to build from our list of ideas: some are half baked and need more research, others are well documented
  • Propose a new idea for an automation
  • Tell us about an automation that you have already built that you would like to host here

website's People

Contributors

akibrhast avatar amyflo avatar c-arvind avatar citrusapple avatar cnk avatar experimentsinhonesty avatar henlatourrette avatar mcspach avatar mdothman avatar nahyungkim1220 avatar nivenprasad avatar olivia-chiong avatar superbunker avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

website's Issues

Create a Guide: Supporting Your Automation with Community

Overview

We need to create website content with a mark-down approach so that development can be easily updated. This is the issue to create a mark-down file for the "Supporting Your Automation with Community" guide.

Action Items

  • Write mark-down for the guide instructions in a comment on this issue.
  • Create a mark-down file for this guide and add it to a folder called _guides
    • Call the file a name with dashes that is as short as possible
      • name: community-support-for-automations.md
    • Add the following header to the file:
---
title: Supporting Your Automation with Community
description: In order to save time and provide a consistent experience for creators and users we’ve created default health files for you to customize as appropriate to your project. 
status: active
display: true
---

Resources/Instructions

Figma Board for 100 Automations Website Design

Create a logo for 100 Automations

Overview

We need to create a logo for the project.

Action Items

  • Ideate themes
  • Ideate first designs
  • Discuss with group and produce finalists or new version
  • Get feedback
  • Finalize logo
  • Clean up the Figma page with logo

Resources/Instructions

Project Figma Board

Create automation card for Pre-commit-hook-starter

Overview

Provide collateral for the OpenSourceAutomations.org website

Action Items

  • Gather items
    • 600 x 400 image
      • Alt image text
    • Name of automation
    • A blurb about the automation
    • Links (github, slack channel url, Testing Site, Live Site, etc.)
    • Healthy project files (see resources for instructions)
      • Readme.md URL
      • contributing.md URL
      • security.md URL
      • support.md URL
  • Current status of Automation
    • in use and ready to deploy
    • in use and being refactored
    • ready to deploy
    • in development
    • ready for development
    • in ideation
    • abandoned
  • If status in use, what codebase can it be seen in?
  • Help wanted (check all that apply)
    • needs maintenance
    • needs support for users
    • needs refactoring
    • needs documentation
    • needs peer review
    • needs to be built
    • needs to be researched
    • needs advice
      • Advice Needed: (type in sort description of what you need)
    • needs takeover
  • Add automation Card to website

Resources/Instructions

See project cards on the hackforla.org website for general idea, although the format of these will be different.

Readme should include:

  • Overview
    • What kind of repetitive thing do you have to do often and what is the benefit of automating it?
  • Current State
    • "As-is" most likely something manual but could be partially automated
  • Future Development
    • The “To-be” state
  • Stakeholders
    • Impact - who benefits and how?
  • Anticipated outcomes
  • Resources/Instructions
    • How to run the automation and any packages or dependencies
  • Language
    • Programming language(s)
  • Platform
    • Where is it deployed (e.g. GitHub, Linux Command Line, Windows Command Line etc)
  • Automation triggers
    • _What starts it? What's it responding to?
    • Is it Time-based (Specify frequency (e.g. 1x/week)?
    • Is it Event-based (e.g. someone just created a new GitHub on a repo)?
  • Input required
    • How much manual or custom input is required?
  • Output
    • What's the desired result? What do we not want to see?

Final Action Item

  • Release the dependency #73

Identifying the OKR's

Overview

We need to collaborate on identifying how best we will measure the successes using milestones and measurable results.

Action Items

  • Identify overview of steps for Niven and Bonnie to review
    • Team independently reviews Abi's doc.
  • Meeting with Team (Bonnie, Abi and Niven)
    • Drafting set of OKRs
    • Abi to identify the availability of Niven and Herself via slack dialogue
    • Set meeting time and invite Bonnie
  • Review OKRs with Joel

Resources

OKR Document-https://www.whatmatters.com/articles/okrs-positive-social-change-nonprofit/

https://www.bernardmarr.com/default.asp?contentID=1456

CfA Aug 12 workshop

CfA Slides from Aug 12 workshop

Create automation card for True GitHub Contributors

Overview

Provide collateral for the OpenSourceAutomations.org website

Action Items

  • Gather items
    • 600 x 400 image
      • Alt image text
    • Name of automation
    • A blurb about the automation
    • Links (github, slack channel url, Testing Site, Live Site, etc.)
    • Healthy project files (see resources for instructions)
      • Readme.md URL
      • contributing.md URL
      • security.md URL
      • support.md URL
    • Current status of Automation
      • in use and ready to deploy
      • in use and being refactored
      • ready to deploy
      • in development
      • ready for development
      • in ideation
      • abandoned
    • If status in use, what codebase can it be seen in?
    • Help wanted (check all that apply)
      • needs maintenance
      • needs support for users
      • needs refactoring
      • needs documentation
      • needs peer review
      • needs to be built
      • needs to be researched
      • needs advice
      • needs takeover
        • Advice Needed: (type in sort description of what you need)
  • Add automation Card to website

Resources/Instructions

See project cards on the hackforla.org website for general idea, although the format of these will be different.

Readme should include:

  • Overview
    • What kind of repetitive thing do you have to do often and what is the benefit of automating it?
  • Current State
    • "As-is" most likely something manual but could be partially automated
  • Future Development
    • The “To-be” state
  • Stakeholders
    • Impact - who benefits and how?
  • Anticipated outcomes
  • Resources/Instructions
    • How to run the automation and any packages or dependencies
  • Language
    • Programming language(s)
  • Platform
    • Where is it deployed (e.g. GitHub, Linux Command Line, Windows Command Line etc)
  • Automation triggers
    • _What starts it? What's it responding to?
    • Is it Time-based (Specify frequency (e.g. 1x/week)?
    • Is it Event-based (e.g. someone just created a new GitHub on a repo)?
  • Input required
    • How much manual or custom input is required?
  • Output
    • What's the desired result? What do we not want to see?

Create a Guide: Your Automation Beyond 100 Automations

Overview

We need to create website content with a mark-down approach so that development can be easily updated. This is the issue to create a mark-down file for the "Your Automation Beyond 100 Automations" guide.

Action Items

  • Write mark-down for the guide instructions in a comment on this issue.
  • Create a mark-down file for this guide and add it to a folder called _guides
    • Call the file a name with dashes that is as short as possible
      • name: automation-beyond-100automations.md
    • Add the following header to the file:
---
title: Your Automation Beyond 100 Automations
description: What are your options for your automation after it's been published on 100 Automations? Here we set out the directions it can take and how to take those directions. 
status: active
display: true
---

Resources/Instructions

Figma Board for 100 Automations Website Design

Validate information collection from automation creators for website content

Overview

We need to review the information we intend to collect from automation creators, so that we can present each automation in a way that is valuable to our audience

Action Item

  • Review the template below with Automation Creators on the Ops group, and identify any additional information they would like to see.
    • Update the template
  • Review the template with Automation implementers e.g. people outside our organization or otherwise

Resources

Ops team meeting, Tuesday 8pm PDT zoom link
TDM Calculator meeting, Wed 7pm PDT Zoom link

### Overview
Provide collateral for the OpenSourceAutomations.org website

### Action Items
- [ ]   Gather items
  - [ ]  600 x 400 image
     - [ ]  Alt image text
  - [ ]  Name of automation
  - [ ]  A blurb about the automation
  - [ ]  Links (github, slack channel url, Testing Site, Live Site, etc.)
  - [ ]  Any resources for a Getting Started link (a link to a wiki, readme(s) or both)
  - [ ]  If you are looking for collaborators - What you are looking for skills wise
  - [ ]  Status (in use, depreciated, needs update - and any other status you can think of)
     - [ ] If status in use, what codebase can it be seen in?
- [ ]   Add automation Card to website

### Resources/Instructions
See project cards on the hackforla.org website for general idea, although the format of these will be different.

Make health files in the .github-automations repo

Overview

We need to make default health files in the .github repo so that developers for new automations don't need to create new ones when they set up an automation

Action Items

  • Create default support.md file
  • Create default contributing.md file
  • Create default security.md file

Resources/Instructions

See true-github-contributors repo for example

Update logos on social media

Overview

We need to update the logos and banners on social media accounts.

Action Items

  • Update Facebook account logo
  • Update Facebook account background
  • Update Instagram account logo
  • Update YouTube account logo
  • Add YouTube account background (we don't have one yet, but we can add one)
  • Update GitHub account
  • Update Twitter account logo
  • Update Twitter account background

Resources/Instructions

Logo Variants in Figma Board

Marketing review of mvp site content plan

Overview

Identify what marketing assets we need to support the project objectives

Dependancy

#78

Action Items

  • Ask Marketing what content needs to be added to the website to support its marketing efforts
  • Ask Marketing to review the activities we are trying to support

Background

  • 100 Automations website will be public facing.
  • It is in MVP site design at the moment and we were about to turn it over to development soon when we realized that we had not asked what would we need in order to promote this, and where that should that live on the site.

The types of activities we want to support from the start:

  • Individual contributors who are publicizing the automations that have been launched on our website
  • People who hear about the idea and want to promote it
  • Press that want to feature it
  • Promotion we will do ourselves (initial site launch, recruiting for developers to do automation submissions, hitting milestones on our way to our goal, etc.)

Resources/Instructions

Current site design in Figma

Press kit page: https://www.figma.com/file/zGyhV8Z6sLohatYAnFoxQm/100Automations-Project-Board?node-id=791%3A30

Create site map with UI/UX navigation flow

Overview

We need to create a flexible structure for the website to accommodate MVP requirements and growth beyond.

Dependency

Requirements gathering summary Issue #25

Action Items

  • Product/UI/UX
    • Review requirements summary with UI/UX team
    • Ideate on potential designs
  • UI/UX
    • Create site map
      • Review with Product
    • Create style guide issue #20
      • Review with Product
    • Build low-fi mock-ups
      • Get sign-off
    • Build hi-fi mock-ups
      • Get sign-off

Resources/Instructions

Social Media Assets

Overview

We will drop-in any assets used for our social media channels.

Resources/Instructions

Twitter Image
Facebook Image
Instagram Image

Create automation card for Gather Data Types - Jekyll

Overview

Provide collateral for the OpenSourceAutomations.org website

Action Items

  • Gather items
    • 600 x 400 image
      • Alt image text
    • Name of automation
    • A blurb about the automation
    • Links (github, slack channel url, Testing Site, Live Site, etc.)
    • Healthy project files (see resources for instructions)
      • Readme.md URL
      • contributing.md URL
      • security.md URL
      • support.md URL
  • Current status of Automation
    • in use and ready to deploy
    • in use and being refactored
    • ready to deploy
    • in development
    • ready for development
    • in ideation
    • abandoned
    • If status in use, what codebase can it be seen in?
  • Help wanted (check all that apply)
    • needs maintenance
    • needs support for users
    • needs refactoring
    • needs documentation
    • needs peer review
    • needs to be built
    • needs to be researched
    • needs takeover
    • needs advice
      • Advice Needed: (type short description of what you need)
  • Add automation Card to website

Resources/Instructions

See project cards on the hackforla.org website for general idea, although the format of these will be different.

GitHub Guides for healthy repos

Readme should include:

  • Overview
    • What kind of repetitive thing do you have to do often and what is the benefit of automating it?
  • Current State
    • "As-is" most likely something manual but could be partially automated
  • Future Development
    • The “To-be” state
  • Stakeholders
    • Impact - who benefits and how?
  • Anticipated outcomes
  • Resources/Instructions
    • How to run the automation and any packages or dependencies
  • Language
    • Programming language(s)
  • Platform
    • Where is it deployed (e.g. GitHub, Linux Command Line, Windows Command Line etc)
  • Automation triggers
    • _What starts it? What's it responding to?
    • Is it Time-based (Specify frequency (e.g. 1x/week)?
    • Is it Event-based (e.g. someone just created a new GitHub on a repo)?
  • Input required
    • How much manual or custom input is required?
  • Output
    • What's the desired result? What do we not want to see?

Create personas

Overview

Create personas for the users of the website and GitHub workflow.

Action Items

  • Create Google Doc with User Personas
  • Review with Bonnie

Resources/Instructions

Website Use Metrics

Overview

Identify how we will track and measure web analytics.

Action Items

  • Research and discuss options
  • Decide on approach to data instrumentation

Resources/Instructions

OKRs Issue

Feature Idea: Related guide links

Overview

As a visitor to the site who selects a guide randomly I want to be to see how things are connected so that I can get a better understanding of how things work on the site or project

Action Items

  • review @CamilaArias 's idea
    @bonnie @niven Prasad I just thought it might improve the UX a bit if we had a section on the side for related guides, as you said you prefer smaller guides, then people might read a couple of them for the objective/interest they have. So something generic like "related guides"and you pick which ones are related when uploading the guide, or more custom like "If you've done whatever the guide is for you might be interested in another guide for something else". Below the column on the side where we have the description.

Resources/Instructions

100 Automations project board

Compliance with Open Source Logo Guidelines

Overview

We need to review the open source logo guidelines to ensure there is no misuse of the logo in our project.

Action Items

  • Review open source logo guidelines
  • Make note on Project Figma Board about what (if any) restrictions to use there are so that these are incorporated in the design process
  • Review website designs before launch to ensure compliance with guidelines where required

Resources/Instructions

Open Source Logo Guidelines
100Automations Figma Board

DNS setup for 100Automations.com/.org/.net

Dependency

waiting on the mailchimp/landing page issue to be done #140

Overview

Figure out how to point the DNS at GitHub url.

Action Items

  • Review current setup for HackforLA.org
  • Identify exact settings
  • Bonnie log in to Google Domains and change DNS

Resources/Instructions

Cloudflare login

Identify Audience for website and create personas

Overview

We need to know who we are designing this website for

Action Items

  • Review the one sheet and pull out all the audience types and put in this issue
  • Identify audiences we have not named
  • Review with Bonnie
  • Review with Creators
  • Identify other people to ask including ops group
  • Create personas from validated user groups

Resources/Instructions

https://github.com/100Automations/Website/blob/master/100Automations_Project_One_Sheet.pdf

User Journey Mapping Doc

Write a Press Release

Overview

We need to write a press release for the project. We have a Press Kit page and a Press Release, Bio, and Fact Sheet section. We need to write a press release to add to it.

Action Items

  • Confer with marketing team to find out what content should be included in the press release.
  • Interview team members for the relevant information
  • Write a draft
  • Get it reviewed by product
  • Get it reviewed by marketing

Resources/Instructions

Slack #hfla-marketing Elle Wheeler
Project one pager
Final Press Release

Write Project Requirements Summary Document

Overview

We need a requirements summary to share with website design and to complete the initial requirements gathering milestone.

Dependency

Requirements gathering milestone complete

Action Items

Resources/Instructions

Get setup on 1password

Overview

We need to add our 100 Automations passwords to the password system that Hack for LA uses so that they can be available for the organization.

Action Items

  • Read this draft: hackforla/website#701 (comment)
  • Prepare a list of accounts and passwords that we will need to store
  • Work with Bonnie to get setup on the system
  • Follow instructions in the document and identify if any of the instructions could be improved. Put revised draft in issue.
    • Take screen shots of any screen that would be useful. Put screen shots in this issue.

Resources

https://hackforla-team.1password.com/

Landing page to capture user personas

Overview

We need to create a landing page to capture which profile of visitor is visiting our page. Depending on their profile, the page will then dynamically render.

Action Items

  • Review user personas
  • Mock-up landing page
  • Reviews with team

Resources/Instructions

User personas

Create a default Code of Conduct file in .github

Overview

A Code of Conduct file is necessary for repos to meet community health standards. We need to create a default one so that any automations include this as part of their repo.

Action Items

  • Craft a Code of Conduct file that links to the Hack for LA code of conduct and create a default file in the .github repo

Resources/Instructions

Hack for LA Code of Conduct

Create a Guide: Preparing Your Automation for Publication

Overview

We need to create website content with a mark-down approach so that development can be easily updated. This is the issue to create a mark-down file for the "Preparing Your Automation for Publication" guide.

Action Items

  • Write mark-down for the guide instructions in a comment on this issue.
  • Create a mark-down file for this guide and add it to a folder called _guides
    • Call the file a name with dashes that is as short as possible
      • prep-automation-for-publication.md
    • Add a header to the file
---
title: Preparing Your Automation for Publication
description: Gather the items in this guide before submitting your automation for publication.
status: active
display: true
---

Resources/Instructions

Figma Board for 100 Automations Website Design

Update ReadMe

Overview

We need an up to date ReadMe to communicate effectively new users, contributors, and visitors on a continuous basis.

Dependency

Waiting for automation template issue #13 to get resolved.

Action Items

  • Once that happens, update link in ReadMe to the template
  • New person to review ReadMe identifying unanswered questions that could be addressed
    • Post suggestions in the comments below

Resources/Instructions

Create a Guide: Creating a Good Read.me for Your Automation

Overview

We need to create website content with a mark-down approach so that development can be easily updated. This is the issue to create a mark-down file for the "Creating a Good Read.me for Your Automation" guide.

Dependency

Waiting for other guides to be done to see if this needs any additional formatting.

Action Items

  • Write mark-down for the guide instructions in a comment on this issue.
  • Create a mark-down file for this guide and add it to a folder called _guides
    • Call the file a name with dashes that is as short as possible
      • name: creating-good-readmes-for-automations.md
    • Add the following header to the file:
---
title: Creating a Good Read.me for Your Automation
description: a read.me file is usually the first place that developers will start. It should be fairly comprehensive and should have links to the other health files.
status: active
display: true
---

Resources/Instructions

Figma Board for 100 Automations Website Design

Create Guide: Evaluating A New Automation Idea

Overview

We need to create website content with a mark-down approach so that development can be easily updated. This is the issue to create a mark-down file for the "Evaluating A New Automation Idea" guide.

Action Items

Content

  • Write a draft outline

Product

  • Paste mark-down for the guide instructions in a comment on this issue.
  • Create a mark-down file for this guide and add it to a folder called _guides
    • Call the file a name with dashes that is as short as possible
      • name:
    • Add a header to the file and add the name of guide where it says title
---
title:
description:
status: coming soon
display: true
---

Resources/Instructions

Figma Board for 100 Automations Website Design
Automations Proposal Template

Create an Issue Template: Suggest a Guide

Overview

We need to create a "Suggest a Guide" form/issue - there is a card on the website called "Suggest a Guide" that when clicked on, should take the user to this form.

Dependency

This template issue will have to be created and then the guide can be created and the template issue edited to link to the guide page until there is a real guide on the site.

Action Items

  • Create the text for template as a comment in this issue
  • Review with Bonnie
  • Create as a template in the website repo

Resources/Instructions

Create a guide: Writing an Article about your Automation

Overview

We need to create website content with a mark-down approach so that development can be easily updated. This is the issue to create a mark-down file for the "Writing an Article about your Automation" guide.

Action Items

  • Review True GitHub Contributors article outline and create a guideline for how to write an article
  • Write mark-down for the guide instructions in a comment on this issue.
  • Create a mark-down file for this guide and add it to a folder called _guides
    • Call the file a name with dashes that is as short as possible
      • name: writing-articles-for-automations.md
    • Add the following header to the file:
---
title: Writing an Article about your Automation
description: 
status: coming soon
display: true
---

Resources/Instructions

Figma Board for 100 Automations Website Design
Reference articles for what should be in the article
True GitHub Contributors article outlines

Create project card for 100Automations Project

Overview

Provide collateral for the hackforla.org website

Action Items

  • Gather items
    • 600 x 400 image
      • Alt image text
    • Name of project
    • A blurb about the project
    • Links (github, slack channel url, Testing Site, Live Site, etc.)
    • Any resources for a Getting Started link (a link to a wiki, readme(s) or both)
    • What you are looking for skills wise
    • Status: Active
  • Add project card

Resources/Instructions

See project cards on the hackforla.org website

Create a Guide: Writing Short Descriptions for Your Automation

Overview

We need to create website content with a mark-down approach so that development can be easily updated. This is the issue to create a mark-down file for the "Writing About Your Automation" guide.

Action Items

  • Write mark-down for the guide instructions in a comment on this issue.
  • Create a mark-down file for this guide and add it to a folder called _guides
    • Call the file a name with dashes that is as short as possible
      • name: writing-short-descriptions-for-automations.md
    • Add the following header to the file:
---
title: Write a Short Narrative Description about Your Automation
description:  A good narrative description will increase targeted traffic to your repository.  This guide helps you create one.
status: active
display: true
---

Resources/Instructions

Figma Board for 100 Automations Website Design

Create a guide: Writing a Technical Description for Your Automation

Overview

We need to create website content with a mark-down approach so that development can be easily updated. This is the issue to create a mark-down file for the "Writing a Technical Description for Your Automation" guide.

Action Items

  • Write mark-down for the guide instructions in a comment on this issue.
  • Create a mark-down file for this guide and add it to a folder called _guides
    • Call the file a name with dashes that is as short as possible
      • name: writing-technical-descriptions-for-automations.md
    • Add the following header to the file:
---
title: Write a Short Technical Description about Your Automation
description:
status: coming soon
display: true
---

Resources/Instructions

Figma Board for 100 Automations Website Design

Social Media previews

Overview

We need preview images for each automation and for our own website repo

Action Items

  • template for each automation
    • name of automation
    • image unique to their automation
    • 100 Automations logo
  • social media preview image for 100 automations website
    • our logo

Resources/Instructions

repository-open-graph-template

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.