Export of whole site.

Signed-off-by: Alexander Davis <alex@adcm.uk>

.gitea/workflows/publish.yaml

@@ -0,0 +1,32 @@
+name: Publish to Server
+run-name: ${{ gitea.actor }} is publishing your site using Gitea Actions 🚀
+
+on:
+  workflow_dispatch:
+  # Trigger the workflow on push
+  push:
+    branches: [main]
+
+# Authenticate to the the server via ssh
+# and run our deployment script (sftp upload)
+jobs:
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: SFTP upload
+        uses: Dylan700/sftp-upload-action@latest
+        with:
+          server: ${{ vars.SSH_HOST }}
+          username: ${{ vars.SSH_USERNAME }}
+          password: ${{ secrets.KEY_PASSWORD }}
+          port: 22
+          uploads: |
+            ${{ vars.GIT_FOLDER }} => ${{ vars.SSH_FOLDER }}
+          delete: 'false'
+          ignore: |
+            *.git
+            */**/*git*

Export/about.html

@@ -22,60 +22,148 @@
 <script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
 
 <meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
+<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>About - Mr Davis CS &amp; IT</title>
-    <link rel="canonical" href="https://www.mrdaviscsit.uk/about">
+    <link rel="canonical" href="https://www.mrlyall.uk/about.html">
-    <meta property="og:url" content="https://www.mrdaviscsit.uk/about">
+    <meta property="og:url" content="https://www.mrlyall.uk/about.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 name="twitter:description" content="The website of Mr. A. Lyall, 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">
-    <meta name="twitter:title" content="Mr Davis CS &amp; IT">
+    <meta property="og:type" content="website">
-    <meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/brand/headshot.webp">
+    <meta name="twitter:title" content="Mr Lyall">
+    <meta property="og:image" content="https://www.mrlyall.uk/assets/img/brand/headshot.webp">
     <meta name="description" content="An overview of my professional background, including my role as Head of Computing, my educational philosophy, and key projects such as CS:Box. Highlighting my contributions to computing education and my broader work in IT, media production, and web development.">
-    <script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
+    <script>
-    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp">
+        (function() {
-    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
+
-    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp">
+            // JavaScript snippet handling Dark/Light mode switching
-    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
+
-    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp">
+            const getStoredTheme = () => localStorage.getItem('theme');
-    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp">
+            const setStoredTheme = theme => localStorage.setItem('theme', theme);
-    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp">
+            const forcedTheme = document.documentElement.getAttribute('data-bss-forced-theme');
-    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+
-    <link rel="stylesheet" href="assets/css/styles.min.css">
+            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_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
+    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" media="(prefers-color-scheme: dark)">
+    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
+    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" media="(prefers-color-scheme: dark)">
+    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
+    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
+    <link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
+    <link rel="stylesheet" href="assets/css/Lato.css?h=4cf0101c9fb4e71821a619e3490ba3db">
+    <link rel="stylesheet" href="assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
+    <link rel="stylesheet" href="assets/css/styles.css?h=7c67e1bb3df4cb41abaceaf312f03dfa">
+    <link rel="stylesheet" href="assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
+    <link rel="stylesheet" href="assets/css/CookieConsentComponent.css?h=39af3305e95f4d2a8883e97d7e0cdb14">
+    <link rel="stylesheet" href="assets/css/animations.compiled.css?h=49917e33fe831aa33e24fb1e8124fdd9">
+    <link rel="stylesheet" href="assets/css/Carousel---Slider-With-Animation.css?h=63f5768f05d2ae91446ac010bcd4844a">
 </head>
 
 <body>
     <nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark">
-        <div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="assets/img/brand/adcm_logo_white.webp" 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="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
             <div class="collapse navbar-collapse" id="navbarNav">
                 <ul class="navbar-nav ms-auto">
-                    <li class="nav-item"><a class="nav-link" href="../../">Home</a></li>
+                    <li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
-                    <li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
+                    <li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
-                    <li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
+                    <li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
-                    <li class="nav-item"><a class="nav-link" href="../showreel">Showreel</a></li>
+                    <li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
-                    <li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
+                    <li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
-                    <li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
                 </ul>
             </div>
         </div>
     </nav>
     <main class="page">
         <section class="portfolio-block block-intro">
+            <!-- Start: Sidebar -->
             <div class="container center-everything">
                 <div class="row">
                     <div class="col align-content-center">
                         <h1 class="intro-margin">Hello!</h1>
-                        <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>
+                        <p class="about-intro">I am <strong>Alexander Lyall.</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 headshot" alt="Professional headshot of a smiling man wearing a suit, glasses, and academy lanyard, isolated on a transparent background." src="assets/img/brand/headshot.webp"></picture>
+                        <picture><img class="w-100 h-auto headshot" alt="Professional headshot of a smiling man wearing a suit, glasses, and academy lanyard, isolated on a transparent background." src="assets/img/brand/headshot.webp?h=da9aee87a58d6722b64806413b98261e"></picture>
-                    </div>
                     </div>
                 </div>
+            </div><!-- End: Sidebar -->
+            <!-- Start: Sidebar -->
             <div class="container center-everything">
                 <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>
+            </div><!-- End: Sidebar -->
         </section>
     </main>
     <div class="accordion work-experience group center-everything cv-group" role="tablist" id="accordion-1">
@@ -247,42 +335,77 @@
                 </div>
             </div>
         </div>
-    </div>
+    </div><!-- Start: Footer Multi Column -->
     <footer class="text-body bg-body" id="Light-Footer">
         <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">
+                <!-- Start: Accreditations -->
+                <div class="col-sm-3 col-md-6 text-center text-lg-start d-none d-sm-none d-md-none d-lg-flex flex-column">
                     <h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
                     <div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
                         <div class="swiper-wrapper">
-                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/canva-essentials" target="_blank"><img class="img-fluid w-100 accreditation" width="692" height="692" src="assets/img/accreditations/canva-essentials-badge.webp"></a></div>
+                            <!-- Start: Mountain Training -->
-                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/canva-essentials-mobile" target="_blank"><img class="img-fluid w-100 accreditation" width="692" height="692" src="assets/img/accreditations/canva-essentials-for-mobile-badge.webp"></a></div>
+                            <div class="swiper-slide d-flex justify-content-center center-everything">
-                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/graphic-design-essentials" target="_blank"><img class="img-fluid w-100 accreditation" width="692" height="692" src="assets/img/accreditations/graphic-design-essentials-badge.webp"></a></div>
+                                <div class="tahdah-badge" data-candidateid="1466454"></div>
-                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/marketing-with-canva" target="_blank"><img class="img-fluid w-100 accreditation" width="1080" height="1080" src="assets/img/accreditations/mr-a-davis-marketing-with-canva-badge.webp"></a></div>
+                            </div><!-- End: Mountain Training -->
-                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/canva-for-work" target="_blank"><img class="img-fluid w-100 accreditation" width="2160" height="2160" src="assets/img/accreditations/mr-a-davis-canva-for-work-badge.webp"></a></div>
+                            <!-- Start: Canva Essentials -->
-                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/teacher-essentials" target="_blank"><img class="img-fluid w-100 accreditation" width="692" height="692" src="assets/img/accreditations/teacher-essentials-badge.webp"></a></div>
+                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/canva-essentials" target="_blank"><img class="img-fluid w-100 accreditation" width="692" height="692" src="assets/img/accreditations/canva-essentials-badge.webp?h=bc157efb7620e733f43b4b00981978ea"></a></div><!-- End: Canva Essentials -->
-                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/ai-in-the-classroom" target="_blank"><img class="img-fluid w-100 accreditation" width="1080" height="1080" src="assets/img/accreditations/ai-in-the-classroom-badge.webp"></a></div>
+                            <!-- Start: Canva Essentials for Mobile -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp"></a></div>
+                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/canva-essentials-mobile" target="_blank"><img class="img-fluid w-100 accreditation" width="692" height="692" src="assets/img/accreditations/canva-essentials-for-mobile-badge.webp?h=93513f8f560a2e346c12aeb9fb0c18ec"></a></div><!-- End: Canva Essentials for Mobile -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
+                            <!-- Start: Canva Graphic Design Essentials -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
+                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/graphic-design-essentials" target="_blank"><img class="img-fluid w-100 accreditation" width="692" height="692" src="assets/img/accreditations/graphic-design-essentials-badge.webp?h=f5406331e45433f0d8bd6b929f9d113b"></a></div><!-- End: Canva Graphic Design Essentials -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
+                            <!-- Start: Marketing with Canva -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
+                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/marketing-with-canva" target="_blank"><img class="img-fluid w-100 accreditation" width="1080" height="1080" src="assets/img/accreditations/mr-a-davis-marketing-with-canva-badge.webp?h=f0b802da597c825b7e03378130d94aca"></a></div><!-- End: Marketing with Canva -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
+                            <!-- Start: Canva for Work -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
+                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/canva-for-work" target="_blank"><img class="img-fluid w-100 accreditation" width="2160" height="2160" src="assets/img/accreditations/mr-a-davis-canva-for-work-badge.webp?h=b3617633e9d2de429288704f75b304f4"></a></div><!-- End: Canva for Work -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
+                            <!-- Start: Canva Teacher Essentials -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
+                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/teacher-essentials" target="_blank"><img class="img-fluid w-100 accreditation" width="692" height="692" src="assets/img/accreditations/teacher-essentials-badge.webp?h=d2d6f962e0b1bbebc68f987d6f156028"></a></div><!-- End: Canva Teacher Essentials -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
+                            <!-- Start: Canva AI in the Classroom -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
+                            <div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/ai-in-the-classroom" target="_blank"><img class="img-fluid w-100 accreditation" width="1080" height="1080" src="assets/img/accreditations/ai-in-the-classroom-badge.webp?h=769458ef2c323729c209855a3cde7312"></a></div><!-- End: Canva AI in the Classroom -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
+                            <!-- Start: Adobe Creative Educator Level 1 -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp?h=45de0c4e8984e885b1153e344e794beb"></a></div><!-- End: Adobe Creative Educator Level 1 -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
+                            <!-- Start: Minecraft Education -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/53745c80-7d0a-4428-906a-839e905c139c/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="assets/img/accreditations/minecraft-education-ambassador.webp?h=5c614dffa9ab6d6fd77cd805b8397ffd"></a></div><!-- End: Minecraft Education -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
+                            <!-- Start: MCE -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="assets/img/accreditations/mce_microsoft_certified_educator.webp?h=3e67f154a356cd1ef15c31b0fb42c0c4"></a></div><!-- End: MCE -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
+                            <!-- Start: MIEE 2023-2024 -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp?h=ee882aefba64b3e5b8ea9554eeea3847"></a></div><!-- End: MIEE 2023-2024 -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
+                            <!-- Start: MIEE 2024-2025 -->
-                            <div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp?h=a0b5cb2a639caf0351a977146375667e"></a></div><!-- End: MIEE 2024-2025 -->
+                            <!-- Start: Pearson OSA Expert -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="assets/img/accreditations/pearson_onscreen_assessment_expert.webp?h=d4e00ea5bfad5a66c619238d7cbdd8db"></a></div><!-- End: Pearson OSA Expert -->
+                            <!-- Start: STEM 21-22 -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp?h=7f96a591bd4fb09f86da96af8a8a41ef"></a></div><!-- End: STEM 21-22 -->
+                            <!-- Start: NCCE Secondary 21-22 -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp?h=813dd91393f904969bc3bf184007c8c2"></a></div><!-- End: NCCE Secondary 21-22 -->
+                            <!-- Start: NCCE Secondary 23-24 -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/secondary_computing_professional_development_2023_2.webp?h=77ebf2880eb7d342016b83e098d92d23"></a></div><!-- End: NCCE Secondary 23-24 -->
+                            <!-- Start: NCCE GCSE Computer Science 19-20 -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp?h=fef2cee3326aeff9e2f65e86cf5e4fee"></a></div><!-- End: NCCE GCSE Computer Science 19-20 -->
+                            <!-- Start: NCCE GCSE Computer Science 23-24 -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp?h=0a54c55717b61c0a0b4ed80582d7bfae"></a></div><!-- End: NCCE GCSE Computer Science 23-24 -->
+                            <!-- Start: NCCE GCSE Computer Science 23-24 -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/gcse_computer_science_professional_development_2023.webp?h=71b8c59772af539946fb49a210b05758"></a></div><!-- End: NCCE GCSE Computer Science 23-24 -->
+                            <!-- Start: NCCE A Level Computer Science 23-24 -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/a_level_computer_science_professional_development.webp?h=a9cc6f73abdf82ab49e5f8a8695cb557"></a></div><!-- End: NCCE A Level Computer Science 23-24 -->
+                            <!-- Start: MOS Master -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_master_2013.webp?h=70d957a5307d38f46b84b6462439afbc"></a></div><!-- End: MOS Master -->
+                            <!-- Start: MOS Word Expert -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp?h=5bd4ec8c82587201172a8b8e460ff4e6"></a></div><!-- End: MOS Word Expert -->
+                            <!-- Start: MOS Word -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_word_2013.webp?h=2b90c5590b7b50f1891a9116fa38ac36"></a></div><!-- End: MOS Word -->
+                            <!-- Start: MOS Excel -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_excel_2013.webp?h=f016925633d0a52b862259a05b396b6a"></a></div><!-- End: MOS Excel -->
+                            <!-- Start: MOS PowerPoint -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp?h=26de9623c491661347998549e10d4353"></a></div><!-- End: MOS PowerPoint -->
+                            <!-- Start: MOS OneNote -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp?h=2ffe41c2a6e37d602469f8158ef13d79"></a></div><!-- End: MOS OneNote -->
+                            <!-- Start: MTA Security -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div><!-- End: MTA Security -->
+                            <!-- Start: MTA Networking -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div><!-- End: MTA Networking -->
+                            <!-- Start: MTA Windows OS -->
+                            <div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div><!-- End: MTA Windows OS -->
                         </div>
                     </div>
                     <div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -293,11 +416,11 @@
                                     <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><!-- End: Accreditations -->
-                <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
+                <!-- Start: Spacer -->
-                <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
+                <div class="col-md-3 text-center text-lg-start d-flex flex-column"><a class="d-flex w-100 justify-content-center center-everything" href="https://client.brixly.uk/aff.php?aff=837" target="_blank"><img class="img-fluid object-fit-contain w-50" src="https://brixly.uk/wp-content/uploads/2022/06/Artboard-32.jpg"></a></div><!-- End: Spacer -->
-                <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="col-md-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised orange microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="assets/img/brand/adcm_logo_accent.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised orange microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501" width="50" height="50" class="footer-logo"><span>Mr A Lyall</span></div>
                     <p>IT professional and Head of Computing in the West Midlands</p>
                 </div>
             </div>
@@ -305,33 +428,44 @@
             <div class="d-flex justify-content-between align-items-center pt-3">
                 <p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
                 <ul class="list-inline mb-0">
+                    <!-- Start: Mastodon -->
                     <li class="list-inline-item"><a rel="me" href="https://mstdn.social/@MrDavisCSIT"><svg class="text-body" xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
     <!--! 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>
+</svg></a></li><!-- End: Mastodon -->
-                    <li class="list-inline-item"><a href="https://bsky.app/profile/adcmnetworks.co.uk"><i class="fa-brands fa-square-bluesky"></i></a></li>
+                    <!-- Start: Bluesky -->
+                    <li class="list-inline-item"><a href="https://bsky.app/profile/adcmnetworks.co.uk"><i class="fa-brands fa-square-bluesky"></i></a></li><!-- End: Bluesky -->
+                    <!-- Start: LinkedIn -->
                     <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>
+                            </svg></a></li><!-- End: LinkedIn -->
+                    <!-- Start: GitHub -->
                     <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>
+                            </svg></a></li><!-- End: GitHub -->
+                    <!-- Start: Reddit -->
                     <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>
+                            </svg></a></li><!-- End: Reddit -->
+                    <!-- Start: YouTube -->
                     <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>
+                            </svg></a></li><!-- End: YouTube -->
                 </ul>
             </div>
         </div>
-    </footer>
+    </footer><!-- End: Footer Multi Column -->
     <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?h=7c6b4c49b8ac0f383799ccb3d5def770"></script>
+    <script src="assets/js/Carousel---Slider-With-Animation-slider_with_animation.js?h=948f8788fd189b5cc9df01ff4fce4152"></script>
+    <script src="assets/js/CookieConsentComponent-cookieconsent.js?h=83fbb3192473604d72b00a854c6de4fd"></script>
     <script src="https://kit.fontawesome.com/8970d94f9b.js"></script>
-    <script src="assets/js/script.min.js"></script>
+    <script src="assets/js/pikaday.min.js?h=039feef26d52ebc5f1260a47208bfa38"></script>
+    <script src="assets/js/text-carousel.js?h=992f402828c7806b1f3bb7f29232e972"></script>
+    <script src="assets/js/theme.js?h=aeddb9c3ce5d77b8278c91c07acf30ad"></script>
 </body>
 
 </html>

Export/assets/css/Carousel---Slider-With-Animation.css

@@ -0,0 +1,168 @@
+.carousel-item {
+  height: 600px;
+  position: relative;
+  overflow: hidden;
+}
+
+.carousel-item img {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+  transition: transform 1s ease;
+}
+
+.carousel-caption {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+  width: 100%;
+  padding: 0;
+}
+
+.carousel-text-container {
+  position: relative;
+  z-index: 4;
+  opacity: 0;
+  transform: translateX(100px);
+  transition: all 1s ease;
+}
+
+.carousel-button {
+  transition: all 1s ease;
+}
+
+.carousel-button .btn {
+  background-color: #38c3ff;
+  color: #ffffff;
+  border: none;
+  padding: 0.75rem 1.5rem;
+  font-size: 1.2em;
+  border-radius: 5px;
+  cursor: pointer;
+  z-index: 7;
+}
+
+.carousel-overlay {
+  position: absolute;
+  top: -100%;
+  left: 50%;
+  transform: translateX(-50%);
+  width: calc(70% - 450px);
+  height: 170%;
+  background-color: rgba(89,170,204,0.6);
+  z-index: 2;
+  transition: all 1s ease;
+  border-radius: 4px;
+  padding-top: 50px;
+  display: block;
+}
+
+.carousel-item.active img {
+  transform: translateX(0);
+}
+
+.carousel-item.active .carousel-text-container {
+  opacity: 1;
+  transform: translateX(0);
+  transition-delay: 0.2s;
+}
+
+.carousel-item.active .carousel-button {
+  opacity: 1;
+  transition-delay: 1.2s;
+}
+
+.carousel-item.active .carousel-overlay {
+  top: -50px;
+}
+
+.heading_titles {
+  margin-top: 70px !important;
+  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+  font-weight: 700;
+}
+
+.btn_view_more {
+  margin-top: 15px;
+  z-index: 3 !important;
+  opacity: 1;
+  position: relative;
+}
+
+@media (max-width: 1480px) {
+  .carousel-overlay {
+    width: calc(60% + 50px);
+  }
+}
+
+@media (max-width: 768px) {
+  .btn_view_more {
+    /*margin-top: 15px;*/
+    z-index: 3 !important;
+  }
+}
+
+@media (max-width: 768px) {
+  .carousel-button .btn {
+    font-size: 1em;
+    padding: 0.5rem 1rem;
+  }
+}
+
+@media (max-width: 768px) {
+  .carousel-item {
+    height: 500px;
+    z-index: 7;
+  }
+}
+
+@media (max-width: 768px) {
+  .carousel-overlay {
+    width: calc(80% + 50px);
+  }
+}
+
+@media (max-width: 576px) {
+  .carousel-button .btn {
+    font-size: 0.8em;
+    padding: .4rem .8rem;
+  }
+}
+
+@media (max-width: 576px) {
+  .carousel-item {
+    height: 400px;
+  }
+}
+
+@media (max-width: 576px) {
+  .carousel-overlay {
+    width: calc(90% + 50px);
+  }
+}
+
+.small_heading {
+  text-shadow: 2px 2px 8px rgb(67,67,67);
+}
+
+.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
+  --bs-gutter-x: 1.5rem;
+  --bs-gutter-y: 0;
+  width: 100%;
+  padding: 0px;
+  margin: 0px;
+  padding-right: calc(var(--bs-gutter-x) * .5);
+  padding-left: calc(var(--bs-gutter-x) * .5);
+  margin-right: auto;
+  margin-left: auto;
+  padding: 0px;
+  margin: 0px;
+}
+
+.container-fluid {
+  padding: 0px;
+  margin: 0px;
+}
+

Export/assets/css/Lato.css

@@ -0,0 +1,53 @@
+@font-face {
+	font-family: 'Lato';
+	src: url(../../assets/fonts/Lato-4e217721e9fb1cd301e9a54b812ed57e.woff2?h=4cf0101c9fb4e71821a619e3490ba3db) format('woff2');
+	font-weight: 300;
+	font-style: normal;
+	font-display: swap;
+	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+	font-family: 'Lato';
+	src: url(../../assets/fonts/Lato-56d4f452a028c443cc47b3fadf4ce597.woff2?h=4cf0101c9fb4e71821a619e3490ba3db) format('woff2');
+	font-weight: 300;
+	font-style: normal;
+	font-display: swap;
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+	font-family: 'Lato';
+	src: url(../../assets/fonts/Lato-8396872b14a8ea9c4ae608b70e9d89a9.woff2?h=4cf0101c9fb4e71821a619e3490ba3db) format('woff2');
+	font-weight: 400;
+	font-style: normal;
+	font-display: swap;
+	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+	font-family: 'Lato';
+	src: url(../../assets/fonts/Lato-94b6e1f3e395174bc9a2ac26a293a78d.woff2?h=4cf0101c9fb4e71821a619e3490ba3db) format('woff2');
+	font-weight: 400;
+	font-style: normal;
+	font-display: swap;
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+	font-family: 'Lato';
+	src: url(../../assets/fonts/Lato-5387afcc673bd39af5b4ab2d4f64f3e7.woff2?h=4cf0101c9fb4e71821a619e3490ba3db) format('woff2');
+	font-weight: 700;
+	font-style: normal;
+	font-display: swap;
+	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+	font-family: 'Lato';
+	src: url(../../assets/fonts/Lato-51893472f68d786b7cec684fd0a2af6d.woff2?h=4cf0101c9fb4e71821a619e3490ba3db) format('woff2');
+	font-weight: 700;
+	font-style: normal;
+	font-display: swap;
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

Export/assets/css/animations.compiled.css

@@ -0,0 +1,49 @@
+.rainbow-border:hover {
+  --border-angle: 0turn;
+  --main-bg: conic-gradient(
+      from var(--border-angle),
+      var(--bs-primary),
+      #112 5%,
+      #112 60%,
+      #213 95%
+    );
+  border: solid 5px transparent;
+  border-radius: 5px;
+  --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, var(--bs-primary), var(--bs-secondary) 99%, transparent);
+  background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
+  background-position: center center;
+  animation: bg-spin 3s linear infinite;
+}
+@keyframes bg-spin {
+  to {
+    --border-angle: 1turn;
+  }
+}
+
+@property --border-angle {
+  syntax: "<angle>";
+  inherits: true;
+  initial-value: 0turn;
+}
+@keyframes colour-change {
+  0% {
+    background: linear-gradient(120deg, var(--bs-primary), var(--bs-secondary));
+  }
+  50% {
+    background: linear-gradient(120deg, var(--bs-secondary), var(--bs-primary), var(--bs-secondary));
+  }
+  100% {
+    background: linear-gradient(120deg, var(--bs-secondary), var(--bs-primary));
+  }
+}
+@keyframes reverse-colour-change {
+  0% {
+    background: linear-gradient(120deg, var(--bs-secondary), var(--bs-primary));
+  }
+  50% {
+    background: linear-gradient(120deg, var(--bs-primary), var(--bs-secondary), var(--bs-primary));
+  }
+  100% {
+    background: linear-gradient(120deg, var(--bs-primary), var(--bs-secondary));
+  }
+}

Export/assets/css/bss-overrides.css

@@ -0,0 +1,197 @@
+:root, [data-bs-theme=light] {
+  --bs-primary: #381741;
+  --bs-primary-rgb: 56,23,65;
+  --bs-primary-text-emphasis: #16091A;
+  --bs-primary-bg-subtle: #D7D1D9;
+  --bs-primary-border-subtle: #AFA2B3;
+  --bs-secondary: #e86b17;
+  --bs-secondary-rgb: 232,107,23;
+  --bs-secondary-text-emphasis: #5D2B09;
+  --bs-secondary-bg-subtle: #FAE1D1;
+  --bs-secondary-border-subtle: #F6C4A2;
+  --bs-link-color: #381741;
+  --bs-link-color-rgb: 56,23,65;
+  --bs-link-hover-color: #e86b17;
+  --bs-link-hover-color-rgb: 232,107,23;
+}
+
+.btn-primary {
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #381741;
+  --bs-btn-border-color: #381741;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #301437;
+  --bs-btn-hover-border-color: #2D1234;
+  --bs-btn-focus-shadow-rgb: 225,220,227;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #2D1234;
+  --bs-btn-active-border-color: #2A1131;
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: #381741;
+  --bs-btn-disabled-border-color: #381741;
+}
+
+.btn-outline-primary {
+  --bs-btn-color: #381741;
+  --bs-btn-border-color: #381741;
+  --bs-btn-focus-shadow-rgb: 56,23,65;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #381741;
+  --bs-btn-hover-border-color: #381741;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #381741;
+  --bs-btn-active-border-color: #381741;
+  --bs-btn-disabled-color: #381741;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #381741;
+}
+
+.btn-secondary {
+  --bs-btn-color: #000000;
+  --bs-btn-bg: #e86b17;
+  --bs-btn-border-color: #e86b17;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #EB813A;
+  --bs-btn-hover-border-color: #EA7A2E;
+  --bs-btn-focus-shadow-rgb: 35,16,3;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #ED8945;
+  --bs-btn-active-border-color: #EA7A2E;
+  --bs-btn-disabled-color: #000000;
+  --bs-btn-disabled-bg: #e86b17;
+  --bs-btn-disabled-border-color: #e86b17;
+}
+
+.btn-outline-secondary {
+  --bs-btn-color: #e86b17;
+  --bs-btn-border-color: #e86b17;
+  --bs-btn-focus-shadow-rgb: 232,107,23;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #e86b17;
+  --bs-btn-hover-border-color: #e86b17;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #e86b17;
+  --bs-btn-active-border-color: #e86b17;
+  --bs-btn-disabled-color: #e86b17;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #e86b17;
+}
+
+[data-bs-theme=dark] {
+  --bs-primary: #e86b17;
+  --bs-primary-rgb: 232,107,23;
+  --bs-primary-text-emphasis: #F1A674;
+  --bs-primary-bg-subtle: #2E1505;
+  --bs-primary-border-subtle: #8B400E;
+  --bs-secondary: #381741;
+  --bs-secondary-rgb: 56,23,65;
+  --bs-secondary-text-emphasis: #88748D;
+  --bs-secondary-bg-subtle: #0B050D;
+  --bs-secondary-border-subtle: #220E27;
+  --bs-link-color: #ffffff;
+  --bs-link-color-rgb: 255,255,255;
+  --bs-link-hover-color: #e86b17;
+  --bs-link-hover-color-rgb: 232,107,23;
+}
+
+[data-bs-theme=dark] .btn-primary, .btn-primary[data-bs-theme=dark] {
+  --bs-btn-color: #000000;
+  --bs-btn-bg: #e86b17;
+  --bs-btn-border-color: #e86b17;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #EB813A;
+  --bs-btn-hover-border-color: #EA7A2E;
+  --bs-btn-focus-shadow-rgb: 35,16,3;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #ED8945;
+  --bs-btn-active-border-color: #EA7A2E;
+  --bs-btn-disabled-color: #000000;
+  --bs-btn-disabled-bg: #e86b17;
+  --bs-btn-disabled-border-color: #e86b17;
+}
+
+[data-bs-theme=dark] .btn-outline-primary, .btn-outline-primary[data-bs-theme=dark] {
+  --bs-btn-color: #e86b17;
+  --bs-btn-border-color: #e86b17;
+  --bs-btn-focus-shadow-rgb: 232,107,23;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #e86b17;
+  --bs-btn-hover-border-color: #e86b17;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #e86b17;
+  --bs-btn-active-border-color: #e86b17;
+  --bs-btn-disabled-color: #e86b17;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #e86b17;
+}
+
+[data-bs-theme=dark] .btn-secondary, .btn-secondary[data-bs-theme=dark] {
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #381741;
+  --bs-btn-border-color: #381741;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #301437;
+  --bs-btn-hover-border-color: #2D1234;
+  --bs-btn-focus-shadow-rgb: 225,220,227;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #2D1234;
+  --bs-btn-active-border-color: #2A1131;
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: #381741;
+  --bs-btn-disabled-border-color: #381741;
+}
+
+[data-bs-theme=dark] .btn-outline-secondary, .btn-outline-secondary[data-bs-theme=dark] {
+  --bs-btn-color: #381741;
+  --bs-btn-border-color: #381741;
+  --bs-btn-focus-shadow-rgb: 56,23,65;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #381741;
+  --bs-btn-hover-border-color: #381741;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #381741;
+  --bs-btn-active-border-color: #381741;
+  --bs-btn-disabled-color: #381741;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #381741;
+}
+
+.py-4 {
+  padding-top: 1.5rem !important;
+  padding-bottom: 1.5rem !important;
+}
+
+.pt-3 {
+  padding-top: 1rem !important;
+}
+
+@media (min-width: 992px) {
+  .py-lg-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+
+.swiper-vertical {
+  max-height: 100vh;
+}
+
+.swiper-nav-standalone .swiper-button-prev, .swiper-nav-standalone .swiper-button-next {
+  position: relative;
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+  width: auto;
+  height: auto;
+  margin: 0;
+}
+
+.swiper-nav-standalone .swiper-button-prev:after, .swiper-nav-standalone .swiper-button-next:after {
+  content: "";
+}
+
+.swiper-nav-custom .swiper-button-prev:after, .swiper-nav-custom .swiper-button-next:after {
+  content: "";
+}
+

Export/assets/css/pikaday.min.css

@@ -0,0 +1,226 @@
+/* !
+ * Pikaday
+ * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */
+
+.pika-single {
+  z-index: 9999;
+  display: block;
+  position: relative;
+  color: #333;
+  background: #fff;
+  border: 1px solid #ccc;
+  border-bottom-color: #bbb;
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+}
+
+.pika-single:after, .pika-single:before {
+  content: " ";
+  display: table;
+}
+
+.pika-single:after {
+  clear: both;
+}
+
+.pika-single.is-hidden {
+  display: none;
+}
+
+.pika-single.is-bound {
+  position: absolute;
+  box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
+}
+
+.pika-lendar {
+  float: left;
+  width: 240px;
+  margin: 8px;
+}
+
+.pika-title {
+  position: relative;
+  text-align: center;
+}
+
+.pika-label {
+  display: inline-block;
+  position: relative;
+  z-index: 9999;
+  overflow: hidden;
+  margin: 0;
+  padding: 5px 3px;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 700;
+  background-color: #fff;
+}
+
+.pika-title select {
+  cursor: pointer;
+  position: absolute;
+  z-index: 9998;
+  margin: 0;
+  left: 0;
+  top: 5px;
+  opacity: 0;
+}
+
+.pika-next, .pika-prev {
+  display: block;
+  cursor: pointer;
+  position: relative;
+  outline: 0;
+  border: 0;
+  padding: 0;
+  width: 20px;
+  height: 30px;
+  text-indent: 20px;
+  white-space: nowrap;
+  overflow: hidden;
+  background-color: transparent;
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: 75% 75%;
+  opacity: .5;
+}
+
+.pika-next:hover, .pika-prev:hover {
+  opacity: 1;
+}
+
+.is-rtl .pika-next, .pika-prev {
+  float: left;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
+}
+
+.is-rtl .pika-prev, .pika-next {
+  float: right;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
+}
+
+.pika-next.is-disabled, .pika-prev.is-disabled {
+  cursor: default;
+  opacity: .2;
+}
+
+.pika-select {
+  display: inline-block;
+}
+
+.pika-table {
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+  border: 0;
+}
+
+.pika-table td, .pika-table th {
+  width: 14.285714285714286%;
+  padding: 0;
+}
+
+.pika-table th {
+  color: #999;
+  font-size: 12px;
+  line-height: 25px;
+  font-weight: 700;
+  text-align: center;
+}
+
+.pika-button {
+  cursor: pointer;
+  display: block;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  width: 100%;
+  padding: 5px;
+  color: #666;
+  font-size: 12px;
+  line-height: 15px;
+  text-align: right;
+  background: #f5f5f5;
+}
+
+.pika-week {
+  font-size: 11px;
+  color: #999;
+}
+
+.is-today .pika-button {
+  color: #3af;
+  font-weight: 700;
+}
+
+.has-event .pika-button, .is-selected .pika-button {
+  color: #fff;
+  font-weight: 700;
+  background: #3af;
+  box-shadow: inset 0 1px 3px #178fe5;
+  border-radius: 3px;
+}
+
+.has-event .pika-button {
+  background: #005da9;
+  box-shadow: inset 0 1px 3px #0076c9;
+}
+
+.is-disabled .pika-button, .is-inrange .pika-button {
+  background: #d5e9f7;
+}
+
+.is-startrange .pika-button {
+  color: #fff;
+  background: #6cb31d;
+  box-shadow: none;
+  border-radius: 3px;
+}
+
+.is-endrange .pika-button {
+  color: #fff;
+  background: #3af;
+  box-shadow: none;
+  border-radius: 3px;
+}
+
+.is-disabled .pika-button {
+  pointer-events: none;
+  cursor: default;
+  color: #999;
+  opacity: .3;
+}
+
+.is-outside-current-month .pika-button {
+  color: #999;
+  opacity: .3;
+}
+
+.is-selection-disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
+.pika-button:hover, .pika-row.pick-whole-week:hover .pika-button {
+  color: #fff;
+  background: #ff8000;
+  box-shadow: none;
+  border-radius: 3px;
+}
+
+.pika-table abbr {
+  border-bottom: none;
+  cursor: help;
+}
+
+/* # sourceMappingURL=pikaday.min.css.map */
+
+.page-footer .links a {
+  font-size: 1.2rem;
+}
+
+.portfolio-block.cv .group .item {
+  border-bottom: 1px solid var(--bs-dark-bg-subtle);
+}
+

Export/assets/css/styles.css

@@ -0,0 +1,611 @@
+.bs-icon {
+  --bs-icon-size: .75rem;
+  display: flex;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  font-size: var(--bs-icon-size);
+  width: calc(var(--bs-icon-size) * 2);
+  height: calc(var(--bs-icon-size) * 2);
+  color: var(--bs-primary);
+}
+
+.bs-icon-xs {
+  --bs-icon-size: 1rem;
+  width: calc(var(--bs-icon-size) * 1.5);
+  height: calc(var(--bs-icon-size) * 1.5);
+}
+
+.bs-icon-sm {
+  --bs-icon-size: 1rem;
+}
+
+.bs-icon-md {
+  --bs-icon-size: 1.5rem;
+}
+
+.bs-icon-lg {
+  --bs-icon-size: 2rem;
+}
+
+.bs-icon-xl {
+  --bs-icon-size: 2.5rem;
+}
+
+.bs-icon.bs-icon-primary {
+  color: var(--bs-white);
+  background: var(--bs-primary);
+}
+
+.bs-icon.bs-icon-primary-light {
+  color: var(--bs-primary);
+  background: rgba(var(--bs-primary-rgb), .2);
+}
+
+.bs-icon.bs-icon-semi-white {
+  color: var(--bs-primary);
+  background: rgba(255, 255, 255, .5);
+}
+
+.bs-icon.bs-icon-rounded {
+  border-radius: .5rem;
+}
+
+.bs-icon.bs-icon-circle {
+  border-radius: 50%;
+}
+
+.blog-heading {
+  margin-bottom: 10px !important;
+  text-align: center;
+}
+
+.blog-loop-img {
+  max-height: 200px;
+  background-size: cover;
+}
+
+.blog-block {
+  padding-bottom: 25px!important;
+  padding-top: 50px!important;
+}
+
+/* [data-bs-theme=dark] .card-link .blog-link {
+  --bs-link-color: #ffffff !important;
+  --bs-link-color-rgb: 255,255,255 !important;
+  --bs-link-hover-color: var(--bs-primary) !important;
+  --bs-link-hover-color-rgb: var(--bs-primary-rgb) !important;
+  color: #ffffff !important;
+}
+
+[data-bs-theme=dark] .card-link .blog-link:hover {
+  --bs-link-color: #ffffff !important;
+  --bs-link-color-rgb: 255,255,255 !important;
+  --bs-link-hover-color: var(--bs-primary) !important;
+  --bs-link-hover-color-rgb: var(--bs-primary-rgb) !important;
+  color: var(--bs-secondary) !important;
+}
+
+[data-bs-theme=light] .card-link .blog-link {
+  --bs-link-color: var(--bs-primary) !important;
+  --bs-link-color-rgb: var(--bs-primary-rgb) !important;
+  --bs-link-hover-color: var(--bs-primary) !important;
+  --bs-link-hover-color-rgb: var(--bs-primary-rgb) !important;
+  color: var(--bs-link-color);
+}
+
+[data-bs-theme=light] .card-link .blog-link:hover {
+  --bs-link-color: var(--bs-primary) !important;
+  --bs-link-color-rgb: var(--bs-primary-rgb) !important;
+  --bs-link-hover-color: var(--bs-primary) !important;
+  --bs-link-hover-color-rgb: var(--bs-primary-rgb) !important;
+  color: var(--bs-link-hover-color);
+} */
+
+[data-bs-theme=light] .footer-logo-colour {
+  display: block;
+}
+
+[data-bs-theme=dark] .footer-logo-colour {
+  display: none;
+}
+
+[data-bs-theme=dark] #light-mode {
+  display: none!important;
+}
+
+[data-bs-theme=auto] #light-mode {
+  display: none!important;
+}
+
+[data-bs-theme=light] #dark-mode {
+  display: none!important;
+}
+
+[data-bs-theme=light] #dark-mode {
+  display: none!important;
+}
+
+[data-bs-theme=light] #auto-mode {
+  display: none!important;
+}
+
+[data-bs-theme=dark] #auto-mode {
+  display: none!important;
+}
+
+[data-bs-theme=auto] #light-mode {
+  display: none!important;
+}
+
+[data-bs-theme=auto] #dark-mode {
+  display: none!important;
+}
+
+.gradient {
+  background: linear-gradient(120deg, rgb(var(--bs-primary-rgb)), rgb(var(--bs-secondary-rgb)))!important;
+  color: #fff;
+  transition: background 1000ms linear;
+}
+
+.gradient .mode-select {
+  pointer-events: auto;
+}
+
+.gradient:hover {
+  animation: reverse-colour-change;
+  animation-iteration-count: 1;
+  animation-duration: 5s;
+  animation-fill-mode: forwards;
+}
+
+.coloured-underline {
+  text-decoration-line: underline;
+  text-decoration-thickness: 2.5px;
+  text-decoration-color: linear-gradient(var(--bs-secondary-rgb), var(--bs-primary-rgb));
+  transition: background-size 2s linear, background-position 2s linear;
+  text-decoration: none;
+  background-image: linear-gradient(rgb(var(--bs-secondary-rgb)),rgb(var(--bs-primary-rgb)));
+  background-size: 20px 2px, 100% 2px, 0 2px;
+  background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
+  background-repeat: no-repeat;
+  transition: background-size 2s linear, background-position 2s linear;
+}
+
+.coloured-underline:hover {
+  /*text-decoration-thickness: 5px;*/
+  background-size: 20px 2px, 0 2px, 100% 2px;
+  background-position: calc(100% + 20px) 100%, 100% 100%, 0 100%;
+}
+
+/* [data-bs-theme="light"] .carousel-fade {
+  --bs-carousel-indicator-active-bg: #000;
+  --bs-carousel-caption-color: #000;
+  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
+}
+
+[data-bs-theme="dark"] .carousel-fade {
+  --bs-carousel-indicator-active-bg: #fff;
+  --bs-carousel-caption-color: #fff;
+  --bs-carousel-control-icon-filter: invert(0) grayscale(100);
+} */
+
+.rainbow-border {
+  max-height: 15em;
+  object-fit: cover;
+}
+
+.slider-image-fit {
+  object-fit: contain !important;
+}
+
+.center-everything {
+  margin-right: auto!important;
+  margin-left: auto!important;
+}
+
+.portfolio-block.block-intro {
+  padding-top: 5em;
+  padding-bottom: 2em;
+}
+
+.portfolio-block.project {
+  padding-top: 0px;
+  padding-bottom: 3em;
+}
+
+.portfolio-block.project .more-projects {
+  margin-top: 2em;
+  border-top: 1px solid var(--bs-dark-subtle);
+  padding-top: 1em;
+}
+
+.portfolio-block.block-intro p {
+  font-size: 1.5em;
+  font-weight: 300;
+  margin-bottom: 30px;
+  max-width: 95%;
+}
+
+.project-carousel {
+  width: 95%;
+  margin-right: auto;
+  margin-left: auto;
+  margin-bottom: 25px;
+}
+
+.portfolio-block .heading h2, .portfolio-block .heading .h2 {
+  text-transform: capitalize;
+  margin-top: 0;
+  margin-bottom: .5rem;
+  font-weight: bold;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+  font-size: 2.5rem;
+}
+
+.swiper-control {
+  color: var(--bs-secondary);
+}
+
+:root {
+  --swiper-theme-color: var(--bs-secondary);
+}
+
+.dropdown-menu .dropdown-item:active {
+  --bs-dropdown-link-active-bg: var(--bs-secondary)!important;
+}
+
+.portfolio-navbar.gradient {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.logo {
+  margin-right: 0;
+  padding: 0;
+}
+
+.portfolio-navbar.gradient img {
+  width: 100px;
+  height: 100px;
+}
+
+.heading.blog-heading.acknowledgements {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/blog/dissertation_acknowledgements.webp?h=0a964a8359c7afc7a412d2fa56f81732") center / cover;
+  color: white;
+}
+
+.footer-copyright {
+  margin-left: 2em;
+}
+
+.loop-padding {
+  padding-top: 25px;
+}
+
+.footer-logo {
+  width: 100px;
+  height: 100px;
+}
+
+.accreditations-title {
+  font-weight: bold;
+}
+
+.accreditations-navigation {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+.heading.page-heading {
+  margin-bottom: 25px;
+}
+
+.loop-item {
+  padding-bottom: 15px;
+}
+
+.card-resize {
+  height: 18em;
+}
+
+.dates {
+  float: right;
+}
+
+.tags {
+  float: left;
+}
+
+.excerpts {
+  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/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae") 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/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.mottashaw-consulting {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9") 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/showreel.jpg?h=9be1146cb56a32276b867b17b96c2972") 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/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3") 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/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14") 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/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5") 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/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f") 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/for_education/taskmaster_for%20ios/taskmasteriospreview.webp?h=b62eff0bef2a6734f8e4ac9ad05f103c") 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/for_education/nature_findings/naturefindingspreview.webp?h=a1d20406f8862370fbf569a75cf95af9") 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/for_education/my_mind/my_mind_logo.webp?h=4e299b8017d1483b6dfb87ea14d502aa") 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/for_education/cs_box/csbox_logo.webp?h=487f527cf87df0dba11b6f4d4993a80d") 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/for_education/bit_box/bit_box_logo.webp?h=36b5ef1a4c9f880d65df48518293999f") 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/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5") 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/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393") 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/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741") 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/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5") 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/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb") 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/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf") 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/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.split {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/blog/break-up.jpg?h=2583aa574343007bfcdc91dcbad2cd32") center / cover;
+  color: white;
+}
+
+.heading.blog-heading.migration {
+  height: 25em;
+  background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/blog/migration-process.webp?h=e112f60ecc785c0dfc809a62dd3a356f") 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/clearing_the_clutter.webp?h=663b94419c9fd6cac937ef9f663fc013") 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?h=b72cdf1e1356beee9d0d49acf961779b") 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?h=dac60117b0dffab449f882fe85bb3e31") 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.webp?h=d29dcecaf625be0e0a7477bb376bb154") 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.webp?h=0f3a7a00d0464010d2f7d3883466f8fa") 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?h=8f52c56d25366380ceae7d60855e2cb6") 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/for_education/cs_box/csbox_homepage.webp?h=5f6153bff07499f4d1108de6fea419f5");
+}
+
+.accreditation {
+  height: 150px;
+  object-fit: contain;
+}
+
+.card-img-size {
+  max-height: 10em;
+  object-fit: cover;
+}
+
+.mobile-padding-left {
+  margin-left: 0.5em;
+}
+
+.no-margin {
+  margin: 0;
+}
+