Begun Optimisation

Begun site optimisation

Export/about.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="/projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">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">
@@ -153,32 +151,32 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 25px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
                 <div class="row">
-                    <div class="col" style="align-content: center;">
+                    <div class="col align-content-center">
-                        <h1 style="margin-top: 25px;">Hello!</h1>
+                        <h1 class="intro-margin">Hello!</h1>
-                        <p style="margin-bottom: 15px;margin-top: 25px;">I am <strong>Alexander Davis.</strong></p><h2 style="margin-bottom: 25px;"><u class="coloured-underline">I&#39;m a <span class="txt-rotate" data-period="1000" data-rotate="[ &quot;Web Designer.&quot;, &quot;Head of Computing.&quot;, &quot;Programmer.&quot;, &quot;Media Production Assistant.&quot;,&quot;Solutions Consultant.&quot; ]"></span></u></h2>
+                        <p class="about-intro">I am <strong>Alexander Davis.</strong></p><h2 style="margin-bottom: 25px;"><u class="coloured-underline">I&#39;m a <span class="txt-rotate" data-period="1000" data-rotate="[ &quot;Web Designer.&quot;, &quot;Head of Computing.&quot;, &quot;Programmer.&quot;, &quot;Media Production Assistant.&quot;,&quot;Solutions Consultant.&quot; ]"></span></u></h2>
                     </div>
                     <div class="col">
-                        <picture><img class="w-100 h-auto" src="/assets/img/brand/headshot.webp" style="max-width: 500px;"></picture>
+                        <picture><img class="w-100 h-auto headshot" src="/assets/img/brand/headshot.webp"></picture>
                     </div>
                 </div>
             </div>
             <div class="container center-everything">
-                <p style="margin-top: 15px;">I have been a huge fan of technology from a young age and I'm always looking out for the latest gadgets on the market.<br><br>This site is mainly to showcase my work with local organisations and companies around the West Midlands, most of which are based in Coventry.<br><br>If you would like more information about my work or you would like me to work with you, feel free to contact me!</p>
+                <p class="text-margin">I have been a huge fan of technology from a young age and I'm always looking out for the latest gadgets on the market.<br><br>This site is mainly to showcase my work with local organisations and companies around the West Midlands, most of which are based in Coventry.<br><br>If you would like more information about my work or you would like me to work with you, feel free to contact me!</p>
             </div>
         </section>
     </main>
-    <div class="accordion work-experience group center-everything" role="tablist" id="accordion-1" style="max-width: 75%;">
+    <div class="accordion work-experience group center-everything cv-group" role="tablist" id="accordion-1">
-        <div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
+        <div class="accordion-item portfolio-block cv no-padding">
-            <h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="true" aria-controls="accordion-1 .item-1">Teaching Experience</button></h2>
+            <h2 class="accordion-header heading-no-gap" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="false" aria-controls="accordion-1 .item-1">Teaching Experience</button></h2>
-            <div class="accordion-collapse collapse show item-1" role="tabpanel" data-bs-parent="#accordion-1">
+            <div class="accordion-collapse collapse item-1" role="tabpanel" data-bs-parent="#accordion-1">
                 <div class="accordion-body">
-                    <div class="heading" style="margin-bottom: 25px;">
+                    <div class="heading footer-margin">
-                        <h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Teaching Experience</h2>
+                        <h2 class="text-capitalize text-center heading-no-gap">Teaching Experience</h2>
                     </div>
-                    <div class="work-experience group" style="margin-top: 25px;margin-right: auto;margin-left: auto;">
+                    <div class="work-experience group wex-div">
                         <div class="item">
                             <div class="row">
                                 <div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">07/2023 - Present</span>
@@ -215,14 +213,14 @@
                 </div>
             </div>
         </div>
-        <div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
+        <div class="accordion-item portfolio-block cv no-padding">
-            <h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="false" aria-controls="accordion-1 .item-2">Previous Employment</button></h2>
+            <h2 class="accordion-header heading-no-gap" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="false" aria-controls="accordion-1 .item-2">Previous Employment</button></h2>
             <div class="accordion-collapse collapse item-2" role="tabpanel" data-bs-parent="#accordion-1">
                 <div class="accordion-body">
-                    <div class="heading" style="margin-bottom: 0px;">
+                    <div class="heading heading-no-gap">
-                        <h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Previous Employment</h2>
+                        <h2 class="text-capitalize text-center heading-no-gap">Previous Employment</h2>
                     </div>
-                    <div class="work-experience group" style="margin-top: 25px;margin-right: auto;margin-left: auto;">
+                    <div class="work-experience group wex-div">
                         <div class="item">
                             <div class="row">
                                 <div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2016 -&nbsp;<strong>07/2017</strong></span>
@@ -275,15 +273,15 @@
                 </div>
             </div>
         </div>
-        <div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
+        <div class="accordion-item portfolio-block cv no-padding">
-            <h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-3" aria-expanded="false" aria-controls="accordion-1 .item-3">Volunteering Experience</button></h2>
+            <h2 class="accordion-header heading-no-gap" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-3" aria-expanded="false" aria-controls="accordion-1 .item-3">Volunteering Experience</button></h2>
             <div class="accordion-collapse collapse item-3" role="tabpanel" data-bs-parent="#accordion-1">
                 <div class="accordion-body">
-                    <div class="heading" style="margin-bottom: 0px;">
+                    <div class="heading heading-no-gap">
-                        <h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Volunteering Experience</h2>
+                        <h2 class="text-capitalize text-center heading-no-gap">Volunteering Experience</h2>
                     </div>
-                    <div class="work-experience group" style="margin-top: 25px;">
+                    <div class="work-experience group intro-margin">
-                        <div class="item" style="margin-top: 25px;">
+                        <div class="item intro-margin">
                             <div class="row">
                                 <div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">07/2023 - Present</span>
                                     <h3>Children’s Workforce Children and Youth Worker</h3><span class="badge rounded-pill bg-primary">The Parish of Keresley with Coundon</span>
@@ -295,15 +293,15 @@
                 </div>
             </div>
         </div>
-        <div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
+        <div class="accordion-item portfolio-block cv no-padding">
-            <h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-4" aria-expanded="false" aria-controls="accordion-1 .item-4">Education</button></h2>
+            <h2 class="accordion-header heading-no-gap" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-4" aria-expanded="false" aria-controls="accordion-1 .item-4">Education</button></h2>
             <div class="accordion-collapse collapse item-4" role="tabpanel" data-bs-parent="#accordion-1">
                 <div class="accordion-body">
-                    <div class="heading" style="margin-bottom: 0px;">
+                    <div class="heading heading-no-gap">
-                        <h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Education</h2>
+                        <h2 class="text-capitalize text-center heading-no-gap">Education</h2>
                     </div>
-                    <div class="education group" style="margin-top: 25px;margin-right: auto;margin-left: auto;">
+                    <div class="education group wex-div">
-                        <div class="item" style="margin-top: 25px;">
+                        <div class="item intro-margin">
                             <div class="row">
                                 <div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">10/2020 - 08/2023</span>
                                     <h3>Masters in Education (Teaching &amp; Learning)</h3><span class="badge rounded-pill bg-secondary">The Open University</span>
@@ -345,7 +343,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -415,7 +413,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/assets/css/styles.css

@@ -248,7 +248,6 @@
 }
 
 .portfolio-block.block-intro {
-  text-align: center;
   padding-top: 5em;
   padding-bottom: 2em;
 }
@@ -366,3 +365,253 @@
   clear: both;
 }
 
+.heading.blog-heading.pbm-website {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/peter_bell%20music/peter_bell_music.webp") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.keresley-website {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/keresley_church/keresleychurch.webp") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.showreel {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/photo-1489599849927-2ee91cede3ba.jpg") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.frizzle-tv {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/frizzle/frizzlepreview.webp") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.bcumha-website {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/bcumha/bcumhapreview.webp") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.bcudiscover-website {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.bcucu-website {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/bcucu/bcucupreview.webp") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.taskmaster-ios {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/taskmaster_for%20ios/taskmasteriospreview.png") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.naturefindings-windows {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/nature_findings/naturefindingspreview.png") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.mymind-ios {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/my_mind/my_mind_logo.png") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.csbox-web {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/cs_box/csbox_logo.png") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.bitbox-various {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/bit_box/bit_box_logo.png") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.identity-website {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/the_computers_identity/identitypreview.png") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.taskmaster-web {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/task_master/taskmasterpreview.jpg") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.sortai-windows {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/sort.ai/sort.ai_logo.png") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.societyplus-web {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/society+/societypluspreview.png") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.iamaware-film {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/iamaware.webp") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.exambufforbluff-windows {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.citationneeded-web {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/citation_needed/login_screen.png") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.clutter {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/blog/clearning-the-clutter.webp") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.edtech {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/blog/edtech-strategies.webp") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.reset {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/blog/its-been-a-while.webp") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.milestone {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/blog/milestone.jpg") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.try-again {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/blog/somethings-not-right.jpg") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.tes-launch {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/blog/what-started-it-all.webp") center / cover;
+  color: white;
+}
+
+.button {
+  margin-bottom: 80px;
+}
+
+.hide-quote {
+  display: none;
+}
+
+.post-images {
+  text-align: center;
+  margin-bottom: 16px;
+}
+
+.blog-image-container {
+  width: 250px;
+}
+
+.blog-list {
+  margin-bottom: 16px;
+}
+
+.blog-button {
+  margin: 0PX 0PX 80PX;
+}
+
+.project-buttons {
+  margin-top: 25px;
+  margin-right: auto;
+  margin-left: auto;
+  display: flex;
+  justify-content: center;
+}
+
+.more-projects-heading {
+  margin-bottom: 10px!important;
+}
+
+.meta.project-details {
+  padding-left: 12px!important;
+  padding-right: 12px!important;
+}
+
+.portfolio-video {
+  margin-right: auto;
+  margin-left: auto;
+  margin-bottom: 1em;
+}
+
+.intro-margin {
+  margin-top: 25px;
+}
+
+.about-intro {
+  margin-bottom: 15px;
+  margin-top: 25px;
+}
+
+.headshot {
+  max-width: 500px;
+}
+
+.text-margin {
+  margin-top: 15px;
+}
+
+.cv-group {
+  max-width: 75%;
+}
+
+.portfolio-block.cv.no-padding {
+  padding-bottom: 0px;
+  padding-top: 0px;
+}
+
+.heading-no-gap {
+  margin-bottom: 0px!important;
+}
+
+.work-experience.group.wex-div {
+  margin-top: 25px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.footer-margin {
+  margin-bottom: 25px;
+}
+
+.contact-form {
+  max-width: 85%;
+}
+
+.portfolio-block.block-intro.auto-margin {
+  margin-top: auto;
+}
+
+.screen-content.featured-project {
+  background-image: url("/assets/img/projects/cs_box/csbox_homepage.jpeg");
+}
+

Export/blog.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="/projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">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">
@@ -211,12 +209,12 @@
                             </div>
                         </div>
                         <div class="col post-tag-tes post-tag-articles post-tag-writing post-author-mr-a-davis loop-item" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/edtext-rollout-strategies.html"><img class="card-img-top rainbow-border" src="/assets/img/blog/edtech-strategies.webp"></a>
+                            <div class="card"><a href="/blog/edtech-rollout-strategies.html"><img class="card-img-top rainbow-border" src="/assets/img/blog/edtech-strategies.webp"></a>
-                                <div class="card-body card-resize"><a href="/blog/edtext-rollout-strategies.html">
+                                <div class="card-body card-resize"><a href="/blog/edtech-rollout-strategies.html">
                                         <h4 class="text-center text-body d-flex justify-content-center">4 Edtech Rollout Strategies Schools Should Know</h4>
                                     </a><time datetime="2023-03-20" class="dates">20 March 2023</time>
                                     <div class="d-flex flex-wrap gap-1 mb-3 tags" data-bss-type="tag-loop"><span class="tag-tes" data-bss-type="tag-loop-item"><span class="badge bg-primary"><span>TES</span></span></span><span class="tag-articles" data-bss-type="tag-loop-item"><span class="badge bg-primary"><span>Articles</span></span></span><span class="tag-writing" data-bss-type="tag-loop-item"><span class="badge bg-primary"><span>Writing</span></span></span></div>
-                                    <p class="card-text excerpts">A major investment in technology can have big benefits for staff and students alike – but you need to know how to test and implement it to ensure bang…</p><a class="d-flex justify-content-end card-link blog-link" href="/blog/edtext-rollout-strategies.html"><u class="coloured-underline">&gt; Read more</u></a>
+                                    <p class="card-text excerpts">A major investment in technology can have big benefits for staff and students alike – but you need to know how to test and implement it to ensure bang…</p><a class="d-flex justify-content-end card-link blog-link" href="/blog/edtech-rollout-strategies.html"><u class="coloured-underline">&gt; Read more</u></a>
                                 </div>
                             </div>
                         </div>
@@ -248,7 +246,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -318,7 +316,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/blog/acknowledgements-and-dedications.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">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">
@@ -165,7 +163,7 @@
                 <div data-bss-type="blog-loop" class="loop-padding">
                     <div class="row" data-bss-type="blog-loop-base">
                         <div class="col post-tag-aspirations post-tag-goals post-tag-career post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/clearing-the-clutter.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/clearning-the-clutter.webp"></a>
+                            <div class="card"><a href="/blog/clearing-the-clutter.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/clearning-the-clutter.webp"></a>
                                 <div class="card-body"><a href="/blog/clearing-the-clutter.html">
                                         <h4 class="text-body">Clearing the Clutter: A Digital and Personal Reset</h4>
                                     </a><time datetime="2025-05-26">26 May 2025</time>
@@ -174,7 +172,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-aspirations post-tag-goals post-tag-career post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/marking-the-milestone.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/CQM-Badge.png"></a>
+                            <div class="card"><a href="/blog/marking-the-milestone.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/CQM-Badge.png"></a>
                                 <div class="card-body"><a href="/blog/marking-the-milestone.html">
                                         <h4 class="text-body">Marking the Milestone: Mastering the Computing Measure</h4>
                                     </a><time datetime="2025-04-12">12 Apr 2025</time>
@@ -183,7 +181,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-writing post-tag-goals post-tag-reset post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/its-been-a-while.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/its-been-a-while.webp"></a>
+                            <div class="card"><a href="/blog/its-been-a-while.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/its-been-a-while.webp"></a>
                                 <div class="card-body"><a href="/blog/its-been-a-while.html">
                                         <h4 class="text-body">It's Been A While...</h4>
                                     </a><time datetime="2024-11-24">24 Nov 2024</time>
@@ -201,7 +199,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -271,7 +269,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/blog/clearing-the-clutter.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">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">
@@ -155,7 +153,7 @@
     <main class="page">
         <section class="blog-block project portfolio-block">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/blog/clearning-the-clutter.webp&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading clutter">
                     <h2>Clearing the Clutter: A Digital and Personal Reset</h2><time class="fs-5" datetime="2025-05-26">26 May 2025</time>
                 </div>
                 <h2>Well, that lasted…</h2>
@@ -165,7 +163,7 @@
                 <div data-bss-type="blog-loop" class="loop-padding">
                     <div class="row" data-bss-type="blog-loop-base">
                         <div class="col post-tag-aspirations post-tag-goals post-tag-career post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/marking-the-milestone.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/CQM-Badge.png"></a>
+                            <div class="card"><a href="/blog/marking-the-milestone.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/CQM-Badge.png"></a>
                                 <div class="card-body"><a href="/blog/marking-the-milestone.html">
                                         <h4 class="text-body">Marking the Milestone: Mastering the Computing Measure</h4>
                                     </a><time datetime="2025-04-12">12 Apr 2025</time>
@@ -174,7 +172,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-writing post-tag-goals post-tag-reset post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/its-been-a-while.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/its-been-a-while.webp"></a>
+                            <div class="card"><a href="/blog/its-been-a-while.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/its-been-a-while.webp"></a>
                                 <div class="card-body"><a href="/blog/its-been-a-while.html">
                                         <h4 class="text-body">It's Been A While...</h4>
                                     </a><time datetime="2024-11-24">24 Nov 2024</time>
@@ -183,7 +181,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-writing post-tag-aspirations post-tag-goals post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/acknowledgements-and-dedications.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/dissertation-acknowledgements.jpg"></a>
+                            <div class="card"><a href="/blog/acknowledgements-and-dedications.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/dissertation-acknowledgements.jpg"></a>
                                 <div class="card-body"><a href="/blog/acknowledgements-and-dedications.html">
                                         <h4 class="text-body">Acknowledgements &amp; Dedications</h4>
                                     </a><time datetime="2023-12-18">18 Dec 2023</time>
@@ -201,7 +199,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -271,7 +269,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/blog/edtech-rollout-strategies.html

@@ -22,8 +22,8 @@
 <script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script><meta http-equiv="refresh" content="0; url=https://www.tes.com/magazine/leadership/strategy/edtech-rollout-strategies-schools-need-to-know" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>4 Edtech Rollout Strategies Schools Should Know</title>
-    <link rel="canonical" href="https://www.mrdaviscsit.uk/blog/edtext-rollout-strategies.html">
+    <link rel="canonical" href="https://www.mrdaviscsit.uk/blog/edtech-rollout-strategies.html">
-    <meta property="og:url" content="https://www.mrdaviscsit.uk/blog/edtext-rollout-strategies.html">
+    <meta property="og:url" content="https://www.mrdaviscsit.uk/blog/edtech-rollout-strategies.html">
     <meta name="twitter:description" content="The website of Mr. A. Davis, featuring a portfolio of work in computing education, digital projects, and curriculum resources. Explore blog posts, classroom tools, and professional insights focused on innovation, inclusion, and effective IT teaching.">
     <meta property="og:type" content="website">
     <meta name="twitter:card" content="summary">
@@ -138,9 +138,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">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">
@@ -156,15 +154,15 @@
     <main class="page">
         <section class="blog-block project portfolio-block">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/blog/edtech-strategies.webp&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading edtech">
                     <h2>4 Edtech Rollout Strategies Schools Should Know</h2><time class="fs-5" datetime="2023-03-20">20 Mar 2023</time>
                 </div>
                 <p>A major investment in technology can have big benefits for staff and students alike – but you need to know how to test and implement it to ensure bang for your IT buck, as this former IT professional turned teacher explains.</p>
-                <div class="d-xl-flex justify-content-xl-center" style="margin-bottom: 80px;"><a class="btn btn-primary" role="button" data-bss-hover-animate="pulse" href="https://www.tes.com/magazine/leadership/strategy/edtech-rollout-strategies-schools-need-to-know">Read on TES</a></div>
+                <div class="d-xl-flex justify-content-xl-center button"><a class="btn btn-primary" role="button" data-bss-hover-animate="pulse" href="https://www.tes.com/magazine/leadership/strategy/edtech-rollout-strategies-schools-need-to-know">Read on TES</a></div>
                 <div data-bss-type="blog-loop" class="loop-padding">
                     <div class="row" data-bss-type="blog-loop-base">
                         <div class="col post-tag-aspirations post-tag-goals post-tag-career post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/clearing-the-clutter.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/clearning-the-clutter.webp"></a>
+                            <div class="card"><a href="/blog/clearing-the-clutter.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/clearning-the-clutter.webp"></a>
                                 <div class="card-body"><a href="/blog/clearing-the-clutter.html">
                                         <h4 class="text-body">Clearing the Clutter: A Digital and Personal Reset</h4>
                                     </a><time datetime="2025-05-26">26 May 2025</time>
@@ -173,7 +171,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-aspirations post-tag-goals post-tag-career post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/marking-the-milestone.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/CQM-Badge.png"></a>
+                            <div class="card"><a href="/blog/marking-the-milestone.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/CQM-Badge.png"></a>
                                 <div class="card-body"><a href="/blog/marking-the-milestone.html">
                                         <h4 class="text-body">Marking the Milestone: Mastering the Computing Measure</h4>
                                     </a><time datetime="2025-04-12">12 Apr 2025</time>
@@ -182,7 +180,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-writing post-tag-goals post-tag-reset post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/its-been-a-while.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/its-been-a-while.webp"></a>
+                            <div class="card"><a href="/blog/its-been-a-while.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/its-been-a-while.webp"></a>
                                 <div class="card-body"><a href="/blog/its-been-a-while.html">
                                         <h4 class="text-body">It's Been A While...</h4>
                                     </a><time datetime="2024-11-24">24 Nov 2024</time>
@@ -200,7 +198,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -270,7 +268,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/blog/its-been-a-while.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">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">
@@ -155,14 +153,14 @@
     <main class="page">
         <section class="blog-block project portfolio-block">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/blog/its-been-a-while.webp&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading reset">
                     <h2>It's Been A While...</h2><time class="fs-5" datetime="2024-11-24">24 Nov 2024</time>
                 </div>
                 <p>The title says it all...<br><br>A lot has changed since my last ramble on here. First off, I have finally rid myself of that dark and questionable realm that is Twittter (I will call it that until Elon finally gives up his X fetish). I left mainly because I planned to do it years back but never fully committed. You can find me elsewhere on the web <a href="https://find.mrdaviscsit.uk/">here</a>.<br><br>I suppose the next change that I should acknowledge is the extended step back from the internet in general. In January, I had a pretty tough time with things and made the decision that it would be best if I locked everything down for a month while I focus on myself. That did a lot of good, but I don't plan to share what actually happened; and even if I wanted to, I don't think I would be allowed to discuss it. Let's just say, I was unwell and now I am better.<br><br>I also started my new ADHD treatment in September, essentially the same treatment but with a few more people watching in. This stuff is the good stuff! It means I can focus on working for a whole day now instead of just a few hours. I'm going onto my final test plan before going back into Shared Care, where my GP does most of the admin for my medication. Finding the right balance between focusing on work and relaxing is still something I am working on, but I am getting there!<br><br>I should probably mention what is going on with work, school. etc. Yes, I am still head of Computing at a secondary school but I am starting to think about my next stage of my career. This will be my 7th year of qualified teaching and as much as I love what I do, there are still things that cancel out the good.<br><br>This structure of performance managment and performance related pay, even though it is no longer compulsory, teaching staff are still feeling the effects of it today. My team and I have had to work damn hard these past few weeks and yet still, we have a million and one things left to do! One of my big concerns is that even though we are spending all hours of the day working to try and improve grades, we still get set up to fail by the sheer amount of students who want us to "just give out the pass", or by students who outright do not care about education, school or even employment. I still remember to this day a student telling me in my first year of teaching "I don't give a fuck about this, I'm waiting till 16 to go on the dole!". The student did give a fuck in the end, and they came out to be one of our big wins that academic year...<br><br>Even with the changes to my lifestyle, social life and the fact I am older and apparently more mature, the one thing that still makes me think of quitting teaching is the expectation that even though a student hands work in late, or even doesn't do it outright, they are expected to get the highest grades possible. And if they don't? All the blame lands on the teacher, not the student for being lazy.<br><br>That's enough of my rant for now, I guess I should prepare dinner and do some more planning.<br><br>Hopefully I won't leave it another year before I post...</p>
                 <div data-bss-type="blog-loop" class="loop-padding">
                     <div class="row" data-bss-type="blog-loop-base">
                         <div class="col post-tag-aspirations post-tag-goals post-tag-career post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/clearing-the-clutter.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/clearning-the-clutter.webp"></a>
+                            <div class="card"><a href="/blog/clearing-the-clutter.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/clearning-the-clutter.webp"></a>
                                 <div class="card-body"><a href="/blog/clearing-the-clutter.html">
                                         <h4 class="text-body">Clearing the Clutter: A Digital and Personal Reset</h4>
                                     </a><time datetime="2025-05-26">26 May 2025</time>
@@ -171,7 +169,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-aspirations post-tag-goals post-tag-career post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/marking-the-milestone.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/CQM-Badge.png"></a>
+                            <div class="card"><a href="/blog/marking-the-milestone.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/CQM-Badge.png"></a>
                                 <div class="card-body"><a href="/blog/marking-the-milestone.html">
                                         <h4 class="text-body">Marking the Milestone: Mastering the Computing Measure</h4>
                                     </a><time datetime="2025-04-12">12 Apr 2025</time>
@@ -180,7 +178,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-writing post-tag-aspirations post-tag-goals post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/acknowledgements-and-dedications.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/dissertation-acknowledgements.jpg"></a>
+                            <div class="card"><a href="/blog/acknowledgements-and-dedications.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/dissertation-acknowledgements.jpg"></a>
                                 <div class="card-body"><a href="/blog/acknowledgements-and-dedications.html">
                                         <h4 class="text-body">Acknowledgements &amp; Dedications</h4>
                                     </a><time datetime="2023-12-18">18 Dec 2023</time>
@@ -198,7 +196,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -268,7 +266,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/blog/marking-the-milestone.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">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">
@@ -155,22 +153,22 @@
     <main class="page">
         <section class="blog-block project portfolio-block">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/photo-1454789548928-9efd52dc4031.jpg&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading milestone">
                     <h2>Marking the Milestone: Mastering the Computing Measure</h2><time class="fs-5" datetime="2025-04-12">12 Apr 2025</time>
                 </div>
                 <figure>
                     <blockquote class="blockquote">
                         <p class="mb-0">Note to self: I really need to post here more often! It’s been a whirlwind since my last update. Between chasing rapid grade improvements for our Year 11s, general OFSTED prep, onboarding a new team member, and—yes—rewriting the Key Stage 3 curriculum (again), I’ve completely lost track of time.</p>
                     </blockquote>
-                    <figcaption class="blockquote-footer" style="display: none;"></figcaption>
+                    <figcaption class="blockquote-footer hide-quote"></figcaption>
                 </figure>
                 <p>As ever, there's been a lot going on. That said, I’m seeing some encouraging signs: staff morale in the department is slowly but steadily on the rise. There’s still work to do, but we’re heading in the right direction. Our ongoing review of the Key Stage 4 curriculum is showing promising results too—early predictions for Year 10 outcomes suggest we’re building on the progress made with our outgoing Year 11s.<br><br>Behaviour-wise, the picture hasn’t been so rosy. Like many schools, we’ve seen an increase in challenges across both year groups. That said, we did get a bit of unexpected recognition—we were featured in a Channel 5 News story for "bucking the trend" on student behaviour. Nice to have some good news, even if it came from a surprising source.<br><br>But here’s the big one—the department achieved something huge recently: we’ve been awarded the Computing Quality Mark! 🎉</p>
-                <div style="text-align: center;margin-bottom: 16px;"><img src="/assets/img/blog/CQM-Badge.png" style="width: 250px;"></div>
+                <div class="post-images"><img class="blog-image-container" src="/assets/img/blog/CQM-Badge.png"></div>
                 <p>That makes us the second secondary school in the West Midlands to achieve it. It’s an external acknowledgment that what we do for our students—our curriculum design, our delivery, our intent—is aligned with what OFSTED would classify as at least Good. It’s a massive win for the team.<br><br>And yet… not a word from the headteacher. Not in a briefing, not in a staff bulletin—nothing. Meanwhile, at the end-of-term lunch, there was a whole speech about how OFSTED are “likely” to visit in the first few weeks back. That got all the airtime, while a nationally recognised mark of curriculum quality earned by the department? Radio silence. It’s frustrating, to say the least. I’ll leave it alone for now, but I do wonder how long it'll be before someone outside the department brings it up to SLT or the wider staff body.<br><br>Coming up next: we hit the ground running straight after Easter. Year 11s have their first exam the Thursday we return, so we’re hosting Easter revision sessions to give them the best shot at success in a supportive environment. I’m also planning pre-exam intervention sessions (two hours before the exam), and working out how we staff the Paper 2 exam in late May.<br><br>That last bit’s a delicate one—there’s often an assumption that staff are in the room to "support the students," but that’s not quite the case. I’ll need to have some tactful conversations to make sure expectations are clear without anyone feeling undermined.<br><br>And finally—I've been out visiting one of our feeder schools. Wow. That was a challenge. I'm tempted to write a separate post about it. But the short version? Digital literacy is clearly not a priority in many primary settings. Some of what I saw and heard made it crystal clear that we’re likely to face growing gaps in e-safety knowledge and digital skills among incoming Year 7s. Something to keep an eye on…</p>
                 <div data-bss-type="blog-loop" class="loop-padding">
                     <div class="row" data-bss-type="blog-loop-base">
                         <div class="col post-tag-aspirations post-tag-goals post-tag-career post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/clearing-the-clutter.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/clearning-the-clutter.webp"></a>
+                            <div class="card"><a href="/blog/clearing-the-clutter.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/clearning-the-clutter.webp"></a>
                                 <div class="card-body"><a href="/blog/clearing-the-clutter.html">
                                         <h4 class="text-body">Clearing the Clutter: A Digital and Personal Reset</h4>
                                     </a><time datetime="2025-05-26">26 May 2025</time>
@@ -179,7 +177,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-writing post-tag-goals post-tag-reset post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/its-been-a-while.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/its-been-a-while.webp"></a>
+                            <div class="card"><a href="/blog/its-been-a-while.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/its-been-a-while.webp"></a>
                                 <div class="card-body"><a href="/blog/its-been-a-while.html">
                                         <h4 class="text-body">It's Been A While...</h4>
                                     </a><time datetime="2024-11-24">24 Nov 2024</time>
@@ -188,7 +186,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-writing post-tag-aspirations post-tag-goals post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/acknowledgements-and-dedications.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/dissertation-acknowledgements.jpg"></a>
+                            <div class="card"><a href="/blog/acknowledgements-and-dedications.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/dissertation-acknowledgements.jpg"></a>
                                 <div class="card-body"><a href="/blog/acknowledgements-and-dedications.html">
                                         <h4 class="text-body">Acknowledgements &amp; Dedications</h4>
                                     </a><time datetime="2023-12-18">18 Dec 2023</time>
@@ -206,7 +204,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -276,7 +274,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/blog/somethings-not-right.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">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">
@@ -155,7 +153,7 @@
     <main class="page">
         <section class="blog-block project portfolio-block">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/blog/somethings-not-right.jpg&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading try-again">
                     <h2> Something's Not Right, Please Try Again</h2><time class="fs-5" datetime="2023-04-24">24 Apr 2023</time>
                 </div>
                 <p>Before I sucker punch my laptop for being slower than a three-toed Sloth as I hurriedly write the cover sheets for the rest of my lessons. I thought about what I need to do to thrive in my career.<br><br>Last night, I received a message on LinkedIn; usually these are just adverts asking my to buy their premium account but this one was had a subject that rang a bell, "Neurodiverse teacher - advice and support"<br><br>My brain immediately went, "they probably read my article in the TES" so I immediately dropped everything to read what they had to say. I am a rather vain person so was expecting them to be congratulating me on the article and ask me something trivial like "could you send me a link about Access to Work" or "have you heard of this awesome organisation that works with teachers", both of which are things I have received in the past. This message however made my heart sink...<br><br>As I'm not the sort of person to gossip or tell the world all the things I know about someone, I have removed all identifiable information about this person from this post. All you need to know is that they are an ECT (Early Career Teacher) and have only been a qualified teacher for just under a year. They had been struggling with a recent diagnosis and trying to make things work around it. They resorted to coming to me of all people for advice and support.<br><br>I immediately knew I was slightly out of my depth with what they needed so turned to Twitter to get some ideas. Again, my heart sank when even my own headteacher told me some home truths. There's NOTHING out there for you!</p>
@@ -173,7 +171,7 @@
                     <figcaption class="blockquote-footer text-end d-none"></figcaption>
                 </figure>
                 <p>This teacher who contacted me feels that their journey into teaching and their career is a lonely one. I wish I could do more to support neurodiverse teachers in making them aware they are not alone in this at all. I know I cannot do this on my own so through about what I could do now in the meantime. So I came up with a plan:</p>
-                <ul class="list-group" style="margin-bottom: 16px;">
+                <ul class="list-group blog-list">
                     <li class="list-group-item"><span>Step 1: Continue as Head of Computing</span></li>
                     <li class="list-group-item"><span>Step 2: Start writing blog posts again, but this time with a focus!</span></li>
                     <li class="list-group-item"><span>Step 3: Look at opportunities to develop a neurodiversity teachers network</span></li>
@@ -183,7 +181,7 @@
                 <div data-bss-type="blog-loop" class="loop-padding">
                     <div class="row" data-bss-type="blog-loop-base">
                         <div class="col post-tag-aspirations post-tag-goals post-tag-career post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/clearing-the-clutter.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/clearning-the-clutter.webp"></a>
+                            <div class="card"><a href="/blog/clearing-the-clutter.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/clearning-the-clutter.webp"></a>
                                 <div class="card-body"><a href="/blog/clearing-the-clutter.html">
                                         <h4 class="text-body">Clearing the Clutter: A Digital and Personal Reset</h4>
                                     </a><time datetime="2025-05-26">26 May 2025</time>
@@ -192,7 +190,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-aspirations post-tag-goals post-tag-career post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/marking-the-milestone.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/CQM-Badge.png"></a>
+                            <div class="card"><a href="/blog/marking-the-milestone.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/CQM-Badge.png"></a>
                                 <div class="card-body"><a href="/blog/marking-the-milestone.html">
                                         <h4 class="text-body">Marking the Milestone: Mastering the Computing Measure</h4>
                                     </a><time datetime="2025-04-12">12 Apr 2025</time>
@@ -201,7 +199,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-writing post-tag-goals post-tag-reset post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/its-been-a-while.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/its-been-a-while.webp"></a>
+                            <div class="card"><a href="/blog/its-been-a-while.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/its-been-a-while.webp"></a>
                                 <div class="card-body"><a href="/blog/its-been-a-while.html">
                                         <h4 class="text-body">It's Been A While...</h4>
                                     </a><time datetime="2024-11-24">24 Nov 2024</time>
@@ -219,7 +217,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -289,7 +287,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/blog/what-started-it-all.html

@@ -138,9 +138,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">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">
@@ -156,15 +154,15 @@
     <main class="page">
         <section class="blog-block project portfolio-block">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/blog/what-started-it-all.webp&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading tes-launch">
                     <h2>What Started It All...</h2><time class="fs-5" datetime="2023-02-15">15 Feb 2023</time>
                 </div>
                 <p>One neurodiverse teacher explains the challenges they have faced in the job application and interview process – and shares advice for schools to make their recruitment as inclusive as possible.</p>
-                <div class="d-xl-flex justify-content-xl-center" style="margin: 0PX 0PX 80PX;"><a class="btn btn-primary" role="button" data-bss-hover-animate="pulse" href="https://www.tes.com/magazine/leadership/hr/teacher-recruitment-do-your-hiring-process-work-neurodiverse-teachers">Read on TES</a></div>
+                <div class="d-xl-flex justify-content-xl-center blog-button"><a class="btn btn-primary" role="button" data-bss-hover-animate="pulse" href="https://www.tes.com/magazine/leadership/hr/teacher-recruitment-do-your-hiring-process-work-neurodiverse-teachers">Read on TES</a></div>
                 <div data-bss-type="blog-loop" class="loop-padding">
                     <div class="row" data-bss-type="blog-loop-base">
                         <div class="col post-tag-aspirations post-tag-goals post-tag-career post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/clearing-the-clutter.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/clearning-the-clutter.webp"></a>
+                            <div class="card"><a href="/blog/clearing-the-clutter.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/clearning-the-clutter.webp"></a>
                                 <div class="card-body"><a href="/blog/clearing-the-clutter.html">
                                         <h4 class="text-body">Clearing the Clutter: A Digital and Personal Reset</h4>
                                     </a><time datetime="2025-05-26">26 May 2025</time>
@@ -173,7 +171,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-aspirations post-tag-goals post-tag-career post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/marking-the-milestone.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/CQM-Badge.png"></a>
+                            <div class="card"><a href="/blog/marking-the-milestone.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/CQM-Badge.png"></a>
                                 <div class="card-body"><a href="/blog/marking-the-milestone.html">
                                         <h4 class="text-body">Marking the Milestone: Mastering the Computing Measure</h4>
                                     </a><time datetime="2025-04-12">12 Apr 2025</time>
@@ -182,7 +180,7 @@
                             </div>
                         </div>
                         <div class="col post-tag-writing post-tag-goals post-tag-reset post-author-mr-a-davis" data-bss-type="blog-loop-item">
-                            <div class="card"><a href="/blog/its-been-a-while.html"><img class="card-img-top blog-loop-img" src="/assets/img/blog/its-been-a-while.webp"></a>
+                            <div class="card"><a href="/blog/its-been-a-while.html"><img class="card-img-top rainbow-border blog-loop-img" src="/assets/img/blog/its-been-a-while.webp"></a>
                                 <div class="card-body"><a href="/blog/its-been-a-while.html">
                                         <h4 class="text-body">It's Been A While...</h4>
                                     </a><time datetime="2024-11-24">24 Nov 2024</time>
@@ -200,7 +198,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -270,7 +268,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/contact.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="/projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">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">
@@ -155,10 +153,10 @@
     <main class="page">
         <section class="portfolio-block">
             <div class="container center-everything">
-                <div class="heading" style="margin-bottom: 25px;">
+                <div class="heading footer-margin">
                     <h1>Contact</h1>
                 </div>
-                <form class="shadow-lg" data-bs-theme="light" data-bss-recipient="0e44d1a9319701fff51ecbfc26f31f3e" style="max-width: 85%;">
+                <form class="shadow-lg contact-form" data-bs-theme="light" data-bss-recipient="0e44d1a9319701fff51ecbfc26f31f3e">
                     <div class="mb-3"><label class="form-label" for="name">Your Name</label><input class="form-control item" type="text" id="name"></div>
                     <div class="mb-3"><label class="form-label" for="subject">Subject</label><input class="form-control item" type="text" id="subject"></div>
                     <div class="mb-3"><label class="form-label" for="email">Email</label><input class="form-control item" type="email" id="email"></div>
@@ -173,7 +171,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -243,7 +241,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/index.html

@@ -145,9 +145,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="/projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
                     <li class="nav-item d-flex align-items-center mode-select"><a class="nav-link active" 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">
@@ -161,14 +159,14 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="margin-top: auto;">
+        <section class="portfolio-block block-intro auto-margin">
             <div class="container center-everything">
-                <div class="row justify-content-center" style="margin-right: auto;margin-left: auto;">
+                <div class="row justify-content-center center-everything">
-                    <div class="col" style="align-content: center;"><h1><u class="coloured-underline">Mr A Davis</u></h1>
+                    <div class="col align-content-center"><h1><u class="coloured-underline">Mr A Davis</u></h1>
                         <h2><span class="txt-rotate" data-period="1000" data-rotate='[ "Web Designer", "Head of Computing", "Programmer", "Media Production Assistant","Solutions Consultant" ]'></span></h2>
                     </div>
                     <div class="col">
-                        <picture style="margin-right: auto;margin-left: auto;max-width: 500px;"><img class="w-100 h-auto" src="/assets/img/brand/headshot.webp" style="max-width: 500px;"></picture>
+                        <picture><img class="w-100 h-auto headshot" src="/assets/img/brand/headshot.webp"></picture>
                     </div>
                 </div>
             </div>
@@ -184,7 +182,7 @@
                 <div class="col-md-12 col-lg-5">
                     <div class="portfolio-laptop-mockup">
                         <div class="screen">
-                            <div class="screen-content" style="background-image: url(&quot;/assets/img/projects/cs_box/csbox_homepage.jpeg&quot;);"></div>
+                            <div class="screen-content featured-project"></div>
                         </div>
                         <div class="keyboard"></div>
                     </div>
@@ -197,7 +195,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -267,7 +265,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/my-work/extracurricular-projects/citation-needed.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -155,7 +153,7 @@
     <main class="page">
         <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/citation_needed/login_screen.png&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading citationneeded-web">
                     <h2>Citation Needed</h2>
                     <p>The proper way to cite university references</p>
                 </div>
@@ -182,7 +180,7 @@
                     <div class="swiper-pagination swiper-control"></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <h3>Inspiration</h3>
                         <p>RefME got bought out my Cite This For Me and CTFM is terrible as it doesn't have the BCU-customised Harvard Referencing System. Many of the other Referencing Managers aren't that good either. We decided to fix this problem once and for all.</p>
                         <h3>What It Does</h3>
@@ -198,16 +196,16 @@
                         <h3>What's next for Citation Needed?</h3>
                         <p>Extend it to other Referencing Systems and correct some of the design issues that are present. Also, finish actually building it.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Hackathon</span><span>AstonHack 2017</span><span class="meta-heading">Created &amp; Submitted</span><span>11-12 November 2017</span><span class="meta-heading">Products Created</span><span>Web Application</span></div><a class="btn btn-primary" role="button" href="https://devpost.com/software/citation-needed" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Entry on DevPost</a><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/AstonHack2017-CitationNeeded" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project on Gitea</a>
+                        <div class="tags"><span class="meta-heading">Hackathon</span><span>AstonHack 2017</span><span class="meta-heading">Created &amp; Submitted</span><span>11-12 November 2017</span><span class="meta-heading">Products Created</span><span>Web Application</span><a class="btn btn-primary project-buttons" role="button" href="https://devpost.com/software/citation-needed" target="_blank">View Entry on DevPost</a><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/AstonHack2017-CitationNeeded" target="_blank">View Project on Gitea</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top" alt="App Logo" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="App Logo" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html">
                                             <h4 class="text-body">Exam Buff or Exam Bluff</h4>
                                         </a>
@@ -216,7 +214,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top" alt="I Am Aware Cover Artwork" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="I Am Aware Cover Artwork" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/i-am-aware.html">
                                             <h4 class="text-body">I Am Aware</h4>
                                         </a>
@@ -225,7 +223,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top" alt="Society+ Homepage Preview" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="Society+ Homepage Preview" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/societyplus.html">
                                             <h4 class="text-body">Society+</h4>
                                         </a>
@@ -234,7 +232,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top rainbow-border" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/sortai.html">
                                             <h4 class="text-body">Sort.AI</h4>
                                         </a>
@@ -245,7 +243,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/task-master-web.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/task_master/taskmasterpreview.jpg"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/task-master-web.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/task_master/taskmasterpreview.jpg"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/task-master-web.html">
                                             <h4 class="text-body">Task Master for Web</h4>
                                         </a>
@@ -256,7 +254,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/the-computers-identity.html">
                                             <h4 class="text-body">The Computer's Identity</h4>
                                         </a>
@@ -283,7 +281,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -353,7 +351,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

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

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -155,7 +153,7 @@
     <main class="page">
         <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading exambufforbluff-windows">
                     <h2>Exam Buff or Exam Bluff</h2>
                     <p>An quick and easy revision tool for both coding and theory. Only for Computer Science GCSE and above.</p>
                 </div>
@@ -181,7 +179,7 @@
                     <div class="swiper-pagination swiper-control"></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <h3>Inspiration</h3>
                         <p>I need to help my students revise for their exams... How do I do this?! They need to revise how to code and revise the theory... Why make an app in the language they learn... They look at the source code and play the game.</p>
                         <h3>What It Does</h3>
@@ -197,16 +195,16 @@
                         <h3>What's next for Exam Buff or Exam Bluff?</h3>
                         <p>Create more questions to help them with their revision. Put it into my lessons and challenge higher ability students to try and create their own version of the game (some framework would be provided)</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Hackathon</span><span>BullHacks 2.0</span><span class="meta-heading">Created &amp; Submitted</span><span>28-29 April 2018</span><span class="meta-heading">Products Created</span><span>Microsoft Windows Application</span></div><a class="btn btn-primary" role="button" href="https://devpost.com/software/exam-buff-or-exam-bluff-hrjb83" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Entry on DevPost</a><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/BullHacks2.0-ExamBufforExamBluff" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project on Gitea</a>
+                        <div class="tags"><span class="meta-heading">Hackathon</span><span>BullHacks 2.0</span><span class="meta-heading">Created &amp; Submitted</span><span>28-29 April 2018</span><span class="meta-heading">Products Created</span><span>Microsoft Windows Application</span><a class="btn btn-primary project-buttons" role="button" href="https://devpost.com/software/exam-buff-or-exam-bluff-hrjb83" target="_blank">View Entry on DevPost</a><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/BullHacks2.0-ExamBufforExamBluff" target="_blank">View Project on Gitea</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top" alt="Login Screen" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Login Screen" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/citation-needed.html">
                                             <h4 class="text-body">Citation Needed</h4>
                                         </a>
@@ -215,7 +213,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top" alt="I Am Aware Cover Artwork" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="I Am Aware Cover Artwork" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/i-am-aware.html">
                                             <h4 class="text-body">I Am Aware</h4>
                                         </a>
@@ -224,7 +222,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top" alt="Society+ Homepage Preview" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="Society+ Homepage Preview" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/societyplus.html">
                                             <h4 class="text-body">Society+</h4>
                                         </a>
@@ -233,7 +231,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top rainbow-border" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/sortai.html">
                                             <h4 class="text-body">Sort.AI</h4>
                                         </a>
@@ -244,7 +242,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/task-master-web.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/task_master/taskmasterpreview.jpg"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/task-master-web.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/task_master/taskmasterpreview.jpg"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/task-master-web.html">
                                             <h4 class="text-body">Task Master for Web</h4>
                                         </a>
@@ -255,7 +253,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/the-computers-identity.html">
                                             <h4 class="text-body">The Computer's Identity</h4>
                                         </a>
@@ -282,7 +280,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -352,7 +350,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

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

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -155,28 +153,28 @@
     <main class="page">
         <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/iamaware.webp&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading iamaware-film">
                     <h2>I Am Aware</h2>
                     <p>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.</p>
                 </div>
             </div>
         </section>
         <section class="portfolio-block project">
-            <div class="container center-everything"><iframe class="d-flex justify-content-center" allowfullscreen="" frameborder="0" src="https://www.youtube-nocookie.com/embed/8m2D2mS3NjQ" width="854" height="480" style="margin-right: auto;margin-left: auto;margin-bottom: 1em;"></iframe>
+            <div class="container center-everything"><iframe class="d-flex justify-content-center portfolio-video" allowfullscreen="" frameborder="0" src="https://www.youtube-nocookie.com/embed/8m2D2mS3NjQ" width="854" height="480"></iframe>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <p>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. The campaign also looks into the lives of people affected by mental health issues such as depression, Schizophrenia, anxiety disorders and Bipolar.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
                         <div class="tags"><span class="meta-heading">Project Status</span><span>Completed</span><span class="meta-heading">Client</span><span>Birmingham City University Mental Health Awareness</span><span class="meta-heading">Date</span><span>November 2016</span><span class="meta-heading">Products Created</span><span>Website, Short Films</span></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top" alt="Login Screen" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Login Screen" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/citation-needed.html">
                                             <h4 class="text-body">Citation Needed</h4>
                                         </a>
@@ -185,7 +183,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top" alt="App Logo" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="App Logo" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html">
                                             <h4 class="text-body">Exam Buff or Exam Bluff</h4>
                                         </a>
@@ -194,7 +192,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top" alt="Society+ Homepage Preview" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="Society+ Homepage Preview" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/societyplus.html">
                                             <h4 class="text-body">Society+</h4>
                                         </a>
@@ -203,7 +201,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top rainbow-border" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/sortai.html">
                                             <h4 class="text-body">Sort.AI</h4>
                                         </a>
@@ -214,7 +212,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/task-master-web.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/task_master/taskmasterpreview.jpg"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/task-master-web.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/task_master/taskmasterpreview.jpg"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/task-master-web.html">
                                             <h4 class="text-body">Task Master for Web</h4>
                                         </a>
@@ -225,7 +223,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/the-computers-identity.html">
                                             <h4 class="text-body">The Computer's Identity</h4>
                                         </a>
@@ -252,7 +250,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -322,7 +320,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/my-work/extracurricular-projects/societyplus.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -155,7 +153,7 @@
     <main class="page">
         <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/society+/societypluspreview.png&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading societyplus-web">
                     <h2>Society+</h2>
                     <p>A new way for societies to contact and administer membership.</p>
                 </div>
@@ -174,7 +172,7 @@
                     <div class="swiper-pagination swiper-control"></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <h3>Inspiration</h3>
                         <p>Many students unions use a template for their websites which means that most of the time, these websites don't work. Society+ allows not only students to sign up to societies, but also allows the society's executive committee to manage membership, email and text society members and update information about the society.</p>
                         <h3>How We Built It</h3>
@@ -188,16 +186,16 @@
                         <h3>What's next for Society+?</h3>
                         <p>Continued development so we have a fully finished, working product that universities may take lead from.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Hackathon</span><span>BrumHack 6.0</span><span class="meta-heading">Created &amp; Submitted</span><span>25-26 March 2017</span><span class="meta-heading">Products Created</span><span>Web Application</span></div><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/BrumHack6.0-SocietyPlus" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project on Gitea</a>
+                        <div class="tags"><span class="meta-heading">Hackathon</span><span>BrumHack 6.0</span><span class="meta-heading">Created &amp; Submitted</span><span>25-26 March 2017</span><span class="meta-heading">Products Created</span><span>Web Application</span><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/BrumHack6.0-SocietyPlus" target="_blank">View Project on Gitea</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top" alt="Login Screen" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Login Screen" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/citation-needed.html">
                                             <h4 class="text-body">Citation Needed</h4>
                                         </a>
@@ -206,7 +204,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top" alt="App Logo" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="App Logo" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html">
                                             <h4 class="text-body">Exam Buff or Exam Bluff</h4>
                                         </a>
@@ -215,7 +213,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top" alt="I Am Aware Cover Artwork" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="I Am Aware Cover Artwork" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/i-am-aware.html">
                                             <h4 class="text-body">I Am Aware</h4>
                                         </a>
@@ -224,7 +222,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top rainbow-border" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/sortai.html">
                                             <h4 class="text-body">Sort.AI</h4>
                                         </a>
@@ -235,7 +233,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/task-master-web.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/task_master/taskmasterpreview.jpg"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/task-master-web.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/task_master/taskmasterpreview.jpg"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/task-master-web.html">
                                             <h4 class="text-body">Task Master for Web</h4>
                                         </a>
@@ -246,7 +244,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/the-computers-identity.html">
                                             <h4 class="text-body">The Computer's Identity</h4>
                                         </a>
@@ -273,7 +271,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -343,7 +341,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/my-work/extracurricular-projects/sortai.html

@@ -139,9 +139,7 @@ Awarded 3rd Place">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -157,7 +155,7 @@ Awarded 3rd Place">
     <main class="page">
         <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/sort.ai/sort.ai_logo.png&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading sortai-windows">
                     <h2>Sort.AI</h2>
                     <p>A Windows service concept that sorts your files automatically using the Google Natural Language API.
 
@@ -183,7 +181,7 @@ Awarded 3rd Place">
                     <div class="swiper-pagination swiper-control"></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <h3>Inspiration</h3>
                         <p>Sort.AI is an Windows service concept that sorts your files automatically using the Google Natural Language API. While doing coursework, I noticed that my file system could be abit more organised. Thats when my friend and I thought about using AI to organise our systems so we don't have to. That's where Sort.AI comes, inspired from the winner of BrumHack 5.0 who used the Google Natural Language API.</p>
                         <h3>What It Does</h3>
@@ -199,16 +197,16 @@ Awarded 3rd Place">
                         <h3>What's Next For Sort.AI?</h3>
                         <p>We will possibly begin to develop on the idea after BullHacks however due to other commitments and projects this may be unlikely but we might regroup and focus on working on this product in the near future.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Hackathon</span><span>BullHacks 1.0</span><span class="meta-heading">Created &amp; Submitted</span><span>11-12 March 2017</span><span class="meta-heading">Position in Competition</span><span>3rd Place</span><span class="meta-heading">Products Created</span><span>Microsoft Windows Application</span></div><a class="btn btn-primary" role="button" href="https://devpost.com/software/bullhack1-0-sort-ai" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Entry on DevPost</a><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/BullHack1.0-Sort.AI" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project on Gitea</a>
+                        <div class="tags"><span class="meta-heading">Hackathon</span><span>BullHacks 1.0</span><span class="meta-heading">Created &amp; Submitted</span><span>11-12 March 2017</span><span class="meta-heading">Position in Competition</span><span>3rd Place</span><span class="meta-heading">Products Created</span><span>Microsoft Windows Application</span><a class="btn btn-primary project-buttons" role="button" href="https://devpost.com/software/bullhack1-0-sort-ai" target="_blank">View Entry on DevPost</a><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/BullHack1.0-Sort.AI" target="_blank">View Project on Gitea</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top" alt="Login Screen" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Login Screen" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/citation-needed.html">
                                             <h4 class="text-body">Citation Needed</h4>
                                         </a>
@@ -217,7 +215,7 @@ Awarded 3rd Place">
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top" alt="App Logo" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="App Logo" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html">
                                             <h4 class="text-body">Exam Buff or Exam Bluff</h4>
                                         </a>
@@ -226,7 +224,7 @@ Awarded 3rd Place">
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top" alt="I Am Aware Cover Artwork" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="I Am Aware Cover Artwork" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/i-am-aware.html">
                                             <h4 class="text-body">I Am Aware</h4>
                                         </a>
@@ -235,7 +233,7 @@ Awarded 3rd Place">
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top" alt="Society+ Homepage Preview" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="Society+ Homepage Preview" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/societyplus.html">
                                             <h4 class="text-body">Society+</h4>
                                         </a>
@@ -244,7 +242,7 @@ Awarded 3rd Place">
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/task-master-web.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/task_master/taskmasterpreview.jpg"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/task-master-web.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/task_master/taskmasterpreview.jpg"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/task-master-web.html">
                                             <h4 class="text-body">Task Master for Web</h4>
                                         </a>
@@ -255,7 +253,7 @@ Awarded 3rd Place">
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/the-computers-identity.html">
                                             <h4 class="text-body">The Computer's Identity</h4>
                                         </a>
@@ -282,7 +280,7 @@ Awarded 3rd Place">
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -352,7 +350,7 @@ Awarded 3rd Place">
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

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

@@ -139,9 +139,7 @@ Awarded 3rd Place">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -157,7 +155,7 @@ Awarded 3rd Place">
     <main class="page">
         <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/task_master/taskmasterpreview.jpg&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading taskmaster-web">
                     <h2>Task Master for Web</h2>
                     <p>A Business Oriented Task and Project Management System.
 
@@ -178,7 +176,7 @@ Awarded 3rd Place">
                     <div class="swiper-pagination swiper-control"></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <h3>Concept</h3>
                         <ul>
                             <li>Business focused task management program on Windows</li>
@@ -194,16 +192,16 @@ Awarded 3rd Place">
                             <li>Alexa voice notifications</li>
                         </ul>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Hackathon</span><span>BrumHack 5.0</span><span class="meta-heading">Created &amp; Submitted</span><span>29-30 October, 2016</span><span class="meta-heading">Position in Competition</span><span>3rd Place</span><span class="meta-heading">Products Created</span><span>Web Application</span></div><a class="btn btn-primary" role="button" href="https://devpost.com/software/bcu-hacks" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Entry on DevPost</a><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/BrumHack5.0-TaskMaster" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project on Gitea</a>
+                        <div class="tags"><span class="meta-heading">Hackathon</span><span>BrumHack 5.0</span><span class="meta-heading">Created &amp; Submitted</span><span>29-30 October, 2016</span><span class="meta-heading">Position in Competition</span><span>3rd Place</span><span class="meta-heading">Products Created</span><span>Web Application</span><a class="btn btn-primary project-buttons" role="button" href="https://devpost.com/software/bcu-hacks" target="_blank">View Entry on DevPost</a><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/BrumHack5.0-TaskMaster" target="_blank">View Project on Gitea</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top" alt="Login Screen" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Login Screen" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/citation-needed.html">
                                             <h4 class="text-body">Citation Needed</h4>
                                         </a>
@@ -212,7 +210,7 @@ Awarded 3rd Place">
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top" alt="App Logo" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="App Logo" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html">
                                             <h4 class="text-body">Exam Buff or Exam Bluff</h4>
                                         </a>
@@ -221,7 +219,7 @@ Awarded 3rd Place">
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top" alt="I Am Aware Cover Artwork" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="I Am Aware Cover Artwork" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/i-am-aware.html">
                                             <h4 class="text-body">I Am Aware</h4>
                                         </a>
@@ -230,7 +228,7 @@ Awarded 3rd Place">
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top" alt="Society+ Homepage Preview" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="Society+ Homepage Preview" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/societyplus.html">
                                             <h4 class="text-body">Society+</h4>
                                         </a>
@@ -239,7 +237,7 @@ Awarded 3rd Place">
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top rainbow-border" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/sortai.html">
                                             <h4 class="text-body">Sort.AI</h4>
                                         </a>
@@ -250,7 +248,7 @@ Awarded 3rd Place">
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/the-computers-identity.html">
                                             <h4 class="text-body">The Computer's Identity</h4>
                                         </a>
@@ -277,7 +275,7 @@ Awarded 3rd Place">
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -347,7 +345,7 @@ Awarded 3rd Place">
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/my-work/extracurricular-projects/task-master.html

@@ -1,823 +0,0 @@
-<!DOCTYPE html>
-<html data-bs-theme="auto" lang="en-gb">
-
-<head>
-    <meta charset="utf-8">
-<!-- Matomo -->
-<script>
-  var _paq = window._paq = window._paq || [];
-  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-  _paq.push(['trackPageView']);
-  _paq.push(['enableLinkTracking']);
-  (function() {
-    var u="//analytics.adcmnetworks.co.uk/";
-    _paq.push(['setTrackerUrl', u+'matomo.php']);
-    _paq.push(['setSiteId', '1']);
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-  })();
-</script>
-<!-- End Matomo Code -->
-
-<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>Task Master</title>
-    <meta property="og:type" content="website">
-    <meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/task_master/taskmasterpreview.jpg">
-    <meta name="description" content="A Business Oriented Task and Project Management System.
-
-Awarded 3rd Place">
-    <script>
-        (function() {
-
-            // JavaScript snippet handling Dark/Light mode switching
-
-            const getStoredTheme = () => localStorage.getItem('theme');
-            const setStoredTheme = theme => localStorage.setItem('theme', theme);
-            const forcedTheme = document.documentElement.getAttribute('data-bss-forced-theme');
-
-            const getPreferredTheme = () => {
-
-                if (forcedTheme) return forcedTheme;
-
-                const storedTheme = getStoredTheme();
-                if (storedTheme) {
-                    return storedTheme;
-                }
-
-                const pageTheme = document.documentElement.getAttribute('data-bs-theme');
-
-                if (pageTheme) {
-                    return pageTheme;
-                }
-
-                return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-            }
-
-            const setTheme = theme => {
-                if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-                    document.documentElement.setAttribute('data-bs-theme', 'dark');
-                } else {
-                    document.documentElement.setAttribute('data-bs-theme', theme);
-                }
-            }
-
-            setTheme(getPreferredTheme());
-
-            const showActiveTheme = (theme, focus = false) => {
-                const themeSwitchers = [].slice.call(document.querySelectorAll('.theme-switcher'));
-
-                if (!themeSwitchers.length) return;
-
-                document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
-                    element.classList.remove('active');
-                    element.setAttribute('aria-pressed', 'false');
-                });
-
-                for (const themeSwitcher of themeSwitchers) {
-
-                    const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
-
-                    if (btnToActivate) {
-                        btnToActivate.classList.add('active');
-                        btnToActivate.setAttribute('aria-pressed', 'true');
-                    }
-                }
-            }
-
-            window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
-                const storedTheme = getStoredTheme();
-                if (storedTheme !== 'light' && storedTheme !== 'dark') {
-                    setTheme(getPreferredTheme());
-                }
-            });
-
-            window.addEventListener('DOMContentLoaded', () => {
-                showActiveTheme(getPreferredTheme());
-
-                document.querySelectorAll('[data-bs-theme-value]')
-                    .forEach(toggle => {
-                        toggle.addEventListener('click', (e) => {
-                            e.preventDefault();
-                            const theme = toggle.getAttribute('data-bs-theme-value');
-                            setStoredTheme(theme);
-                            setTheme(theme);
-                            showActiveTheme(theme);
-                        })
-                    })
-            });
-        })();
-    </script>
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/ADCM%20Logo%202025.png">
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/ADCM%20Logo%202025.png">
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/ADCM%20Logo%202025.png">
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/ADCM%20Logo%202025.png">
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/ADCM%20Logo%202025.png">
-    <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
-    <link rel="stylesheet" href="/assets/css/Lato.css">
-    <link rel="stylesheet" href="/assets/css/bss-overrides.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
-    <link rel="stylesheet" href="/assets/css/styles.css">
-    <link rel="stylesheet" href="/assets/css/pikaday.min.css">
-    <link rel="stylesheet" href="/assets/css/CookieConsentComponent.css">
-    <link rel="stylesheet" href="/assets/css/animations.compiled.css">
-    <link rel="stylesheet" href="/assets/css/Carousel---Slider-With-Animation.css">
-    <link rel="stylesheet" href="/assets/css/Footer-Dark-Multi-Column-icons.css">
-</head>
-
-<body>
-    <nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
-        <div class="container-fluid"><a class="navbar-brand logo" href="/index.html" style="margin-right: 0;padding: 0;"><img src="/assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><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">
-                    <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
-                    <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
-                    <li class="nav-item dropdown show nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="true" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
-                        <div class="dropdown-menu show" data-bs-popper="none"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
-                    </li>
-                    <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
-                    <li class="nav-item"><a class="nav-link" href="contact.html">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>
-                </ul>
-            </div>
-        </div>
-    </nav>
-    <main class="page">
-        <section class="portfolio-block block-intro">
-            <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/task_master/taskmasterpreview.jpg&quot;) center / cover;color: white;">
-                    <h2>Task Master</h2>
-                    <p>A Business Oriented Task and Project Management System.
-
-                        Awarded 3rd Place</p>
-                </div>
-            </div>
-        </section>
-        <section class="portfolio-block project">
-            <div class="container center-everything">
-                <div class="swiper project-carousel" id="swiper-1" 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;keyboard&quot;:true,&quot;mousewheel&quot;:true,&quot;effect&quot;:&quot;creative&quot;,&quot;creativeEffect&quot;:{&quot;prev&quot;:{&quot;shadow&quot;:true,&quot;translate&quot;:[&quot;-20%&quot;,0,-1]},&quot;next&quot;:{&quot;translate&quot;:[&quot;100%&quot;,0,0]}},&quot;pagination&quot;:{&quot;el&quot;:&quot;.swiper-pagination&quot;,&quot;type&quot;:&quot;bullets&quot;,&quot;clickable&quot;:true,&quot;dynamicBullets&quot;:true},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;.swiper-button-next&quot;,&quot;prevEl&quot;:&quot;.swiper-button-prev&quot;}}">
-                    <div class="swiper-wrapper">
-                        <div class="swiper-slide d-flex justify-content-center center-everything"><img class="img-fluid slider-image-fit" width="695" height="494" src="/assets/img/projects/task_master/taskmaster.jpg" alt="Slide Image"></div>
-                    </div>
-                    <div>
-                        <div class="swiper-button-prev swiper-control"></div>
-                        <div class="swiper-button-next swiper-control"></div>
-                    </div>
-                    <div class="swiper-pagination swiper-control"></div>
-                </div>
-                <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
-                        <h3>Concept</h3>
-                        <ul>
-                            <li>Business focused task management program on Windows</li>
-                            <li>Utilizes web application concept)</li>
-                            <li>Use of a Login system</li>
-                            <li>Possibility of a file upload area (use of next cloud if implemented?)</li>
-                            <li>Use of a Database system (MySQL)</li>
-                        </ul>
-                        <h3>Possible Features</h3>
-                        <ul>
-                            <li>Live tracking and analytics into tasks</li>
-                            <li>Integration with Alexa</li>
-                            <li>Alexa voice notifications</li>
-                        </ul>
-                    </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
-                        <div class="tags"><span class="meta-heading">Hackathon</span><span>BrumHack 5.0</span><span class="meta-heading">Created &amp; Submitted</span><span>29-30 October, 2016</span><span class="meta-heading">Position in Competition</span><span>3rd Place</span><span class="meta-heading">Products Created</span><span>Web Application</span></div><a class="btn btn-primary" role="button" href="https://devpost.com/software/bcu-hacks" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Entry on DevPost</a><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/BrumHack5.0-TaskMaster" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project on Gitea</a>
-                    </div>
-                </div>
-                <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
-                    <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">
-                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
-                                    <div class="card-body"><a href="/my-work/extracurricular-projects/citation-needed.html">
-                                            <h4 class="text-body">Citation Needed</h4>
-                                        </a>
-                                        <p class="card-text">The proper way to cite university references</p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
-                                    <div class="card-body"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html">
-                                            <h4 class="text-body">Exam Buff or Exam Bluff</h4>
-                                        </a>
-                                        <p class="card-text">An quick and easy revision tool for both coding and theory. Only for Computer Science GCSE and above.</p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
-                                    <div class="card-body"><a href="/my-work/extracurricular-projects/i-am-aware.html">
-                                            <h4 class="text-body">I Am Aware</h4>
-                                        </a>
-                                        <p class="card-text">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.</p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
-                                    <div class="card-body"><a href="/my-work/extracurricular-projects/societyplus.html">
-                                            <h4 class="text-body">Society+</h4>
-                                        </a>
-                                        <p class="card-text">A new way for societies to contact and administer membership.</p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
-                                    <div class="card-body"><a href="/my-work/extracurricular-projects/sortai.html">
-                                            <h4 class="text-body">Sort.AI</h4>
-                                        </a>
-                                        <p class="card-text">A Windows service concept that sorts your files automatically using the Google Natural Language API.
-
-                                            Awarded 3rd Place</p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/the-computers-identity.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/the_computers_identity/identitypreview.png"></a>
-                                    <div class="card-body"><a href="/my-work/extracurricular-projects/the-computers-identity.html">
-                                            <h4 class="text-body">The Computer's Identity</h4>
-                                        </a>
-                                        <p class="card-text">An interactive poem entry for the BCU Christian Union "Where Is Identity Found" Art Competition.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <nav class="d-flex justify-content-center mt-3" data-bss-type="blog-loop-pagination">
-                            <ul class="pagination">
-                                <li class="page-item disabled" data-type="prev" data-page="1"><a class="page-link" aria-label="Previous" href="#"><span aria-hidden="true">«</span></a></li>
-                                <li class="page-item active" data-type="regular" data-page="1"><a class="page-link" href="#">1</a></li>
-                                <li class="page-item" data-type="regular" data-page="2"><a class="page-link" href="#">2</a></li>
-                                <li class="page-item" data-type="next" data-page="2"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
-                            </ul>
-                        </nav>
-                    </div>
-                </div>
-            </div>
-        </section>
-    </main>
-    <footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
-        <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" style="font-weight: bold;">Accreditations</h3>
-                    <div class="swiper 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">
-                            <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.png" alt="Slide Image"></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" width="800" height="800" src="/assets/img/accreditations/pearson_onscreen%20assessment%20expert.png" alt="Slide Image"></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" width="1200" height="1200" src="/assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.png" alt="Slide Image"></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" width="1200" height="1200" src="/assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/secondary_computing_professional_development_2023_2.png" alt="Slide Image"></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" width="1200" height="1200" src="/assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.png" alt="Slide Image"></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" width="2000" height="2000" src="/assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/gcse_computer_science_professional_development_2023.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_master_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_word_2013_expert.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_word_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_excel_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_onenote_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/mta_security_fundamentals_certified_2016.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/mta_networking_fundamentals_certified_2016.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
-                        </div>
-                    </div>
-                    <div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
-                        <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>
-                </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 src="/assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><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" style="margin-left: 2em;">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>
-    <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</h3>
-                    <div class="swiper 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;}">
-                        <div class="swiper-wrapper">
-                            <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.png" alt="Slide Image"></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" width="800" height="800" src="/assets/img/accreditations/pearson_onscreen%20assessment%20expert.png" alt="Slide Image"></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" width="1200" height="1200" src="/assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.png" alt="Slide Image"></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" width="1200" height="1200" src="/assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/secondary_computing_professional_development_2023_2.png" alt="Slide Image"></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" width="1200" height="1200" src="/assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.png" alt="Slide Image"></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" width="2000" height="2000" src="/assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/gcse_computer_science_professional_development_2023.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_master_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_word_2013_expert.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_word_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_excel_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_onenote_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/mta_security_fundamentals_certified_2016.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/mta_networking_fundamentals_certified_2016.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
-                        </div>
-                    </div>
-                    <div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
-                        <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 src="/assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><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" style="margin-left: 2em;">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>
-    <script>
-        (function() {
-            let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');
-            let tagNavs = document.querySelectorAll('[data-bss-type="tag-nav"]');
-            let tagLoops = document.querySelectorAll('[data-bss-type="tag-loop"]');
-            let authorLoops = document.querySelectorAll('[data-bss-type="author-loop"]');
-            let authorNavs = document.querySelectorAll('[data-bss-type="author-nav"]');
-
-            window.addEventListener("popstate", (e) => {
-                for (let collection of collections) {
-                    updateCollection(collection);
-                }
-
-                for (let tagNav of tagNavs) {
-                    updateTagNav(tagNav);
-                }
-
-                for (let authorNav of authorNavs) {
-                    updateAuthorNav(authorNav);
-                }
-            });
-
-            for (let collection of collections) {
-
-                updateCollection(collection);
-
-                if (!canPaginateCollection(collection)) continue;
-
-                let pagination = collection.querySelector('[data-bss-type="blog-loop-pagination"]');
-
-                pagination.addEventListener('click', function(e) {
-                    let paginationItem = e.target.closest('.page-item');
-                    if (!paginationItem) return;
-
-                    e.preventDefault();
-
-                    if (paginationItem.classList.contains('disabled') || paginationItem.classList.contains('active')) return;
-
-                    let collection = paginationItem.closest('[data-bss-type="blog-loop"]');
-                    if (!collection) return;
-
-                    let page = parseInt(paginationItem.dataset.page);
-                    if (!page) return;
-
-                    let pageParam = getPageParameter(collection);
-
-                    if (pageParam) {
-                        const url = new URL(window.location);
-                        url.searchParams.set(pageParam, page);
-                        history.pushState({
-                            [pageParam]: page
-                        }, document.title, url);
-
-                        for (let c of collections) {
-                            let param = getPageParameter(c);
-                            if (param !== pageParam) continue;
-                            updateCollection(c);
-                        }
-                    } else {
-                        updateCollection(collection, page);
-                    }
-                });
-            }
-
-            for (let tagNav of tagNavs) {
-                updateTagNav(tagNav);
-                tagNav.addEventListener('click', onTagClick);
-            }
-
-            for (let tagLoop of tagLoops) {
-                tagLoop.addEventListener('click', onTagClick);
-            }
-
-            for (let authorLoop of authorLoops) {
-                authorLoop.addEventListener('click', onAuthorClick);
-            }
-
-            for (let authorNav of authorNavs) {
-                updateAuthorNav(authorNav);
-            }
-
-            function onTagClick(e) {
-                onBlogFilterClick(e);
-
-                for (let nav of tagNavs) {
-                    updateTagNav(nav);
-                }
-            }
-
-            function onAuthorClick(e) {
-                onBlogFilterClick(e);
-
-                for (let authorNav of authorNavs) {
-                    updateAuthorNav(authorNav);
-                }
-            }
-
-            function onBlogFilterClick(e) {
-                const item = e.target.closest('[data-bss-filter="blog"]');
-                if (!item || !item.dataset.hasOwnProperty('bssHref') || !item.dataset.hasOwnProperty('bssFilterParam')) return;
-
-                const stateNode = item.dataset.hasOwnProperty('bssStateNode') ? item : item.querySelector('[data-bss-state-node]');
-
-                if (stateNode && (stateNode.classList.contains('disabled') || stateNode.classList.contains('active'))) {
-                    e.preventDefault();
-                    return;
-                }
-
-                const link = item.dataset.bssHref;
-                if (!linksToCurrentPage(link)) return;
-
-                e.preventDefault();
-
-                const url = new URL(window.location);
-                const filterParam = item.dataset.bssFilterParam;
-                const filterValue = item.dataset.bssFilterValue || '';
-
-                const collectionsToUpdate = [];
-                const newQueryParams = {
-                    [filterParam]: filterValue
-                };
-
-                for (let c of collections) {
-                    if (!canFilterCollection(c)) continue;
-                    collectionsToUpdate.push(c);
-
-                    let pageParam = getPageParameter(c);
-                    let page = url.searchParams.get(pageParam);
-                    if (page === null || page == 1) continue;
-
-                    newQueryParams[pageParam] = 1;
-                }
-
-                for (let param in newQueryParams) {
-                    if (newQueryParams[param]) {
-                        url.searchParams.set(param, newQueryParams[param]);
-                    } else {
-                        url.searchParams.delete(param);
-                    }
-                }
-
-                history.pushState(newQueryParams, document.title, url);
-
-                for (let c of collectionsToUpdate) {
-                    updateCollection(c);
-                }
-            }
-
-            function getCollectionFilters(collection) {
-                let filters = [];
-
-                try {
-                    const parsed = JSON.parse(collection.dataset.bssFilters);
-
-                    if (Array.isArray(parsed)) {
-                        filters = parsed;
-                    }
-                } catch (e) {}
-
-                return filters;
-            }
-
-            function getCollectionEmptyFilterAction(collection, filter = '') {
-                let emptyFilterActions = [];
-
-                try {
-                    const parsed = JSON.parse(collection.dataset.bssEmptyFilterActions);
-
-                    if (Array.isArray(parsed)) {
-                        emptyFilterActions = parsed;
-                    }
-                } catch (e) {}
-
-                const action = emptyFilterActions.find(action => action.filter === filter);
-
-                return action ? action.value : '';
-            }
-
-            function canFilterCollection(collection) {
-                return !!getCollectionFilters(collection).length;
-            }
-
-            function canFilterCollectionByTag(collection) {
-                return getCollectionFilters(collection).includes('tag');
-            }
-
-            function canFilterCollectionByAuthor(collection) {
-                return getCollectionFilters(collection).includes('author');
-            }
-
-            function shouldShowAllItemsForEmptyFilter(collection, filter = '') {
-                return getCollectionEmptyFilterAction(collection, filter) === 'show-all';
-            }
-
-            function canPaginateCollection(collection) {
-                return !!getCollectionPagination(collection);
-            }
-
-            function getCollectionPagination(collection) {
-                return collection.querySelector('[data-bss-type="blog-loop-pagination"]');
-            }
-
-            function getPageParameter(collection) {
-                return collection.dataset.bssPageParam;
-            }
-
-            function linksToCurrentPage(path = '') {
-                let currentURL, url;
-
-                try {
-                    currentURL = new URL(window.location);
-                    url = new URL(path, window.location.href);
-                } catch (e) {
-                    console.error(e);
-                }
-
-                return currentURL.origin === url.origin && currentURL.pathname === url.pathname;
-            }
-
-            function updateCollection(collection, page, activeTag = '', activeAuthor = '') {
-
-                const url = new URL(window.location.href);
-
-                if (canPaginateCollection(collection)) {
-                    if (!page) {
-                        let pageParam = getPageParameter(collection);
-                        page = (pageParam ? url.searchParams.get(pageParam) : 1) || 1;
-                    }
-                }
-
-                if (canFilterCollectionByTag(collection) && !activeTag) {
-                    let tagParam = 'tag';
-                    activeTag = url.searchParams.get(tagParam) || '';
-                }
-
-                if (canFilterCollectionByAuthor(collection) && !activeAuthor) {
-                    let authorParam = 'author';
-                    activeAuthor = url.searchParams.get(authorParam) || '';
-                }
-
-                renderCollectionPage(collection, page, activeTag, activeAuthor);
-            }
-
-            function renderCollectionPage(collection, page = 1, activeTag = '', activeAuthor = '') {
-
-                page = Math.max(parseInt(page, 10), 1);
-
-                collection.style.removeProperty('display');
-
-                let loopBase = collection.querySelector('[data-bss-type="blog-loop-base"]');
-                loopBase && loopBase.style.removeProperty('display');
-
-                let emptyState = collection.querySelector('[data-bss-type="empty-state"]');
-                emptyState && emptyState.style.setProperty('display', 'none', 'important');
-
-                let listItems = [].slice.call(collection.querySelectorAll('[data-bss-type="blog-loop-item"]'));
-                listItems.forEach(item => item.style.setProperty('display', 'none', 'important'));
-
-                if (canFilterCollectionByTag(collection)) {
-                    listItems = listItems.filter(item => activeTag ? item.classList.contains('post-tag-' + activeTag) : shouldShowAllItemsForEmptyFilter(collection, 'tag'));
-                }
-
-                if (canFilterCollectionByAuthor(collection)) {
-                    listItems = listItems.filter(item => activeAuthor ? item.classList.contains('post-author-' + activeAuthor) : shouldShowAllItemsForEmptyFilter(collection, 'author'));
-                }
-
-                let perPage = collection.dataset.bssPerpage || listItems.length;
-                let visibleListItems = listItems.slice((page - 1) * perPage, page * perPage);
-                visibleListItems.forEach(item => item.style.removeProperty('display'));
-
-                let isEmpty = !visibleListItems.length;
-
-                if (isEmpty) {
-                    loopBase && loopBase.style.setProperty('display', 'none', 'important');
-                    emptyState && emptyState.style.removeProperty('display');
-                }
-
-                let itemCount = listItems.length;
-                let pageCount = Math.max(Math.ceil(itemCount / perPage), 1);
-
-                updateCollectionPagination(collection, page, pageCount, isEmpty);
-
-                if (collection.dataset.bssScrollOnChange) {
-                    scrollToCollectionTop(collection);
-                }
-            }
-
-            function updateCollectionPagination(collection, page, pageCount, isEmpty) {
-                let pagination = getCollectionPagination(collection);
-                if (!pagination) return;
-
-                let paginationItems = [].slice.call(pagination.querySelectorAll('.page-item'));
-
-                if (pageCount === 1 || isEmpty) {
-                    pagination.style.setProperty('display', 'none', 'important');
-                } else {
-                    pagination.style.removeProperty('display');
-                }
-
-                let previousBtnDisabled = page - 1 <= 0;
-                let previousPage = previousBtnDisabled ? 1 : page - 1;
-
-                let nextBtnDisabled = page + 1 > pageCount;
-                let nextPage = nextBtnDisabled ? pageCount : page + 1;
-
-                for (let i = 0; i < paginationItems.length; i++) {
-                    let paginationItem = paginationItems[i];
-
-                    paginationItem.classList.remove('active', 'disabled');
-
-                    if (paginationItem.dataset.type === 'prev') {
-                        paginationItem.dataset.page = previousPage;
-
-                        if (previousBtnDisabled) {
-                            paginationItem.classList.add('disabled');
-                        }
-                    } else if (paginationItem.dataset.type === 'next') {
-                        paginationItem.dataset.page = nextPage;
-
-                        if (nextBtnDisabled) {
-                            paginationItem.classList.add('disabled');
-                        }
-                    } else {
-                        if (paginationItem.dataset.page > pageCount) {
-                            paginationItem.style.setProperty('display', 'none', 'important');
-                        } else {
-                            paginationItem.style.removeProperty('display');
-                        }
-
-                        if (paginationItem.dataset.page == page) {
-                            paginationItem.classList.add('active');
-                        }
-                    }
-                }
-            }
-
-            function scrollToCollectionTop(collection) {
-                const rect = collection.getBoundingClientRect();
-                const viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
-                const threshold = 100;
-
-                if (rect.top >= 0 && viewHeight - rect.top > threshold) return;
-
-                setTimeout(() => {
-                    collection.scrollIntoView({
-                        behavior: "smooth",
-                        block: "start",
-                        inline: "start"
-                    });
-                }, 0);
-            }
-
-            function updateTagNav(tagNav) {
-                const url = new URL(window.location.href);
-
-                let tagParam = 'tag';
-                let tag = url.searchParams.get(tagParam) || '';
-
-                renderTagNav(tagNav, tag);
-            }
-
-            function renderTagNav(tagNav, activeTag = '') {
-                if (!tagNav.dataset.bssSyncUrl) return;
-
-                let navItems = [].slice.call(tagNav.querySelectorAll('[data-bss-type="tag-loop-item"]'));
-
-                navItems.forEach(item => {
-                    const activeClassNode = item.dataset.hasOwnProperty('bssStateNode') ? item : item.querySelector('[data-bss-state-node]');
-                    if (!activeClassNode) return;
-
-                    activeClassNode.classList.remove('active');
-
-                    const link = item.dataset.bssHref;
-                    if (!linksToCurrentPage(link) || activeClassNode.classList.contains('disabled')) return;
-
-                    if (item.dataset.bssTag === activeTag) {
-                        activeClassNode.classList.add('active');
-                    }
-                });
-            }
-
-            function updateAuthorNav(authorNav) {
-                const url = new URL(window.location.href);
-
-                let authorParam = 'author';
-                let author = url.searchParams.get(authorParam) || '';
-
-                renderAuthorNav(authorNav, author);
-            }
-
-            function renderAuthorNav(authorNav, activeAuthor = '') {
-                if (!canFilterCollectionByAuthor(authorNav)) return;
-
-                authorNav.style.removeProperty('display');
-
-                let items = [].slice.call(authorNav.querySelectorAll('[data-bss-type="author-loop-item"]'));
-                items.forEach(item => item.classList.contains('author-' + activeAuthor) ? item.style.removeProperty('display') : item.style.setProperty('display', 'none', 'important'));
-            }
-        })();
-    </script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
-    <script src="/assets/js/bs-init.js"></script>
-    <script src="/assets/js/Carousel---Slider-With-Animation-slider_with_animation.js"></script>
-    <script src="/assets/js/CookieConsentComponent-cookieconsent.js"></script>
-    <script src="https://kit.fontawesome.com/8970d94f9b.js"></script>
-    <script src="/assets/js/pikaday.min.js"></script>
-    <script src="/assets/js/text-carousel.js"></script>
-    <script src="/assets/js/theme.js"></script>
-</body>
-
-</html>

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

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -155,7 +153,7 @@
     <main class="page">
         <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/the_computers_identity/identitypreview.png&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading identity-website">
                     <h2>The Computer's Identity</h2>
                     <p>An interactive poem entry for the BCU Christian Union "Where Is Identity Found" Art Competition.</p>
                 </div>
@@ -174,19 +172,19 @@
                     <div class="swiper-pagination swiper-control"></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <p>Written in February 2017 for an art competition for BCU Christian Union's Missions Week "Where is Identity Found?". I created a QR code that would take the user to a website which will offer a selection of the poem in multiple formats including a binary format. In the gallery, the piece was displayed in the binary format with the QR code at the bottom of the piece.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Project Status</span><span>Completed</span><span class="meta-heading">Client</span><span>Birmingham City Univeristy Christian Union</span><span class="meta-heading">Date</span><span>20-22 February 2016</span><span class="meta-heading">Products Created</span><span>Website and Poem</span></div><a class="btn btn-primary" role="button" href="https://projects.mrdaviscsit.uk/identity/" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project Website</a><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/TheComputersIdentity" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project on Gitea</a>
+                        <div class="tags"><span class="meta-heading">Project Status</span><span>Completed</span><span class="meta-heading">Client</span><span>Birmingham City Univeristy Christian Union</span><span class="meta-heading">Date</span><span>20-22 February 2016</span><span class="meta-heading">Products Created</span><span>Website and Poem</span><a class="btn btn-primary project-buttons" role="button" href="https://projects.mrdaviscsit.uk/identity/" target="_blank">View Project Website</a><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/TheComputersIdentity" target="_blank">View Project on Gitea</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top" alt="Login Screen" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/citation-needed.html"><img class="img-fluid card-img-top rainbow-border" alt="Login Screen" width="2500" height="1125" src="/assets/img/projects/citation_needed/login_screen.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/citation-needed.html">
                                             <h4 class="text-body">Citation Needed</h4>
                                         </a>
@@ -195,7 +193,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top" alt="App Logo" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top rainbow-border" alt="App Logo" width="500" height="500" src="/assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/exam-buff-or-exam-bluff.html">
                                             <h4 class="text-body">Exam Buff or Exam Bluff</h4>
                                         </a>
@@ -204,7 +202,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top" alt="I Am Aware Cover Artwork" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/i-am-aware.html"><img class="img-fluid card-img-top rainbow-border" alt="I Am Aware Cover Artwork" width="940" height="500" src="/assets/img/projects/iamaware.webp"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/i-am-aware.html">
                                             <h4 class="text-body">I Am Aware</h4>
                                         </a>
@@ -213,7 +211,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top" alt="Society+ Homepage Preview" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/societyplus.html"><img class="img-fluid card-img-top rainbow-border" alt="Society+ Homepage Preview" width="940" height="500" src="/assets/img/projects/society+/societypluspreview.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/societyplus.html">
                                             <h4 class="text-body">Society+</h4>
                                         </a>
@@ -222,7 +220,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/sortai.html"><img class="img-fluid card-img-top rainbow-border" width="333" height="222" src="/assets/img/projects/sort.ai/sort.ai_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/sortai.html">
                                             <h4 class="text-body">Sort.AI</h4>
                                         </a>
@@ -233,7 +231,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/extracurricular-projects/task-master-web.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/task_master/taskmasterpreview.jpg"></a>
+                                <div class="card"><a href="/my-work/extracurricular-projects/task-master-web.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/task_master/taskmasterpreview.jpg"></a>
                                     <div class="card-body"><a href="/my-work/extracurricular-projects/task-master-web.html">
                                             <h4 class="text-body">Task Master for Web</h4>
                                         </a>
@@ -262,7 +260,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -332,7 +330,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/my-work/projects-for-education/bitbox.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -153,9 +151,9 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/bit_box/bit_box_logo.png&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading bitbox-various">
                     <h2>Bit:Box</h2>
                     <p>A series of boxes, Microsoft Windows Application and website to teach students how binary works and the values of binary columns.</p>
                 </div>
@@ -171,21 +169,21 @@
                     <div class="carousel-indicators focus-ring"><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></button></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <p>Bit:Box is an evolution of the Binary Light Box concept, a device which used lightbulbs and an Arduino microcontroller to visually demonstrate how binary numbers work and the values assigned to each binary column. By interacting with the light switches, students could better understand the concepts of binary counting, place values, and logic.</p>
                         <h3>Bit:Box Vs Binary Light Box</h3>
                         <p>The Binary Light Box was created to teach SEND students how binary works using physical lightbulbs and switches. The device was comprised of an MDF body with a black vinyl layer on the top. Inside the box was a micro:bit and several breakout boards to allow the device to sense when a switch was toggled and update a seven segment display to show the user the output.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Project Status</span><span>Ongoing - in code maintenance phase</span><span class="meta-heading">Launched</span><span>Original Binary Light Box Code - June 2021<br>Bit:Box (Arduino) Code - January 2022<br>Bit:Box (Web) Code - October 2022</span><span class="meta-heading">Products Created</span><span>Physical Binary Light Box using micro:bit V1<br>Physical Binary Light Box using Arduino Mega<br>Microsoft Windows Application using Visual Basic .NET<br>Website using Bootstrap Studio and original JavaScript code.</span></div><a class="btn btn-primary" role="button" href="https://github.com/MrDavisCSIT/Binary-Light-Box" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;"> View Binary Light Box on Gitea</a><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/CS-Box" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;"> View Bit:Box (Arduino) on Gitea</a><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/CS-Box" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;"> View Bit:Box (Windows) on Gitea</a><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/CS-Box" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;"> View Bit:Box (Web) on Gitea</a>
+                        <div class="tags"><span class="meta-heading">Project Status</span><span>Ongoing - in code maintenance phase</span><span class="meta-heading">Launched</span><span>Original Binary Light Box Code - June 2021<br>Bit:Box (Arduino) Code - January 2022<br>Bit:Box (Web) Code - October 2022</span><span class="meta-heading">Products Created</span><span>Physical Binary Light Box using micro:bit V1<br>Physical Binary Light Box using Arduino Mega<br>Microsoft Windows Application using Visual Basic .NET<br>Website using Bootstrap Studio and original JavaScript code.</span><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/Binary-Light-Box" target="_blank"> View Binary Light Box on Gitea</a><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/BitBox" target="_blank"> View Bit:Box (Arduino) on Gitea</a><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/BitBox-Windows" target="_blank"> View Bit:Box (Windows) on Gitea</a><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/BitBox-Web" target="_blank"> View Bit:Box (Web) on Gitea</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
-                    <div data-bss-type="blog-loop" data-bss-perpage="12">
+                    <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">
-                                <div class="card"><a href="/my-work/projects-for-education/csbox.html"><img class="img-fluid card-img-top" width="500" height="500" src="/assets/img/projects/cs_box/csbox_logo.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/csbox.html"><img class="img-fluid card-img-top rainbow-border" width="500" height="500" src="/assets/img/projects/cs_box/csbox_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/csbox.html">
                                             <h4 class="text-body">CS:Box</h4>
                                         </a>
@@ -194,7 +192,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/projects-for-education/my-mind.html"><img class="img-fluid card-img-top" width="338" height="338" src="/assets/img/projects/my_mind/my_mind_logo.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/my-mind.html"><img class="img-fluid card-img-top rainbow-border" width="338" height="338" src="/assets/img/projects/my_mind/my_mind_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/my-mind.html">
                                             <h4 class="text-body">My Mind</h4>
                                         </a>
@@ -203,7 +201,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/projects-for-education/nature-findings.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/nature_findings/naturefindingspreview.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/nature-findings.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/nature_findings/naturefindingspreview.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/nature-findings.html">
                                             <h4 class="text-body">Nature Findings</h4>
                                         </a>
@@ -211,8 +209,8 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
+                            <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/projects-for-education/task-master-ios.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/taskmaster_for%20ios/taskmasteriospreview.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/taskmaster_for%20ios/taskmasteriospreview.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/task-master-ios.html">
                                             <h4 class="text-body">Task Master for iOS</h4>
                                         </a>
@@ -225,7 +223,8 @@
                             <ul class="pagination">
                                 <li class="page-item disabled" data-type="prev" data-page="1"><a class="page-link" aria-label="Previous" href="#"><span aria-hidden="true">«</span></a></li>
                                 <li class="page-item active" data-type="regular" data-page="1"><a class="page-link" href="#">1</a></li>
-                                <li class="page-item disabled" data-type="next" data-page="1"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
+                                <li class="page-item" data-type="regular" data-page="2"><a class="page-link" href="#">2</a></li>
+                                <li class="page-item" data-type="next" data-page="2"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
                             </ul>
                         </nav>
                     </div>
@@ -238,7 +237,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -308,7 +307,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/my-work/projects-for-education/cs_box.html

@@ -1,756 +0,0 @@
-<!DOCTYPE html>
-<html data-bs-theme="auto" lang="en-gb">
-
-<head>
-    <meta charset="utf-8">
-<!-- Matomo -->
-<script>
-  var _paq = window._paq = window._paq || [];
-  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-  _paq.push(['trackPageView']);
-  _paq.push(['enableLinkTracking']);
-  (function() {
-    var u="//analytics.adcmnetworks.co.uk/";
-    _paq.push(['setTrackerUrl', u+'matomo.php']);
-    _paq.push(['setSiteId', '1']);
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-  })();
-</script>
-<!-- End Matomo Code -->
-
-<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>CS:Box</title>
-    <meta property="og:type" content="website">
-    <meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/cs_box/csbox_logo.png">
-    <meta name="description" content="An evolution of Bit:Box to incorporate different elements of the UK Computing Curriculum">
-    <script>
-        (function() {
-
-            // JavaScript snippet handling Dark/Light mode switching
-
-            const getStoredTheme = () => localStorage.getItem('theme');
-            const setStoredTheme = theme => localStorage.setItem('theme', theme);
-            const forcedTheme = document.documentElement.getAttribute('data-bss-forced-theme');
-
-            const getPreferredTheme = () => {
-
-                if (forcedTheme) return forcedTheme;
-
-                const storedTheme = getStoredTheme();
-                if (storedTheme) {
-                    return storedTheme;
-                }
-
-                const pageTheme = document.documentElement.getAttribute('data-bs-theme');
-
-                if (pageTheme) {
-                    return pageTheme;
-                }
-
-                return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-            }
-
-            const setTheme = theme => {
-                if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-                    document.documentElement.setAttribute('data-bs-theme', 'dark');
-                } else {
-                    document.documentElement.setAttribute('data-bs-theme', theme);
-                }
-            }
-
-            setTheme(getPreferredTheme());
-
-            const showActiveTheme = (theme, focus = false) => {
-                const themeSwitchers = [].slice.call(document.querySelectorAll('.theme-switcher'));
-
-                if (!themeSwitchers.length) return;
-
-                document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
-                    element.classList.remove('active');
-                    element.setAttribute('aria-pressed', 'false');
-                });
-
-                for (const themeSwitcher of themeSwitchers) {
-
-                    const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
-
-                    if (btnToActivate) {
-                        btnToActivate.classList.add('active');
-                        btnToActivate.setAttribute('aria-pressed', 'true');
-                    }
-                }
-            }
-
-            window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
-                const storedTheme = getStoredTheme();
-                if (storedTheme !== 'light' && storedTheme !== 'dark') {
-                    setTheme(getPreferredTheme());
-                }
-            });
-
-            window.addEventListener('DOMContentLoaded', () => {
-                showActiveTheme(getPreferredTheme());
-
-                document.querySelectorAll('[data-bs-theme-value]')
-                    .forEach(toggle => {
-                        toggle.addEventListener('click', (e) => {
-                            e.preventDefault();
-                            const theme = toggle.getAttribute('data-bs-theme-value');
-                            setStoredTheme(theme);
-                            setTheme(theme);
-                            showActiveTheme(theme);
-                        })
-                    })
-            });
-        })();
-    </script>
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/ADCM%20Logo%202025.png">
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/ADCM%20Logo%202025.png">
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/ADCM%20Logo%202025.png">
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/ADCM%20Logo%202025.png">
-    <link rel="icon" type="image/png" sizes="4860x4860" href="/assets/img/brand/ADCM%20Logo%202025.png">
-    <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
-    <link rel="stylesheet" href="/assets/css/Lato.css">
-    <link rel="stylesheet" href="/assets/css/bss-overrides.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
-    <link rel="stylesheet" href="/assets/css/styles.css">
-    <link rel="stylesheet" href="/assets/css/pikaday.min.css">
-    <link rel="stylesheet" href="/assets/css/CookieConsentComponent.css">
-    <link rel="stylesheet" href="/assets/css/animations.compiled.css">
-    <link rel="stylesheet" href="/assets/css/Carousel---Slider-With-Animation.css">
-    <link rel="stylesheet" href="/assets/css/Footer-Dark-Multi-Column-icons.css">
-</head>
-
-<body>
-    <nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
-        <div class="container-fluid"><a class="navbar-brand logo" href="/index.html" style="margin-right: 0;padding: 0;"><img src="/assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><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">
-                    <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
-                    <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
-                    <li class="nav-item dropdown show nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="true" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
-                        <div class="dropdown-menu show" data-bs-popper="none"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
-                    </li>
-                    <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
-                    <li class="nav-item"><a class="nav-link" href="contact.html">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>
-                </ul>
-            </div>
-        </div>
-    </nav>
-    <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
-            <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/cs_box/csbox_logo.png&quot;) center / cover;color: white;">
-                    <h2>CS:Box</h2>
-                    <p>An evolution of Bit:Box to incorporate different elements of the UK Computing Curriculum</p>
-                </div>
-            </div>
-        </section>
-        <section class="portfolio-block project">
-            <div class="container center-everything">
-                <div class="carousel slide carousel-fade project-carousel" data-bs-ride="carousel" id="carousel-1">
-                    <div class="carousel-inner">
-                        <div class="carousel-item active"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1054" src="/assets/img/projects/cs_box/csbox_homepage.jpeg" alt="Slide Image"></div>
-                        <div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="966" src="/assets/img/projects/cs_box/csbox_unsigned_binary.jpeg" alt="Slide Image"></div>
-                        <div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="996" src="/assets/img/projects/cs_box/csbox_gcse_hexadecimal.jpeg" alt="Slide Image"></div>
-                        <div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="966" src="/assets/img/projects/cs_box/csbox_a_level_hexadecimal.webp" alt="Slide Image"></div>
-                        <div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1231" src="/assets/img/projects/cs_box/csbox_hex_colours.jpeg" alt="Slide Image"></div>
-                        <div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="/assets/img/projects/cs_box/csbox_not_gate.jpeg" alt="Slide Image"></div>
-                        <div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="/assets/img/projects/cs_box/csbox_and_gate.jpeg" alt="Slide Image"></div>
-                        <div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="/assets/img/projects/cs_box/csbox_or_gate.jpeg" alt="Slide Image"></div>
-                        <div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="/assets/img/projects/cs_box/csbox_nor_gate.jpeg" alt="Slide Image"></div>
-                        <div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="/assets/img/projects/cs_box/csbox_nand_gate.jpeg" alt="Slide Image"></div>
-                        <div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="/assets/img/projects/cs_box/csbox_xor_gate.jpeg" alt="Slide Image"></div>
-                        <div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="/assets/img/projects/cs_box/csbox_xnor_gate.jpeg" alt="Slide Image"></div>
-                    </div>
-                    <div><a class="carousel-control-prev" href="#carousel-1" role="button" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-bs-slide="next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a></div>
-                    <div class="carousel-indicators focus-ring"><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="2"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="3"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="4"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="5"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="6"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="7"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="8"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="9"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="10"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="11"></button></div>
-                </div>
-                <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
-                        <p>CS:Box is an innovative educational tool designed to support the teaching of key concepts from the UK Computing Curriculum. Building on the foundations of Bit:Box, CS:Box expands its scope to cover a wider range of essential computing topics, providing an interactive and engaging experience for students.<br><br>CS:Box is more than a collection of interactive tools — it is a guided learning experience for students to understand complex computing concepts. By combining hands-on manipulation with visual feedback, it provides a scaffolded learning approach for students at different stages of their educational journey.</p>
-                    </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
-                        <div class="tags"><span class="meta-heading">Project Status</span><span>Ongoing</span><span class="meta-heading">Launched</span><span>April 2023</span><span class="meta-heading">Products Created</span><span>Website</span></div><a class="btn btn-primary" role="button" href="https://csbox.mrdaviscsit.uk/" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project Website</a><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/CS-Box" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project on Gitea</a>
-                    </div>
-                </div>
-                <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
-                    <div data-bss-type="blog-loop" data-bss-perpage="12">
-                        <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>
-                        <nav class="d-flex justify-content-center mt-3" data-bss-type="blog-loop-pagination">
-                            <ul class="pagination">
-                                <li class="page-item disabled" data-type="prev" data-page="1"><a class="page-link" aria-label="Previous" href="#"><span aria-hidden="true">«</span></a></li>
-                                <li class="page-item active" data-type="regular" data-page="1"><a class="page-link" href="#">1</a></li>
-                                <li class="page-item disabled" data-type="next" data-page="1"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
-                            </ul>
-                        </nav>
-                    </div>
-                </div>
-            </div>
-        </section>
-    </main>
-    <footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
-        <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" style="font-weight: bold;">Accreditations</h3>
-                    <div class="swiper 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">
-                            <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.png" alt="Slide Image"></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" width="800" height="800" src="/assets/img/accreditations/pearson_onscreen%20assessment%20expert.png" alt="Slide Image"></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" width="1200" height="1200" src="/assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.png" alt="Slide Image"></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" width="1200" height="1200" src="/assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/secondary_computing_professional_development_2023_2.png" alt="Slide Image"></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" width="1200" height="1200" src="/assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.png" alt="Slide Image"></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" width="2000" height="2000" src="/assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/gcse_computer_science_professional_development_2023.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_master_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_word_2013_expert.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_word_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_excel_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_onenote_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/mta_security_fundamentals_certified_2016.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/mta_networking_fundamentals_certified_2016.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
-                        </div>
-                    </div>
-                    <div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
-                        <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>
-                </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 src="/assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><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" style="margin-left: 2em;">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>
-    <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</h3>
-                    <div class="swiper 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;}">
-                        <div class="swiper-wrapper">
-                            <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.png" alt="Slide Image"></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" width="800" height="800" src="/assets/img/accreditations/pearson_onscreen%20assessment%20expert.png" alt="Slide Image"></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" width="1200" height="1200" src="/assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.png" alt="Slide Image"></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" width="1200" height="1200" src="/assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/secondary_computing_professional_development_2023_2.png" alt="Slide Image"></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" width="1200" height="1200" src="/assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.png" alt="Slide Image"></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" width="2000" height="2000" src="/assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.png" alt="Slide Image"></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" width="600" height="600" src="/assets/img/accreditations/gcse_computer_science_professional_development_2023.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_master_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_word_2013_expert.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_word_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_excel_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/microsoft_office_specialist_onenote_2013.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/mta_security_fundamentals_certified_2016.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/mta_networking_fundamentals_certified_2016.png" alt="Slide Image"></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" width="352" height="352" src="/assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
-                        </div>
-                    </div>
-                    <div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
-                        <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 src="/assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><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" style="margin-left: 2em;">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>
-    <script>
-        (function() {
-            let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');
-            let tagNavs = document.querySelectorAll('[data-bss-type="tag-nav"]');
-            let tagLoops = document.querySelectorAll('[data-bss-type="tag-loop"]');
-            let authorLoops = document.querySelectorAll('[data-bss-type="author-loop"]');
-            let authorNavs = document.querySelectorAll('[data-bss-type="author-nav"]');
-
-            window.addEventListener("popstate", (e) => {
-                for (let collection of collections) {
-                    updateCollection(collection);
-                }
-
-                for (let tagNav of tagNavs) {
-                    updateTagNav(tagNav);
-                }
-
-                for (let authorNav of authorNavs) {
-                    updateAuthorNav(authorNav);
-                }
-            });
-
-            for (let collection of collections) {
-
-                updateCollection(collection);
-
-                if (!canPaginateCollection(collection)) continue;
-
-                let pagination = collection.querySelector('[data-bss-type="blog-loop-pagination"]');
-
-                pagination.addEventListener('click', function(e) {
-                    let paginationItem = e.target.closest('.page-item');
-                    if (!paginationItem) return;
-
-                    e.preventDefault();
-
-                    if (paginationItem.classList.contains('disabled') || paginationItem.classList.contains('active')) return;
-
-                    let collection = paginationItem.closest('[data-bss-type="blog-loop"]');
-                    if (!collection) return;
-
-                    let page = parseInt(paginationItem.dataset.page);
-                    if (!page) return;
-
-                    let pageParam = getPageParameter(collection);
-
-                    if (pageParam) {
-                        const url = new URL(window.location);
-                        url.searchParams.set(pageParam, page);
-                        history.pushState({
-                            [pageParam]: page
-                        }, document.title, url);
-
-                        for (let c of collections) {
-                            let param = getPageParameter(c);
-                            if (param !== pageParam) continue;
-                            updateCollection(c);
-                        }
-                    } else {
-                        updateCollection(collection, page);
-                    }
-                });
-            }
-
-            for (let tagNav of tagNavs) {
-                updateTagNav(tagNav);
-                tagNav.addEventListener('click', onTagClick);
-            }
-
-            for (let tagLoop of tagLoops) {
-                tagLoop.addEventListener('click', onTagClick);
-            }
-
-            for (let authorLoop of authorLoops) {
-                authorLoop.addEventListener('click', onAuthorClick);
-            }
-
-            for (let authorNav of authorNavs) {
-                updateAuthorNav(authorNav);
-            }
-
-            function onTagClick(e) {
-                onBlogFilterClick(e);
-
-                for (let nav of tagNavs) {
-                    updateTagNav(nav);
-                }
-            }
-
-            function onAuthorClick(e) {
-                onBlogFilterClick(e);
-
-                for (let authorNav of authorNavs) {
-                    updateAuthorNav(authorNav);
-                }
-            }
-
-            function onBlogFilterClick(e) {
-                const item = e.target.closest('[data-bss-filter="blog"]');
-                if (!item || !item.dataset.hasOwnProperty('bssHref') || !item.dataset.hasOwnProperty('bssFilterParam')) return;
-
-                const stateNode = item.dataset.hasOwnProperty('bssStateNode') ? item : item.querySelector('[data-bss-state-node]');
-
-                if (stateNode && (stateNode.classList.contains('disabled') || stateNode.classList.contains('active'))) {
-                    e.preventDefault();
-                    return;
-                }
-
-                const link = item.dataset.bssHref;
-                if (!linksToCurrentPage(link)) return;
-
-                e.preventDefault();
-
-                const url = new URL(window.location);
-                const filterParam = item.dataset.bssFilterParam;
-                const filterValue = item.dataset.bssFilterValue || '';
-
-                const collectionsToUpdate = [];
-                const newQueryParams = {
-                    [filterParam]: filterValue
-                };
-
-                for (let c of collections) {
-                    if (!canFilterCollection(c)) continue;
-                    collectionsToUpdate.push(c);
-
-                    let pageParam = getPageParameter(c);
-                    let page = url.searchParams.get(pageParam);
-                    if (page === null || page == 1) continue;
-
-                    newQueryParams[pageParam] = 1;
-                }
-
-                for (let param in newQueryParams) {
-                    if (newQueryParams[param]) {
-                        url.searchParams.set(param, newQueryParams[param]);
-                    } else {
-                        url.searchParams.delete(param);
-                    }
-                }
-
-                history.pushState(newQueryParams, document.title, url);
-
-                for (let c of collectionsToUpdate) {
-                    updateCollection(c);
-                }
-            }
-
-            function getCollectionFilters(collection) {
-                let filters = [];
-
-                try {
-                    const parsed = JSON.parse(collection.dataset.bssFilters);
-
-                    if (Array.isArray(parsed)) {
-                        filters = parsed;
-                    }
-                } catch (e) {}
-
-                return filters;
-            }
-
-            function getCollectionEmptyFilterAction(collection, filter = '') {
-                let emptyFilterActions = [];
-
-                try {
-                    const parsed = JSON.parse(collection.dataset.bssEmptyFilterActions);
-
-                    if (Array.isArray(parsed)) {
-                        emptyFilterActions = parsed;
-                    }
-                } catch (e) {}
-
-                const action = emptyFilterActions.find(action => action.filter === filter);
-
-                return action ? action.value : '';
-            }
-
-            function canFilterCollection(collection) {
-                return !!getCollectionFilters(collection).length;
-            }
-
-            function canFilterCollectionByTag(collection) {
-                return getCollectionFilters(collection).includes('tag');
-            }
-
-            function canFilterCollectionByAuthor(collection) {
-                return getCollectionFilters(collection).includes('author');
-            }
-
-            function shouldShowAllItemsForEmptyFilter(collection, filter = '') {
-                return getCollectionEmptyFilterAction(collection, filter) === 'show-all';
-            }
-
-            function canPaginateCollection(collection) {
-                return !!getCollectionPagination(collection);
-            }
-
-            function getCollectionPagination(collection) {
-                return collection.querySelector('[data-bss-type="blog-loop-pagination"]');
-            }
-
-            function getPageParameter(collection) {
-                return collection.dataset.bssPageParam;
-            }
-
-            function linksToCurrentPage(path = '') {
-                let currentURL, url;
-
-                try {
-                    currentURL = new URL(window.location);
-                    url = new URL(path, window.location.href);
-                } catch (e) {
-                    console.error(e);
-                }
-
-                return currentURL.origin === url.origin && currentURL.pathname === url.pathname;
-            }
-
-            function updateCollection(collection, page, activeTag = '', activeAuthor = '') {
-
-                const url = new URL(window.location.href);
-
-                if (canPaginateCollection(collection)) {
-                    if (!page) {
-                        let pageParam = getPageParameter(collection);
-                        page = (pageParam ? url.searchParams.get(pageParam) : 1) || 1;
-                    }
-                }
-
-                if (canFilterCollectionByTag(collection) && !activeTag) {
-                    let tagParam = 'tag';
-                    activeTag = url.searchParams.get(tagParam) || '';
-                }
-
-                if (canFilterCollectionByAuthor(collection) && !activeAuthor) {
-                    let authorParam = 'author';
-                    activeAuthor = url.searchParams.get(authorParam) || '';
-                }
-
-                renderCollectionPage(collection, page, activeTag, activeAuthor);
-            }
-
-            function renderCollectionPage(collection, page = 1, activeTag = '', activeAuthor = '') {
-
-                page = Math.max(parseInt(page, 10), 1);
-
-                collection.style.removeProperty('display');
-
-                let loopBase = collection.querySelector('[data-bss-type="blog-loop-base"]');
-                loopBase && loopBase.style.removeProperty('display');
-
-                let emptyState = collection.querySelector('[data-bss-type="empty-state"]');
-                emptyState && emptyState.style.setProperty('display', 'none', 'important');
-
-                let listItems = [].slice.call(collection.querySelectorAll('[data-bss-type="blog-loop-item"]'));
-                listItems.forEach(item => item.style.setProperty('display', 'none', 'important'));
-
-                if (canFilterCollectionByTag(collection)) {
-                    listItems = listItems.filter(item => activeTag ? item.classList.contains('post-tag-' + activeTag) : shouldShowAllItemsForEmptyFilter(collection, 'tag'));
-                }
-
-                if (canFilterCollectionByAuthor(collection)) {
-                    listItems = listItems.filter(item => activeAuthor ? item.classList.contains('post-author-' + activeAuthor) : shouldShowAllItemsForEmptyFilter(collection, 'author'));
-                }
-
-                let perPage = collection.dataset.bssPerpage || listItems.length;
-                let visibleListItems = listItems.slice((page - 1) * perPage, page * perPage);
-                visibleListItems.forEach(item => item.style.removeProperty('display'));
-
-                let isEmpty = !visibleListItems.length;
-
-                if (isEmpty) {
-                    loopBase && loopBase.style.setProperty('display', 'none', 'important');
-                    emptyState && emptyState.style.removeProperty('display');
-                }
-
-                let itemCount = listItems.length;
-                let pageCount = Math.max(Math.ceil(itemCount / perPage), 1);
-
-                updateCollectionPagination(collection, page, pageCount, isEmpty);
-
-                if (collection.dataset.bssScrollOnChange) {
-                    scrollToCollectionTop(collection);
-                }
-            }
-
-            function updateCollectionPagination(collection, page, pageCount, isEmpty) {
-                let pagination = getCollectionPagination(collection);
-                if (!pagination) return;
-
-                let paginationItems = [].slice.call(pagination.querySelectorAll('.page-item'));
-
-                if (pageCount === 1 || isEmpty) {
-                    pagination.style.setProperty('display', 'none', 'important');
-                } else {
-                    pagination.style.removeProperty('display');
-                }
-
-                let previousBtnDisabled = page - 1 <= 0;
-                let previousPage = previousBtnDisabled ? 1 : page - 1;
-
-                let nextBtnDisabled = page + 1 > pageCount;
-                let nextPage = nextBtnDisabled ? pageCount : page + 1;
-
-                for (let i = 0; i < paginationItems.length; i++) {
-                    let paginationItem = paginationItems[i];
-
-                    paginationItem.classList.remove('active', 'disabled');
-
-                    if (paginationItem.dataset.type === 'prev') {
-                        paginationItem.dataset.page = previousPage;
-
-                        if (previousBtnDisabled) {
-                            paginationItem.classList.add('disabled');
-                        }
-                    } else if (paginationItem.dataset.type === 'next') {
-                        paginationItem.dataset.page = nextPage;
-
-                        if (nextBtnDisabled) {
-                            paginationItem.classList.add('disabled');
-                        }
-                    } else {
-                        if (paginationItem.dataset.page > pageCount) {
-                            paginationItem.style.setProperty('display', 'none', 'important');
-                        } else {
-                            paginationItem.style.removeProperty('display');
-                        }
-
-                        if (paginationItem.dataset.page == page) {
-                            paginationItem.classList.add('active');
-                        }
-                    }
-                }
-            }
-
-            function scrollToCollectionTop(collection) {
-                const rect = collection.getBoundingClientRect();
-                const viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
-                const threshold = 100;
-
-                if (rect.top >= 0 && viewHeight - rect.top > threshold) return;
-
-                setTimeout(() => {
-                    collection.scrollIntoView({
-                        behavior: "smooth",
-                        block: "start",
-                        inline: "start"
-                    });
-                }, 0);
-            }
-
-            function updateTagNav(tagNav) {
-                const url = new URL(window.location.href);
-
-                let tagParam = 'tag';
-                let tag = url.searchParams.get(tagParam) || '';
-
-                renderTagNav(tagNav, tag);
-            }
-
-            function renderTagNav(tagNav, activeTag = '') {
-                if (!tagNav.dataset.bssSyncUrl) return;
-
-                let navItems = [].slice.call(tagNav.querySelectorAll('[data-bss-type="tag-loop-item"]'));
-
-                navItems.forEach(item => {
-                    const activeClassNode = item.dataset.hasOwnProperty('bssStateNode') ? item : item.querySelector('[data-bss-state-node]');
-                    if (!activeClassNode) return;
-
-                    activeClassNode.classList.remove('active');
-
-                    const link = item.dataset.bssHref;
-                    if (!linksToCurrentPage(link) || activeClassNode.classList.contains('disabled')) return;
-
-                    if (item.dataset.bssTag === activeTag) {
-                        activeClassNode.classList.add('active');
-                    }
-                });
-            }
-
-            function updateAuthorNav(authorNav) {
-                const url = new URL(window.location.href);
-
-                let authorParam = 'author';
-                let author = url.searchParams.get(authorParam) || '';
-
-                renderAuthorNav(authorNav, author);
-            }
-
-            function renderAuthorNav(authorNav, activeAuthor = '') {
-                if (!canFilterCollectionByAuthor(authorNav)) return;
-
-                authorNav.style.removeProperty('display');
-
-                let items = [].slice.call(authorNav.querySelectorAll('[data-bss-type="author-loop-item"]'));
-                items.forEach(item => item.classList.contains('author-' + activeAuthor) ? item.style.removeProperty('display') : item.style.setProperty('display', 'none', 'important'));
-            }
-        })();
-    </script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
-    <script src="/assets/js/bs-init.js"></script>
-    <script src="/assets/js/Carousel---Slider-With-Animation-slider_with_animation.js"></script>
-    <script src="/assets/js/CookieConsentComponent-cookieconsent.js"></script>
-    <script src="https://kit.fontawesome.com/8970d94f9b.js"></script>
-    <script src="/assets/js/pikaday.min.js"></script>
-    <script src="/assets/js/text-carousel.js"></script>
-    <script src="/assets/js/theme.js"></script>
-</body>
-
-</html>

Export/my-work/projects-for-education/csbox.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -153,9 +151,9 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/cs_box/csbox_logo.png&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading csbox-web">
                     <h2>CS:Box</h2>
                     <p>An evolution of Bit:Box to incorporate different elements of the UK Computing Curriculum</p>
                 </div>
@@ -182,19 +180,19 @@
                     <div class="carousel-indicators focus-ring"><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="2"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="3"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="4"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="5"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="6"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="7"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="8"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="9"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="10"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="11"></button></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <p>CS:Box is an innovative educational tool designed to support the teaching of key concepts from the UK Computing Curriculum. Building on the foundations of Bit:Box, CS:Box expands its scope to cover a wider range of essential computing topics, providing an interactive and engaging experience for students.<br><br>CS:Box is more than a collection of interactive tools — it is a guided learning experience for students to understand complex computing concepts. By combining hands-on manipulation with visual feedback, it provides a scaffolded learning approach for students at different stages of their educational journey.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Project Status</span><span>Ongoing</span><span class="meta-heading">Launched</span><span>April 2023</span><span class="meta-heading">Products Created</span><span>Website</span></div><a class="btn btn-primary" role="button" href="https://csbox.mrdaviscsit.uk/" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project Website</a><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/CS-Box" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project on Gitea</a>
+                        <div class="tags"><span class="meta-heading">Project Status</span><span>Ongoing</span><span class="meta-heading">Launched</span><span>April 2023</span><span class="meta-heading">Products Created</span><span>Website</span><a class="btn btn-primary project-buttons" role="button" href="https://csbox.mrdaviscsit.uk/" target="_blank">View Project Website</a><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/CS-Box" target="_blank">View Project on Gitea</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
-                    <div data-bss-type="blog-loop" data-bss-perpage="12">
+                    <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">
-                                <div class="card"><a href="/my-work/projects-for-education/bitbox.html"><img class="img-fluid card-img-top" width="1080" height="1080" src="/assets/img/projects/bit_box/bit_box_logo.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/bitbox.html"><img class="img-fluid card-img-top rainbow-border" width="1080" height="1080" src="/assets/img/projects/bit_box/bit_box_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/bitbox.html">
                                             <h4 class="text-body">Bit:Box</h4>
                                         </a>
@@ -203,7 +201,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/projects-for-education/my-mind.html"><img class="img-fluid card-img-top" width="338" height="338" src="/assets/img/projects/my_mind/my_mind_logo.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/my-mind.html"><img class="img-fluid card-img-top rainbow-border" width="338" height="338" src="/assets/img/projects/my_mind/my_mind_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/my-mind.html">
                                             <h4 class="text-body">My Mind</h4>
                                         </a>
@@ -212,7 +210,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/projects-for-education/nature-findings.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/nature_findings/naturefindingspreview.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/nature-findings.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/nature_findings/naturefindingspreview.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/nature-findings.html">
                                             <h4 class="text-body">Nature Findings</h4>
                                         </a>
@@ -220,8 +218,8 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
+                            <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/projects-for-education/task-master-ios.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/taskmaster_for%20ios/taskmasteriospreview.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/taskmaster_for%20ios/taskmasteriospreview.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/task-master-ios.html">
                                             <h4 class="text-body">Task Master for iOS</h4>
                                         </a>
@@ -234,7 +232,8 @@
                             <ul class="pagination">
                                 <li class="page-item disabled" data-type="prev" data-page="1"><a class="page-link" aria-label="Previous" href="#"><span aria-hidden="true">«</span></a></li>
                                 <li class="page-item active" data-type="regular" data-page="1"><a class="page-link" href="#">1</a></li>
-                                <li class="page-item disabled" data-type="next" data-page="1"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
+                                <li class="page-item" data-type="regular" data-page="2"><a class="page-link" href="#">2</a></li>
+                                <li class="page-item" data-type="next" data-page="2"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
                             </ul>
                         </nav>
                     </div>
@@ -247,7 +246,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -317,7 +316,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/my-work/projects-for-education/my-mind.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -153,9 +151,9 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/my_mind/my_mind_logo.png&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading mymind-ios">
                     <h2>My Mind</h2>
                     <p>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</p>
                 </div>
@@ -182,19 +180,19 @@
                     <div class="carousel-indicators focus-ring"><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="2"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="3"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="4"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="5"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="6"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="7"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="8"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="9"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="10"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="11"></button></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <p>The current BCU mental health and wellbeing service requires a lot of steps which can discourage students from reuqesting assistance.<br><br>My Mind simplifies this process and allows staff to easily manage their appointments and give the efficient support that both the university and students need.<br><br>The cuts from BCU towards the student affairs department will directly affect the current system and make it harder for students to get support.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Institution</span><span>Birmingham City University</span><span class="meta-heading">Qualification</span><span>Bachelor of Science with Honours in Computer Science</span><span class="meta-heading">Grade</span><span>2:1 (66.5%)</span><span class="meta-heading">Submitted</span><span>May 2017</span><span class="meta-heading">Products Created</span><span>iOS App</span></div><a class="btn btn-primary" role="button" href="https://github.com/MrDavisCSIT/Binary-Light-Box" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;"> View project on Gitea</a>
+                        <div class="tags"><span class="meta-heading">Institution</span><span>Birmingham City University</span><span class="meta-heading">Qualification</span><span>Bachelor of Science with Honours in Computer Science</span><span class="meta-heading">Grade</span><span>2:1 (66.5%)</span><span class="meta-heading">Submitted</span><span>May 2017</span><span class="meta-heading">Products Created</span><span>iOS App</span><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/FinalYearProject-MyMind" target="_blank"> View project on Gitea</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
-                    <div data-bss-type="blog-loop" data-bss-perpage="12">
+                    <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">
-                                <div class="card"><a href="/my-work/projects-for-education/bitbox.html"><img class="img-fluid card-img-top" width="1080" height="1080" src="/assets/img/projects/bit_box/bit_box_logo.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/bitbox.html"><img class="img-fluid card-img-top rainbow-border" width="1080" height="1080" src="/assets/img/projects/bit_box/bit_box_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/bitbox.html">
                                             <h4 class="text-body">Bit:Box</h4>
                                         </a>
@@ -203,7 +201,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/projects-for-education/csbox.html"><img class="img-fluid card-img-top" width="500" height="500" src="/assets/img/projects/cs_box/csbox_logo.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/csbox.html"><img class="img-fluid card-img-top rainbow-border" width="500" height="500" src="/assets/img/projects/cs_box/csbox_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/csbox.html">
                                             <h4 class="text-body">CS:Box</h4>
                                         </a>
@@ -212,7 +210,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/projects-for-education/nature-findings.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/nature_findings/naturefindingspreview.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/nature-findings.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/nature_findings/naturefindingspreview.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/nature-findings.html">
                                             <h4 class="text-body">Nature Findings</h4>
                                         </a>
@@ -220,8 +218,8 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
+                            <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/projects-for-education/task-master-ios.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/taskmaster_for%20ios/taskmasteriospreview.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/taskmaster_for%20ios/taskmasteriospreview.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/task-master-ios.html">
                                             <h4 class="text-body">Task Master for iOS</h4>
                                         </a>
@@ -234,7 +232,8 @@
                             <ul class="pagination">
                                 <li class="page-item disabled" data-type="prev" data-page="1"><a class="page-link" aria-label="Previous" href="#"><span aria-hidden="true">«</span></a></li>
                                 <li class="page-item active" data-type="regular" data-page="1"><a class="page-link" href="#">1</a></li>
-                                <li class="page-item disabled" data-type="next" data-page="1"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
+                                <li class="page-item" data-type="regular" data-page="2"><a class="page-link" href="#">2</a></li>
+                                <li class="page-item" data-type="next" data-page="2"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
                             </ul>
                         </nav>
                     </div>
@@ -247,7 +246,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -317,7 +316,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

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

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -153,9 +151,9 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/nature_findings/naturefindingspreview.png&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading naturefindings-windows">
                     <h2>Nature Findings</h2>
                     <p>A Microsoft Windows Application to store and view bird sightings. Submitted as part of a final year project.</p>
                 </div>
@@ -171,19 +169,19 @@
                     <div class="carousel-indicators focus-ring"><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></button></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <p>Achieved a D Grade (47%)<br><br>A local naturalist wishes to log nature sightings during walks. The original project looks at developing a windows application that connects to an online database which will allow further deveopment of the project to allow other users to be able to view other peoples sightings. A future project would create a mobile application vserion of the project which will utilise mobile data on devices.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Institution</span><span>Coundon Court</span><span class="meta-heading">Qualification</span><span>A Level Computing</span><span class="meta-heading">Grade</span><span>D (47%)</span><span class="meta-heading">Submitted</span><span>April 2013</span><span class="meta-heading">Products Created</span><span>Microsoft Windows Application</span></div><a class="btn btn-primary" role="button" href="https://github.com/MrDavisCSIT/Binary-Light-Box" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;"> View project on Gitea</a>
+                        <div class="tags"><span class="meta-heading">Institution</span><span>Coundon Court</span><span class="meta-heading">Qualification</span><span>A Level Computing</span><span class="meta-heading">Grade</span><span>D (47%)</span><span class="meta-heading">Submitted</span><span>April 2013</span><span class="meta-heading">Products Created</span><span>Microsoft Windows Application</span><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/NatureFindings" target="_blank"> View project on Gitea</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
-                    <div data-bss-type="blog-loop" data-bss-perpage="12">
+                    <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">
-                                <div class="card"><a href="/my-work/projects-for-education/bitbox.html"><img class="img-fluid card-img-top" width="1080" height="1080" src="/assets/img/projects/bit_box/bit_box_logo.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/bitbox.html"><img class="img-fluid card-img-top rainbow-border" width="1080" height="1080" src="/assets/img/projects/bit_box/bit_box_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/bitbox.html">
                                             <h4 class="text-body">Bit:Box</h4>
                                         </a>
@@ -192,7 +190,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/projects-for-education/csbox.html"><img class="img-fluid card-img-top" width="500" height="500" src="/assets/img/projects/cs_box/csbox_logo.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/csbox.html"><img class="img-fluid card-img-top rainbow-border" width="500" height="500" src="/assets/img/projects/cs_box/csbox_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/csbox.html">
                                             <h4 class="text-body">CS:Box</h4>
                                         </a>
@@ -201,7 +199,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/projects-for-education/my-mind.html"><img class="img-fluid card-img-top" width="338" height="338" src="/assets/img/projects/my_mind/my_mind_logo.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/my-mind.html"><img class="img-fluid card-img-top rainbow-border" width="338" height="338" src="/assets/img/projects/my_mind/my_mind_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/my-mind.html">
                                             <h4 class="text-body">My Mind</h4>
                                         </a>
@@ -209,8 +207,8 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
+                            <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/projects-for-education/task-master-ios.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/taskmaster_for%20ios/taskmasteriospreview.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/taskmaster_for%20ios/taskmasteriospreview.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/task-master-ios.html">
                                             <h4 class="text-body">Task Master for iOS</h4>
                                         </a>
@@ -223,7 +221,8 @@
                             <ul class="pagination">
                                 <li class="page-item disabled" data-type="prev" data-page="1"><a class="page-link" aria-label="Previous" href="#"><span aria-hidden="true">«</span></a></li>
                                 <li class="page-item active" data-type="regular" data-page="1"><a class="page-link" href="#">1</a></li>
-                                <li class="page-item disabled" data-type="next" data-page="1"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
+                                <li class="page-item" data-type="regular" data-page="2"><a class="page-link" href="#">2</a></li>
+                                <li class="page-item" data-type="next" data-page="2"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
                             </ul>
                         </nav>
                     </div>
@@ -236,7 +235,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -306,7 +305,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

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

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -153,9 +151,9 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/taskmaster_for%20ios/taskmasteriospreview.png&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading taskmaster-ios">
                     <h2>Task Master for iOS</h2>
                     <p>Inspired by the BrumHack 5.0 entry. A Business Oriented Task and Project Management System, now for iOS.</p>
                 </div>
@@ -171,19 +169,19 @@
                     <div class="carousel-indicators focus-ring"><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></button></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <p>The aim is to create a mobile version of Task Master, an online application that allowed businesses to create and manage projects and tasks. Task Master was originally created at BrumHack 5.0 and came 3rd in the competition. Users will be able to create, update and track tasks within a specified project. Users will also be able to delegate tasks to other users on the apps database</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Institution</span><span>Birmingham City University</span><span class="meta-heading">Qualification</span><span>Bachelor of Science with Honours in Computer Science</span><span class="meta-heading">Grade</span><span>Pass (58%)</span><span class="meta-heading">Submitted</span><span>May 2017</span><span class="meta-heading">Products Created</span><span>iOS App</span></div><a class="btn btn-primary" role="button" href="https://github.com/MrDavisCSIT/Binary-Light-Box" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;"> View project on Gitea</a>
+                        <div class="tags"><span class="meta-heading">Institution</span><span>Birmingham City University</span><span class="meta-heading">Qualification</span><span>Bachelor of Science with Honours in Computer Science</span><span class="meta-heading">Grade</span><span>Pass (58%)</span><span class="meta-heading">Submitted</span><span>May 2017</span><span class="meta-heading">Products Created</span><span>iOS App</span><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/MobileandWebTechnologiesCoursework-TaskMaster" target="_blank"> View project on Gitea</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
-                    <div data-bss-type="blog-loop" data-bss-perpage="12">
+                    <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">
-                                <div class="card"><a href="/my-work/projects-for-education/bitbox.html"><img class="img-fluid card-img-top" width="1080" height="1080" src="/assets/img/projects/bit_box/bit_box_logo.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/bitbox.html"><img class="img-fluid card-img-top rainbow-border" width="1080" height="1080" src="/assets/img/projects/bit_box/bit_box_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/bitbox.html">
                                             <h4 class="text-body">Bit:Box</h4>
                                         </a>
@@ -192,7 +190,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/projects-for-education/csbox.html"><img class="img-fluid card-img-top" width="500" height="500" src="/assets/img/projects/cs_box/csbox_logo.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/csbox.html"><img class="img-fluid card-img-top rainbow-border" width="500" height="500" src="/assets/img/projects/cs_box/csbox_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/csbox.html">
                                             <h4 class="text-body">CS:Box</h4>
                                         </a>
@@ -201,7 +199,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/projects-for-education/my-mind.html"><img class="img-fluid card-img-top" width="338" height="338" src="/assets/img/projects/my_mind/my_mind_logo.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/my-mind.html"><img class="img-fluid card-img-top rainbow-border" width="338" height="338" src="/assets/img/projects/my_mind/my_mind_logo.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/my-mind.html">
                                             <h4 class="text-body">My Mind</h4>
                                         </a>
@@ -209,8 +207,8 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
+                            <div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/projects-for-education/nature-findings.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/nature_findings/naturefindingspreview.png"></a>
+                                <div class="card"><a href="/my-work/projects-for-education/nature-findings.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/nature_findings/naturefindingspreview.png"></a>
                                     <div class="card-body"><a href="/my-work/projects-for-education/nature-findings.html">
                                             <h4 class="text-body">Nature Findings</h4>
                                         </a>
@@ -223,7 +221,8 @@
                             <ul class="pagination">
                                 <li class="page-item disabled" data-type="prev" data-page="1"><a class="page-link" aria-label="Previous" href="#"><span aria-hidden="true">«</span></a></li>
                                 <li class="page-item active" data-type="regular" data-page="1"><a class="page-link" href="#">1</a></li>
-                                <li class="page-item disabled" data-type="next" data-page="1"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
+                                <li class="page-item" data-type="regular" data-page="2"><a class="page-link" href="#">2</a></li>
+                                <li class="page-item" data-type="next" data-page="2"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
                             </ul>
                         </nav>
                     </div>
@@ -236,7 +235,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -306,7 +305,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/my-work/showreel.html

@@ -28,7 +28,7 @@
     <meta property="og:type" content="website">
     <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/photo-1489599849927-2ee91cede3ba.jpg">
+    <meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/photo-1489599849927-2ee91cede3ba.jpg">
     <meta name="description" content="A wide range of production projects">
     <script>
         (function() {
@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">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">
@@ -153,27 +151,27 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/photo-1489599849927-2ee91cede3ba.jpg&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading showreel">
                     <h2 class="text-capitalize">Showreel</h2>
                     <p>A wide range of production projects</p>
                 </div>
             </div>
         </section>
-        <section class="portfolio-block project" style="padding-top: 0;">
+        <section class="portfolio-block project">
             <div class="container center-everything">
-                <div class="ratio ratio-16x9" style="margin-bottom: 25px;"><iframe src="https://www.youtube-nocookie.com/embed/videoseries?si=RIK2nSwdtEB4Kadz&amp;amp;list=PLhZGMkgkarmkgB18-1Dwpecs8rgm7mUTk" allowfullscreen=""></iframe></div>
+                <div class="ratio ratio-16x9 portfolio-video"><iframe src="https://www.youtube-nocookie.com/embed/videoseries?si=RIK2nSwdtEB4Kadz&amp;amp;list=PLhZGMkgkarmkgB18-1Dwpecs8rgm7mUTk" allowfullscreen=""></iframe></div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <p>Above is the playlist containing all of my work. feel free to view as much as you like to see the wide rage of production projects I have participated in.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"></div><a class="btn btn-primary" role="button" href="https://www.youtube.com/playlist?list=PLhZGMkgkarmkgB18-1Dwpecs8rgm7mUTk" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">Watch on YouTube</a>
+                        <div class="tags"></div><a class="btn btn-primary project-buttons" role="button" href="https://www.youtube.com/playlist?list=PLhZGMkgkarmkgB18-1Dwpecs8rgm7mUTk" target="_blank">Watch on YouTube</a>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
@@ -365,7 +363,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -435,7 +433,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

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

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -153,15 +151,15 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/bcucu/bcucupreview.webp&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading bcucu-website">
                     <h2 class="text-capitalize">Birmingham City University Christian Union</h2>
                     <p>A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
                 </div>
             </div>
         </section>
-        <section class="portfolio-block project" style="padding-top: 0;">
+        <section class="portfolio-block project">
             <div class="container center-everything">
                 <div class="swiper project-carousel" id="swiper-1" 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;keyboard&quot;:true,&quot;mousewheel&quot;:true,&quot;effect&quot;:&quot;creative&quot;,&quot;creativeEffect&quot;:{&quot;prev&quot;:{&quot;shadow&quot;:true,&quot;translate&quot;:[&quot;-20%&quot;,0,-1]},&quot;next&quot;:{&quot;translate&quot;:[&quot;100%&quot;,0,0]}},&quot;pagination&quot;:{&quot;el&quot;:&quot;.swiper-pagination&quot;,&quot;type&quot;:&quot;bullets&quot;,&quot;clickable&quot;:true,&quot;dynamicBullets&quot;:true},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;.swiper-button-next&quot;,&quot;prevEl&quot;:&quot;.swiper-button-prev&quot;}}">
                     <div class="swiper-wrapper">
@@ -174,19 +172,19 @@
                     <div class="swiper-pagination swiper-control"></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <p>In March 2015, I was approached by the Vice President for Birmingham City University's Christian Union to design their new online presence. The project was completed in June 2015.<br><br>The website utilises embeds from other services such as Vimeo, YouTube, ISSU, Google Services and Facebook. The website also has an events system which the exec can update themselves by logging onto the administration areas. The main framework is based on a modified installation of WordPress with a modified version of the Hemmingway Rewritten Theme.<br><br>The society were asked to shut down the website as new rules from the students union were put into place in July 2016.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
                         <div class="tags"><span class="meta-heading">Project Status</span><span>Ended</span><span class="meta-heading">Client</span><span>Birmingham City University Christian Union</span><span class="meta-heading">Date</span><span>April 2015 - June 2016</span><span class="meta-heading">Products Created</span><span>Website</span></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-discover.html">
                                             <h4 class="text-body">Birmingham City University Dis.Cover</h4>
                                         </a>
@@ -195,7 +193,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html">
                                             <h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
                                         </a>
@@ -204,7 +202,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/web-design/frizzle-tv.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/frizzle/frizzlepreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/frizzle/frizzlepreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/frizzle-tv.html">
                                             <h4 class="text-body">Frizzle TV</h4>
                                         </a>
@@ -213,7 +211,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/peter-bell-music.html">
                                             <h4 class="text-body">Peter Bell Music</h4>
                                         </a>
@@ -222,7 +220,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/st-thomas-church-keresley.html">
                                             <h4 class="text-body">St Thomas' Church Keresley</h4>
                                         </a>
@@ -249,7 +247,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -319,7 +317,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

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

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -153,15 +151,15 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading bcudiscover-website">
                     <h2 class="text-capitalize">Birmingham City University Dis.Cover</h2>
                     <p>A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
                 </div>
             </div>
         </section>
-        <section class="portfolio-block project" style="padding-top: 0;">
+        <section class="portfolio-block project">
             <div class="container center-everything">
                 <div class="swiper project-carousel" id="swiper-1" 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;keyboard&quot;:true,&quot;mousewheel&quot;:true,&quot;effect&quot;:&quot;creative&quot;,&quot;creativeEffect&quot;:{&quot;prev&quot;:{&quot;shadow&quot;:true,&quot;translate&quot;:[&quot;-20%&quot;,0,-1]},&quot;next&quot;:{&quot;translate&quot;:[&quot;100%&quot;,0,0]}},&quot;pagination&quot;:{&quot;el&quot;:&quot;.swiper-pagination&quot;,&quot;type&quot;:&quot;bullets&quot;,&quot;clickable&quot;:true,&quot;dynamicBullets&quot;:true},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;.swiper-button-next&quot;,&quot;prevEl&quot;:&quot;.swiper-button-prev&quot;}}">
                     <div class="swiper-wrapper">
@@ -174,19 +172,19 @@
                     <div class="swiper-pagination swiper-control"></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <p>In Summer 2015, I was offered the position of Marketing Director for the Birmingham City University Dis.Cover society. The society was relaunching with a new exec committee over freshers week and my first task as Marketing Director was to design a website using the logos and colour scheme provided.<br><br>The website utilises other services such as Google Maps and Facebook. The website also has an events system which the exec can update themselves by logging onto the administration areas. The main framework is based on a modified installation of WordPress with a modified version of the ColourSnap Theme.<br><br>The society were asked to shut down the website as new rules from the students union were put into place in July 2016.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
                         <div class="tags"><span class="meta-heading">Project Status</span><span>Ended</span><span class="meta-heading">Client</span><span>Birmingham City University Dis.Cover</span><span class="meta-heading">Date</span><span>September 2015 - July 2016</span><span class="meta-heading">Products Created</span><span>Website and Logos</span></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-christian-union.html">
                                             <h4 class="text-body">Birmingham City University Christian Union</h4>
                                         </a>
@@ -195,7 +193,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html">
                                             <h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
                                         </a>
@@ -204,7 +202,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/web-design/frizzle-tv.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/frizzle/frizzlepreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/frizzle/frizzlepreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/frizzle-tv.html">
                                             <h4 class="text-body">Frizzle TV</h4>
                                         </a>
@@ -213,7 +211,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/peter-bell-music.html">
                                             <h4 class="text-body">Peter Bell Music</h4>
                                         </a>
@@ -222,7 +220,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/st-thomas-church-keresley.html">
                                             <h4 class="text-body">St Thomas' Church Keresley</h4>
                                         </a>
@@ -249,7 +247,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -319,7 +317,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

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

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -153,15 +151,15 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/bcumha/bcumhapreview.webp&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading bcumha-website">
                     <h2 class="text-capitalize">Birmingham City University Mental Health Awareness</h2>
                     <p>A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
                 </div>
             </div>
         </section>
-        <section class="portfolio-block project" style="padding-top: 0;">
+        <section class="portfolio-block project">
             <div class="container center-everything">
                 <div class="swiper project-carousel" id="swiper-1" 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;keyboard&quot;:true,&quot;mousewheel&quot;:true,&quot;effect&quot;:&quot;creative&quot;,&quot;creativeEffect&quot;:{&quot;prev&quot;:{&quot;shadow&quot;:true,&quot;translate&quot;:[&quot;-20%&quot;,0,-1]},&quot;next&quot;:{&quot;translate&quot;:[&quot;100%&quot;,0,0]}},&quot;pagination&quot;:{&quot;el&quot;:&quot;.swiper-pagination&quot;,&quot;type&quot;:&quot;bullets&quot;,&quot;clickable&quot;:true,&quot;dynamicBullets&quot;:true},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;.swiper-button-next&quot;,&quot;prevEl&quot;:&quot;.swiper-button-prev&quot;}}">
                     <div class="swiper-wrapper">
@@ -174,19 +172,19 @@
                     <div class="swiper-pagination swiper-control"></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <p>In June 2016, I was selected and asked to become the president of a new society at Birmingam City University. In August 2016, BCU Mental Health Awareness was officialy formed with myself and 4 other members on the executive committiee and part of my objectives was to update and maintain a website that was formed when the campaign team was originally formed.<br><br>Part of my time as president, I commissioned several pieces of work including a new logo and a 30 minute documentary discussing people living with and around mental health issues.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Project Status</span><span>Ended</span><span class="meta-heading">Client</span><span>Birmingham City University Mental Health Awareness</span><span class="meta-heading">Date</span><span>September 2016</span><span class="meta-heading">Products Created</span><span>Website, Short Films</span></div><a class="btn btn-primary" role="button" href="/my-work/extracurricular-projects/i-am-aware.html" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">Watch Documentary</a>
+                        <div class="tags"><span class="meta-heading">Project Status</span><span>Ended</span><span class="meta-heading">Client</span><span>Birmingham City University Mental Health Awareness</span><span class="meta-heading">Date</span><span>September 2016</span><span class="meta-heading">Products Created</span><span>Website, Short Films</span><a class="btn btn-primary project-buttons" role="button" href="/my-work/extracurricular-projects/i-am-aware.html">Watch Documentary</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-christian-union.html">
                                             <h4 class="text-body">Birmingham City University Christian Union</h4>
                                         </a>
@@ -195,7 +193,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-discover.html">
                                             <h4 class="text-body">Birmingham City University Dis.Cover</h4>
                                         </a>
@@ -204,7 +202,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/web-design/frizzle-tv.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/frizzle/frizzlepreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/frizzle/frizzlepreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/frizzle-tv.html">
                                             <h4 class="text-body">Frizzle TV</h4>
                                         </a>
@@ -213,7 +211,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/peter-bell-music.html">
                                             <h4 class="text-body">Peter Bell Music</h4>
                                         </a>
@@ -222,7 +220,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/st-thomas-church-keresley.html">
                                             <h4 class="text-body">St Thomas' Church Keresley</h4>
                                         </a>
@@ -249,7 +247,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -319,7 +317,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/my-work/web-design/frizzle-tv.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -153,15 +151,15 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/frizzle/frizzlepreview.webp&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading frizzle-tv">
                     <h2 class="text-capitalize">Frizzle TV</h2>
                     <p>A series of videos, including website design recommendations for an upcoming online shopping channel.</p>
                 </div>
             </div>
         </section>
-        <section class="portfolio-block project" style="padding-top: 0;">
+        <section class="portfolio-block project">
             <div class="container center-everything">
                 <div class="swiper d-flex justify-content-center project-carousel" id="swiper-1" 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;keyboard&quot;:true,&quot;mousewheel&quot;:true,&quot;effect&quot;:&quot;creative&quot;,&quot;creativeEffect&quot;:{&quot;prev&quot;:{&quot;shadow&quot;:true,&quot;translate&quot;:[&quot;-20%&quot;,0,-1]},&quot;next&quot;:{&quot;translate&quot;:[&quot;100%&quot;,0,0]}},&quot;pagination&quot;:{&quot;el&quot;:&quot;.swiper-pagination&quot;,&quot;type&quot;:&quot;bullets&quot;,&quot;clickable&quot;:true,&quot;dynamicBullets&quot;:true},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;.swiper-button-next&quot;,&quot;prevEl&quot;:&quot;.swiper-button-prev&quot;}}">
                     <div class="swiper-wrapper">
@@ -172,21 +170,21 @@
                         <div class="swiper-button-next swiper-control"></div>
                     </div>
                     <div class="swiper-pagination swiper-control"></div>
-                </div><iframe class="d-flex justify-content-center center-everything" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/ckHvbntTCKA" height="480" width="854" style="margin-bottom: 1em;"></iframe>
+                </div><iframe class="d-flex justify-content-center center-everything portfolio-video" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/ckHvbntTCKA" height="480" width="854"></iframe>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <p>In September 2014, a new YouTube channel launched called The New Way To Shop (now known as Frizzle.TV). I was asked to create the first web show and promotional material for the channel.<br><br>I used Premiere Pro CC to produce and edit the majority of these videos with other Adobe tools such as After Effects and Photoshop to produce aspects and elements of these videos.<br><br>More of my work can be viewed within my Showreel</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Project Status</span><span>Ended</span><span class="meta-heading">Client</span><span>Frizzle.TV</span><span class="meta-heading">Date</span><span>September 2014</span><span class="meta-heading">Products Created</span><span>Website and Online Shows</span></div><a class="btn btn-primary" role="button" href="/my-work/showreel.html" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Showreel</a>
+                        <div class="tags"><span class="meta-heading">Project Status</span><span>Ended</span><span class="meta-heading">Client</span><span>Frizzle.TV</span><span class="meta-heading">Date</span><span>September 2014</span><span class="meta-heading">Products Created</span><span>Website and Online Shows</span><a class="btn btn-primary project-buttons" role="button" href="/my-work/showreel.html">View Showreel</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-christian-union.html">
                                             <h4 class="text-body">Birmingham City University Christian Union</h4>
                                         </a>
@@ -195,7 +193,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-discover.html">
                                             <h4 class="text-body">Birmingham City University Dis.Cover</h4>
                                         </a>
@@ -204,7 +202,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html">
                                             <h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
                                         </a>
@@ -213,7 +211,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/peter-bell-music.html">
                                             <h4 class="text-body">Peter Bell Music</h4>
                                         </a>
@@ -222,7 +220,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/st-thomas-church-keresley.html">
                                             <h4 class="text-body">St Thomas' Church Keresley</h4>
                                         </a>
@@ -249,7 +247,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -319,7 +317,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

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

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -153,15 +151,15 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(projects/peter_bell music/peter_bell_music.webp) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading pbm-website">
                     <h2 class="text-capitalize">Peter Bell Music</h2>
                     <p>A modern responsive website with the ability to display, broadcast and sell created pieces of work</p>
                 </div>
             </div>
         </section>
-        <section class="portfolio-block project" style="padding-top: 0;">
+        <section class="portfolio-block project">
             <div class="container center-everything">
                 <div class="swiper project-carousel" id="swiper-1" 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;keyboard&quot;:true,&quot;mousewheel&quot;:true,&quot;effect&quot;:&quot;creative&quot;,&quot;creativeEffect&quot;:{&quot;prev&quot;:{&quot;shadow&quot;:true,&quot;translate&quot;:[&quot;-20%&quot;,0,-1]},&quot;next&quot;:{&quot;translate&quot;:[&quot;100%&quot;,0,0]}},&quot;pagination&quot;:{&quot;el&quot;:&quot;.swiper-pagination&quot;,&quot;type&quot;:&quot;bullets&quot;,&quot;clickable&quot;:true,&quot;dynamicBullets&quot;:true},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;.swiper-button-next&quot;,&quot;prevEl&quot;:&quot;.swiper-button-prev&quot;}}">
                     <div class="swiper-wrapper">
@@ -176,22 +174,22 @@
                     <div class="swiper-pagination swiper-control"></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <h3>Phase 1 - September 2015</h3>
                         <p>In September 2015, I was approached by a Royal Birmingham Conservatoire Composition Student asking to design their website. The project is still ongoing however has started its final stages of quality control.<br><br>I used the WordPress publishing framework with a modified version of the Astra Theme as the student wanted to add their own content as and when it became available. The website also utilises embeds from in-house multimedia platforms and Facebook.</p>
                         <h3>Phase 2 - Summer 2025</h3>
                         <p>The second phase of this web design project marks a major transformation: a complete redesign and rebuild of the website to support online sales of custom-made pieces. This stage focuses on creating a seamless and visually compelling e-commerce experience, allowing users to browse, select, and purchase works directly through the site. Platforms for the online store are currently being reviewed to ensure the final solution aligns with both creative goals and business needs, with scalability and ease of use as key priorities.<br><br>Owing to other professional commitments, I stepped away from the project and handed it back to the client to oversee its further development and completion.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Project Status</span><span>Development Transferred to Client</span><span class="meta-heading">Client</span><span>Peter Bell Music</span><span class="meta-heading">Date</span><span>September 2015 - July 2025</span><span class="meta-heading">Products Created</span><span>Website and e-commerce store</span></div><a class="btn btn-primary" role="button" href="https://www.peterbellmusic.co.uk/" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project Website</a>
+                        <div class="tags"><span class="meta-heading">Project Status</span><span>Development Transferred to Client</span><span class="meta-heading">Client</span><span>Peter Bell Music</span><span class="meta-heading">Date</span><span>September 2015 - July 2025</span><span class="meta-heading">Products Created</span><span>Website and e-commerce store</span><a class="btn btn-primary project-buttons" role="button" href="https://www.peterbellmusic.co.uk/" target="_blank">View Project Website</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-christian-union.html">
                                             <h4 class="text-body">Birmingham City University Christian Union</h4>
                                         </a>
@@ -200,7 +198,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-discover.html">
                                             <h4 class="text-body">Birmingham City University Dis.Cover</h4>
                                         </a>
@@ -209,7 +207,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html">
                                             <h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
                                         </a>
@@ -218,7 +216,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/web-design/frizzle-tv.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/frizzle/frizzlepreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/frizzle/frizzlepreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/frizzle-tv.html">
                                             <h4 class="text-body">Frizzle TV</h4>
                                         </a>
@@ -227,7 +225,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/st-thomas-church-keresley.html">
                                             <h4 class="text-body">St Thomas' Church Keresley</h4>
                                         </a>
@@ -254,7 +252,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -324,7 +322,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

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

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="/projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="/projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="/projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="/projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="/projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="/my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="/blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="/contact.html">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">
@@ -153,15 +151,15 @@
         </div>
     </nav>
     <main class="page">
-        <section class="portfolio-block block-intro" style="padding-bottom: 10px;">
+        <section class="portfolio-block block-intro">
             <div class="container center-everything">
-                <div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/projects/keresley_church/keresleychurch.webp&quot;) center / cover;color: white;">
+                <div class="align-content-center heading blog-heading keresley-website">
                     <h2 class="text-capitalize">St Thomas' Church Keresley</h2>
                     <p>A responsive and dynamic website including historical archives for public access.</p>
                 </div>
             </div>
         </section>
-        <section class="portfolio-block project" style="padding-top: 0;">
+        <section class="portfolio-block project">
             <div class="container center-everything">
                 <div class="swiper project-carousel" id="swiper-1" 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;keyboard&quot;:true,&quot;mousewheel&quot;:true,&quot;effect&quot;:&quot;creative&quot;,&quot;creativeEffect&quot;:{&quot;prev&quot;:{&quot;shadow&quot;:true,&quot;translate&quot;:[&quot;-20%&quot;,0,-1]},&quot;next&quot;:{&quot;translate&quot;:[&quot;100%&quot;,0,0]}},&quot;pagination&quot;:{&quot;el&quot;:&quot;.swiper-pagination&quot;,&quot;type&quot;:&quot;bullets&quot;,&quot;clickable&quot;:true,&quot;dynamicBullets&quot;:true},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;.swiper-button-next&quot;,&quot;prevEl&quot;:&quot;.swiper-button-prev&quot;}}">
                     <div class="swiper-wrapper">
@@ -176,7 +174,7 @@
                     <div class="swiper-pagination swiper-control"></div>
                 </div>
                 <div class="row">
-                    <div class="col-12 col-md-6 offset-md-1 info">
+                    <div class="col info">
                         <h3>Phase 1 - April 2014</h3>
                         <p>In April 2014, the Vicar at St Thomas’ Church Keresley asked me to redesign their website using an easily updateable package. The website took 6 months to complete and was finally completed in November 2014. Subsequent redesigns of the website were completed in 2019, 2023 with ongoing tweaks and modifications starting in 2025.<br><br>The main website framework is the latest version of WordPress with a modified theme.</p>
                         <h3>Phase 2 - October 2016</h3>
@@ -186,16 +184,16 @@
                         <h3>Phase 4 - 2025 and Beyond</h3>
                         <p>Lorem ipsum dapibus dolor non, malesuada mauris. Aliquam eleifend mauris non odio mattis auctor. Aenean sit amet elementum tellus, a facilisis ligula. Pellentesque ac vehicula mauris.</p>
                     </div>
-                    <div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
+                    <div class="col-auto meta project-details">
-                        <div class="tags"><span class="meta-heading">Project Status</span><span>Ongoing - Phase 4</span><span class="meta-heading">Client</span><span>The Parish of Keresley with Coundon PCC</span><span class="meta-heading">Date</span><span>April 2014</span><span class="meta-heading">Products Created</span><span>Website and Historical Archives<br><br>Ongoing remote technical support and consulting for ongoing digital platforms</span></div><a class="btn btn-primary" role="button" href="https://www.keresley.church/" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project Website</a>
+                        <div class="tags"><span class="meta-heading">Project Status</span><span>Ongoing - Phase 4</span><span class="meta-heading">Client</span><span>The Parish of Keresley with Coundon PCC</span><span class="meta-heading">Date</span><span>April 2014</span><span class="meta-heading">Products Created</span><span>Website and Historical Archives<br><br>Ongoing remote support and consulting</span><a class="btn btn-primary project-buttons" role="button" href="https://www.keresley.church/" target="_blank">View Project Website</a></div>
                     </div>
                 </div>
                 <div class="more-projects">
-                    <h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
+                    <h3 class="text-center more-projects-heading">More Projects</h3>
                     <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">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-christian-union.html">
                                             <h4 class="text-body">Birmingham City University Christian Union</h4>
                                         </a>
@@ -204,7 +202,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-discover.html">
                                             <h4 class="text-body">Birmingham City University Dis.Cover</h4>
                                         </a>
@@ -213,7 +211,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item">
-                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html">
                                             <h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
                                         </a>
@@ -222,7 +220,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/web-design/frizzle-tv.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/frizzle/frizzlepreview.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/frizzle/frizzlepreview.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/frizzle-tv.html">
                                             <h4 class="text-body">Frizzle TV</h4>
                                         </a>
@@ -231,7 +229,7 @@
                                 </div>
                             </div>
                             <div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
-                                <div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
+                                <div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
                                     <div class="card-body"><a href="/my-work/web-design/peter-bell-music.html">
                                             <h4 class="text-body">Peter Bell Music</h4>
                                         </a>
@@ -258,7 +256,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -328,7 +326,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/projects.html

@@ -137,9 +137,7 @@
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
-                    <li class="nav-item dropdown nav-item" href="/projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
+                    <li class="nav-item"><a class="nav-link" href="../../projects.html">My Work</a></li>
-                        <div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
                     <li class="nav-item"><a class="nav-link" href="../../contact.html">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">
@@ -158,10 +156,10 @@
                 <div class="heading page-heading">
                     <h1>Projects</h1>
                     <ul class="nav nav-tabs d-flex justify-content-center" data-bss-type="tag-nav" data-bss-sync-url="true">
-                        <li class="nav-item tag-all" data-bss-type="tag-loop-item" data-bss-href="" data-bss-filter="blog" data-bss-filter-param="tag" data-bss-filter-value="" data-bss-tag=""><a class="nav-link active" href="" data-bss-state-node="">All Projects</a></li>
+                        <li class="nav-item" data-bss-type="tag-loop-item" data-bss-href="" data-bss-filter="blog" data-bss-filter-param="tag" data-bss-filter-value="" data-bss-tag=""><a class="nav-link active" href="" data-bss-state-node="">All Projects</a></li>
-                        <li class="nav-item tag-web-design" data-bss-type="tag-loop-item" data-bss-href="" data-bss-filter="blog" data-bss-filter-param="tag" data-bss-filter-value="web-design" data-bss-tag="web-design"><a class="nav-link" data-bss-state-node="">Web Design</a></li>
+                        <li class="nav-item" data-bss-type="tag-loop-item" data-bss-href="" data-bss-filter="blog" data-bss-filter-param="tag" data-bss-filter-value="web-design" data-bss-tag="web-design"><a class="nav-link" data-bss-state-node="">Web Design</a></li>
-                        <li class="nav-item tag-projects-for-education" data-bss-type="tag-loop-item" data-bss-href="" data-bss-filter="blog" data-bss-filter-param="tag" data-bss-filter-value="projects-for-education" data-bss-tag="projects-for-education"><a class="nav-link" href="" data-bss-state-node="">Projects for Education</a></li>
+                        <li class="nav-item" data-bss-type="tag-loop-item" data-bss-href="" data-bss-filter="blog" data-bss-filter-param="tag" data-bss-filter-value="projects-for-education" data-bss-tag="projects-for-education"><a class="nav-link" href="" data-bss-state-node="">Projects for Education</a></li>
-                        <li class="nav-item tag-extracurricular-projects" data-bss-type="tag-loop-item" data-bss-href="" data-bss-filter="blog" data-bss-filter-param="tag" data-bss-filter-value="extracurricular-projects" data-bss-tag="extracurricular-projects"><a class="nav-link" href="" data-bss-state-node="">Extracurricular Projects</a></li>
+                        <li class="nav-item" data-bss-type="tag-loop-item" data-bss-href="" data-bss-filter="blog" data-bss-filter-param="tag" data-bss-filter-value="extracurricular-projects" data-bss-tag="extracurricular-projects"><a class="nav-link" href="" data-bss-state-node="">Extracurricular Projects</a></li>
                     </ul>
                 </div>
                 <div data-bss-type="blog-loop" data-bss-filters="[&quot;tag&quot;]" data-bss-empty-filter-actions="[{&quot;filter&quot;:&quot;tag&quot;,&quot;value&quot;:&quot;show-all&quot;}]" data-bss-perpage="6" data-bss-page-param="pg" data-bss-scroll-on-change="true" style="display: none !important;">
@@ -369,7 +367,7 @@
             <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 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 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">
                             <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" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -439,7 +437,7 @@
             <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 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;}">
+                    <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/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></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" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>

Export/sitemap.xml

@@ -7,7 +7,7 @@
         <loc>https://www.mrdaviscsit.uk/blog/clearing-the-clutter.html</loc>
     </url>
     <url>
-        <loc>https://www.mrdaviscsit.uk/blog/edtext-rollout-strategies.html</loc>
+        <loc>https://www.mrdaviscsit.uk/blog/edtech-rollout-strategies.html</loc>
     </url>
     <url>
         <loc>https://www.mrdaviscsit.uk/blog/its-been-a-while.html</loc>