Coder Social home page Coder Social logo

sfbrigade / codeforsanfrancisco.org Goto Github PK

View Code? Open in Web Editor NEW
9.0 9.0 8.0 58.61 MB

CodeForSanFrancisco.org is hosted on Netlify and build using Jekyll

Home Page: https://codeforsanfrancisco.org/

License: MIT License

Ruby 16.99% HTML 75.44% CSS 1.51% JavaScript 3.87% Makefile 2.19%

codeforsanfrancisco.org's People

Contributors

aquaallen avatar bensheldon avatar dbechrd avatar elimisteve avatar emily-wasserman avatar exxonvaldez avatar frhino avatar gregboyer avatar jasonlally avatar jszwedko avatar kinnardian avatar omegabytes avatar proloser avatar scottbrenner avatar sogen avatar xlikeswan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

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

codeforsanfrancisco.org's Issues

Create redirects from old blog pages

Crawl the old blog index (brigadehub.codeforsanfrancisco.org/blog) and create redirects to their new location so that existing links continue to work.

Make project lifecycle more prominent on the site

The work that the project delivery team did on the lifecycle has stayed trapped in a presentation: https://drive.google.com/file/d/0B3CHxhx2-3cOazNyRldqMGtxYjg/view?usp=sharing

While we reference it in the status of each project, we don't explain what it means or what the criteria are for each in an easy to discover way.

I think we can do even more here to make the process for submitting and vetting ideas prominent, simple and criteria driven, but we can save that for another issue.

Some inspiration:
https://codeforphilly.org/pages/project_guidelines
https://docs.google.com/presentation/d/1d7zazkSMwshShctmlLavJHFl9EQVUxavuwTaaudGEZ8/edit#slide=id.g24c386e236_0_13

  • Display the status to the project index /projects
  • Include projects on index that are non-active (currently only active are shown)
  • Create a page describing the statuses and their criteria and any additional information that may be helpful (we can iterate with user testing)
  • Provide tooltips or reference links from the projects and project index to make the lifecycle more prominent (also consider using visual cues to show the status as part of a process?)

Add query parameter support to project search page

Would like to support /projects/?search=skills_needed:nonprofit so that we can link to it from other pages. This way if we are on a project page and click one of the tags, we can take them back to the search with the tag already filled in.

Deliverables

  • Visiting /projects/?search=skills_needed:nonprofit adds query parameter to text input
  • Visiting /projects/?search=skills_needed:nonprofit immediately triggers search with query

Jason's website brain dump

Would be good to get some notes on thoughts / desires for the website. However this isn't super critical as there are a lot of self-evident areas of improvement on the website today we have on our roadmap to tackle.

Create /projects

Consider options for creating a projects page (hosted at /projects).

Possibilities:

  • Jekyll pages
  • Jekyll data
  • Dynamic pulling from Github (maybe using civic.json?)
  • Others?

Eventually we'll want to dynamically populate this based on the work that the UX research group is doing on the project match making to avoid duplication of information (as their app will also require populating similar information to what we will want to display).

Put link to "Here? Get set up!" instructions

A constant onboarding issue is getting people to join slack. I agree the rsvp should be the top CTA, but it should have a twin CTA right next to it for people sitting in CityHall conf room at 6:15 on Wed that takes them to step by step instructions for getting on slack and finding and joining project channels. Once there, projects can take the ball and provide further onboarding instructions.

Normalize formatting / headings across pages

I'm noticing the headings on a lot of pages are inconsistent. We should go through and clean these up to be more consistent.

  • All layout headings should be consistent
  • All standalone page headings should be consistent
  • Paragraphs of free text should be properly enclosed
  • Superfluous markup and classes should be removed

Be creative!

Reorganize Navigation Links in footer

The current organization is a little messy, I'd like to continue adding more links to resources, which may involve a drop menu or slightly different organization.

Create `archived` property for complete / inactive projects

Some projects have been completed or are inactive but have progressed enough that having someone take them over could be useful.

Lets add a new archived property or reuse / change the active field to be a multi-state field. I honestly don't think the current project_status is that beneficial and may prove an appropriate place for the new state property.

Once we've done that we can start sorting on status.

Project skills and interests should be clickable

This would allow us to quickly add filtering capabilities to the search.

  • Clicking on a skill or interest should add needed_skills:[skill] to search
  • Clicking on a skill or interest should immediately trigger a search

Figure out strategy for /events

We use meetup.com to organize brigade events, but would also like to have event pages on codeforsanfrancisco.org. Consider strategies for synchronizing the event information (either from or to meetup.com) with the site.

Some considerations:

  • Each hack night will have an agenda document
  • Some events will have their own picture
  • Jekyll event metadata is structured

I've created a sample event for use as reference.

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.