Skip to content

Commit 97dd01e

Browse files
JamesBrackenJamesBracken
authored
Merge pull request #106 from VCGithubCode/main
update branch
2 parents 87348a9 + 06d6ac7 commit 97dd01e

File tree

16 files changed

+117
-85
lines changed

16 files changed

+117
-85
lines changed

‎about.html‎

Lines changed: 97 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<title>Access Granted | About Us </title>
1414
</head>
1515

16-
<body class="relative" style="background-color: #fcd9cb;">
16+
<body class="relative body-background">
1717
<a href="#main-content" class="d-none">Skip to main content</a>
1818

1919
<header class="fixed-top">
@@ -128,21 +128,21 @@ <h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel">Accessibility Set
128128
<main class="container my-5">
129129
<section>
130130
<div class="row align-items-center">
131+
<div class="col-md-6">
132+
<h2>Our Mission</h2>
133+
<p>
134+
Our mission is to create a more inclusive, accessible world for everyone.
135+
<br>
136+
<br>
137+
We are a team of passionate developers dedicated to bring innovative solutions and foster a community built on values of collaboration and empathy.
138+
</p>
139+
</div>
131140
<div class="col-md-6 mb-4 mb-md-0">
132141
<img src="assets/images/locky.webp" alt="Our Team" class="img-fluid rounded" height="400" width="400">
133142
</div>
134-
<div class="col-md-6">
135-
<h2>Our Mission</h2>
136-
<p>
137-
Our mission is to create a more inclusive, accessible world for everyone.
138-
<br>
139-
<br>
140-
We are a team of passionate developers dedicated to bring innovative solutions and foster a community built on values of collaboration and empathy.
141-
</p>
142-
</div>
143+
143144
</div>
144145
</section>
145-
<main class="container my-5">
146146
<section>
147147
<h2 class="text-center mb-4">Meet Our Team</h2>
148148
<div class="row g-4">
@@ -158,14 +158,16 @@ <h5 class="card-title">Vernell Clark</h5>
158158
</div>
159159
</div>
160160
<div class="flip-card-back">
161-
<div class="card-body">
162-
<p>SCRUM Leader</p>
163-
<a href="https://github.com/VCGithubCode" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
164-
<i class="bi bi-github"></i> GitHub
165-
</a>
166-
<a href="https://www.linkedin.com/in/vernell-clark-swe/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
167-
<i class="bi bi-linkedin"></i> LinkedIn
168-
</a>
161+
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
162+
<p>Project Management & Coordination</p>
163+
<div class="d-flex justify-content-center gap-2">
164+
<a href="https://github.com/VCGithubCode" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
165+
<i class="bi bi-github"></i> GitHub
166+
</a>
167+
<a href="https://www.linkedin.com/in/vernell-clark-swe/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
168+
<i class="bi bi-linkedin"></i> LinkedIn
169+
</a>
170+
</div>
169171
</div>
170172
</div>
171173
</div>
@@ -176,21 +178,23 @@ <h5 class="card-title">Vernell Clark</h5>
176178
<div class="card shadow-lg text-center flip-card">
177179
<div class="flip-card-inner">
178180
<div class="flip-card-front">
179-
<img src="assets/images/avatars/Nikola.webp" class="card-img-top" alt="Nikola Simic">
181+
<img src="assets/images/avatars/Nicola.webp" class="card-img-top" alt="Nikola Simic">
180182
<div class="card-body">
181183
<h5 class="card-title">Nikola Simic</h5>
182184
<p class="card-text">Voice Assistant</p>
183185
</div>
184186
</div>
185187
<div class="flip-card-back">
186-
<div class="card-body">
187-
<p>Voice Assistant</p>
188-
<a href="https://github.com/nlekkerman" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
189-
<i class="bi bi-github"></i> GitHub
190-
</a>
191-
<a href="https://linkedin.com/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
192-
<i class="bi bi-linkedin"></i> LinkedIn
193-
</a>
188+
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
189+
<p>Voice Interface Development</p>
190+
<div class="d-flex justify-content-center gap-2">
191+
<a href="https://github.com/nlekkerman" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
192+
<i class="bi bi-github"></i> GitHub
193+
</a>
194+
<a href="https://www.linkedin.com/in/nikola-simic-674862110/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
195+
<i class="bi bi-linkedin"></i> LinkedIn
196+
</a>
197+
</div>
194198
</div>
195199
</div>
196200
</div>
@@ -204,18 +208,20 @@ <h5 class="card-title">Nikola Simic</h5>
204208
<img src="assets/images/avatars/Ben.webp" class="card-img-top" alt="Benjamin Schäfer">
205209
<div class="card-body">
206210
<h5 class="card-title">Benjamin Schäfer</h5>
207-
<p class="card-text">Research & Page Layout & Presentation</p>
211+
<p class="card-text">Page Layout & Presentation</p>
208212
</div>
209213
</div>
210214
<div class="flip-card-back">
211-
<div class="card-body">
212-
<p>Research & Page Layout & Presentation</p>
213-
<a href="https://github.com/benschaf" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
214-
<i class="bi bi-github"></i> GitHub
215-
</a>
216-
<a href="https://www.linkedin.com/in/beni-schaefer/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
217-
<i class="bi bi-linkedin"></i> LinkedIn
218-
</a>
215+
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
216+
<p>UX Design & Research</p>
217+
<div class="d-flex justify-content-center gap-2">
218+
<a href="https://github.com/benschaf" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
219+
<i class="bi bi-github"></i> GitHub
220+
</a>
221+
<a href="https://www.linkedin.com/in/beni-schaefer/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
222+
<i class="bi bi-linkedin"></i> LinkedIn
223+
</a>
224+
</div>
219225
</div>
220226
</div>
221227
</div>
@@ -229,18 +235,20 @@ <h5 class="card-title">Benjamin Schäfer</h5>
229235
<img src="assets/images/avatars/Angela.webp" class="card-img-top" alt="Angela Siniavskaja">
230236
<div class="card-body">
231237
<h5 class="card-title">Angela Siniavskaja</h5>
232-
<p class="card-text">ReadMe & Documentation Lead</p>
238+
<p class="card-text">Documentation Lead</p>
233239
</div>
234240
</div>
235241
<div class="flip-card-back">
236-
<div class="card-body">
237-
<p>Project lead and git/github expert</p>
238-
<a href="https://github.com/Angela-Sin" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
239-
<i class="bi bi-github"></i> GitHub
240-
</a>
241-
<a href="https://www.linkedin.com/in/angela-siniavskaja-a4500a22b/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
242-
<i class="bi bi-linkedin"></i> LinkedIn
243-
</a>
242+
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
243+
<p>Documentation & Content Strategy</p>
244+
<div class="d-flex justify-content-center gap-2">
245+
<a href="https://github.com/Angela-Sin" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
246+
<i class="bi bi-github"></i> GitHub
247+
</a>
248+
<a href="https://www.linkedin.com/in/angela-siniavskaja-a4500a22b/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
249+
<i class="bi bi-linkedin"></i> LinkedIn
250+
</a>
251+
</div>
244252
</div>
245253
</div>
246254
</div>
@@ -258,14 +266,16 @@ <h5 class="card-title">Ashraf Bocktor</h5>
258266
</div>
259267
</div>
260268
<div class="flip-card-back">
261-
<div class="card-body">
262-
<p>Produce Avatars</p>
263-
<a href="https://github.com/PATH-HIVE" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
264-
<i class="bi bi-github"></i> GitHub
265-
</a>
266-
<a href="https://www.linkedin.com/in/abbocktor/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
267-
<i class="bi bi-linkedin"></i> LinkedIn
268-
</a>
269+
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
270+
<p>Avatar Design & Creative Direction</p>
271+
<div class="d-flex justify-content-center gap-2">
272+
<a href="https://github.com/PATH-HIVE" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
273+
<i class="bi bi-github"></i> GitHub
274+
</a>
275+
<a href="https://www.linkedin.com/in/abbocktor/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
276+
<i class="bi bi-linkedin"></i> LinkedIn
277+
</a>
278+
</div>
269279
</div>
270280
</div>
271281
</div>
@@ -279,18 +289,20 @@ <h5 class="card-title">Ashraf Bocktor</h5>
279289
<img src="assets/images/avatars/Alison.webp" class="card-img-top" alt="Alison Mossop">
280290
<div class="card-body">
281291
<h5 class="card-title">Alison Mossop</h5>
282-
<p class="card-text">404 Page</p>
292+
<p class="card-text">Error Page</p>
283293
</div>
284294
</div>
285295
<div class="flip-card-back">
286-
<div class="card-body">
287-
<p>Project lead and git/github expert</p>
288-
<a href="https://github.com/ali-moss-24" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
289-
<i class="bi bi-github"></i> GitHub
290-
</a>
291-
<a href="https://www.linkedin.com/in/alison-mossop-4658a5253/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
292-
<i class="bi bi-linkedin"></i> LinkedIn
293-
</a>
296+
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
297+
<p>Error Page Design & User Engagement</p>
298+
<div class="d-flex justify-content-center gap-2">
299+
<a href="https://github.com/ali-moss-24" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
300+
<i class="bi bi-github"></i> GitHub
301+
</a>
302+
<a href="https://www.linkedin.com/in/alison-mossop-4658a5253/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
303+
<i class="bi bi-linkedin"></i> LinkedIn
304+
</a>
305+
</div>
294306
</div>
295307
</div>
296308
</div>
@@ -302,20 +314,22 @@ <h5 class="card-title">Alison Mossop</h5>
302314
<div class="flip-card-inner">
303315
<div class="flip-card-front">
304316
<img src="assets/images/avatars/James.webp" class="card-img-top" alt="James Bracken">
305-
<div class="card-body">
317+
<div class="card-body d-flex flex-column align-items-center justify-content-center">
306318
<h5 class="card-title">James Bracken</h5>
307319
<p class="card-text">Footer & Support</p>
308320
</div>
309321
</div>
310322
<div class="flip-card-back">
311-
<div class="card-body">
312-
<p>Footer & Support</p>
313-
<a href="https://github.com/JamesBracken" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
314-
<i class="bi bi-github"></i> GitHub
315-
</a>
316-
<a href="https://linkedin.com/in/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
317-
<i class="bi bi-linkedin"></i> LinkedIn
318-
</a>
323+
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
324+
<p>Site Navigation & Support Features</p>
325+
<div class="d-flex justify-content-center gap-2">
326+
<a href="https://github.com/JamesBracken" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
327+
<i class="bi bi-github"></i> GitHub
328+
</a>
329+
<a href="https://www.linkedin.com/in/christopher-bracken-0b7263314/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
330+
<i class="bi bi-linkedin"></i> LinkedIn
331+
</a>
332+
</div>
319333
</div>
320334
</div>
321335
</div>
@@ -326,30 +340,30 @@ <h5 class="card-title">James Bracken</h5>
326340
<div class="card shadow-lg text-center flip-card">
327341
<div class="flip-card-inner">
328342
<div class="flip-card-front">
329-
<img src="assets/images/avatars/Vernell.webp" class="card-img-top" alt="Ahmad Al Hindi">
343+
<img src="assets/images/avatars/Ahmad.webp" class="card-img-top" alt="Ahmad Al Hindi">
330344
<div class="card-body">
331345
<h5 class="card-title">Ahmad Al Hindi</h5>
332346
<p class="card-text">About Page</p>
333347
</div>
334348
</div>
335349
<div class="flip-card-back">
336-
<div class="card-body">
337-
<p>Project lead and git/github expert</p>
338-
<a href="https://github.com/Ahmadalhindi" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
339-
<i class="bi bi-github"></i> GitHub
340-
</a>
341-
<a href="https://www.linkedin.com/in/ahmad-al-hindi-899877108/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
342-
<i class="bi bi-linkedin"></i> LinkedIn
343-
</a>
350+
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
351+
<p>Content Creation & Page Design</p>
352+
<div class="d-flex justify-content-center gap-2">
353+
<a href="https://github.com/Ahmadalhindi" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
354+
<i class="bi bi-github"></i> GitHub
355+
</a>
356+
<a href="https://www.linkedin.com/in/ahmad-al-hindi-899877108/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
357+
<i class="bi bi-linkedin"></i> LinkedIn
358+
</a>
359+
</div>
344360
</div>
345361
</div>
346362
</div>
347363
</div>
348364
</div>
349-
350365
</div>
351366
</section>
352-
</main>
353367
</main>
354368

355369
<footer class="text-muted py-5">

‎assets/css/style.css‎

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -547,6 +547,25 @@ nav li {
547547
text-align: center;
548548
}
549549

550+
/* About page background */
551+
.body-background {
552+
background-image: url('../images/shiny1.webp');
553+
background-position: bottom center;
554+
background-size: cover;
555+
background-repeat: no-repeat;
556+
height: 100vh;
557+
position: relative;
558+
}
559+
560+
/* Linkedin buttons */
561+
.linkedin {
562+
background: #0d6efd;
563+
color: #ffffff;
564+
}
565+
566+
.linkedin:hover {
567+
background: #ffffff;
568+
color: #0d6efd;
550569

551570
/* Error-background */
552571
.error-background {
@@ -564,7 +583,6 @@ nav li {
564583
border-radius: 12px;
565584
padding: 1em;
566585
font-weight: 900;
567-
568586
}
569587

570588
/* Responsiveness */
@@ -596,4 +614,4 @@ nav li {
596614
.flip-card-front img {
597615
height: 150px;
598616
}
599-
}
617+
}

‎assets/images/avatars/Ahmad.jpg‎

-14.5 KB
Binary file not shown.

‎assets/images/avatars/Nicola.webp‎

12.2 KB
Loading

assets/images/readme./body.png renamed to assets/images/readme/body.png

File renamed without changes.

assets/images/readme./colorblind.png renamed to assets/images/readme/colorblind.png

File renamed without changes.

assets/images/readme./contrast.png renamed to assets/images/readme/contrast.png

File renamed without changes.

assets/images/readme./dislecsic.png renamed to assets/images/readme/dislecsic.png

File renamed without changes.

assets/images/readme./dyslecsik.png renamed to assets/images/readme/dyslecsik.png

File renamed without changes.

assets/images/readme./main.png renamed to assets/images/readme/main.png

File renamed without changes.

0 commit comments

Comments
 (0)