Code Monkey home page Code Monkey logo

cal-itp / mobility-marketplace Goto Github PK

View Code? Open in Web Editor NEW
4.0 8.0 1.0 12.03 MB

A one-stop resource for modern, equitable and accessible public transit products and services.

Home Page: https://www.camobilitymarketplace.org/

License: GNU Affero General Public License v3.0

HTML 52.69% Ruby 1.22% Shell 0.16% JavaScript 13.42% SCSS 32.18% Dockerfile 0.33%
payments open-loop transportation transit-products gtfs gtfs-realtime gtfs-rt mobility-as-a-service government

mobility-marketplace's Introduction

Mobility Marketplace

camobilitymarketplace.org

A one-stop resource for modern, equitable and accessible public transit products and services.

Deployed via Netlify Netlify Status

Development

Cloning the repository

You can run the usual git clone command to check out this project, but notice that this repo contains Git submodules. To ensure you have all the files in those submodules, you can pass --recuse-submodules when cloning:

git clone --recurse-submodules https://github.com/cal-itp/mobility-marketplace.git

or if you've already cloned the project, you can run:

git submodule update --init

Running a local instance

This is a Jekyll static site. We include a Devcontainer configuration to help with local testing and development.

  1. Open the repository directory in VS Code
  2. Ctrl/Cmd+Shift+P to bring up the Command Palette
  3. Enter Remote-Containers to filter the command list
  4. Enter or select Rebuild and Reopen in Container to start from scratch
  5. Enter or select Reopen in Container to reopen the last devcontainer used

Once inside the devcontainer, you have the manually start the site:

  1. Ctrl/Cmd+Shift+P to bring up the Command Palette
  2. Enter Tasks: Run Task
  3. Enter or select Jekyll: Build Dev
  4. Open the app on http://127.0.0.1:4000/*

Auto rebuild/reload will be active and will watch the site files for changes.

* Try using cmd and clicking on the server address from the Terminal

Debugging the Transit Providers CSV file

The automated process to fetch providers from the data warehouse consists of two parts. The first part is downloading the data as a CSV file from the warehouse. The second part is preparing the data with some Python.

# Download the data
bash .github/resources/download_csv.sh

# (Optional) Don't pollute your global Python install
virtualenv .github/resources/venv
source .github/resources/venv/bin/activate

# Install Python dependencies
pip install -r .github/resources/requirements.txt

# Run the Python script with all the preparing logic
python .github/resources/process_providers.py

Documents

This site uses Google Cloud to manage static files, like the PDFs on the How To pages.

Requirements: User must be authorized on Google Cloud to access the resources-calitp-org bucket.

  1. Go to https://cloud.google.com/
  2. Click Console
  3. Click Cloud Storage
  4. Click resources.calitp.org
  5. Click mobility-marketplace
  6. Click button for action needed: Upload Files, Delete or Edit on a particular file

License

Content (including graphics, images, video, documents, and text) in this repository is licensed under CC-BY 4.0.

The source code in this repository used to format and display the content is licensed under GPL-3.0.

mobility-marketplace's People

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

tigohani

mobility-marketplace's Issues

Website metadata

Update website metadata:

  • Site name:
  • Site description:
  • Favicon/tile
  • Social graph image

Contactless: Update photos, alt text and drop-shadow

On the contactless page, update the section that reads "Agencies worldwide have switched to contactless payments":

  1. Update new photos (see https://www.figma.com/file/QR2c1HOhrJptQbN0FSfu9J?node-id=2131:8811#56214486)
  2. Add alt text
    Transport for London photo: "Red double decker bus that reads London United"
    MTA photo: "NY subway turnstiles showing OMNY contactless fare validators"
  3. Reduce padding between header and body copy in those sections
  4. Remove border and drop shadow

See this example of the padding and removed border/shadow

Screen Shot 2021-01-05 at 2 40 57 PM

Screen Shot 2021-01-05 at 2 40 44 PM

Build search experience

  • generate data file of site content
  • build search index from data
  • search widget / form
  • search results page

Contact form: update roles

On the contact form, under the roles, roles should be:

  1. Transit provider staff
  2. Transit provider CEO
  3. Technology vendor

I think @esquared415 may have put this in the CMS but wanted to make sure it comes through

Homepage: Hero and new about section have some small margin/padding issues

At around 990px

  1. Top hero text is running right on top of the blue about section
  2. About section has too much padding and should match width of section above it
    Screenshots from dev:
    https://www.dropbox.com/s/dbehhd5i7p63qt4/Screen%20Shot%202021-01-04%20at%202.48.34%20PM.png?dl=0

On iPhone 8
3) About section has no margin at all and is running edge to edge
Screenshots from dev:
https://www.dropbox.com/s/8kycq6cq3b9r9wm/IMG_8363.PNG?dl=0

Mocks: https://www.figma.com/file/QR2c1HOhrJptQbN0FSfu9J?node-id=1081:4994#56049807

Images need alt tags

Hard-coded images (e.g. the site logo) should have appropriate alt tags hard-coded in as well.

Anything coming out of the CMS needs to carry with it user-generated text to populate an alt tag (and this needs to be a required field in the CMS, if an image is being selected/inserted).

Add protocol to all provider URLs

Some Providers have a bare URL in the providers.csv file. For example:

Turlock Transit,90201,10,10,11279,144918,21507,208154,Turlock,Stanislaus,www.turlocktransit.com,,,,

When these URLs are turned into links in the Providers table, the link is made relative to the Transit Stop domain. For example, the above URL results in:

https://cal-itp-transit-stop.netlify.app/www.turlocktransit.com

All of the Provider URLs should include the protocol (https by default, unless the site doesn't support https).

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.