kmankowski / battlefieldtsa Goto Github PK

This portion of the site is extremely unresponsive. Either style the cards to vertically stack on smaller screen sizes or completely change how teacher information is listed.

Some images were never actually incorporated into the website - don't explicitly remove them, but determine which ones are which and create an "unused_assets" folder somewhere to store them in.

On smaller screen sizes, the navbar is moved inside a hamburger menu. However, the button formatting of the links to other webpages remains, appearing clunky and asymmetric. Remove the borders and highlighting on those links at smaller screen sizes, while still differentiating them from others in a subtle way.

Add a ReadMe to elaborate on the origins of this repository and information for people curious in contributing :)

Content and aligning could both be improved. Go crazy!

This project was made back in high school. Unfortunately, understandable/intuitive IDs and classes weren't made a huge priority. Update IDs and classes to be understandable.

Currently, the images and text will swing up when the user arrives to their place on the webpage. However, on smaller screen sizes, this is very jarring. Either remove or update the animation in a nice way to be more suitable for those on small screen sizes.

Using media queries, remove the descriptive text within boxes on smaller screen sizes. See below.

Currently, the courses are displayed in a very unintuitive and obnoxious way to the user. Lets fix that :)

Very little documentation was incorporated into this project. Head through and add comments to make the code more understandable.

Implement SCSS into the repository to improve the styling process.

Many of the files currently have inconsistent naming schemes - update them to be more understandable, human-readable, and consistent.

Images take too long to load on the web page as of now - it'd be nice to compress them.

Get rid of that pesky .DS_Store.

Use media queries to insert the parallax images only on larger screen sizes.

Currently, each of the three webpages pulls CSS exclusively from their own CSS file. However, much of the styling is equivalent across them - compile the replicated CSS into a single CSS file from which every webpage can pull.

See title.

Perhaps a folder for Assets containing CSS & Images?

To make the homepage and the band page more responsive, rather than including a whole blurb of text for each TSA officer and each band member across all screen sizes, simply remove them through media queries for smaller screen sizes.

The font sizing gets very wonky at smaller screen sizes - try using both Bootstrap and custom CSS styling to adjust.

Simply use CSS to remove the styling at smaller screen sizes! See below: