Strange Agency

Table of Contents

1. Setup
2. Introduction
3. Aims
4. Users
5. Accessibility
6. Styling
7. Responsiveness

Setup

To set up the website use the following steps:

1. Clone the repository to your local machine.

git clone <repository-url>

2. Navigate to the project folder.

cd <project-folder>

3. Open the index.html file in a web browser to view the website.

Introduction

🎩✨ Welcome to the most extraordinary of all talent agencies! At Strange Talents, we proudly represent the marvels of the uncommon, the masters of the peculiar, and the virtuosos of the bizarre.

We are the purveyors of the outlandish, the champions of the wonderfully weird, and the gatekeepers to a realm where the extraordinary is to be expected.

Aims

• To create a fully accessible website for our talent agency, STRANGE Talents
• To introduce you to our team members and give information abou tour agency
• To ensure our website is browsable on mobile, tablet, and desktop devices
• To provide easy navigation for website users
• To provide contact information for the agency, including a form

Users

Our website is designed to cater to a diverse range of users within the entertainment industry and beyond. We aim to provide a seamless and valuable experience for:

• Talent Seekers
• Talents and Performers
• Media and Press
• Businesses and Collaborators No matter who you are, Strange Agency aims to provide a user-friendly and accessible platform that caters to your specific needs within the realm of talent and entertainment. We invite you to explore our website, connect with our talents, and embark on a journey into the world of the wonderfully weird and extraordinary.

Accessibility

Strange Agency is dedicated to providing an inclusive online experience. We prioritize accessibility in the following ways:

• WCAG Compliance: Our website adheres to the Web Content Accessibility Guidelines (WCAG) 2.1 to ensure it's accessible to all users.
• Alt Text for Images: We provide alternative text for images, benefiting users with visual impairments.
• Keyboard Navigation: Our site is fully navigable by keyboard, making it accessible to those who rely on it or assistive technologies.
• Adjustable Text and Contrast: Users can adjust text size and contrast settings to suit their preferences and needs.
• Accessible Forms: Our forms are designed for easy completion by users, including those who use screen readers.
• Assistive Technology Compatibility: Our site is compatible with various assistive technologies for a seamless experience. We're committed to enhancing accessibility and value your input as we strive to make our website more inclusive for all users.

Styling

The fit with the strange theme, we have taken inspiration from the circus, including:

• The use of circus-style fonts
• Bold colours

Responsiveness

At Strange Agency, we prioritize responsive web design to ensure an optimal user experience across various devices. Here are some technical aspects of our responsive design:

• Media Queries
• Form Display Modification: On mobile devices, form elements are designed to stack vertically, making it easier for users to input information.
• Member Card Display: Our member cards utilize CSS properties that change from flex to block on smaller screens.
• Overflow Scroll: In cases where content extends beyond the viewport, such as long lists or menus, we've implemented the overflow: scroll property.