factn / resilience-landing-page Goto Github PK
View Code? Open in Web Editor NEWLanding page for Resilience App
Landing page for Resilience App
Create a route to the "partner" tab.
Page: /.well-known/security.txt
**Description: see https://securitytxt.org/ **
A textbox needs to be directly underneath the video on the 'Home' page.
The textbox should include a short description of the video, and a link to 'Get Resilience'.
Underneath the Partners/Affiliations section, there should be a section that provides information for people to contribute to the project.
The text title for this section should read "Contribute to the Resilience" with a smaller heading that reads "Do you want to put your professional skills to use and collaborate with passionate people?"
As part of the spirit of open source, we welcome you to allow yourself to be recognized for your contributions to the Resilience App project.
We have gone ahead and set up All Contributors here to help showcase the contributors that made this project possible.
Add a comment to this issue to have the bot automatically submit a pull request to add your GitHub username to the list!
@all-contributors please add @your-user-name for comma, separated, contributions
Here are a few common contributions
Emoji/Type | Represents | Comments |
---|---|---|
๐ audio |
Audio | Podcasts, background music or sound effects |
โฟ๏ธ a11y |
Accessibility | Reporting or working on accessibility issues |
๐ bug |
Bug reports | links to issues reported by the user on this project |
๐ผ business |
Business Development | people who execute on the business end |
๐ป code |
Code | links to commits by the user on this project |
๐ content |
Content | e.g. website copy, blog posts are separate |
๐ doc |
Documentation | links to commits by the user on this project, Wiki, or other source of documentation |
๐จ design |
Design | links to the logo/iconography/visual design/etc. |
๐ก example |
Examples | links to the examples |
๐ต financial |
Financial Support | people or orgs who provide financial support, links to relevant page |
๐ fundingFinding |
Funding/Grant Finders | people who help find financial support |
๐ค ideas |
Ideas & Planning | |
๐ง maintenance |
Maintenance | people who help in maintaining the repo, links to commits by the user on this project |
๐ projectManagement |
Project Management | |
๐ฌ question |
Answering Questions | Answering Questions in Issues, Stack Overflow, Gitter, Slack, etc. |
๐ review |
Reviewed Pull Requests | |
๐ก๏ธ security |
Security | identify and/or reduce security threats, GDPR, Privacy, etc |
Find the full supported emoji list here
๐ Thank you for all the time you have generously donated to making this project work.
Each page should consist of a navbar at the top of the page.
The navbar should consist of links back to the 'Home' page, 'Partners' page, 'Contribute' page, 'About Us' Page, 'Stories' page, and a 'Get Resilience' link.
Use the mockup to update the footer with the appropriate layout and content
External links for footer:
docs: https://app.gitbook.com/@mutualaidworld/s/docs/
github: https://github.com/factn/resilience-app
slack: https://app.slack.com/client/T010BELED7Z
faction: https://github.com/factn
On the "Stories" Page the rest of blog posts should be featured in pairs underneath the most recent blog post.
Description:
The blog posts should be featured side-by-side in pairs of two.
An image should be present on top of each blog posting.
Title of each blog should go underneath the image - Left Aligned
The date each blog was posted should be underneath the title - Left Aligned
Only a snippet of the post should be readable from the "Stories" Page - Left Aligned
"Finish Reading" link to the rest of the post should be present underneath the snippet of text - Left Aligned
Page: /about-us
Description:
Add FAQ section content. Numbered list of items.
FAQ title should be an anchor with a valid ID.
The FAQ link in footer should be updated from /faq to use an anchor link within the /about-us page.
e.g.: href="/about-us#faq"
Description
The layout should include a text block -Center aligned
Heading at the top, text at the bottom
The second block of content underneath the first.
In the block, there should be 3 information button modules aligned horizontally, 1 for join as a developer, 1 for join as a designer, and 1 for just joining us.
Under the button, modules will be a block of text.
Create a link to the "Volunteer's Spotlight" titled "Who We Are" on the homepage of the website.
Footer should have relevant social media icons linking to corresponding social pages
Footer should have our inspirational quote
Mockup: https://www.figma.com/file/GLg0zPNnwMEGIb9TytCrxQ/Resilience-App?node-id=33854%3A19521
The top of the "Stories" Page should contain an intro to encourage visitors to read our "Stories". The most recent story should be spotlighted at the top.
Description:
The page title should be at the top - Center Aligned
Call to action to keep encouraging people to read should be at under the title - Center Aligned
An image of the most recent blog post should be the first thing that is present of the most recent blog - Center Aligned
Title of the blog should go underneath the image - Left Aligned
The date the blog was posted should be underneath the title - Left Aligned
Only a snippet of the post should be readable from the "Stories" Page - Left Aligned
"Finish Reading" link to the rest of the post should be present underneath the snippet of text - Left Aligned
Complete first iteration of information architecture.
Rough draft has been completed and we are currently finalizing it into an editable chart in Figma.
https://www.figma.com/file/GLg0zPNnwMEGIb9TytCrxQ/Resilience-App?node-id=33878%3A136
Once the user is directed to the Get Resilience form, there will be a quick recap of all the ways that Resilience would be beneficial to organizations at the top of the page.
Description:
On the left side with will be a sales pitch - Left Aligned
A link to display how our users use the application - Left Aligned
The right side will be a checklist of features stored in a box - Center Aligned
The first feature on the 'Home' page needs to be a video that describes the project.
Probably the video from Simon Mont
Update README to include:
The layout should contain a section underneath the 'contributors spotlight' section that highlights the remaining contributors.
Description
At the top of the section should be a heading and text area - center-aligned
underneath the text area, contributors should be displayed with an image only in a grid style.
under the grid of photos should be a button to join the project-centered
Page: /about-us
Description:
Layout should include the first text section - center aligned
Additional rows with header text to the left split with paragraph blocks on the right
This ticket should warrant the creation of a reusable component containing the item/description layout
Create a link to the "Contribute Section" Titled "Contribute" on the Homepage.
Create provisional personas user groups who will be visiting the resilienceapp.org website.
Based off of the Resilience App personas.
Description
The layout should have a section that spotlights some of the contributors to this project.
Heading and text area at the top of the section - center aligned
Underneath the text area should be information modules that contain information on the spotlighted contributors. These modules will contain the contributor's full name, job title, a short summary of the contributor, and a photo.
Once the "Get Resilience" button is pushed the user should be redirected to "Get Resilience form Page".
Description:
Use the /getresilience route
Create a route to the "Stories" tab (Blogs)
Edit: Rename Blogs route to Stories
After clicking on the "Finish Reading" link on each blog post you should be directed to a link that displays the full blog post.
Description:
A button should be present at the top left to go back to the "Stories" Page.
Next to the button should be the date the blog was created - Center Aligned
Under the date should be the title of the blog post - Center Aligned
The blog post with the images that are linked to the post should be underneath the title - Left Aligned
Under the posting should be Tags - Left Aligned
Followed the IA plan from Courtney, and I put some basic copy to start with.
Create a route to the "About Us" Tab.
Edit: Rename "About" to "About Us"
When looking at the volunteers on the grid, a modal should pop up when a user clicks on a volunteer's image.
Description:
The modal should display information about the volunteer on the left side and a picture of the volunteer on the right side.
The information should contain the volunteer's full name - Left Aligned
The volunteer's position - Left Aligned
A summary about the volunteer and how they contributed - Left Aligned
Where they contributed the most - Left Aligned
On the 'Home' page we need to highlight the features that the resilience app contains.
We should create a section that contains a heading stating "Get tools to empower your mutual aid organization" with a smaller heading underneath that stating "Resilience is the ability to recover from change and disaster"
Create a route to the "Contribute" tab.
Underneath the Applications tools section, there should be a section that spotlights the companies/organizations that are "Our Partners and Affiliations".
Partners Logos will be presented under a Title text that reads "Our Partners and Affiliations".
Underneath the project recap, a form will be located in for the organizers to fill out so they can become a Resilience user.
Description:
The top of the section should have the Title "Get Resilience for Your Organization" - Center Aligned
Under the title, the text should read "Tell us a bit more, So we can see how we fit" - Center Aligned
The form should be displayed underneath - Center aligned
Description
The layout should a text/button that contains a heading and text that describes how one could Donate Funds - Center Aligned
With a button underneath the text-centered
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.