ADCM-Networks/ProfessionalWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'Update-Blog'

Browse Source 
* Update-Blog:
  Fixed Links & Blog

Signed-off-by: Alexander Davis <alex@adcm.uk>
This commit is contained in:
Alexander Lyall
2025-07-31 18:23:18 +01:00
parent 9baa791900 c47711493f
commit 9bbc5628b6
37 changed files with 5909 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

211
Export/my-work/extracurricular-projects/citation-needed.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Citation Needed</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/extracurricular-projects/citation-needed.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/extracurricular/citation_needed/login_screen.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="The proper way to cite university references">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Creates BCU Harvard web citations; built to replace RefME, Cite This For Me, and other broken tools.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -202,8 +253,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="exam-buff-or-exam-bluff.html">
=======
<div class="card"><a href="exam-buff-or-exam-bluff"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
<div class="card-body"><a href="exam-buff-or-exam-bluff">
>>>>>>> Stashed changes
<h4 class="text-body">Exam Buff or Exam Bluff</h4>
</a>
<p class="card-text">Fast-paced CS quiz game for GCSE+ that tests code and theory using logic, speed, skill, and bluffing</p>
@@ -211,8 +271,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="i-am-aware.html">
=======
<div class="card"><a href="i-am-aware"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
<div class="card-body"><a href="i-am-aware">
>>>>>>> Stashed changes
<h4 class="text-body">I Am Aware</h4>
</a>
<p class="card-text">BCU campaign exploring mental health resources and real stories of depression, anxiety, and bipolar.</p>
@@ -220,8 +289,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="societyplus.html">
=======
<div class="card"><a href="societyplus"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
<div class="card-body"><a href="societyplus">
>>>>>>> Stashed changes
<h4 class="text-body">Society+</h4>
</a>
<p class="card-text">Platform for societies to manage sign-ups, send texts, and update info using PHP, SQL, and Nexmo API</p>
@@ -229,8 +307,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="sortai.html">
=======
<div class="card"><a href="sortai"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
<div class="card-body"><a href="sortai">
>>>>>>> Stashed changes
<h4 class="text-body">Sort.AI</h4>
</a>
<p class="card-text">AI file sorter using Google NLP in C#. Auto-categorises any file. Awarded 3rd place at BullHacks 1.0</p>
@@ -238,8 +325,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="task-master-web.html"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="task-master-web.html"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="task-master-web.html">
=======
<div class="card"><a href="task-master-web"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
<div class="card-body"><a href="task-master-web">
>>>>>>> Stashed changes
<h4 class="text-body">Task Master for Web</h4>
</a>
<p class="card-text">Business task manager with secure login, file upload area, MySQL. Awarded 3rd place at BrumHack 5.0.</p>
@@ -247,8 +343,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="the-computers-identity.html">
=======
<div class="card"><a href="the-computers-identity"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
<div class="card-body"><a href="the-computers-identity">
>>>>>>> Stashed changes
<h4 class="text-body">The Computer's Identity</h4>
</a>
<p class="card-text">Interactive poem entry for BCU Christian Union art competition displayed in binary format &amp; QR code.</p>
@@ -276,6 +381,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -307,6 +438,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -350,6 +485,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

211
Export/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Exam Buff or Exam Bluff</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="An quick and easy revision tool for both coding and theory. Only for Computer Science GCSE and above.">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Fast-paced CS quiz game for GCSE+ that tests code and theory using logic, speed, skill, and bluffing">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -201,8 +252,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="citation-needed.html">
=======
<div class="card"><a href="citation-needed"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
<div class="card-body"><a href="citation-needed">
>>>>>>> Stashed changes
<h4 class="text-body">Citation Needed</h4>
</a>
<p class="card-text">Creates BCU Harvard web citations; built to replace RefME, Cite This For Me, and other broken tools.</p>
@@ -210,8 +270,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="i-am-aware.html">
=======
<div class="card"><a href="i-am-aware"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
<div class="card-body"><a href="i-am-aware">
>>>>>>> Stashed changes
<h4 class="text-body">I Am Aware</h4>
</a>
<p class="card-text">BCU campaign exploring mental health resources and real stories of depression, anxiety, and bipolar.</p>
@@ -219,8 +288,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="societyplus.html">
=======
<div class="card"><a href="societyplus"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
<div class="card-body"><a href="societyplus">
>>>>>>> Stashed changes
<h4 class="text-body">Society+</h4>
</a>
<p class="card-text">Platform for societies to manage sign-ups, send texts, and update info using PHP, SQL, and Nexmo API</p>
@@ -228,8 +306,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="sortai.html">
=======
<div class="card"><a href="sortai"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
<div class="card-body"><a href="sortai">
>>>>>>> Stashed changes
<h4 class="text-body">Sort.AI</h4>
</a>
<p class="card-text">AI file sorter using Google NLP in C#. Auto-categorises any file. Awarded 3rd place at BullHacks 1.0</p>
@@ -237,8 +324,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="task-master-web.html"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="task-master-web.html"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="task-master-web.html">
=======
<div class="card"><a href="task-master-web"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
<div class="card-body"><a href="task-master-web">
>>>>>>> Stashed changes
<h4 class="text-body">Task Master for Web</h4>
</a>
<p class="card-text">Business task manager with secure login, file upload area, MySQL. Awarded 3rd place at BrumHack 5.0.</p>
@@ -246,8 +342,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="the-computers-identity.html">
=======
<div class="card"><a href="the-computers-identity"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
<div class="card-body"><a href="the-computers-identity">
>>>>>>> Stashed changes
<h4 class="text-body">The Computer's Identity</h4>
</a>
<p class="card-text">Interactive poem entry for BCU Christian Union art competition displayed in binary format &amp; QR code.</p>
@@ -275,6 +380,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -306,6 +437,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -349,6 +484,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

211
Export/my-work/extracurricular-projects/i-am-aware.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>I Am Aware</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/extracurricular-projects/i-am-aware.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/extracurricular/iamaware.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="I Am Aware is a campaign run by BCU Mental Health Awareness that looks into the resources available for those living with mental health issues.">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="BCU campaign exploring mental health resources and real stories of depression, anxiety, and bipolar.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -171,8 +222,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="citation-needed.html">
=======
<div class="card"><a href="citation-needed"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
<div class="card-body"><a href="citation-needed">
>>>>>>> Stashed changes
<h4 class="text-body">Citation Needed</h4>
</a>
<p class="card-text">Creates BCU Harvard web citations; built to replace RefME, Cite This For Me, and other broken tools.</p>
@@ -180,8 +240,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="exam-buff-or-exam-bluff.html">
=======
<div class="card"><a href="exam-buff-or-exam-bluff"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
<div class="card-body"><a href="exam-buff-or-exam-bluff">
>>>>>>> Stashed changes
<h4 class="text-body">Exam Buff or Exam Bluff</h4>
</a>
<p class="card-text">Fast-paced CS quiz game for GCSE+ that tests code and theory using logic, speed, skill, and bluffing</p>
@@ -189,8 +258,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="societyplus.html">
=======
<div class="card"><a href="societyplus"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
<div class="card-body"><a href="societyplus">
>>>>>>> Stashed changes
<h4 class="text-body">Society+</h4>
</a>
<p class="card-text">Platform for societies to manage sign-ups, send texts, and update info using PHP, SQL, and Nexmo API</p>
@@ -198,8 +276,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="sortai.html">
=======
<div class="card"><a href="sortai"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
<div class="card-body"><a href="sortai">
>>>>>>> Stashed changes
<h4 class="text-body">Sort.AI</h4>
</a>
<p class="card-text">AI file sorter using Google NLP in C#. Auto-categorises any file. Awarded 3rd place at BullHacks 1.0</p>
@@ -207,8 +294,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="task-master-web.html"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="task-master-web.html"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="task-master-web.html">
=======
<div class="card"><a href="task-master-web"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
<div class="card-body"><a href="task-master-web">
>>>>>>> Stashed changes
<h4 class="text-body">Task Master for Web</h4>
</a>
<p class="card-text">Business task manager with secure login, file upload area, MySQL. Awarded 3rd place at BrumHack 5.0.</p>
@@ -216,8 +312,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="the-computers-identity.html">
=======
<div class="card"><a href="the-computers-identity"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
<div class="card-body"><a href="the-computers-identity">
>>>>>>> Stashed changes
<h4 class="text-body">The Computer's Identity</h4>
</a>
<p class="card-text">Interactive poem entry for BCU Christian Union art competition displayed in binary format &amp; QR code.</p>
@@ -245,6 +350,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -276,6 +407,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -319,6 +454,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

211
Export/my-work/extracurricular-projects/societyplus.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Society+</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/extracurricular-projects/societyplus.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/extracurricular/society+/societypluspreview.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="A new way for societies to contact and administer membership.">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Platform for societies to manage sign-ups, send texts, and update info using PHP, SQL, and Nexmo API">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -192,8 +243,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="citation-needed.html">
=======
<div class="card"><a href="citation-needed"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
<div class="card-body"><a href="citation-needed">
>>>>>>> Stashed changes
<h4 class="text-body">Citation Needed</h4>
</a>
<p class="card-text">Creates BCU Harvard web citations; built to replace RefME, Cite This For Me, and other broken tools.</p>
@@ -201,8 +261,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="exam-buff-or-exam-bluff.html">
=======
<div class="card"><a href="exam-buff-or-exam-bluff"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
<div class="card-body"><a href="exam-buff-or-exam-bluff">
>>>>>>> Stashed changes
<h4 class="text-body">Exam Buff or Exam Bluff</h4>
</a>
<p class="card-text">Fast-paced CS quiz game for GCSE+ that tests code and theory using logic, speed, skill, and bluffing</p>
@@ -210,8 +279,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="i-am-aware.html">
=======
<div class="card"><a href="i-am-aware"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
<div class="card-body"><a href="i-am-aware">
>>>>>>> Stashed changes
<h4 class="text-body">I Am Aware</h4>
</a>
<p class="card-text">BCU campaign exploring mental health resources and real stories of depression, anxiety, and bipolar.</p>
@@ -219,8 +297,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="sortai.html">
=======
<div class="card"><a href="sortai"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
<div class="card-body"><a href="sortai">
>>>>>>> Stashed changes
<h4 class="text-body">Sort.AI</h4>
</a>
<p class="card-text">AI file sorter using Google NLP in C#. Auto-categorises any file. Awarded 3rd place at BullHacks 1.0</p>
@@ -228,8 +315,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="task-master-web.html"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="task-master-web.html"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="task-master-web.html">
=======
<div class="card"><a href="task-master-web"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
<div class="card-body"><a href="task-master-web">
>>>>>>> Stashed changes
<h4 class="text-body">Task Master for Web</h4>
</a>
<p class="card-text">Business task manager with secure login, file upload area, MySQL. Awarded 3rd place at BrumHack 5.0.</p>
@@ -237,8 +333,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="the-computers-identity.html">
=======
<div class="card"><a href="the-computers-identity"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
<div class="card-body"><a href="the-computers-identity">
>>>>>>> Stashed changes
<h4 class="text-body">The Computer's Identity</h4>
</a>
<p class="card-text">Interactive poem entry for BCU Christian Union art competition displayed in binary format &amp; QR code.</p>
@@ -266,6 +371,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -297,6 +428,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -340,6 +475,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

217
Export/my-work/extracurricular-projects/sortai.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Sort.AI</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/extracurricular-projects/sortai.html">
@@ -32,10 +41,32 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp">
<<<<<<< HEAD
<meta name="description" content="AI file sorter using Google NLP in C#. Auto-categorises any file. Awarded 3rd place at BullHacks 1.0">
<script>
(function() {
=======
<<<<<<< Updated upstream
<meta name="description" content="A Windows service concept that sorts your files automatically using the Google Natural Language API.
Awarded 3rd Place">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
<meta name="description" content="AI file sorter using Google NLP in C#. Auto-categorises any file. Awarded 3rd place at BullHacks 1.0">
<script>
(function() {
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
// JavaScript snippet handling Dark/Light mode switching
const getStoredTheme = () => localStorage.getItem('theme');
@@ -122,8 +153,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +174,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -199,8 +256,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="citation-needed.html">
=======
<div class="card"><a href="citation-needed"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
<div class="card-body"><a href="citation-needed">
>>>>>>> Stashed changes
<h4 class="text-body">Citation Needed</h4>
</a>
<p class="card-text">Creates BCU Harvard web citations; built to replace RefME, Cite This For Me, and other broken tools.</p>
@@ -208,8 +274,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="exam-buff-or-exam-bluff.html">
=======
<div class="card"><a href="exam-buff-or-exam-bluff"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
<div class="card-body"><a href="exam-buff-or-exam-bluff">
>>>>>>> Stashed changes
<h4 class="text-body">Exam Buff or Exam Bluff</h4>
</a>
<p class="card-text">Fast-paced CS quiz game for GCSE+ that tests code and theory using logic, speed, skill, and bluffing</p>
@@ -217,8 +292,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="i-am-aware.html">
=======
<div class="card"><a href="i-am-aware"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
<div class="card-body"><a href="i-am-aware">
>>>>>>> Stashed changes
<h4 class="text-body">I Am Aware</h4>
</a>
<p class="card-text">BCU campaign exploring mental health resources and real stories of depression, anxiety, and bipolar.</p>
@@ -226,8 +310,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="societyplus.html">
=======
<div class="card"><a href="societyplus"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
<div class="card-body"><a href="societyplus">
>>>>>>> Stashed changes
<h4 class="text-body">Society+</h4>
</a>
<p class="card-text">Platform for societies to manage sign-ups, send texts, and update info using PHP, SQL, and Nexmo API</p>
@@ -235,8 +328,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="task-master-web.html"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="task-master-web.html"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="task-master-web.html">
=======
<div class="card"><a href="task-master-web"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
<div class="card-body"><a href="task-master-web">
>>>>>>> Stashed changes
<h4 class="text-body">Task Master for Web</h4>
</a>
<p class="card-text">Business task manager with secure login, file upload area, MySQL. Awarded 3rd place at BrumHack 5.0.</p>
@@ -244,8 +346,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="the-computers-identity.html">
=======
<div class="card"><a href="the-computers-identity"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
<div class="card-body"><a href="the-computers-identity">
>>>>>>> Stashed changes
<h4 class="text-body">The Computer's Identity</h4>
</a>
<p class="card-text">Interactive poem entry for BCU Christian Union art competition displayed in binary format &amp; QR code.</p>
@@ -273,6 +384,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -304,6 +441,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -347,6 +488,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

217
Export/my-work/extracurricular-projects/task-master-web.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Task Master for Web</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/extracurricular-projects/task-master-web.html">
@@ -32,10 +41,32 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/extracurricular/task_master/taskmasterpreview.webp">
<<<<<<< HEAD
<meta name="description" content="Business task manager with secure login, file upload area, MySQL. Awarded 3rd place at BrumHack 5.0.">
<script>
(function() {
=======
<<<<<<< Updated upstream
<meta name="description" content="A Business Oriented Task and Project Management System.
Awarded 3rd Place">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
<meta name="description" content="Business task manager with secure login, file upload area, MySQL. Awarded 3rd place at BrumHack 5.0.">
<script>
(function() {
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
// JavaScript snippet handling Dark/Light mode switching
const getStoredTheme = () => localStorage.getItem('theme');
@@ -122,8 +153,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +174,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -194,8 +251,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="citation-needed.html">
=======
<div class="card"><a href="citation-needed"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
<div class="card-body"><a href="citation-needed">
>>>>>>> Stashed changes
<h4 class="text-body">Citation Needed</h4>
</a>
<p class="card-text">Creates BCU Harvard web citations; built to replace RefME, Cite This For Me, and other broken tools.</p>
@@ -203,8 +269,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="exam-buff-or-exam-bluff.html">
=======
<div class="card"><a href="exam-buff-or-exam-bluff"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
<div class="card-body"><a href="exam-buff-or-exam-bluff">
>>>>>>> Stashed changes
<h4 class="text-body">Exam Buff or Exam Bluff</h4>
</a>
<p class="card-text">Fast-paced CS quiz game for GCSE+ that tests code and theory using logic, speed, skill, and bluffing</p>
@@ -212,8 +287,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="i-am-aware.html">
=======
<div class="card"><a href="i-am-aware"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
<div class="card-body"><a href="i-am-aware">
>>>>>>> Stashed changes
<h4 class="text-body">I Am Aware</h4>
</a>
<p class="card-text">BCU campaign exploring mental health resources and real stories of depression, anxiety, and bipolar.</p>
@@ -221,8 +305,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="societyplus.html">
=======
<div class="card"><a href="societyplus"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
<div class="card-body"><a href="societyplus">
>>>>>>> Stashed changes
<h4 class="text-body">Society+</h4>
</a>
<p class="card-text">Platform for societies to manage sign-ups, send texts, and update info using PHP, SQL, and Nexmo API</p>
@@ -230,8 +323,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="sortai.html">
=======
<div class="card"><a href="sortai"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
<div class="card-body"><a href="sortai">
>>>>>>> Stashed changes
<h4 class="text-body">Sort.AI</h4>
</a>
<p class="card-text">AI file sorter using Google NLP in C#. Auto-categorises any file. Awarded 3rd place at BullHacks 1.0</p>
@@ -239,8 +341,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="the-computers-identity.html">
=======
<div class="card"><a href="the-computers-identity"><img class="img-fluid card-img-top rainbow-border" alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" src="../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
<div class="card-body"><a href="the-computers-identity">
>>>>>>> Stashed changes
<h4 class="text-body">The Computer's Identity</h4>
</a>
<p class="card-text">Interactive poem entry for BCU Christian Union art competition displayed in binary format &amp; QR code.</p>
@@ -268,6 +379,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -299,6 +436,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -342,6 +483,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

211
Export/my-work/extracurricular-projects/the-computers-identity.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>The Computer's Identity</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/extracurricular-projects/the-computers-identity.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="An interactive poem entry for the BCU Christian Union &quot;Where Is Identity Found&quot; Art Competition.">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Interactive poem entry for BCU Christian Union art competition displayed in binary format &amp; QR code.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -181,8 +232,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="citation-needed.html">
=======
<div class="card"><a href="citation-needed"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" src="../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
<div class="card-body"><a href="citation-needed">
>>>>>>> Stashed changes
<h4 class="text-body">Citation Needed</h4>
</a>
<p class="card-text">Creates BCU Harvard web citations; built to replace RefME, Cite This For Me, and other broken tools.</p>
@@ -190,8 +250,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="exam-buff-or-exam-bluff.html">
=======
<div class="card"><a href="exam-buff-or-exam-bluff"><img class="img-fluid card-img-top rainbow-border" alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" src="../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
<div class="card-body"><a href="exam-buff-or-exam-bluff">
>>>>>>> Stashed changes
<h4 class="text-body">Exam Buff or Exam Bluff</h4>
</a>
<p class="card-text">Fast-paced CS quiz game for GCSE+ that tests code and theory using logic, speed, skill, and bluffing</p>
@@ -199,8 +268,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="i-am-aware.html">
=======
<div class="card"><a href="i-am-aware"><img class="img-fluid card-img-top rainbow-border" alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" src="../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
<div class="card-body"><a href="i-am-aware">
>>>>>>> Stashed changes
<h4 class="text-body">I Am Aware</h4>
</a>
<p class="card-text">BCU campaign exploring mental health resources and real stories of depression, anxiety, and bipolar.</p>
@@ -208,8 +286,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="societyplus.html">
=======
<div class="card"><a href="societyplus"><img class="img-fluid card-img-top rainbow-border" alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" src="../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
<div class="card-body"><a href="societyplus">
>>>>>>> Stashed changes
<h4 class="text-body">Society+</h4>
</a>
<p class="card-text">Platform for societies to manage sign-ups, send texts, and update info using PHP, SQL, and Nexmo API</p>
@@ -217,8 +304,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="sortai.html">
=======
<div class="card"><a href="sortai"><img class="img-fluid card-img-top rainbow-border" alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" src="../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
<div class="card-body"><a href="sortai">
>>>>>>> Stashed changes
<h4 class="text-body">Sort.AI</h4>
</a>
<p class="card-text">AI file sorter using Google NLP in C#. Auto-categorises any file. Awarded 3rd place at BullHacks 1.0</p>
@@ -226,8 +322,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="task-master-web.html"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="task-master-web.html"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="task-master-web.html">
=======
<div class="card"><a href="task-master-web"><img class="img-fluid card-img-top rainbow-border" alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" src="../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
<div class="card-body"><a href="task-master-web">
>>>>>>> Stashed changes
<h4 class="text-body">Task Master for Web</h4>
</a>
<p class="card-text">Business task manager with secure login, file upload area, MySQL. Awarded 3rd place at BrumHack 5.0.</p>
@@ -255,6 +360,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -286,6 +417,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -329,6 +464,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

193
Export/my-work/projects-for-education/bitbox.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Bit:Box</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/projects-for-education/bitbox.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/for_education/bit_box/bit_box_logo.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="A series of boxes, Microsoft Windows Application and website to teach students how binary works and the values of binary columns.">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Educational device, app, and website using switches and lights to visually demonstrate binary logic.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -180,8 +231,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="csbox.html"><img class="img-fluid card-img-top rainbow-border" alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" src="../../assets/img/projects/for_education/cs_box/csbox_logo.webp?h=487f527cf87df0dba11b6f4d4993a80d"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="csbox.html"><img class="img-fluid card-img-top rainbow-border" alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" src="../../assets/img/projects/for_education/cs_box/csbox_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="csbox.html">
=======
<div class="card"><a href="csbox"><img class="img-fluid card-img-top rainbow-border" alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" src="../../assets/img/projects/for_education/cs_box/csbox_logo.webp?h=487f527cf87df0dba11b6f4d4993a80d"></a>
<div class="card-body"><a href="csbox">
>>>>>>> Stashed changes
<h4 class="text-body">CS:Box</h4>
</a>
<p class="card-text">Interactive educational tool expanding Bit:Box to include additional UK Computing Curriculum topics.</p>
@@ -189,8 +249,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="my-mind.html"><img class="img-fluid card-img-top rainbow-border" alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" src="../../assets/img/projects/for_education/my_mind/my_mind_logo.webp?h=4e299b8017d1483b6dfb87ea14d502aa"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="my-mind.html"><img class="img-fluid card-img-top rainbow-border" alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" src="../../assets/img/projects/for_education/my_mind/my_mind_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="my-mind.html">
=======
<div class="card"><a href="my-mind"><img class="img-fluid card-img-top rainbow-border" alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" src="../../assets/img/projects/for_education/my_mind/my_mind_logo.webp?h=4e299b8017d1483b6dfb87ea14d502aa"></a>
<div class="card-body"><a href="my-mind">
>>>>>>> Stashed changes
<h4 class="text-body">My Mind</h4>
</a>
<p class="card-text">App simplifying BCU mental health support, linking students to counsellors, emergency calls, forums.</p>
@@ -198,8 +267,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="nature-findings.html"><img class="img-fluid card-img-top rainbow-border" alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" src="../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp?h=a1d20406f8862370fbf569a75cf95af9"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="nature-findings.html"><img class="img-fluid card-img-top rainbow-border" alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" src="../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="nature-findings.html">
=======
<div class="card"><a href="nature-findings"><img class="img-fluid card-img-top rainbow-border" alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" src="../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp?h=a1d20406f8862370fbf569a75cf95af9"></a>
<div class="card-body"><a href="nature-findings">
>>>>>>> Stashed changes
<h4 class="text-body">Nature Findings</h4>
</a>
<p class="card-text">Windows app to record bird sightings during walks. Submitted as a final year computing project task.</p>
@@ -207,8 +285,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" src="../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp?h=b62eff0bef2a6734f8e4ac9ad05f103c"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" src="../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="task-master-ios.html">
=======
<div class="card"><a href="task-master-ios"><img class="img-fluid card-img-top rainbow-border" alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" src="../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp?h=b62eff0bef2a6734f8e4ac9ad05f103c"></a>
<div class="card-body"><a href="task-master-ios">
>>>>>>> Stashed changes
<h4 class="text-body">Task Master for iOS</h4>
</a>
<p class="card-text">iOS app based on BrumHack 5.0 entry. Helps businesses manage, assign, and track their project tasks.</p>
@@ -236,6 +323,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -267,6 +380,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -310,6 +427,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

193
Export/my-work/projects-for-education/csbox.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>CS:Box</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/projects-for-education/csbox.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/for_education/cs_box/csbox_logo.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="An evolution of Bit:Box to incorporate different elements of the UK Computing Curriculum">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Interactive educational tool expanding Bit:Box to include additional UK Computing Curriculum topics.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -189,8 +240,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="bitbox.html"><img class="img-fluid card-img-top rainbow-border" alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" src="../../assets/img/projects/for_education/bit_box/bit_box_logo.webp?h=36b5ef1a4c9f880d65df48518293999f"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="bitbox.html"><img class="img-fluid card-img-top rainbow-border" alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" src="../../assets/img/projects/for_education/bit_box/bit_box_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="bitbox.html">
=======
<div class="card"><a href="bitbox"><img class="img-fluid card-img-top rainbow-border" alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" src="../../assets/img/projects/for_education/bit_box/bit_box_logo.webp?h=36b5ef1a4c9f880d65df48518293999f"></a>
<div class="card-body"><a href="bitbox">
>>>>>>> Stashed changes
<h4 class="text-body">Bit:Box</h4>
</a>
<p class="card-text">Educational device, app, and website using switches and lights to visually demonstrate binary logic.</p>
@@ -198,8 +258,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="my-mind.html"><img class="img-fluid card-img-top rainbow-border" alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" src="../../assets/img/projects/for_education/my_mind/my_mind_logo.webp?h=4e299b8017d1483b6dfb87ea14d502aa"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="my-mind.html"><img class="img-fluid card-img-top rainbow-border" alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" src="../../assets/img/projects/for_education/my_mind/my_mind_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="my-mind.html">
=======
<div class="card"><a href="my-mind"><img class="img-fluid card-img-top rainbow-border" alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" src="../../assets/img/projects/for_education/my_mind/my_mind_logo.webp?h=4e299b8017d1483b6dfb87ea14d502aa"></a>
<div class="card-body"><a href="my-mind">
>>>>>>> Stashed changes
<h4 class="text-body">My Mind</h4>
</a>
<p class="card-text">App simplifying BCU mental health support, linking students to counsellors, emergency calls, forums.</p>
@@ -207,8 +276,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="nature-findings.html"><img class="img-fluid card-img-top rainbow-border" alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" src="../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp?h=a1d20406f8862370fbf569a75cf95af9"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="nature-findings.html"><img class="img-fluid card-img-top rainbow-border" alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" src="../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="nature-findings.html">
=======
<div class="card"><a href="nature-findings"><img class="img-fluid card-img-top rainbow-border" alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" src="../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp?h=a1d20406f8862370fbf569a75cf95af9"></a>
<div class="card-body"><a href="nature-findings">
>>>>>>> Stashed changes
<h4 class="text-body">Nature Findings</h4>
</a>
<p class="card-text">Windows app to record bird sightings during walks. Submitted as a final year computing project task.</p>
@@ -216,8 +294,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" src="../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp?h=b62eff0bef2a6734f8e4ac9ad05f103c"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" src="../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="task-master-ios.html">
=======
<div class="card"><a href="task-master-ios"><img class="img-fluid card-img-top rainbow-border" alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" src="../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp?h=b62eff0bef2a6734f8e4ac9ad05f103c"></a>
<div class="card-body"><a href="task-master-ios">
>>>>>>> Stashed changes
<h4 class="text-body">Task Master for iOS</h4>
</a>
<p class="card-text">iOS app based on BrumHack 5.0 entry. Helps businesses manage, assign, and track their project tasks.</p>
@@ -245,6 +332,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -276,6 +389,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -319,6 +436,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

193
Export/my-work/projects-for-education/my-mind.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>My Mind</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/projects-for-education/my-mind.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/for_education/my_mind/my_mind_logo.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="An app concept that allows you to connect to a mental health and wellbeing councillor, call emergency helplines and talk to people who also suffer from mental health issues using the online forum">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="App simplifying BCU mental health support, linking students to counsellors, emergency calls, forums.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -189,8 +240,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="bitbox.html"><img class="img-fluid card-img-top rainbow-border" alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" src="../../assets/img/projects/for_education/bit_box/bit_box_logo.webp?h=36b5ef1a4c9f880d65df48518293999f"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="bitbox.html"><img class="img-fluid card-img-top rainbow-border" alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" src="../../assets/img/projects/for_education/bit_box/bit_box_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="bitbox.html">
=======
<div class="card"><a href="bitbox"><img class="img-fluid card-img-top rainbow-border" alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" src="../../assets/img/projects/for_education/bit_box/bit_box_logo.webp?h=36b5ef1a4c9f880d65df48518293999f"></a>
<div class="card-body"><a href="bitbox">
>>>>>>> Stashed changes
<h4 class="text-body">Bit:Box</h4>
</a>
<p class="card-text">Educational device, app, and website using switches and lights to visually demonstrate binary logic.</p>
@@ -198,8 +258,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="csbox.html"><img class="img-fluid card-img-top rainbow-border" alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" src="../../assets/img/projects/for_education/cs_box/csbox_logo.webp?h=487f527cf87df0dba11b6f4d4993a80d"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="csbox.html"><img class="img-fluid card-img-top rainbow-border" alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" src="../../assets/img/projects/for_education/cs_box/csbox_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="csbox.html">
=======
<div class="card"><a href="csbox"><img class="img-fluid card-img-top rainbow-border" alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" src="../../assets/img/projects/for_education/cs_box/csbox_logo.webp?h=487f527cf87df0dba11b6f4d4993a80d"></a>
<div class="card-body"><a href="csbox">
>>>>>>> Stashed changes
<h4 class="text-body">CS:Box</h4>
</a>
<p class="card-text">Interactive educational tool expanding Bit:Box to include additional UK Computing Curriculum topics.</p>
@@ -207,8 +276,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="nature-findings.html"><img class="img-fluid card-img-top rainbow-border" alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" src="../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp?h=a1d20406f8862370fbf569a75cf95af9"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="nature-findings.html"><img class="img-fluid card-img-top rainbow-border" alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" src="../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="nature-findings.html">
=======
<div class="card"><a href="nature-findings"><img class="img-fluid card-img-top rainbow-border" alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" src="../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp?h=a1d20406f8862370fbf569a75cf95af9"></a>
<div class="card-body"><a href="nature-findings">
>>>>>>> Stashed changes
<h4 class="text-body">Nature Findings</h4>
</a>
<p class="card-text">Windows app to record bird sightings during walks. Submitted as a final year computing project task.</p>
@@ -216,8 +294,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" src="../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp?h=b62eff0bef2a6734f8e4ac9ad05f103c"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" src="../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="task-master-ios.html">
=======
<div class="card"><a href="task-master-ios"><img class="img-fluid card-img-top rainbow-border" alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" src="../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp?h=b62eff0bef2a6734f8e4ac9ad05f103c"></a>
<div class="card-body"><a href="task-master-ios">
>>>>>>> Stashed changes
<h4 class="text-body">Task Master for iOS</h4>
</a>
<p class="card-text">iOS app based on BrumHack 5.0 entry. Helps businesses manage, assign, and track their project tasks.</p>
@@ -245,6 +332,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -276,6 +389,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -319,6 +436,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

193
Export/my-work/projects-for-education/nature-findings.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Nature Findings</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/projects-for-education/nature-findings.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/for_education/nature_findings/naturefindingspreview.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="A Microsoft Windows Application to store and view bird sightings. Submitted as part of a final year project.">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Windows app to record bird sightings during walks. Submitted as a final year computing project task.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -178,8 +229,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="bitbox.html"><img class="img-fluid card-img-top rainbow-border" alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" src="../../assets/img/projects/for_education/bit_box/bit_box_logo.webp?h=36b5ef1a4c9f880d65df48518293999f"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="bitbox.html"><img class="img-fluid card-img-top rainbow-border" alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" src="../../assets/img/projects/for_education/bit_box/bit_box_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="bitbox.html">
=======
<div class="card"><a href="bitbox"><img class="img-fluid card-img-top rainbow-border" alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" src="../../assets/img/projects/for_education/bit_box/bit_box_logo.webp?h=36b5ef1a4c9f880d65df48518293999f"></a>
<div class="card-body"><a href="bitbox">
>>>>>>> Stashed changes
<h4 class="text-body">Bit:Box</h4>
</a>
<p class="card-text">Educational device, app, and website using switches and lights to visually demonstrate binary logic.</p>
@@ -187,8 +247,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="csbox.html"><img class="img-fluid card-img-top rainbow-border" alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" src="../../assets/img/projects/for_education/cs_box/csbox_logo.webp?h=487f527cf87df0dba11b6f4d4993a80d"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="csbox.html"><img class="img-fluid card-img-top rainbow-border" alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" src="../../assets/img/projects/for_education/cs_box/csbox_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="csbox.html">
=======
<div class="card"><a href="csbox"><img class="img-fluid card-img-top rainbow-border" alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" src="../../assets/img/projects/for_education/cs_box/csbox_logo.webp?h=487f527cf87df0dba11b6f4d4993a80d"></a>
<div class="card-body"><a href="csbox">
>>>>>>> Stashed changes
<h4 class="text-body">CS:Box</h4>
</a>
<p class="card-text">Interactive educational tool expanding Bit:Box to include additional UK Computing Curriculum topics.</p>
@@ -196,8 +265,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="my-mind.html"><img class="img-fluid card-img-top rainbow-border" alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" src="../../assets/img/projects/for_education/my_mind/my_mind_logo.webp?h=4e299b8017d1483b6dfb87ea14d502aa"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="my-mind.html"><img class="img-fluid card-img-top rainbow-border" alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" src="../../assets/img/projects/for_education/my_mind/my_mind_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="my-mind.html">
=======
<div class="card"><a href="my-mind"><img class="img-fluid card-img-top rainbow-border" alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" src="../../assets/img/projects/for_education/my_mind/my_mind_logo.webp?h=4e299b8017d1483b6dfb87ea14d502aa"></a>
<div class="card-body"><a href="my-mind">
>>>>>>> Stashed changes
<h4 class="text-body">My Mind</h4>
</a>
<p class="card-text">App simplifying BCU mental health support, linking students to counsellors, emergency calls, forums.</p>
@@ -205,8 +283,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" src="../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp?h=b62eff0bef2a6734f8e4ac9ad05f103c"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" src="../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="task-master-ios.html">
=======
<div class="card"><a href="task-master-ios"><img class="img-fluid card-img-top rainbow-border" alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" src="../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp?h=b62eff0bef2a6734f8e4ac9ad05f103c"></a>
<div class="card-body"><a href="task-master-ios">
>>>>>>> Stashed changes
<h4 class="text-body">Task Master for iOS</h4>
</a>
<p class="card-text">iOS app based on BrumHack 5.0 entry. Helps businesses manage, assign, and track their project tasks.</p>
@@ -234,6 +321,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -265,6 +378,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -308,6 +425,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

193
Export/my-work/projects-for-education/task-master-ios.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Task Master for iOS</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/projects-for-education/task-master-ios.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/for_education/taskmaster_for ios/taskmasteriospreview.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="Inspired by the BrumHack 5.0 entry. A Business Oriented Task and Project Management System, now for iOS.">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="iOS app based on BrumHack 5.0 entry. Helps businesses manage, assign, and track their project tasks.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -178,8 +229,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="bitbox.html"><img class="img-fluid card-img-top rainbow-border" alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" src="../../assets/img/projects/for_education/bit_box/bit_box_logo.webp?h=36b5ef1a4c9f880d65df48518293999f"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="bitbox.html"><img class="img-fluid card-img-top rainbow-border" alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" src="../../assets/img/projects/for_education/bit_box/bit_box_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="bitbox.html">
=======
<div class="card"><a href="bitbox"><img class="img-fluid card-img-top rainbow-border" alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" src="../../assets/img/projects/for_education/bit_box/bit_box_logo.webp?h=36b5ef1a4c9f880d65df48518293999f"></a>
<div class="card-body"><a href="bitbox">
>>>>>>> Stashed changes
<h4 class="text-body">Bit:Box</h4>
</a>
<p class="card-text">Educational device, app, and website using switches and lights to visually demonstrate binary logic.</p>
@@ -187,8 +247,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="csbox.html"><img class="img-fluid card-img-top rainbow-border" alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" src="../../assets/img/projects/for_education/cs_box/csbox_logo.webp?h=487f527cf87df0dba11b6f4d4993a80d"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="csbox.html"><img class="img-fluid card-img-top rainbow-border" alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" src="../../assets/img/projects/for_education/cs_box/csbox_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="csbox.html">
=======
<div class="card"><a href="csbox"><img class="img-fluid card-img-top rainbow-border" alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" src="../../assets/img/projects/for_education/cs_box/csbox_logo.webp?h=487f527cf87df0dba11b6f4d4993a80d"></a>
<div class="card-body"><a href="csbox">
>>>>>>> Stashed changes
<h4 class="text-body">CS:Box</h4>
</a>
<p class="card-text">Interactive educational tool expanding Bit:Box to include additional UK Computing Curriculum topics.</p>
@@ -196,8 +265,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="my-mind.html"><img class="img-fluid card-img-top rainbow-border" alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" src="../../assets/img/projects/for_education/my_mind/my_mind_logo.webp?h=4e299b8017d1483b6dfb87ea14d502aa"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="my-mind.html"><img class="img-fluid card-img-top rainbow-border" alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" src="../../assets/img/projects/for_education/my_mind/my_mind_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="my-mind.html">
=======
<div class="card"><a href="my-mind"><img class="img-fluid card-img-top rainbow-border" alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" src="../../assets/img/projects/for_education/my_mind/my_mind_logo.webp?h=4e299b8017d1483b6dfb87ea14d502aa"></a>
<div class="card-body"><a href="my-mind">
>>>>>>> Stashed changes
<h4 class="text-body">My Mind</h4>
</a>
<p class="card-text">App simplifying BCU mental health support, linking students to counsellors, emergency calls, forums.</p>
@@ -205,8 +283,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="nature-findings.html"><img class="img-fluid card-img-top rainbow-border" alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" src="../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp?h=a1d20406f8862370fbf569a75cf95af9"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="nature-findings.html"><img class="img-fluid card-img-top rainbow-border" alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" src="../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="nature-findings.html">
=======
<div class="card"><a href="nature-findings"><img class="img-fluid card-img-top rainbow-border" alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" src="../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp?h=a1d20406f8862370fbf569a75cf95af9"></a>
<div class="card-body"><a href="nature-findings">
>>>>>>> Stashed changes
<h4 class="text-body">Nature Findings</h4>
</a>
<p class="card-text">Windows app to record bird sightings during walks. Submitted as a final year computing project task.</p>
@@ -234,6 +321,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -265,6 +378,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -308,6 +425,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

328
Export/my-work/showreel.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Showreel</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/showreel.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/showreel.jpg">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="A wide range of production projects">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Showreel of production projects, with playlist featuring filming, editing, directing, and post work.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -172,8 +223,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="extracurricular-projects/citation-needed.html"><img alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="extracurricular-projects/citation-needed.html"><img alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/citation_needed/login_screen.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="extracurricular-projects/citation-needed.html">
=======
<div class="card"><a href="extracurricular-projects/citation-needed"><img alt="Screenshot of login screen with fields for email and password." width="2500" height="1125" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4"></a>
<div class="card-body"><a href="extracurricular-projects/citation-needed">
>>>>>>> Stashed changes
<h4 class="text-body">Citation Needed</h4>
</a>
<p class="card-text">Creates BCU Harvard web citations; built to replace RefME, Cite This For Me, and other broken tools.</p>
@@ -181,8 +241,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="extracurricular-projects/exam-buff-or-exam-bluff.html"><img alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="extracurricular-projects/exam-buff-or-exam-bluff.html"><img alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="extracurricular-projects/exam-buff-or-exam-bluff.html">
=======
<div class="card"><a href="extracurricular-projects/exam-buff-or-exam-bluff"><img alt="Large red capital letter &quot;F&quot; inside a red circle on a transparent background." width="500" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf"></a>
<div class="card-body"><a href="extracurricular-projects/exam-buff-or-exam-bluff">
>>>>>>> Stashed changes
<h4 class="text-body">Exam Buff or Exam Bluff</h4>
</a>
<p class="card-text">Fast-paced CS quiz game for GCSE+ that tests code and theory using logic, speed, skill, and bluffing</p>
@@ -190,8 +259,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="extracurricular-projects/i-am-aware.html"><img alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="extracurricular-projects/i-am-aware.html"><img alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/iamaware.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="extracurricular-projects/i-am-aware.html">
=======
<div class="card"><a href="extracurricular-projects/i-am-aware"><img alt="A collage of newspaper-style clippings with words like “Anxiety,” “Panic Attacks,” and “Depression,” with the phrase “I Am Aware” boldly overlaid in white text in the center of the image, framed by a thin white border." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb"></a>
<div class="card-body"><a href="extracurricular-projects/i-am-aware">
>>>>>>> Stashed changes
<h4 class="text-body">I Am Aware</h4>
</a>
<p class="card-text">BCU campaign exploring mental health resources and real stories of depression, anxiety, and bipolar.</p>
@@ -199,8 +277,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="extracurricular-projects/societyplus.html"><img alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="extracurricular-projects/societyplus.html"><img alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/society+/societypluspreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="extracurricular-projects/societyplus.html">
=======
<div class="card"><a href="extracurricular-projects/societyplus"><img alt="A cropped screenshot of the Society+ Mental Health Awareness site at Birmingham City University. Shows the society logo, &quot;Society Name&quot; and &quot;Society description&quot; on a blue gradient background. A navigation bar with links for Home, Login, and Sign Up is visible at the top right. The layout highlights the society’s brand and structure." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5"></a>
<div class="card-body"><a href="extracurricular-projects/societyplus">
>>>>>>> Stashed changes
<h4 class="text-body">Society+</h4>
</a>
<p class="card-text">Platform for societies to manage sign-ups, send texts, and update info using PHP, SQL, and Nexmo API</p>
@@ -208,8 +295,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="extracurricular-projects/sortai.html"><img alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="extracurricular-projects/sortai.html"><img alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="extracurricular-projects/sortai.html">
=======
<div class="card"><a href="extracurricular-projects/sortai"><img alt="Terminal-style logo for Sort.AI. A green monospaced font reads [$~] sort on a black background, resembling a command-line interface." width="333" height="222" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741"></a>
<div class="card-body"><a href="extracurricular-projects/sortai">
>>>>>>> Stashed changes
<h4 class="text-body">Sort.AI</h4>
</a>
<p class="card-text">AI file sorter using Google NLP in C#. Auto-categorises any file. Awarded 3rd place at BullHacks 1.0</p>
@@ -217,8 +313,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="extracurricular-projects/task-master-web.html"><img alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="extracurricular-projects/task-master-web.html"><img alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="extracurricular-projects/task-master-web.html">
=======
<div class="card"><a href="extracurricular-projects/task-master-web"><img alt="Preview image of the Task Master project homepage. It includes the same blue background and the main message “Welcome to BCU Hacks Task Master – We Have No Idea What We’re Doing!” without form fields." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393"></a>
<div class="card-body"><a href="extracurricular-projects/task-master-web">
>>>>>>> Stashed changes
<h4 class="text-body">Task Master for Web</h4>
</a>
<p class="card-text">Business task manager with secure login, file upload area, MySQL. Awarded 3rd place at BrumHack 5.0.</p>
@@ -226,8 +331,17 @@
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="extracurricular-projects/the-computers-identity.html"><img alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="extracurricular-projects/the-computers-identity.html"><img alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="extracurricular-projects/the-computers-identity.html">
=======
<div class="card"><a href="extracurricular-projects/the-computers-identity"><img alt="A cropped preview of “The Computer’s Identity” language selection webpage, showing a column of language buttons including English, Binary, Octal, ASCII, Hexadecimal, and Leet on a white background, with a blurred brown/grey gradient on the right." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5"></a>
<div class="card-body"><a href="extracurricular-projects/the-computers-identity">
>>>>>>> Stashed changes
<h4 class="text-body">The Computer's Identity</h4>
</a>
<p class="card-text">Interactive poem entry for BCU Christian Union art competition displayed in binary format &amp; QR code.</p>
@@ -235,8 +349,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="projects-for-education/bitbox.html"><img alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/bit_box/bit_box_logo.webp?h=36b5ef1a4c9f880d65df48518293999f"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="projects-for-education/bitbox.html"><img alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/bit_box/bit_box_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="projects-for-education/bitbox.html">
=======
<div class="card"><a href="projects-for-education/bitbox"><img alt="Square logo with the text &quot;Bit:Box&quot; and a pixelated lightbulb icon." width="1080" height="1080" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/bit_box/bit_box_logo.webp?h=36b5ef1a4c9f880d65df48518293999f"></a>
<div class="card-body"><a href="projects-for-education/bitbox">
>>>>>>> Stashed changes
<h4 class="text-body">Bit:Box</h4>
</a>
<p class="card-text">Educational device, app, and website using switches and lights to visually demonstrate binary logic.</p>
@@ -244,8 +367,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="projects-for-education/csbox.html"><img alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/cs_box/csbox_logo.webp?h=487f527cf87df0dba11b6f4d4993a80d"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="projects-for-education/csbox.html"><img alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/cs_box/csbox_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="projects-for-education/csbox.html">
=======
<div class="card"><a href="projects-for-education/csbox"><img alt="A stylised cube logo with the letters &quot;CS&quot; on the left face and &quot;BX&quot; on the right face. The cube is surrounded by vibrant icons and patterns referencing computer science, including binary digits (e.g. 111101, 10101), hexadecimal numbers, colour pencils, and graphical representations of data." width="500" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/cs_box/csbox_logo.webp?h=487f527cf87df0dba11b6f4d4993a80d"></a>
<div class="card-body"><a href="projects-for-education/csbox">
>>>>>>> Stashed changes
<h4 class="text-body">CS:Box</h4>
</a>
<p class="card-text">Interactive educational tool expanding Bit:Box to include additional UK Computing Curriculum topics.</p>
@@ -253,8 +385,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="projects-for-education/my-mind.html"><img alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/my_mind/my_mind_logo.webp?h=4e299b8017d1483b6dfb87ea14d502aa"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="projects-for-education/my-mind.html"><img alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/my_mind/my_mind_logo.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="projects-for-education/my-mind.html">
=======
<div class="card"><a href="projects-for-education/my-mind"><img alt="Polygonal-style graphic of a human brain in shades of pink and red on a purple background." width="338" height="338" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/my_mind/my_mind_logo.webp?h=4e299b8017d1483b6dfb87ea14d502aa"></a>
<div class="card-body"><a href="projects-for-education/my-mind">
>>>>>>> Stashed changes
<h4 class="text-body">My Mind</h4>
</a>
<p class="card-text">App simplifying BCU mental health support, linking students to counsellors, emergency calls, forums.</p>
@@ -262,8 +403,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="projects-for-education/nature-findings.html"><img alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp?h=a1d20406f8862370fbf569a75cf95af9"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="projects-for-education/nature-findings.html"><img alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="projects-for-education/nature-findings.html">
=======
<div class="card"><a href="projects-for-education/nature-findings"><img alt="Interface of the Nature Findings app showing options to add new findings, edit a life list, and access a knowledge base search, with a pale blue background and stylised headings." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp?h=a1d20406f8862370fbf569a75cf95af9"></a>
<div class="card-body"><a href="projects-for-education/nature-findings">
>>>>>>> Stashed changes
<h4 class="text-body">Nature Findings</h4>
</a>
<p class="card-text">Windows app to record bird sightings during walks. Submitted as a final year computing project task.</p>
@@ -271,8 +421,17 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="projects-for-education/task-master-ios.html"><img alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp?h=b62eff0bef2a6734f8e4ac9ad05f103c"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="projects-for-education/task-master-ios.html"><img alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="projects-for-education/task-master-ios.html">
=======
<div class="card"><a href="projects-for-education/task-master-ios"><img alt="Square cropped version of the Task Master logo, showing the checkbox with the tick and the “Task Master” label on a bright green background." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp?h=b62eff0bef2a6734f8e4ac9ad05f103c"></a>
<div class="card-body"><a href="projects-for-education/task-master-ios">
>>>>>>> Stashed changes
<h4 class="text-body">Task Master for iOS</h4>
</a>
<p class="card-text">iOS app based on BrumHack 5.0 entry. Helps businesses manage, assign, and track their project tasks.</p>
@@ -280,8 +439,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="web-design/birmingham-city-university-christian-union.html"><img alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="web-design/birmingham-city-university-christian-union.html"><img alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="web-design/birmingham-city-university-christian-union.html">
=======
<div class="card"><a href="web-design/birmingham-city-university-christian-union"><img alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f"></a>
<div class="card-body"><a href="web-design/birmingham-city-university-christian-union">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Christian Union</h4>
</a>
<p class="card-text">Responsive WordPress site for BCUCU with event listings, embeds, and admin access to update content.</p>
@@ -289,8 +457,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="web-design/birmingham-city-university-discover.html"><img alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="web-design/birmingham-city-university-discover.html"><img alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="web-design/birmingham-city-university-discover.html">
=======
<div class="card"><a href="web-design/birmingham-city-university-discover"><img alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5"></a>
<div class="card-body"><a href="web-design/birmingham-city-university-discover">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
</a>
<p class="card-text">Responsive WordPress site for BCU Dis.Cover with events, admin panel, and Facebook plus Maps embeds.</p>
@@ -298,8 +475,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="web-design/birmingham-city-university-mental-health-awareness.html"><img alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="web-design/birmingham-city-university-mental-health-awareness.html"><img alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="web-design/birmingham-city-university-mental-health-awareness.html">
=======
<div class="card"><a href="web-design/birmingham-city-university-mental-health-awareness"><img alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14"></a>
<div class="card-body"><a href="web-design/birmingham-city-university-mental-health-awareness">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
</a>
<p class="card-text">Responsive WordPress site for BCU Mental Health Awareness with events, media, updates, and info hub.</p>
@@ -307,8 +493,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="web-design/frizzle-tv.html"><img alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="web-design/frizzle-tv.html"><img alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="web-design/frizzle-tv.html">
=======
<div class="card"><a href="web-design/frizzle-tv"><img alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3"></a>
<div class="card-body"><a href="web-design/frizzle-tv">
>>>>>>> Stashed changes
<h4 class="text-body">Frizzle TV</h4>
</a>
<p class="card-text">Frizzle.TV promo content and mockups created using Premiere Pro, After Effects, and Photoshop tools.</p>
@@ -316,6 +511,7 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="web-design/mottashaw-consulting.html"><img alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="web-design/mottashaw-consulting.html">
<h4 class="text-body">Mottashaw Consulting</h4>
@@ -326,7 +522,24 @@
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="web-design/peter-bell-music.html"><img alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="web-design/peter-bell-music.html"><img alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="web-design/peter-bell-music.html">
=======
<div class="card"><a href="web-design/mottashaw-consulting"><img alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="web-design/mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">Mottashaw Consulting brochure site with Smart Forms, contact tools, and clearly structured services.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="web-design/peter-bell-music"><img alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae"></a>
<div class="card-body"><a href="web-design/peter-bell-music">
>>>>>>> Stashed changes
<h4 class="text-body">Peter Bell Music</h4>
</a>
<p class="card-text">Responsive site for Peter Bell Music featuring embeds, music portfolio, and future e-commerce tools.</p>
@@ -334,8 +547,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="web-design/st-thomas-church-keresley.html"><img alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="web-design/st-thomas-church-keresley.html"><img alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="web-design/st-thomas-church-keresley.html">
=======
<div class="card"><a href="web-design/st-thomas-church-keresley"><img alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" class="card-img-top rainbow-border" src="../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76"></a>
<div class="card-body"><a href="web-design/st-thomas-church-keresley">
>>>>>>> Stashed changes
<h4 class="text-body">St Thomas' Church Keresley</h4>
</a>
<p class="card-text">Site for St Thomas’ Church with parish news, historic archives, and searchable burial record access.</p>
@@ -368,6 +590,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -399,6 +647,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -442,6 +694,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

211
Export/my-work/web-design/birmingham-city-university-christian-union.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Birmingham City University Christian Union</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-christian-union.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/web_design/bcucu/bcucupreview.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Responsive WordPress site for BCUCU with event listings, embeds, and admin access to update content.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -181,8 +232,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-discover.html">
=======
<div class="card"><a href="birmingham-city-university-discover"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5"></a>
<div class="card-body"><a href="birmingham-city-university-discover">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
</a>
<p class="card-text">Responsive WordPress site for BCU Dis.Cover with events, admin panel, and Facebook plus Maps embeds.</p>
@@ -190,8 +250,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness.html">
=======
<div class="card"><a href="birmingham-city-university-mental-health-awareness"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
</a>
<p class="card-text">Responsive WordPress site for BCU Mental Health Awareness with events, media, updates, and info hub.</p>
@@ -199,8 +268,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="frizzle-tv.html">
=======
<div class="card"><a href="frizzle-tv"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3"></a>
<div class="card-body"><a href="frizzle-tv">
>>>>>>> Stashed changes
<h4 class="text-body">Frizzle TV</h4>
</a>
<p class="card-text">Frizzle.TV promo content and mockups created using Premiere Pro, After Effects, and Photoshop tools.</p>
@@ -208,6 +286,7 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="mottashaw-consulting.html"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="mottashaw-consulting.html">
<h4 class="text-body">Mottashaw Consulting</h4>
@@ -218,7 +297,24 @@
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="peter-bell-music.html">
=======
<div class="card"><a href="mottashaw-consulting"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">Mottashaw Consulting brochure site with Smart Forms, contact tools, and clearly structured services.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae"></a>
<div class="card-body"><a href="peter-bell-music">
>>>>>>> Stashed changes
<h4 class="text-body">Peter Bell Music</h4>
</a>
<p class="card-text">Responsive site for Peter Bell Music featuring embeds, music portfolio, and future e-commerce tools.</p>
@@ -226,8 +322,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="st-thomas-church-keresley.html">
=======
<div class="card"><a href="st-thomas-church-keresley"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76"></a>
<div class="card-body"><a href="st-thomas-church-keresley">
>>>>>>> Stashed changes
<h4 class="text-body">St Thomas' Church Keresley</h4>
</a>
<p class="card-text">Site for St Thomas’ Church with parish news, historic archives, and searchable burial record access.</p>
@@ -255,6 +360,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -286,6 +417,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -329,6 +464,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

211
Export/my-work/web-design/birmingham-city-university-discover.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Birmingham City University Dis.Cover</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-discover.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Responsive WordPress site for BCU Dis.Cover with events, admin panel, and Facebook plus Maps embeds.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -181,8 +232,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-christian-union.html">
=======
<div class="card"><a href="birmingham-city-university-christian-union"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Christian Union</h4>
</a>
<p class="card-text">Responsive WordPress site for BCUCU with event listings, embeds, and admin access to update content.</p>
@@ -190,8 +250,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness.html">
=======
<div class="card"><a href="birmingham-city-university-mental-health-awareness"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
</a>
<p class="card-text">Responsive WordPress site for BCU Mental Health Awareness with events, media, updates, and info hub.</p>
@@ -199,8 +268,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="frizzle-tv.html">
=======
<div class="card"><a href="frizzle-tv"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3"></a>
<div class="card-body"><a href="frizzle-tv">
>>>>>>> Stashed changes
<h4 class="text-body">Frizzle TV</h4>
</a>
<p class="card-text">Frizzle.TV promo content and mockups created using Premiere Pro, After Effects, and Photoshop tools.</p>
@@ -208,6 +286,7 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="mottashaw-consulting.html"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="mottashaw-consulting.html">
<h4 class="text-body">Mottashaw Consulting</h4>
@@ -218,7 +297,24 @@
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="peter-bell-music.html">
=======
<div class="card"><a href="mottashaw-consulting"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">Mottashaw Consulting brochure site with Smart Forms, contact tools, and clearly structured services.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae"></a>
<div class="card-body"><a href="peter-bell-music">
>>>>>>> Stashed changes
<h4 class="text-body">Peter Bell Music</h4>
</a>
<p class="card-text">Responsive site for Peter Bell Music featuring embeds, music portfolio, and future e-commerce tools.</p>
@@ -226,8 +322,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="st-thomas-church-keresley.html">
=======
<div class="card"><a href="st-thomas-church-keresley"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76"></a>
<div class="card-body"><a href="st-thomas-church-keresley">
>>>>>>> Stashed changes
<h4 class="text-body">St Thomas' Church Keresley</h4>
</a>
<p class="card-text">Site for St Thomas’ Church with parish news, historic archives, and searchable burial record access.</p>
@@ -255,6 +360,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -286,6 +417,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -329,6 +464,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

211
Export/my-work/web-design/birmingham-city-university-mental-health-awareness.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Birmingham City University Mental Health Awareness</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-mental-health-awareness.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/web_design/bcumha/bcumhapreview.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Responsive WordPress site for BCU Mental Health Awareness with events, media, updates, and info hub.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -181,8 +232,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-christian-union.html">
=======
<div class="card"><a href="birmingham-city-university-christian-union"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Christian Union</h4>
</a>
<p class="card-text">Responsive WordPress site for BCUCU with event listings, embeds, and admin access to update content.</p>
@@ -190,8 +250,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-discover.html">
=======
<div class="card"><a href="birmingham-city-university-discover"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5"></a>
<div class="card-body"><a href="birmingham-city-university-discover">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
</a>
<p class="card-text">Responsive WordPress site for BCU Dis.Cover with events, admin panel, and Facebook plus Maps embeds.</p>
@@ -199,8 +268,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="frizzle-tv.html">
=======
<div class="card"><a href="frizzle-tv"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3"></a>
<div class="card-body"><a href="frizzle-tv">
>>>>>>> Stashed changes
<h4 class="text-body">Frizzle TV</h4>
</a>
<p class="card-text">Frizzle.TV promo content and mockups created using Premiere Pro, After Effects, and Photoshop tools.</p>
@@ -208,6 +286,7 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="mottashaw-consulting.html"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="mottashaw-consulting.html">
<h4 class="text-body">Mottashaw Consulting</h4>
@@ -218,7 +297,24 @@
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="peter-bell-music.html">
=======
<div class="card"><a href="mottashaw-consulting"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">Mottashaw Consulting brochure site with Smart Forms, contact tools, and clearly structured services.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae"></a>
<div class="card-body"><a href="peter-bell-music">
>>>>>>> Stashed changes
<h4 class="text-body">Peter Bell Music</h4>
</a>
<p class="card-text">Responsive site for Peter Bell Music featuring embeds, music portfolio, and future e-commerce tools.</p>
@@ -226,8 +322,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="st-thomas-church-keresley.html">
=======
<div class="card"><a href="st-thomas-church-keresley"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76"></a>
<div class="card-body"><a href="st-thomas-church-keresley">
>>>>>>> Stashed changes
<h4 class="text-body">St Thomas' Church Keresley</h4>
</a>
<p class="card-text">Site for St Thomas’ Church with parish news, historic archives, and searchable burial record access.</p>
@@ -255,6 +360,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -286,6 +417,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -329,6 +464,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

211
Export/my-work/web-design/frizzle-tv.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Frizzle TV</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/frizzle-tv.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/web_design/frizzle/frizzlepreview.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="A series of videos, including website design recommendations for an upcoming online shopping channel.">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Frizzle.TV promo content and mockups created using Premiere Pro, After Effects, and Photoshop tools.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -181,8 +232,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-christian-union.html">
=======
<div class="card"><a href="birmingham-city-university-christian-union"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Christian Union</h4>
</a>
<p class="card-text">Responsive WordPress site for BCUCU with event listings, embeds, and admin access to update content.</p>
@@ -190,8 +250,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-discover.html">
=======
<div class="card"><a href="birmingham-city-university-discover"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5"></a>
<div class="card-body"><a href="birmingham-city-university-discover">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
</a>
<p class="card-text">Responsive WordPress site for BCU Dis.Cover with events, admin panel, and Facebook plus Maps embeds.</p>
@@ -199,8 +268,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness.html">
=======
<div class="card"><a href="birmingham-city-university-mental-health-awareness"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
</a>
<p class="card-text">Responsive WordPress site for BCU Mental Health Awareness with events, media, updates, and info hub.</p>
@@ -208,6 +286,7 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="mottashaw-consulting.html"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="mottashaw-consulting.html">
<h4 class="text-body">Mottashaw Consulting</h4>
@@ -218,7 +297,24 @@
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="peter-bell-music.html">
=======
<div class="card"><a href="mottashaw-consulting"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">Mottashaw Consulting brochure site with Smart Forms, contact tools, and clearly structured services.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae"></a>
<div class="card-body"><a href="peter-bell-music">
>>>>>>> Stashed changes
<h4 class="text-body">Peter Bell Music</h4>
</a>
<p class="card-text">Responsive site for Peter Bell Music featuring embeds, music portfolio, and future e-commerce tools.</p>
@@ -226,8 +322,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="st-thomas-church-keresley.html">
=======
<div class="card"><a href="st-thomas-church-keresley"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76"></a>
<div class="card-body"><a href="st-thomas-church-keresley">
>>>>>>> Stashed changes
<h4 class="text-body">St Thomas' Church Keresley</h4>
</a>
<p class="card-text">Site for St Thomas’ Church with parish news, historic archives, and searchable burial record access.</p>
@@ -255,6 +360,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -286,6 +417,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -329,6 +464,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

211
Export/my-work/web-design/peter-bell-music.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Peter Bell Music</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/peter-bell-music.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/web_design/peter_bell music/peter_bell_music.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="A modern responsive website with the ability to display, broadcast and sell created pieces of work">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Responsive site for Peter Bell Music featuring embeds, music portfolio, and future e-commerce tools.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -186,8 +237,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-christian-union.html">
=======
<div class="card"><a href="birmingham-city-university-christian-union"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Christian Union</h4>
</a>
<p class="card-text">Responsive WordPress site for BCUCU with event listings, embeds, and admin access to update content.</p>
@@ -195,8 +255,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-discover.html">
=======
<div class="card"><a href="birmingham-city-university-discover"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5"></a>
<div class="card-body"><a href="birmingham-city-university-discover">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
</a>
<p class="card-text">Responsive WordPress site for BCU Dis.Cover with events, admin panel, and Facebook plus Maps embeds.</p>
@@ -204,8 +273,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness.html">
=======
<div class="card"><a href="birmingham-city-university-mental-health-awareness"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
</a>
<p class="card-text">Responsive WordPress site for BCU Mental Health Awareness with events, media, updates, and info hub.</p>
@@ -213,8 +291,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="frizzle-tv.html">
=======
<div class="card"><a href="frizzle-tv"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3"></a>
<div class="card-body"><a href="frizzle-tv">
>>>>>>> Stashed changes
<h4 class="text-body">Frizzle TV</h4>
</a>
<p class="card-text">Frizzle.TV promo content and mockups created using Premiere Pro, After Effects, and Photoshop tools.</p>
@@ -222,6 +309,7 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="mottashaw-consulting.html"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="mottashaw-consulting.html">
<h4 class="text-body">Mottashaw Consulting</h4>
@@ -232,7 +320,24 @@
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="st-thomas-church-keresley.html">
=======
<div class="card"><a href="mottashaw-consulting"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">Mottashaw Consulting brochure site with Smart Forms, contact tools, and clearly structured services.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="st-thomas-church-keresley"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76"></a>
<div class="card-body"><a href="st-thomas-church-keresley">
>>>>>>> Stashed changes
<h4 class="text-body">St Thomas' Church Keresley</h4>
</a>
<p class="card-text">Site for St Thomas’ Church with parish news, historic archives, and searchable burial record access.</p>
@@ -260,6 +365,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -291,6 +422,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -334,6 +469,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');

211
Export/my-work/web-design/st-thomas-church-keresley.html
View File

@@ -20,9 +20,18 @@
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<<<<<<< HEAD
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
=======
<<<<<<< Updated upstream
=======
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>St Thomas' Church Keresley</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/st-thomas-church-keresley.html">
@@ -32,6 +41,22 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/web_design/keresley_church/keresleychurch.webp">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<meta name="description" content="A responsive and dynamic website including historical archives for public access.">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/styles.min.css">
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<meta name="description" content="Site for St Thomas’ Church with parish news, historic archives, and searchable burial record access.">
<script>
(function() {
@@ -122,8 +147,14 @@
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<<<<<<< HEAD
<link rel="stylesheet" href="../../assets/css/Lato.css?h=873bbfafb3c4aa557ce43c2a271d95aa">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
=======
<link rel="stylesheet" href="../../assets/css/Lato.css?h=4527327ab42242f4b596eb4be04d4024">
<link rel="stylesheet" href="../../assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="../../assets/css/styles.css?h=5a9bcf1f8677fe4d7cfa074be1ac6fbd">
<link rel="stylesheet" href="../../assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
@@ -137,12 +168,32 @@
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg></a></li>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../contact">Contact</a></li>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</ul>
</div>
</div>
@@ -190,8 +241,17 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-christian-union.html">
=======
<div class="card"><a href="birmingham-city-university-christian-union"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Christian Union</h4>
</a>
<p class="card-text">Responsive WordPress site for BCUCU with event listings, embeds, and admin access to update content.</p>
@@ -199,8 +259,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-discover.html">
=======
<div class="card"><a href="birmingham-city-university-discover"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5"></a>
<div class="card-body"><a href="birmingham-city-university-discover">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
</a>
<p class="card-text">Responsive WordPress site for BCU Dis.Cover with events, admin panel, and Facebook plus Maps embeds.</p>
@@ -208,8 +277,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<<<<<<< HEAD
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness.html">
=======
<div class="card"><a href="birmingham-city-university-mental-health-awareness"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness">
>>>>>>> Stashed changes
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
</a>
<p class="card-text">Responsive WordPress site for BCU Mental Health Awareness with events, media, updates, and info hub.</p>
@@ -217,8 +295,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="frizzle-tv.html">
=======
<div class="card"><a href="frizzle-tv"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3"></a>
<div class="card-body"><a href="frizzle-tv">
>>>>>>> Stashed changes
<h4 class="text-body">Frizzle TV</h4>
</a>
<p class="card-text">Frizzle.TV promo content and mockups created using Premiere Pro, After Effects, and Photoshop tools.</p>
@@ -226,6 +313,7 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<<<<<<< HEAD
<div class="card"><a href="mottashaw-consulting.html"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="mottashaw-consulting.html">
<h4 class="text-body">Mottashaw Consulting</h4>
@@ -236,7 +324,24 @@
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae"></a>
=======
<<<<<<< Updated upstream
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="card-body"><a href="peter-bell-music.html">
=======
<div class="card"><a href="mottashaw-consulting"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9"></a>
<div class="card-body"><a href="mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">Mottashaw Consulting brochure site with Smart Forms, contact tools, and clearly structured services.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae"></a>
<div class="card-body"><a href="peter-bell-music">
>>>>>>> Stashed changes
<h4 class="text-body">Peter Bell Music</h4>
</a>
<p class="card-text">Responsive site for Peter Bell Music featuring embeds, music portfolio, and future e-commerce tools.</p>
@@ -264,6 +369,32 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<<<<<<< HEAD
=======
<<<<<<< Updated upstream
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
=======
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div>
@@ -295,6 +426,10 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div>
<<<<<<< HEAD
=======
>>>>>>> Stashed changes
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -338,6 +473,82 @@
</div>
</div>
</footer>
<<<<<<< HEAD
=======
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="../../assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="../../assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
<ul class="list-unstyled"></ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="../../assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
>>>>>>> c47711493f058c24314b6b112dd77bb3a7aa63ca
<script>
(function() {
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');