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
|
Before Width: | Height: | Size: 115 KiB |
|
Before Width: | Height: | Size: 128 KiB |
@@ -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 & 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 & 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'm a <span class="txt-rotate" data-period="1000" data-rotate="[ "Web Designer.", "Head of Computing.", "Programmer.", "Media Production Assistant.","Solutions Consultant." ]"></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="{"direction":"horizontal","loop":true,"autoplay":{"pauseOnMouseEnter":true},"autoHeight":true,"effect":"fade","fadeEffect":{"crossFade":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: " Adobe Creative Educator Level 1"" 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: " MCE: Microsoft Certified Educator"" 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: " Microsoft Innovative Educator Expert 2023-2024"" 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: " Microsoft Innovative Educator Expert 2024-2025"" 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: " Onscreen Assessment Expert GCSE Computer Science"" 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: " Establishing a STEM club - from creation to careers 2021/2022"" 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: " Secondary Computer Science - Professional Development 2021-2022"" 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: " Secondary Computing - Professional Development 2023-2024"" 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: " GCSE Computer Science: Professional Development 2019-2020"" 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: " GCSE Computer Science - Professional Development 2022-2023"" 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: " GCSE Computer Science - Professional Development 2023-2024"" 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: " A-Level Computer Science - Professional Development 2023-2024"" 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: " Microsoft Office Specialist: Master 2013"" 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: " Microsoft Office Specialist: Word 2013 Expert"" 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: " Microsoft Office Specialist: Word 2013"" 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: " Microsoft Office Specialist: Excel 2013"" 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: " Microsoft Office Specialist: PowerPoint 2013"" 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: " Microsoft Office Specialist: OneNote 2013"" 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: " MTA: Security Fundamentals - Certified 2016"" 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: " MTA: Networking Fundamentals - Certified 2016"" 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: " MTA: Windows Operating System Fundamentals - Certified 2016"" 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="{"direction":"horizontal","loop":true,"autoplay":{"pauseOnMouseEnter":true},"autoHeight":true,"effect":"fade","fadeEffect":{"crossFade":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: " Adobe Creative Educator Level 1"" 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: " MCE: Microsoft Certified Educator"" 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: " Microsoft Innovative Educator Expert 2023-2024"" 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: " Microsoft Innovative Educator Expert 2024-2025"" 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: " Onscreen Assessment Expert GCSE Computer Science"" 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: " Establishing a STEM club - from creation to careers 2021/2022"" 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: " Secondary Computer Science - Professional Development 2021-2022"" 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: " Secondary Computing - Professional Development 2023-2024"" 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: " GCSE Computer Science: Professional Development 2019-2020"" 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: " GCSE Computer Science - Professional Development 2022-2023"" 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: " GCSE Computer Science - Professional Development 2023-2024"" 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: " A-Level Computer Science - Professional Development 2023-2024"" 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: " Microsoft Office Specialist: Master 2013"" 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: " Microsoft Office Specialist: Word 2013 Expert"" 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: " Microsoft Office Specialist: Word 2013"" 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: " Microsoft Office Specialist: Excel 2013"" 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: " Microsoft Office Specialist: PowerPoint 2013"" 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: " Microsoft Office Specialist: OneNote 2013"" 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: " MTA: Security Fundamentals - Certified 2016"" 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: " MTA: Networking Fundamentals - Certified 2016"" 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: " MTA: Windows Operating System Fundamentals - Certified 2016"" 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>
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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%;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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));
|
||||
}
|
||||
}
|
||||
@@ -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: "";
|
||||
}
|
||||
|
||||
226
Export/assets/css/pikaday.min.css
vendored
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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");
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 156 KiB |
|
Before Width: | Height: | Size: 223 KiB |
|
Before Width: | Height: | Size: 432 KiB |
|
Before Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 138 KiB |
|
Before Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 128 KiB |
|
Before Width: | Height: | Size: 103 KiB |
|
Before Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 248 KiB |
|
Before Width: | Height: | Size: 292 KiB |
|
Before Width: | Height: | Size: 63 KiB |
|
Before Width: | Height: | Size: 412 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 371 KiB |
|
Before Width: | Height: | Size: 317 KiB |
|
Before Width: | Height: | Size: 272 KiB |
|
Before Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 142 KiB |
|
Before Width: | Height: | Size: 105 KiB |
|
Before Width: | Height: | Size: 202 KiB |
|
Before Width: | Height: | Size: 170 KiB |
|
Before Width: | Height: | Size: 98 KiB |
|
Before Width: | Height: | Size: 207 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 108 KiB |
|
Before Width: | Height: | Size: 283 KiB |
|
Before Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 94 KiB |
|
Before Width: | Height: | Size: 105 KiB |
|
Before Width: | Height: | Size: 389 KiB |
|
Before Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 7.0 KiB |
|
Before Width: | Height: | Size: 6.7 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 7.2 KiB |
|
Before Width: | Height: | Size: 484 KiB |
|
Before Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 174 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 94 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 188 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 259 KiB |
|
Before Width: | Height: | Size: 250 KiB |
|
Before Width: | Height: | Size: 295 KiB |
|
Before Width: | Height: | Size: 251 KiB |
|
Before Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 120 KiB |
|
Before Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 121 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 356 KiB |
|
Before Width: | Height: | Size: 93 KiB |
@@ -1,12 +0,0 @@
|
||||
//Optional: Pause/play on hover. Remove this block if not needed
|
||||
const carousel = document.getElementById('carouselExampleCaptions')
|
||||
|
||||
carousel.addEventListener('mouseover', function () {
|
||||
const carouselInstance = bootstrap.Carousel.getInstance(carousel)
|
||||
carouselInstance.pause()
|
||||
})
|
||||
|
||||
carousel.addEventListener('mouseout', function () {
|
||||
const carouselInstance = bootstrap.Carousel.getInstance(carousel)
|
||||
carouselInstance.cycle()
|
||||
})
|
||||