<h1>About Us</h1>

<section class="about-mission">
    <h2>Our Mission</h2>
    <p>At Bridgeman Accessible, our mission is to create or help others create digital products and services that promote sustainable, iterative and meaningful improvement to the accessibility of the world we live in.</p>
    <p>
        What that means is, we believe in making our world more accessible to everyone, regardless of ability particularly as our world becomes increasingly digital. 
        And we further believe that everyone should have equal access to information and resources online, in-person or in whatever format that they can engage with best or can be most productive with and we're committed to making that a reality.
    </p>
</section>

<section class="about-mission">
    <h2>Our Vision</h2>
    <p>
        At Bridgeman Accessible, we recognize that the current state of digital accessibility often means doing more work and spending dedicated time to do the right thing. 
        But as a result it often gets put off or treated as an afterthought. We want to change that culture so that digital accessibility isn't something people dread doing but rather something people just do as part of “regular” tasks.
        We feel that this is the only way that we'll ever start to achieve real accessibilty where it's not about chasing people but having it be a natural part of the process.
    </p>
</section>

<section class="about-values">
    <h2>Our Values</h2>
    <ul>
        <li>Whenever and wherever possible be for and by people living with disabilities in a fair and just way.</li>
        <li>When and wehre possible provide attribution, recognition, contribution and compensation to those individuals and organizations that have come before or continue to drive the move towards a more accessible world. "We stand on the shoulders of giants"</li>
        <li>
            Be empathetic, authentic, and considerate to as many and as wide a range of opinions, perspectives and experiences as possible
            <ul>
                <li><b>Empathetic</b>: “I'm listening to what you're saying and trying to understand”</li>
                <li><b>Authentic</b>: “I'll be honest in saying, I (or we) agree (or disagree) with you”</li>
                <li><b>Considerate</b>: “I may (or may not) agree with you but respect your ability or right to have that opinion, perspective or experience and will do my best to enable you all the same”</li>
            </ul>
        </li>
        <li>Ambitious, learned, and humble: “We can't know everything, we can barely know anything, but the important thing is we can always continue to try to learn and grow”</li>
        <li>Be good stewards of the resources we have been given</li>
    </ul>
</section>

<section class="about-portfolio">
    <h2>Our Portfolio</h2>
    <p>
        At Bridgeman Accessible, we've had the pleasure of working with a diverse group of organizations on a wide variety of projects. Here are a few examples of organizations that have choosen to partner with us:</p>
    <ul>
        <li><a href="https://virn.ca">Visually Impaired Resource Network (VIRN)</a></li>
        <li><a href="https://neads.ca">National Educational Association of Disabled Students (NEADS)</a></li>
        <li><a href="https://ccdonline.ca">Council of Canadians with Disabilities (CCD)</a></li>
        <li><a href="https://manoverboard.com/">Manoverboard</a></li>
        <li><a href="https://www.canada.ca/en/shared-services.html">Centre of Expertise in Agile and Innovative Procurement (CoEAIP) - Shared Services Canada (SSC)</a></li>
    </ul>
</section>

<section class="about-team">
    <h2>Our Team</h2>
    <p>Our team is made up of experienced professionals who are passionate about digital accessibility. Here are a few of our key team members:</p>
    <ul>
        <% 
            people.forEach(
                (person) => { 
        %>
            <li>
                <div class="side-by-side">
                    <div class="side-by-side-item" style="padding: 1rem">
                <% 
                    if (typeof(person.image) !== 'undefined') {
                %>
                <img src="img/<%= person.image %>" alt="A photo of <%= person.fname %> <%= person.lname %>">
                <%
                    }
                    else {
                %>
                <i class="fa-solid fa-user fa-3x"></i>
                <%
                    }
                %>
                    </div>
                    <div class="side-by-side-item">
                <h3><%= person.fname %> <%= person.lname %></h3>
                <p><%= person.position %></p>
                <% 
                    if (typeof(person.bio) !== 'undefined') {
                %>
                    <p><%= person.bio %></p>
                <%
                    }
                %>
                <% 
                    if (typeof(person.website) !== 'undefined') {
                %>
                    <a href="<%= person.website %>"><i class="fa-solid fa-globe"></i> Website</a>
                <%
                    }
                %>
                <% 
                    if (typeof(person.email) !== 'undefined') {
                %>
                    <a href="mailto:<%= person.email %>"><i class="fa-solid fa-envelope"></i> Email</a>
                <%
                    }
                %>
                <% 
                    if (typeof(person.phone) !== 'undefined') {
                %>
                    <a href="tel:<%= person.phone %>"><i class="fa-solid fa-phone"></i> Call</a>
                <%
                    }
                %>
                    </div>
                </div>
            </li>
        <% 
                }
            ); 
        %>
    </ul>
</section>