A dedicated fan site for the University of the Cumberlands Patriots. This project serves as a central hub for fans to find live scores, schedules, news, and connect with the community.
Check out the live and deployed site here:
A preview of the Patriots Nation homepage on desktop and mobile devices.
This site is built with a fan-first experience in mind and includes:
- Live Scores & Schedule: An embedded, real-time ScoreStream widget keeps fans updated on game days.
- Blog / Posts Section: A dedicated area for articles, news, and updates about the team.
- Community Hub: Quick links to connect with other fans on platforms like Reddit and Twitter.
- Fully Responsive Design: A seamless experience whether you're on a desktop, tablet, or mobile phone.
- Modern UI/UX: Clean, intuitive navigation and user-friendly features like a "Back to Top" button.
- Dynamic Mobile Menu: A functional hamburger menu provides easy navigation on smaller screens.
This is a static website built with fundamental web technologies, focusing on performance and maintainability.
- HTML5: Structured with semantic markup for accessibility and SEO.
- CSS3: Styled with modern features like:
- CSS Variables: For easy theming and consistent design tokens.
- Flexbox: For creating robust and responsive layouts.
- Media Queries: For adapting the layout to different screen sizes.
- Vanilla JavaScript: Used to power all interactive elements, including:
- The mobile navigation toggle.
- The "Back to Top" button.
- Active navigation link highlighting.
- Lazy loading for images to improve performance.
To run a local copy of this project, follow these simple steps.
You need to have Git installed on your computer.
- Clone the repository:
git clone https://github.com/bshroats5/YOUR-REPO-NAME.git
- Navigate to the project directory:
cd YOUR-REPO-NAME - Open the site:
Simply open the
index.htmlfile in your favorite web browser. No special servers or build steps are required!
- University of the Cumberlands for the use of photos and for being the home of the Patriots.
- Google Fonts for providing the 'Oswald' and 'Lato' typefaces.
- ScoreStream for the excellent live scores widget.
This project is licensed under the MIT License. See the LICENSE file for more details.