Skip to content

About Us Page #614

Closed
Closed

Description

@alexandrastubbs

Overview

Create an 'About Us' page to host information on the organization, primarily built for partner/sponsor audience, but also for individuals or potential volunteers looking to learn more about what we do.

Action Items

Information Needed

  • Bonnie to share summary blurb for the page
  • Bonnie to share summary on workforce development
  • Bonnie to share list of partners
  • Bonnie will write letter

Design

  • Low fidelity mock-up
  • Review with product
  • High fidelity mock-up
  • Review with product

Development

  • Create page based on Figma mockup
  • Add to menu of HfLA site - desktop and mobile
  • Before publish, ask Bonnie for letter.

Resources/Instructions

Dashboard page: https://hackforla.org/dashboard

Activity

  1. ExperimentsInHonesty commented on Jul 19, 2020

    @ExperimentsInHonesty
    Member

    Partners (past and current):
    Yale OpenLab, https://openlab.yale.edu/,
    Empower LA
    Digital Defense Fund
    Point Source Youth
    SPY
    LADOT
    City of Santa Monica
    NDICA
    EnCiv.org
    Balotopedia
    LA City Attorney's office
    LA Mayors Office
    LA City Department of Personnel
    LA County Homeless Initiative
    LA Metro
    Hope of the Valley

  2. alexandrastubbs commented on Jul 26, 2020

    @alexandrastubbs
    MemberAuthor

    Add in a projects section and include some cards (tiny) similar to Hack Nights page.

  3. leestella748 commented on Jul 29, 2020

    @leestella748

    @ExperimentsInHonesty @alexandrastubbs

    I added a projects section and added a few partner logos just to see what it would look like when populated with the actual logos.

    Figma: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=2003%3A817

  4. alexandrastubbs commented on Aug 2, 2020

    @alexandrastubbs
    MemberAuthor
    • Add icons to accomplishments
  5. leestella748 commented on Aug 5, 2020

    @leestella748

    Icons added! Let me know if this is what you meant and if there are any other changes you'd like to see
    image

  6. alexandrastubbs commented on Aug 9, 2020

    @alexandrastubbs
    MemberAuthor

    We will be adding the entire want to know more about HfLA section from the current homepage to the bottom of this page. We will also be adding a CTA to the footer that drives here.

  7. alexandrastubbs commented on Aug 12, 2020

    @alexandrastubbs
    MemberAuthor

    @leestella748

    Bonnie & I took a look at the Figma. Can we make the 'want to know more' section more like the section on the current website with card on card? Screenshot pasted here.

    Screen Shot 2020-08-12 at 5 36 21 PM

  8. alexandrastubbs commented on Aug 12, 2020

    @alexandrastubbs
    MemberAuthor

    Some other notes -- where we currently have workforce development, we would like to replace with 'Hack for LA Pillars' and then include the following information below (possibly in an accordion format given the quantity of information):

    Workforce Development: Enlightened self-interest is a powerful motivator. Our members have access to mentorship, one-on-one help with job searches, and resume coaching. We do project matching to fit skill and subject areas that they wish to develop new skills, gain confidence in newly learned skills, transition from beginner to junior, to mid-level, or expert. And often in areas they wish to add impressive credits to their resume.
    Impact: We choose and empower projects where there is a demonstrable impact on stakeholders, project partners, our local community and our members.
    Learning: an environment where every member and the org itself benefit from the shared experiences of the members. From high school students to Ph.D., from novice to expert, there is knowledge to be gained by sharing practices and working collaboratively, making mistakes and learning from them in an environment that values failing fast and learning.
    Diversity Equity and Inclusion: The diverse experiences of all of our members help us create a better civic tech ecosystem, by bringing their lived experience to our org. Our diversity includes race, sexual orientation, learning modalities, cognitive abilities, and socio-economic experiences. Our model of inclusion requires and inspires empathy and patience, both with others and ourselves. We are all here to learn to work together to create the change we want to see in the world, and that happens one conversation at a time.
    Giving: We all come together to give freely of our time, expertise and interest and empathy, in an effort to improve our local community through direct action.
    Agility: There will be impediments, setbacks and disappointments. We embrace change by empowering our members to meet, talk, experiment and achieve enough common consensus to move internal initiatives forward, without rigid structures and oppressive processes. This works on project teams, Communities of Practice and Organizational Stewardship.
    Sustainability: to create a sustainable community that provides consistent results and experience for stakeholders and a feeling of stability amongst its members.
    Scalability: In order to scale our impact with people and projects, we experiment, iterate and refine, measure and automate.

    @ExperimentsInHonesty will follow-up with the copy for Accomplishments & Metrics.

  9. alexandrastubbs commented on Aug 12, 2020

    @alexandrastubbs
    MemberAuthor

    Last note - we need to find a place on this page to say "Hack for LA support’s LA’s Sustainable Development Goals (SDG) movement" and link to https://sdg.lamayor.org/.

    We should include the logo as well: https://sdg.lamayor.org/sites/g/files/wph1131/f/styles/medium/public/LA.png?itok=NGcr9CbL

  10. alexandrastubbs commented on Aug 23, 2020

    @alexandrastubbs
    MemberAuthor

    During our stand up, we discussed the following:

    @daniellen00 :

    • turning the top portion of the page on the right where we have the 'Hack for LA Platform' information into a letter format
    • Try a version of the page with a menu at the top

    @ExperimentsInHonesty :

    Needs to be assigned to developer:

  11. 39 remaining items

  12. drubgrubby commented on Nov 22, 2020

    @drubgrubby
    Member

    Progress
    So close...

    I put in a PR. There are still a couple of things to complete before code review, and merging.

    #811 (comment)

    Blockers
    The linear nature of time.

    ETA
    Wednesday this should be ready for code review and follow-up visual review.

  13. ExperimentsInHonesty commented on Nov 29, 2020

    @ExperimentsInHonesty
    Member

    @drubgrubby - confirming that you saw the comment on the PR #811 (comment)

  14. drubgrubby commented on Nov 29, 2020

    @drubgrubby
    Member

    Progress:
    I have completed the corrections from Danielle's visual review.

    I have to re-do the script for the accordion on the letter from the executive director as that section is different and I don't seem to be able to shoehorn the current code into it.

    I cannot figure out how to make the about-us.js file work from the assets folder. It is currently in the _includes folder. Need some help with this.

    Still need:

    • Text for letter from Executive Director
    • Text for National Day of Hacking on the Accomplishments section
    • Animated gif for the donations section (copying it from figma doesn't seem to work)

    Questions
    Are the titles in the "Accomplishments" section supposed to be hyperlinks?

    ETA
    I'll have the javascript done by Tuesday. Then waiting on things.

  15. ExperimentsInHonesty commented on Nov 29, 2020

    @ExperimentsInHonesty
    Member

    @drubgrubby yes the project titles on the accomplishment section should be links to the project pages

  16. drubgrubby commented on Nov 29, 2020

    @drubgrubby
    Member

    @cnk - https://github.com/drubgrubby/website/tree/dar_about-us-page
    I'm trying to figure out how to move the _includes/about-us.js into the assets folder, but can't make it work. All of the things I've tried are at the bottom of about-us.html.

  17. ExperimentsInHonesty commented on Nov 29, 2020

    @ExperimentsInHonesty
    Member

    @daniellen00 to add animated gif to google drive and put the link here

  18. drubgrubby commented on Dec 1, 2020

    @drubgrubby
    Member

    @ExperimentsInHonesty - I'm adding hyperlinks to the accomplishments page. For most of them I linked to the project page on hackforla.org. There were two that I wasn't sure where to point the link. This is what I did, let me know if you would like to link to anything else.

    National Day of Civic Hacking: https://www.codeforamerica.org/events/national-day-of-civic-hacking-2020
    Climate Collabathon: https://www.collabathon.openclimate.earth/

  19. drubgrubby commented on Dec 1, 2020

    @drubgrubby
    Member

    I'm done with everything I can do (or everything I'm going to do) until I hear from reviewers and get the couple of things I'm waiting on.

    Waiting on:

    • Text of Letter from the Executive Director
    • Animated gif for the donation section

    Thank you for your support.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

Relationships

None yet

Development

No branches or pull requests

Issue actions