Version 1.0

Finished optimising all assets including conversion of all images to WebP.
Added all Credly badges to accreditations slider
Reorganisation of image assets
Attaching ALT Text to all imagery
Removal of .html extension on all pages
This commit is contained in:
2025-07-19 19:31:02 +01:00
parent ad3d6f044a
commit 7e620d7a16
274 changed files with 2450 additions and 20467 deletions

View File

@@ -22,124 +22,37 @@
<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>About - Mr Davis CS &amp; IT</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/about.html">
<meta property="og:url" content="https://www.mrdaviscsit.uk/about.html">
<link rel="canonical" href="https://www.mrdaviscsit.uk/about">
<meta property="og:url" content="https://www.mrdaviscsit.uk/about">
<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">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.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() {
// 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">
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_white.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
<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">
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html"><img src="/assets/img/brand/logo-white.png" 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" 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"><a class="nav-link" href="../../projects.html">My Work</a></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"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item"><a class="nav-link" href="../../blog">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
@@ -159,7 +72,7 @@
<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 headshot" 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"></picture>
</div>
</div>
</div>
@@ -345,25 +258,27 @@
<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.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>
<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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
@@ -378,7 +293,7 @@
<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" 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" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
@@ -415,25 +330,27 @@
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/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>
<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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></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"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="assets/img/accreditations/mce_microsoft_certified_educator.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="assets/img/accreditations/pearson_onscreen_assessment_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/secondary_computing_professional_development_2023_2.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/gcse_computer_science_professional_development_2023.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/a_level_computer_science_professional_development.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_master_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_word_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_excel_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_security_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#dark-swiper">
@@ -449,7 +366,7 @@
<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" 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 white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="assets/img/brand/adcm_logo_white.webp" width="50" height="50" class="footer-logo"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
@@ -482,13 +399,8 @@
<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>
<script src="assets/js/script.min.js"></script>
</body>
</html>

View File

@@ -1,168 +0,0 @@
.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;
}

File diff suppressed because it is too large Load Diff

View File

@@ -1,57 +0,0 @@
.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%;
}

View File

@@ -1,53 +0,0 @@
@font-face {
font-family: 'Lato';
src: url(/assets/fonts/Lato-ff54c608e77aa45d6d7fe812d5603c24.woff2) 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) 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-86b6ba3051c727f86b5bebe10ec3d60e.woff2) 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) 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-55e3fc6a5a6463f26fe1663dd67c13dc.woff2) 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) 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;
}

View File

@@ -1,49 +0,0 @@
.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));
}
}

View File

@@ -1,197 +0,0 @@
: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: "";
}

View File

@@ -1,226 +0,0 @@
/* !
* 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);
}

View File

@@ -1,617 +0,0 @@
.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;
object-fit: contain !important;
}
.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-secondary) !important;
--bs-link-hover-color-rgb: var(--bs-secondary-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-secondary) !important;
--bs-link-hover-color-rgb: var(--bs-secondary-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-secondary) !important;
--bs-link-hover-color-rgb: var(--bs-secondary-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-secondary) !important;
--bs-link-hover-color-rgb: var(--bs-secondary-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;
}
[data-bs-theme=light] .gradient {
background: linear-gradient(120deg, rgb(var(--bs-primary-rgb)), rgb(var(--bs-secondary-rgb)))!important;
color: #fff;
transition: background 1000ms linear;
}
[data-bs-theme=auto] .gradient {
background: linear-gradient(120deg, rgb(var(--bs-primary-rgb)), rgb(var(--bs-secondary-rgb)))!important;
color: #fff;
transition: background 1000ms linear;
}
/* [data-bs-theme=light] .gradient .mode-select {
pointer-events: auto;
}
[data-bs-theme=light] .gradient:hover {
animation: reverse-colour-change;
animation-iteration-count: 1;
animation-duration: 5s;
animation-fill-mode: forwards;
} */
/* [data-bs-theme=light] .gradient .mode-select:active {
animation: reverse-colour-change;
animation-iteration-count: 1;
animation-duration: 0.5s;
} */
[data-bs-theme=dark] .gradient {
background: linear-gradient(120deg, rgb(var(--bs-secondary-rgb)), rgb(var(--bs-primary-rgb)))!important;
color: #fff;
transition: background 1000ms linear;
}
/* [data-bs-theme=dark] .gradient:hover {
animation: colour-change;
animation-iteration-count: 1;
animation-duration: 5s;
animation-fill-mode: forwards;
} */
[data-bs-theme=dark] .coloured-underline {
/*text-decoration-line: underline;*/
/*text-decoration-thickness: 2.5px;*/
/*text-decoration-color: linear-gradient(--bs-secondary, var(--bs-primary)), linear-gradient(rgb(var(--bs-secondary-rgb)),rgb(var(--bs-secondary-rgb))), linear-gradient(var(--bs-primary), var(--bs-primary));*/
/*transition: background-size 2s linear, background-position 2s linear;*/
text-decoration: none;
background-image: linear-gradient(#070d21, #070d21), linear-gradient(rgb(var(--bs-secondary-rgb)),rgb(var(--bs-secondary-rgb))), linear-gradient(rgb(var(--bs-primary-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;
}
[data-bs-theme=light] .coloured-underline {
/*text-decoration-line: underline;*/
/*text-decoration-thickness: 2.5px;*/
/*text-decoration-color: linear-gradient(--bs-secondary, var(--bs-primary)), linear-gradient(rgb(var(--bs-secondary-rgb)),rgb(var(--bs-secondary-rgb))), linear-gradient(var(--bs-primary), var(--bs-primary));*/
/*transition: background-size 2s linear, background-position 2s linear;*/
text-decoration: none;
background-image: linear-gradient(#fff, #fff), linear-gradient(rgb(var(--bs-secondary-rgb)),rgb(var(--bs-secondary-rgb))), linear-gradient(rgb(var(--bs-primary-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;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.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.jpg") 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;
}
.heading.page-heading {
margin-bottom: 25px;
}
.loop-item {
padding-bottom: 15px;
}
.card-resize {
min-height: 250px;
}
.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/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");
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 156 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 223 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 432 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 138 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 248 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 292 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 239 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 412 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 371 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 317 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 272 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 224 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 234 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 202 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 170 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 207 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 283 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 449 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 389 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 399 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 389 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 471 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 460 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 484 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 174 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 188 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 259 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 250 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 295 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Some files were not shown because too many files have changed in this diff Show More