Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Project: Browser-based Profile Picture Overlay Applicator #161

Open
memson-wmg opened this issue Jan 18, 2022 · 0 comments
Open

Project: Browser-based Profile Picture Overlay Applicator #161

memson-wmg opened this issue Jan 18, 2022 · 0 comments

Comments

@memson-wmg
Copy link

About your project

Facebook no longer offer the Frame Studio, so it is no longer possible to publish an overlay frame to Facebook and then encourage people to apply it to their profile picture.

At Women's March Global, our anniversary campaign for Jan-Mar 2022 includes people publishing a photo with their arms above their heads, crossed at the wrists, and with our overlay applied. See https://womensmarch.global/2022

This project will provide for a browser-based, client-side, tool that can be embedded into web pages on any platform (including WordPress), that will permit the user to upload an image and have a predefined overlay applied. Finally, the user will be able to download the final image.
Since this is entirely client-side then the profile picture does not leave the user's computer and is not uploaded to a server thus eliminating privacy and security concerns.

A similar tool is available at https://overlay.imageonline.co/

My vision is a tool that is configurable such that it can be embedded on the web site of any campaign where profile picture overlays would be a useful service.

The functionality can be described in four simple steps:

  1. Upload photo
  2. Present crop tool to create a square image from upload
  3. Apply the pre-defined overlay (upgrade: potentially choose from a number of predefined overlays)
  4. Present a download button for the composite image.

Who you are looking for

JavaScript - since the tool is entirely client-side then I'm assuming that we will need to build it in JavaScript probably using existing libraries

Tools

WordPress - the code must execute within the context of a WordPress code block or, as a WordPress Plugin.

Contact Info

[email protected]
ProgCode Slack: @michellee
GitHub: memson-wmg https://github.com/WomensMarchGlobal
Include GitHub &/or ProgCode Slack handles, ProgCode Slack #channel &/or your email address.

Relevant Links

Example client-side overly generator: https://overlay.imageonline.co/

(If this is a volunteer opportunity, it will be added to the volunteer toolkit )
Inspiration: "ISSUE_TEMPLATE", Chi Hack Night (http://www.chihacknight.org), https://github.com/chihacknight/breakout-groups/blob/master/ISSUE_TEMPLATE

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant