Giter VIP home page Giter VIP logo

williamsultimate's Introduction

Williams Ultimate Frisbee

This is the official website for Williams Ultimate Frisbee (WUF), the umbrella organization for WUFO, NOVA, and BUF.
Visit us at williamsultimate.com!

Installation

Clone the repo to run it locally.

Usage

In the project directory, you can run:

npm run start

Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.

Contributing

If there is a bug or new feature you would like to see, please feel free to open an issue! We are always looking to improve our website.

Authors

williamsultimate's People

Contributors

alansun25 avatar dependabot[bot] avatar etchenko avatar ritotn avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

williamsultimate's Issues

Update style of homepage navbar

  • For consistency, moving away from the blocky buttons to just text (like in the team specific pages) might be better.
  • We could also replace WUFO, La WUFA etc with their logos
    • The logos could also slightly expand on hover instead of changing color
  • The Catch a disc should remain a button though, but we should update the style to make it ~ slick ~

Add WUFA homepage

Possible things to include:

  • Navbar
  • Main image
  • About
  • Upcoming events
  • Recent tweets
  • Roster

Change the team navbar logo on hover

If you're on the WUFO page for example, there's a WUFO logo in the top left. Clicking on it brings you back to the main homepage, which might be a little confusing? Some people might think it's meant to go to the top of the team page.

Instead, on hover we can have it flip to a WUF logo (gotta make one first), home icon, or something else.

Just a thought, might just end up keeping the team logo in the end.

Add analytics so that you can monitor the websites traffic

You should almost certainly be using Google Analytics. I can help, but it is also a fun and relevant journey to figure this out on your own. But in the end you get fun statistics on how many people are using your website.

For example, if you find out that 100% of people are using your website via desktop, maybe mobile friendly is not a priority. Although that's almost certainly not the case...

If you have already done this, then cool. Feel free to close.

Sync color change on hover of Home disc/button

Currently, when hovering over a team disc or button on the Home page, the color turns from white to light purple.

It would be nice to sync them (i.e. if you hover over the disc, the button also changes color and vice versa) so users can more easily make the connection between logo and team name, as well as the fact that the discs are clickable.

Look into: https://stackoverflow.com/questions/48047940/how-to-change-the-style-of-one-element-when-i-hover-another-element-reactjs

Add BUF homepage

Possible things to include:

  • Navbar
  • Main image
  • About
  • Upcoming events

More realistic discs

Some things we can do to make the discs more realistic:

  • Collision detection between discs
  • Continuous rotation
  • Rotation changes on collision with other discs / walls
  • Ability for user to drag the disc to set new direction
  • Start discs at random location each time

Fix navbar responsiveness, layout, and style

The navbar items get closer together on smaller screens. Make it consistent on all screens (non-mobile). Also, move all navbar items to the left side of the screen and change the home item to the corresponding team's logo.

Add archived rosters

Current roster will be on the main page, but we can also have an archive of old rosters (the only one we'll have so far is 20-21)

Fix disc glitch on homepage

When a disc approaches either the bottom or right edge, the window expands slightly, triggering the scrollbar to show up. We should eventually figure out what's going on and fix this.

Change homepage favicon

Currently, we use the old Williams logo.

Either update it to the new one, or create our own

Background photos are messed up on mobile

Super zoomed in and can't see the focal points in the photos. On my phone it looks completely different than looking at the "mobile" version using developer tools (which looks fine).

Add WUFO page

Possible things to include:

  • Navbar
  • Main image
  • About
  • Upcoming events
  • Recent tweets
  • Roster

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.