Updated some information but mostly just added graphics and images to make the site more interesting

src/public/css/style.css

@@ -8,7 +8,7 @@ html, body {
 .content {
     position: relative;
     min-height: 100%;
-    padding-bottom: 100px;
+    padding-bottom: 300px;
 }
 
 main {
@@ -63,6 +63,7 @@ section {
 
 img {
     width: 100%;
+    /*max-height: 30%;*/
 }
 
 footer {
@@ -70,7 +71,7 @@ footer {
     position: absolute;
     bottom: 0;
     width: 100%;
-    height: 100px;
+    height: 300px;
     margin-top: auto;
     padding: 0;
     background-color: #333;
@@ -78,4 +79,32 @@ footer {
     flex-direction: column;
     align-items: center;
     justify-content: center;
+}
+
+.side-by-side {
+    display: flex; 
+    flex-direction: row; 
+    width: 100%;
+}
+
+.side-by-side:nth-child(2n) {
+    flex-direction: row-reverse;
+}
+
+.side-by-side-item {
+    width: 50%;
+}
+
+@media screen and (max-width: 768px) {
+    .side-by-side {
+        flex-direction: column;
+    }
+
+    .side-by-side:nth-child(2n) {
+        flex-direction: column;
+    }
+
+    .side-by-side-item {
+        width: 100%;
+    }
 }

src/server.ts

@@ -8,7 +8,7 @@ app.get('/', (req, res) => {
     res.render('index.ejs', {
         title: 'Home',
         business: {
-            location: 'Winnipeg, MB'
+            location: 'Winnipeg, Canada'
         }
     });
 });

src/views/about.ejs

@@ -63,13 +63,17 @@
                 (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 %>" style="max-width:200px;height:auto;" alt="A photo of <%= person.fname %> <%= person.lname %>">
+                <img src="img/<%= person.image %>" alt="A photo of <%= person.fname %> <%= person.lname %>">
                 <%
                     }
                 %>
+                    </div>
+                    <div class="side-by-side-item">
                 <h3><%= person.fname %> <%= person.lname %></h3>
                 <p><%= person.position %></p>
                 <% 
@@ -93,6 +97,8 @@
                 <%
                     }
                 %>
+                    </div>
+                </div>
             </li>
         <% 
                 }

src/views/footer.ejs

@@ -1,5 +1,6 @@
             </main>
             <footer>
+                <a href="https://winnipeg-chamber.com/"><img src="img/Proud%20Chamber%20Web.webp" alt="Proud Winnipeg Chamber of Commerce member logo" /></a>
                 <p>&copy; 2023 Bridgeman Accessible. All rights reserved.</p>
             </footer>
         </div>

src/views/index.ejs

@@ -7,6 +7,34 @@
         <h1 class="homepage-banner__title">Welcome to Bridgeman Accessible</h1>
         <p class="homepage-banner__text">Bridgeman Accessible is a small digital accessibility startup based in <%= business.location %></p>
     </div>
+    <div class="side-by-side">
+        <div class="side-by-side-item">
+            <figure>
+                <img src="img/Bing-imgs/technology%20bridge.jpeg" alt="" />
+                <figcaption>Generated by Bing using DALLE-3</figcaption>
+            </figure>
+        </div>
+        <div class="side-by-side-item" style="display: flex;flex-direction: column;align-self: center">
+            <h2>Bridging digital accessibility into Tomorrow</h2>
+            <p>
+                We work closely with our clients to help make sure there is always a clear path or bridge for people living with disabilities to use their products and services. But not just a bridge good for today but tomorrow and into the future as well.
+            </p>
+        </div>
+    </div>
+    <div class="side-by-side">
+        <div class="side-by-side-item">
+            <figure>
+                <img src="img/Bing-imgs/devs%20working%20on%20innovation.jpeg" alt="" />
+                <figcaption>Generated by Bing using DALLE-3</figcaption>
+            </figure>
+        </div>
+        <div class="side-by-side-item" style="display: flex;flex-direction: column;align-self: center">
+            <h2>Innovation is what we do</h2>
+            <p>
+                We leverage the most modern technology, practices and techniques in combination with our own resourcefulness, ingenuity and creativity to create truly innovative solutions to address modern problems of professionals living with disabilities.
+            </p>
+        </div>
+    </div>
     <img src="img/logo_with_black_background.png" alt="A white on black background version of the Bridgeman Accessible logo of a visually impaired person with a cane and someone in a wheelchair crossing a bridge which sits above a computer with a globe inside it with the words Bridgeman Accessible immediately below everything." />
 </section>
 

src/views/products.ejs

@@ -14,6 +14,22 @@
 </section>
 
 <section class="product">
+    <div class="side-by-side">
+        <div class="side-by-side-item">
+            <figure>
+                <img src="img/Bing-imgs/accessible%20event%20platform%20generic.jpeg" alt="" />
+                <figcaption>Generated by Bing using DALLE-3</figcaption>
+            </figure>
+            <figure>
+                <img src="img/Bing-imgs/accessible%20event%20platform%20tablet.jpeg" alt="" />
+                <figcaption>Generated by Bing using DALLE-3</figcaption>
+            </figure>
+            <figure>
+                <img src="img/Bing-imgs/accessible%20event%20platform%20tablet%202.jpeg" alt="" />
+                <figcaption>Generated by Bing using DALLE-3</figcaption>
+            </figure>
+        </div>
+        <div class="side-by-side-item" style="display: flex;flex-direction: column;align-self: center">
     <h2>Accessible Events Platform</h2>
     <small>Price (subscription + usage): $1,100/year or $100/month subscription + usage (subject to change)</small>
     <p>
@@ -51,6 +67,8 @@
         That's to say, our Accessible Events Platform is designed to be an all-in-one platform that helps people plan, execute, and evaluate accessible events of all sizes. 
         Whether you're planning a meeting of two people or a conference of thousands, our platform will guide you through the process step by step and help you create and have an accessible event without putting even more stress on you.
     </p>
+        </div>
+    </div>
 </section>
 
 <section class="product">
@@ -71,6 +89,18 @@
 </section>
 
 <section class="product">
+    <div class="side-by-side">
+        <div class="side-by-side-item">
+            <figure>
+                <img src="img/Bing-imgs/screen%20magnifier%20img%201.jpeg" alt="" />
+                <figcaption>Generated by Bing using DALLE-3</figcaption>
+            </figure>
+            <figure>
+                <img src="img/Bing-imgs/screen%20magnifier%20img%202.jpeg" alt="" />
+                <figcaption>Generated by Bing using DALLE-3</figcaption>
+            </figure>
+        </div>
+        <div class="side-by-side-item" style="display: flex;flex-direction: column;align-self: center">
     <h2>Multi-Tasking Screen Magnifier</h2>
     <small>Price (one time price): ~$500 (subject to change)</small>
     <p>Our Multi-Tasking Screen Magnifier is designed to help people with low vision or visual impairments use their computers more effectively. Our magnifier allows you to magnify specific windows or sections of your screen, rather than just the entire screen. You can also have multiple magnifiers open at once, making it easier to multitask. Some of the features of our magnifier include:</p>
@@ -82,6 +112,8 @@
         <li>Keyboard shortcuts for easy use</li>
         <li>And much more!</li>
     </ul>
+        </div>
+    </div>
 </section>
 
 <%- include('footer.ejs') %>

src/views/services.ejs

@@ -5,23 +5,30 @@
 <h1>Our Services</h1>
 
 <section class="service">
-    <h2>Event Support</h2>
+    <h2>Event and Assistive Technology Support</h2>
     <small>Price: $125/hour (subject to change)</small>
     <p>
-        We provide technical support for events, particularly if they require accessibility features such as captions, ASL/LSQ, English/French interpretation, and more. 
+        We provide technical support for situations where there are disability/accessibility specific requirements or concerns. 
-        Our services are available for both online and hybrid events, and may be availabe for in-person events on a case by case basis.
+    </p>
+    <h3>Event Support</h3>
+    <p>
+        We specialize in features such as captions, ASL/LSQ, English/French interpretation, and more. 
+        Our services are available for both online and hybrid events, and may be available for in-person events on a case by case basis.
     </p>
     <p>
         More specifically, we often provide the following services (though may be open to others upon request):
     </p>
     <ul>
-        <li>Event planning and coordination as it relates to needed technology and features (inluding researching and reporting on needed equipment, licenses or other resources or requirements)</li>
+        <li>Event planning and coordination as it relates to needed technology and features (including researching and reporting on needed equipment, licenses or other resources or requirements)</li>
         <li>Event setup and troubleshooting</li>
         <li>Event moderation and technical problem troubleshooting</li>
         <li>Event recording and editing</li>
     </ul>
+    <h3>Specialized Technology Support</h3>
+    <p>
+        We allow clients to feel confident that their employees of any abilities will be well supported when it comes to technology.
+    </p>
 </section>
-
 <section class="service">
     <h2>Co-Development and Consulting</h2>
     <small>Price: $80/hour (subject to change)</small>
@@ -47,7 +54,6 @@
         <li>Training and education (on developer tools, coding languages, APIs or other technical topics around accessibility)</li>
     </ul>
 </section>
-
 <section class="service">
     <h2>Disability Organization Technical Support</h2>
     <small>Price: $45/hour (subject to change)</small>