codethechange/codethechange.github.io

Stanford Code the Change's website.

codethechange.github.io's Issues

Standardize logo size for projects

Logos for projects on the home page all have different sizes -- it would be good to standardize!

codethechange_general mailing list link

Show point of contact for each project on project listing page.

We should add an easy way to quickly look at who's leading what project, with contact information / direct connection.

improve scrolling through case studies on home branch (fancy_home)

Links to Member Contact Prepended with Base URL

Some of the contact links (i.e. email, github, and linkedin links) over member profile photos are prepended with the site base URL. For example, Sam's email is http://codethechange.stanford.edu/[email protected].

legitimate text content

replace placeholders

Update Application Form to Reflect New Recruiting Model

Since we're moving away from an application-based recruiting model, the join link on the website shouldn't go to an application. More like a questionnaire for contact info and basic background.

Update Projects Page

Update for 2019-2020 academic year

Clearly Distinguish Past from Active Projects

We've been getting a number of sign-ups listing old projects as ones of interest. This shows users are confused about which projects are current.

Link to More Detail for Each Current Project

Goal

A user should be able to get more information about each of the current projects listed at http://codethechange.stanford.edu/#/projects, perhaps by clicking the project name.

Implementation Sketch

We should be able to re-use the ProjectProfile view for this. All projects (except Karuna) have either a narrative or a description attribute, but we never use description. We can replace description and make them all narrative, which will let us generate ProjectProfile views for all projects.

Shorten project summaries

Long project summaries look out-of-place on mobile

Explain How Onboarding and Membership Works

We should have a page to explain:

• How to become a contributor (link to Join page)
• How the onboarding process works (e.g. starter issues)
• How to become a member
• How to become a core member
• How to become team lead

Make Site Mobile Responsive

Right now not all pages adapt well to mobile devices. This needs to be fixed.

Pages to Fix:

• Home: /
• People: /people
• Projects: /projects
• Partner: /partner
• Project Profile: /profile?name=<project name>
• Partner Criteria: /partner_criteria
• Join: /join
• Header
• Footer

Let People Self-Add to Slack

Just like we let people add themselves to our mailing list, should they be able to add themselves to our Slack?

Add color-change Class to Partner Criteria Link

The partner criteria link at https://codethechange.github.io/#/partner is in the default style. It needs the color-change class like seen in App.vue to be styled correctly.

Navbar agnostic to small screen sizes with nav drawer

when screen is below certain size, have hamburger icon with a drawer for router links.

Add progress bar to partner form submission

Eliminate Redundant Code in Markdown Pages

The pages with markdown bodies currently have a lot of common code that should be factored out, perhaps into a component.

Make Projects Page Counter Dynamic

On the projects page, we say:

Since 2014, we've helped create software for 15+ nonprofits
and impact groups. Here's two of our favorites.

regardless of how many case studies are shown. We should instead either

1. Make the two dynamically set based on the number of case studies shown OR
2. Re-word the sentence so we don't commit to a particular number, e.g.
   Here are some of our favorites

Scroll back to top when switching to a new page

Switching to a new page preserves the scroll position from the previous one, which means you sometimes start off in the middle of the page. It would make more sense to scroll to the top when switching to a new page.

Style Markdown to match rest of site.

Particularly the fonts.