Git Product home page Git Product logo

peopleforbikes.github.io's Introduction

peopleforbikes.github.io

PeopleForBikes community site.

Developping

The website is generated using Zola static site generator and the Juice theme.

Refer to the installation page to learn how to set it up for your platform.

Serving the development site

To render the site when adding new content, run the following command:

zola serve

Then open the http://127.0.0.1:1111 URL to view the site.

Administration tasks

Administration tasks are being provided as convenience in a justfile.

More information about Just can be find in their repository. The installation section of their documentation will guide you through the setup process.

Run just -l to see the list of provided tasks.

peopleforbikes.github.io's People

Contributors

ab91 avatar lalver1 avatar rgreinho avatar robahtou avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

lalver1 ab91

peopleforbikes.github.io's Issues

Need favicon

We need a favicon for this site:

GET http://127.0.0.1:1111/favicon.ico                           [HTTP/1.1 404 Not Found 0ms]

Top menu broken for mobile

Current Behavior

When browsing the site from a mobile device, the top menu gets broken, especially for smaller devices.

For instance, some menu items are split ("Project Standards" is displayed on 2 lines):

image

Expected Behavior

The menu items should be displayed properly for all resolutions.

Possible Solution

A possible solution would be to use a flex layout and wrap the menu items on the next line if they don't fit.

Steps to Reproduce

  1. Open the site from a device with a small resolution (e.g.: 354x854), or use the browser inspector.

Context

Your Environment

Last commit:
  e7aa3c3 Adds favicon (#8)  (HEAD -> main, origin/main)
Browser(s):
  Mozilla Firefox 96.0.2
  Google Chrome 97.0.4692.99 
System Version: macOS 12.1 (21C52)

Hero is broken for mobile

Current Behavior

The hero is broken for mobile. The text does not fit on the screen and the big logo disappears.

image

Expected Behavior

The text should be readable for any resolution. Maybe the logo could be placed above the text, at a smaller size.

Possible Solution

Use a flex layout to render the elements of the hero properly given any screen resolution.

Steps to Reproduce

  1. Open the site from a device with a small resolution (e.g.: 354x854), or use the browser inspector.

Context

Your Environment

Last commit:
  e7aa3c3 Adds favicon (#8)  (HEAD -> main, origin/main)
Browser(s):
  Mozilla Firefox 96.0.2
  Google Chrome 97.0.4692.99 
System Version: macOS 12.1 (21C52)

Update the logo

Feature request

Current Behavior

We currently use the BNA logos.

Expected Behavior

Now that we are starting to have our own identity, we should use the BNA logos.

Define web development standards

Feature request

Current Behavior

The guideline page does not provide any guidance regarding web development.

Expected Behavior

We already agreed internally to use the following technologies:

  • npm
  • node 18+
  • react
  • next.js
  • tailwind css

So this should be officially documented.

If possible we should go one level further by also documenting:

  • Which testing tools do we recommend?
  • Which tailwind component collections we recommend/reject
  • Do we recommend a specific project structure?
  • Can we provide a code snippet that would help bootstrapping a new project?
  • etc.

Update links

Current Behavior

  • The measure link is missing on the main page.
  • The Docs link in the navbar is not pointing to anything.

Expected Behavior

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.