Export of whole site

Signed-off-by: Alexander Davis <alex@adcm.uk>
This commit is contained in:
2025-12-14 13:11:11 +00:00
parent 672e32dcf8
commit c752004771
177 changed files with 29055 additions and 0 deletions

471
Export/about.html Normal file
View File

@@ -0,0 +1,471 @@
<!DOCTYPE html>
<html data-bs-theme="auto" lang="en-gb">
<head>
<meta charset="utf-8">
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.adcmnetworks.co.uk/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<meta name="fediverse:creator" content="@MrDavisCSIT@mstdn.social">
<script src="https://cms.tahdah.me/scripts/publicbadge.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>About - Mr Davis CS &amp; IT</title>
<link rel="canonical" href="https://www.mrlyall.uk/about.html">
<meta property="og:url" content="https://www.mrlyall.uk/about.html">
<meta name="twitter:description" content="The website of Mr. A. Lyall, featuring a portfolio of work in computing education, digital projects, and curriculum resources. Explore blog posts, classroom tools, and professional insights focused on innovation, inclusion, and effective IT teaching.">
<meta name="twitter:card" content="summary">
<meta property="og:type" content="website">
<meta name="twitter:title" content="Mr Lyall">
<meta property="og:image" content="https://www.mrlyall.uk/assets/img/brand/headshot.webp">
<meta name="description" content="An overview of my professional background, including my role as Head of Computing, my educational philosophy, and key projects such as CS:Box. Highlighting my contributions to computing education and my broader work in IT, media production, and web development.">
<script>
(function() {
// 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_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=c9d969cca6f72ca8d4dfd457f2e8eff8">
<link rel="stylesheet" href="assets/css/Lato.css?h=69bc5b06794edd4ca9a38642d36c83d0">
<link rel="stylesheet" href="assets/css/bss-overrides.css?h=15b91a8988c8fc6448a8989802a159de">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/styles.css?h=7c67e1bb3df4cb41abaceaf312f03dfa">
<link rel="stylesheet" href="assets/css/pikaday.min.css?h=a9ab8ca627aa6e8f64b730ca9c2c781d">
<link rel="stylesheet" href="assets/css/CookieConsentComponent.css?h=39af3305e95f4d2a8883e97d7e0cdb14">
<link rel="stylesheet" href="assets/css/animations.compiled.css?h=49917e33fe831aa33e24fb1e8124fdd9">
<link rel="stylesheet" href="assets/css/Carousel---Slider-With-Animation.css?h=63f5768f05d2ae91446ac010bcd4844a">
</head>
<body>
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark">
<div class="container-fluid"><a class="navbar-brand logo" href="../../"><img alt="Stylised white microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="assets/img/brand/adcm_logo_white.webp?h=7cd31e9469bb0f9d3a4e704b3c0b1445" width="50" height="50" class="mobile-padding-left"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav" style="margin-right: 0.5em;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../">Home</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../about">About</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../projects">My Work</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../my-work/showreel">Showreel</a></li>
<li class="nav-item mobile-padding-left"><a class="nav-link" href="../../blog">Blog</a></li>
</ul>
</div>
</div>
</nav>
<main class="page">
<section class="portfolio-block block-intro">
<!-- Start: Sidebar -->
<div class="container center-everything">
<div class="row">
<div class="col align-content-center">
<h1 class="intro-margin">Hello!</h1>
<p class="about-intro">I am <strong>Alexander Lyall.</strong></p><h2 style="margin-bottom: 25px;"><u class="coloured-underline">I&#39;m a <span class="txt-rotate" data-period="1000" data-rotate="[ &quot;Web Designer.&quot;, &quot;Head of Computing.&quot;, &quot;Programmer.&quot;, &quot;Media Production Assistant.&quot;,&quot;Solutions Consultant.&quot; ]"></span></u></h2>
</div>
<div class="col">
<picture><img class="w-100 h-auto headshot" alt="Professional headshot of a smiling man wearing a suit, glasses, and academy lanyard, isolated on a transparent background." src="assets/img/brand/headshot.webp?h=da9aee87a58d6722b64806413b98261e"></picture>
</div>
</div>
</div><!-- End: Sidebar -->
<!-- Start: Sidebar -->
<div class="container center-everything">
<p class="text-margin">I have been a huge fan of technology from a young age and I'm always looking out for the latest gadgets on the market.<br><br>This site is mainly to showcase my work with local organisations and companies around the West Midlands, most of which are based in Coventry.<br><br>If you would like more information about my work or you would like me to work with you, feel free to contact me!</p>
</div><!-- End: Sidebar -->
</section>
</main>
<div class="accordion work-experience group center-everything cv-group" role="tablist" id="accordion-1">
<div class="accordion-item portfolio-block cv no-padding">
<h2 class="accordion-header heading-no-gap" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="false" aria-controls="accordion-1 .item-1">Teaching Experience</button></h2>
<div class="accordion-collapse collapse item-1" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<div class="heading footer-margin">
<h2 class="text-capitalize text-center heading-no-gap">Teaching Experience</h2>
</div>
<div class="work-experience group wex-div">
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">07/2023 - Present</span>
<h3>Duke of Edinburgh Programme Lead</h3><span class="badge rounded-pill bg-primary">The Mercian Trust</span>
</div>
</div>
<p>Responsible for coordinating and delivering the Duke of Edinburghs Award across the academy, including student enrolment, section tracking, expedition planning, and staff training. Promotes leadership, resilience, and outdoor education through structured, inclusive opportunities.</p>
</div>
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">01/2023 - Present</span>
<h3>Head of Computing</h3><span class="badge rounded-pill bg-primary">The Mercian Trust</span>
</div>
</div>
<p>Led the department through a successful Computing Quality Mark application, making the academy the second secondary school in the West Midlands to achieve the award. Overhauled the Key Stage 3, 4, and 5 curriculum to embed academic rigour and high expectations across all year groups. Oversaw significant reform of assessment practices within the subject, ensuring alignment with national standards and improved tracking of student progress.</p>
</div>
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2022 - 11/2022</span>
<h3>Duke of Edinburgh Centre Manager</h3><span class="badge rounded-pill bg-primary">Central Region Schools Trust</span>
</div>
</div>
<p>Oversaw the strategic delivery of the Duke of Edinburghs Award at a certified centre. Managed compliance, staff coordination, safeguarding, and quality assurance across all award levels. Acted as the primary liaison with the DofE regional office, ensuring high standards of participation and achievement.</p>
</div>
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">09/2018 - 12/2022</span>
<h3>Teacher of Computer Science</h3><span class="badge rounded-pill bg-primary">Central Region Schools Trust</span>
</div>
</div>
<p>Created, developed and delivered appropriate Computing National Curriculum for the school and&nbsp;wider trust. Taken a pastoral role as a form tutor to engage with year 10 students delivering several PSHCE sessions which they are given the chance to voice their opinions of everyday issues.&nbsp;Primary teacher of Key Stage 3 Computing, Year 11 Computer Science and Year 12 BTEC IT students.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item portfolio-block cv no-padding">
<h2 class="accordion-header heading-no-gap" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="false" aria-controls="accordion-1 .item-2">Previous Employment</button></h2>
<div class="accordion-collapse collapse item-2" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<div class="heading heading-no-gap">
<h2 class="text-capitalize text-center heading-no-gap">Previous Employment</h2>
</div>
<div class="work-experience group wex-div">
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2016 -&nbsp;<strong>07/2017</strong></span>
<h3>Student Academic Partner</h3><span class="badge rounded-pill bg-primary">Birmingham City University</span>
</div>
</div>
<p>Helped lecturers within research projects.&nbsp;The main project developed and delivered a student support pack for students with learning difficulties such as Dyslexia and Dyspraxia.</p>
</div>
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2017 -&nbsp;<strong>07/2017</strong></span>
<h3>Data Entry Assistant</h3><span class="badge rounded-pill bg-primary">Birmingham City University</span>
</div>
</div>
<p>Entered information that students have filled into their mid-module evaluations.&nbsp; Also linked these forms to the relevant modules and send the completed reports to the module coordinator.</p>
</div>
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2016 -&nbsp;<strong>06/2016</strong></span>
<h3>Demonstrator</h3><span class="badge rounded-pill bg-primary">Birmingham City University</span>
</div>
</div>
<p>Supported academic staff and fellow demonstrators with ensuring students were completing set work and assisting if they had questions. Provided in-depth support surrounding web design projects as part of their module including troubleshooting programming issues and errors encountered by students during lab sessions. Ensured electronic equipment was used correctly and completing basic troubleshooting if equipment did not work.</p>
</div>
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">06/2015 -&nbsp;<strong>07/2016</strong></span>
<h3>Services Support Assistant/Checkout Team Leader</h3><span class="badge rounded-pill bg-primary">WM Morrison Supermarkets PLC</span>
</div>
</div>
<p>Supported customers requiring help on the checkouts, car park, cafe, dry cleaning and kiosk.&nbsp;Assisted Team Managers with the closedown, change runs and some of the administration work.&nbsp;Also dealt with personnel issues such as appraisals, disciplinary and general staffing issues.</p>
</div>
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">11/2014 - 11/2015</span>
<h3>Grocery Sales Assistant</h3><span class="badge rounded-pill bg-primary">WM Morrison Supermarkets PLC</span>
</div>
</div>
<p>Restocked shelves, reduce damaged items and process goods not for resale. Helped customers locate items that they require.</p>
</div>
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">11/2013 - 11/2014</span>
<h3>Trolley Assistant</h3><span class="badge rounded-pill bg-primary">WM Morrison Supermarkets PLC</span>
</div>
</div>
<p>Collected baskets and trolleys around the premises and ensures that they are both clean and safe for the next customer. Required to work to tight deadlines during the evening to ensure that the next team could continue the work in a safe and clean environment.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item portfolio-block cv no-padding">
<h2 class="accordion-header heading-no-gap" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-3" aria-expanded="false" aria-controls="accordion-1 .item-3">Volunteering Experience</button></h2>
<div class="accordion-collapse collapse item-3" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<div class="heading heading-no-gap">
<h2 class="text-capitalize text-center heading-no-gap">Volunteering Experience</h2>
</div>
<div class="work-experience group intro-margin">
<div class="item intro-margin">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">07/2023 - Present</span>
<h3>Childrens Workforce Children and Youth Worker</h3><span class="badge rounded-pill bg-primary">The Parish of Keresley with Coundon</span>
</div>
</div>
<p>Led groups with other members of the Church and previously helped lead the Sunday morning worship sessions. Within the week, helped plan and lead the main youth group for school years 7-11.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item portfolio-block cv no-padding">
<h2 class="accordion-header heading-no-gap" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-4" aria-expanded="false" aria-controls="accordion-1 .item-4">Education</button></h2>
<div class="accordion-collapse collapse item-4" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<div class="heading heading-no-gap">
<h2 class="text-capitalize text-center heading-no-gap">Education</h2>
</div>
<div class="education group wex-div">
<div class="item intro-margin">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">10/2020 - 08/2023</span>
<h3>Masters in Education (Teaching &amp; Learning)</h3><span class="badge rounded-pill bg-secondary">The Open University</span>
</div>
</div>
<p>Effectively used information technology and information literacy skills to search for,&nbsp;exchange, process and evaluate information, framed and addressing problems, questions and issues.&nbsp;Demonstrated logical thought and the ability to form a clearly structured&nbsp;argument using established ideas and techniques of critical analysis and enquiry in&nbsp;<br>evaluating information, arguments and assumptions.</p>
</div>
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period"><strong>09/2017 - 08/2018</strong></span>
<h3>PGCE Secondary Computer Science &amp; IT</h3><span class="badge rounded-pill bg-secondary">Birmingham City University</span>
</div>
</div>
<p>Vice-president of the Mental Health Awareness&nbsp;society in 2017-2018 planned and coordinated events across the&nbsp;university for students with a wide range of mental health and invisible&nbsp;illnesses.&nbsp;</p>
</div>
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period"><strong>09/2014 - 08/2017</strong></span>
<h3>Bachelor of Science with Honours in Computer Science</h3><span class="badge rounded-pill bg-secondary">Birmingham City University</span>
</div>
</div>
<p>Regular member of the Christian Union and helped them design and maintain their website. Co-founding President of BCU Mental Health Awareness contacting organisations and planning events with a team of students.<br>Units&nbsp;include: Data Analysis, Software Development, Computer and Network&nbsp;Fundamentals, IT Professionalism, Web Technologies and Open Source Systems.</p>
</div>
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">09/2006 - 08/2014</span>
<h3>Secondary &amp; Further Education</h3><span class="badge rounded-pill bg-secondary">Coundon Court School</span>
</div>
</div>
<p>10 GCSEs (or equivalent) incl. English, Maths and Science<br>3 A Levels (or equivalent) in IT (QCF), Computing and Product Design</p>
</div>
</div>
</div>
</div>
</div>
</div><!-- Start: Footer Multi Column -->
<footer class="text-body bg-body" id="Light-Footer">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<!-- Start: Accreditations -->
<div class="col-sm-3 col-md-6 text-center text-lg-start d-none d-sm-none d-md-none d-lg-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<!-- Start: Mountain Training -->
<div class="swiper-slide d-flex justify-content-center center-everything">
<div class="tahdah-badge" data-candidateid="1466454"></div>
</div><!-- End: Mountain Training -->
<!-- Start: Canva Essentials -->
<div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/canva-essentials" target="_blank"><img class="img-fluid w-100 accreditation" width="692" height="692" src="assets/img/accreditations/canva-essentials-badge.webp?h=bc157efb7620e733f43b4b00981978ea"></a></div><!-- End: Canva Essentials -->
<!-- Start: Canva Essentials for Mobile -->
<div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/canva-essentials-mobile" target="_blank"><img class="img-fluid w-100 accreditation" width="692" height="692" src="assets/img/accreditations/canva-essentials-for-mobile-badge.webp?h=93513f8f560a2e346c12aeb9fb0c18ec"></a></div><!-- End: Canva Essentials for Mobile -->
<!-- Start: Canva Graphic Design Essentials -->
<div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/graphic-design-essentials" target="_blank"><img class="img-fluid w-100 accreditation" width="692" height="692" src="assets/img/accreditations/graphic-design-essentials-badge.webp?h=f5406331e45433f0d8bd6b929f9d113b"></a></div><!-- End: Canva Graphic Design Essentials -->
<!-- Start: Marketing with Canva -->
<div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/marketing-with-canva" target="_blank"><img class="img-fluid w-100 accreditation" width="1080" height="1080" src="assets/img/accreditations/mr-a-davis-marketing-with-canva-badge.webp?h=f0b802da597c825b7e03378130d94aca"></a></div><!-- End: Marketing with Canva -->
<!-- Start: Canva for Work -->
<div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/canva-for-work" target="_blank"><img class="img-fluid w-100 accreditation" width="2160" height="2160" src="assets/img/accreditations/mr-a-davis-canva-for-work-badge.webp?h=b3617633e9d2de429288704f75b304f4"></a></div><!-- End: Canva for Work -->
<!-- Start: Canva Teacher Essentials -->
<div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/teacher-essentials" target="_blank"><img class="img-fluid w-100 accreditation" width="692" height="692" src="assets/img/accreditations/teacher-essentials-badge.webp?h=d2d6f962e0b1bbebc68f987d6f156028"></a></div><!-- End: Canva Teacher Essentials -->
<!-- Start: Canva AI in the Classroom -->
<div class="swiper-slide"><a href="https://www.canva.com/design-school/courses/ai-in-the-classroom" target="_blank"><img class="img-fluid w-100 accreditation" width="1080" height="1080" src="assets/img/accreditations/ai-in-the-classroom-badge.webp?h=769458ef2c323729c209855a3cde7312"></a></div><!-- End: Canva AI in the Classroom -->
<!-- Start: Adobe Creative Educator Level 1 -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/3a49b473-4af9-4c5a-ab38-1c754f181c6e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Adobe Creative Educator Level 1&quot;" width="600" height="600" src="assets/img/accreditations/3_hours_adobe_creative_educator_level_1.webp?h=45de0c4e8984e885b1153e344e794beb"></a></div><!-- End: Adobe Creative Educator Level 1 -->
<!-- Start: Minecraft Education -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/53745c80-7d0a-4428-906a-839e905c139c/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="assets/img/accreditations/minecraft-education-ambassador.webp?h=5c614dffa9ab6d6fd77cd805b8397ffd"></a></div><!-- End: Minecraft Education -->
<!-- Start: MCE -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MCE: Microsoft Certified Educator&quot;" width="352" height="352" src="assets/img/accreditations/mce_microsoft_certified_educator.webp?h=3e67f154a356cd1ef15c31b0fb42c0c4"></a></div><!-- End: MCE -->
<!-- Start: MIEE 2023-2024 -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.webp?h=ee882aefba64b3e5b8ea9554eeea3847"></a></div><!-- End: MIEE 2023-2024 -->
<!-- Start: MIEE 2024-2025 -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Innovative Educator Expert 2024-2025&quot;" width="600" height="600" src="assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.webp?h=a0b5cb2a639caf0351a977146375667e"></a></div><!-- End: MIEE 2024-2025 -->
<!-- Start: Pearson OSA Expert -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Onscreen Assessment Expert GCSE Computer Science&quot;" width="800" height="800" src="assets/img/accreditations/pearson_onscreen_assessment_expert.webp?h=d4e00ea5bfad5a66c619238d7cbdd8db"></a></div><!-- End: Pearson OSA Expert -->
<!-- Start: STEM 21-22 -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Establishing a STEM club - from creation to careers 2021/2022&quot;" width="1200" height="1200" src="assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.webp?h=7f96a591bd4fb09f86da96af8a8a41ef"></a></div><!-- End: STEM 21-22 -->
<!-- Start: NCCE Secondary 21-22 -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computer Science - Professional Development 2021-2022&quot;" width="1200" height="1200" src="assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.webp?h=813dd91393f904969bc3bf184007c8c2"></a></div><!-- End: NCCE Secondary 21-22 -->
<!-- Start: NCCE Secondary 23-24 -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Secondary Computing - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/secondary_computing_professional_development_2023_2.webp?h=77ebf2880eb7d342016b83e098d92d23"></a></div><!-- End: NCCE Secondary 23-24 -->
<!-- Start: NCCE GCSE Computer Science 19-20 -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science: Professional Development 2019-2020&quot;" width="1200" height="1200" src="assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.webp?h=fef2cee3326aeff9e2f65e86cf5e4fee"></a></div><!-- End: NCCE GCSE Computer Science 19-20 -->
<!-- Start: NCCE GCSE Computer Science 23-24 -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2022-2023&quot;" width="2000" height="2000" src="assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.webp?h=0a54c55717b61c0a0b4ed80582d7bfae"></a></div><!-- End: NCCE GCSE Computer Science 23-24 -->
<!-- Start: NCCE GCSE Computer Science 23-24 -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; GCSE Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/gcse_computer_science_professional_development_2023.webp?h=71b8c59772af539946fb49a210b05758"></a></div><!-- End: NCCE GCSE Computer Science 23-24 -->
<!-- Start: NCCE A Level Computer Science 23-24 -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/418cfb22-3e37-4b24-b527-652b1ab6ea76/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; A-Level Computer Science - Professional Development 2023-2024&quot;" width="600" height="600" src="assets/img/accreditations/a_level_computer_science_professional_development.webp?h=a9cc6f73abdf82ab49e5f8a8695cb557"></a></div><!-- End: NCCE A Level Computer Science 23-24 -->
<!-- Start: MOS Master -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Master 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_master_2013.webp?h=70d957a5307d38f46b84b6462439afbc"></a></div><!-- End: MOS Master -->
<!-- Start: MOS Word Expert -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013 Expert&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_word_2013_expert.webp?h=5bd4ec8c82587201172a8b8e460ff4e6"></a></div><!-- End: MOS Word Expert -->
<!-- Start: MOS Word -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Word 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_word_2013.webp?h=2b90c5590b7b50f1891a9116fa38ac36"></a></div><!-- End: MOS Word -->
<!-- Start: MOS Excel -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: Excel 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_excel_2013.webp?h=f016925633d0a52b862259a05b396b6a"></a></div><!-- End: MOS Excel -->
<!-- Start: MOS PowerPoint -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: PowerPoint 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.webp?h=26de9623c491661347998549e10d4353"></a></div><!-- End: MOS PowerPoint -->
<!-- Start: MOS OneNote -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; Microsoft Office Specialist: OneNote 2013&quot;" width="352" height="352" src="assets/img/accreditations/microsoft_office_specialist_onenote_2013.webp?h=2ffe41c2a6e37d602469f8158ef13d79"></a></div><!-- End: MOS OneNote -->
<!-- Start: MTA Security -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Security Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_security_fundamentals_certified_2016.webp?h=0df619419a5b6d0eb694dc9363870b20"></a></div><!-- End: MTA Security -->
<!-- Start: MTA Networking -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Networking Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_networking_fundamentals_certified_2016.webp?h=cdc4618c5e86d11aa304cae14c3942bc"></a></div><!-- End: MTA Networking -->
<!-- Start: MTA Windows OS -->
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" alt="Accreditation badge for: &quot; MTA: Windows Operating System Fundamentals - Certified 2016&quot;" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.webp?h=44a6360480ef67ced301c697d31f9fa5"></a></div><!-- End: MTA Windows OS -->
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center accreditations-navigation" data-bss-swiper-target="#light-swiper">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></button></div>
</div>
</div><!-- End: Accreditations -->
<!-- Start: Spacer -->
<div class="col-md-3 text-center text-lg-start d-flex flex-column"><a class="d-flex w-100 justify-content-center center-everything" href="https://client.brixly.uk/aff.php?aff=837" target="_blank"><img class="img-fluid object-fit-contain w-50" src="https://brixly.uk/wp-content/uploads/2022/06/Artboard-32.jpg"></a></div><!-- End: Spacer -->
<div class="col-md-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img alt="Stylised orange microchip icon on a black background, designed as a modern tech-themed logo for ADCM" src="assets/img/brand/adcm_logo_accent.webp?h=62dbf084286026c4b6de08d0203df501" width="50" height="50" class="footer-logo"><span>Mr A Lyall</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0 footer-copyright">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<!-- Start: Mastodon -->
<li class="list-inline-item"><a rel="me" href="https://mstdn.social/@MrDavisCSIT"><svg class="text-body" xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li><!-- End: Mastodon -->
<!-- Start: Bluesky -->
<li class="list-inline-item"><a href="https://bsky.app/profile/adcmnetworks.co.uk"><i class="fa-brands fa-square-bluesky"></i></a></li><!-- End: Bluesky -->
<!-- Start: LinkedIn -->
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li><!-- End: LinkedIn -->
<!-- Start: GitHub -->
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
</svg></a></li><!-- End: GitHub -->
<!-- Start: Reddit -->
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li><!-- End: Reddit -->
<!-- Start: YouTube -->
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></a></li><!-- End: YouTube -->
</ul>
</div>
</div>
</footer><!-- End: Footer Multi Column -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="assets/js/bs-init.js?h=7c6b4c49b8ac0f383799ccb3d5def770"></script>
<script src="assets/js/Carousel---Slider-With-Animation-slider_with_animation.js?h=948f8788fd189b5cc9df01ff4fce4152"></script>
<script src="assets/js/CookieConsentComponent-cookieconsent.js?h=83fbb3192473604d72b00a854c6de4fd"></script>
<script src="https://kit.fontawesome.com/8970d94f9b.js"></script>
<script src="assets/js/pikaday.min.js?h=039feef26d52ebc5f1260a47208bfa38"></script>
<script src="assets/js/text-carousel.js?h=992f402828c7806b1f3bb7f29232e972"></script>
<script src="assets/js/theme.js?h=aeddb9c3ce5d77b8278c91c07acf30ad"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because it is too large Load Diff

View File

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

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

View File

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

226
Export/assets/css/pikaday.min.css vendored Normal file
View File

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

View File

@@ -0,0 +1,611 @@
.bs-icon {
--bs-icon-size: .75rem;
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
font-size: var(--bs-icon-size);
width: calc(var(--bs-icon-size) * 2);
height: calc(var(--bs-icon-size) * 2);
color: var(--bs-primary);
}
.bs-icon-xs {
--bs-icon-size: 1rem;
width: calc(var(--bs-icon-size) * 1.5);
height: calc(var(--bs-icon-size) * 1.5);
}
.bs-icon-sm {
--bs-icon-size: 1rem;
}
.bs-icon-md {
--bs-icon-size: 1.5rem;
}
.bs-icon-lg {
--bs-icon-size: 2rem;
}
.bs-icon-xl {
--bs-icon-size: 2.5rem;
}
.bs-icon.bs-icon-primary {
color: var(--bs-white);
background: var(--bs-primary);
}
.bs-icon.bs-icon-primary-light {
color: var(--bs-primary);
background: rgba(var(--bs-primary-rgb), .2);
}
.bs-icon.bs-icon-semi-white {
color: var(--bs-primary);
background: rgba(255, 255, 255, .5);
}
.bs-icon.bs-icon-rounded {
border-radius: .5rem;
}
.bs-icon.bs-icon-circle {
border-radius: 50%;
}
.blog-heading {
margin-bottom: 10px !important;
text-align: center;
}
.blog-loop-img {
max-height: 200px;
background-size: cover;
}
.blog-block {
padding-bottom: 25px!important;
padding-top: 50px!important;
}
/* [data-bs-theme=dark] .card-link .blog-link {
--bs-link-color: #ffffff !important;
--bs-link-color-rgb: 255,255,255 !important;
--bs-link-hover-color: var(--bs-primary) !important;
--bs-link-hover-color-rgb: var(--bs-primary-rgb) !important;
color: #ffffff !important;
}
[data-bs-theme=dark] .card-link .blog-link:hover {
--bs-link-color: #ffffff !important;
--bs-link-color-rgb: 255,255,255 !important;
--bs-link-hover-color: var(--bs-primary) !important;
--bs-link-hover-color-rgb: var(--bs-primary-rgb) !important;
color: var(--bs-secondary) !important;
}
[data-bs-theme=light] .card-link .blog-link {
--bs-link-color: var(--bs-primary) !important;
--bs-link-color-rgb: var(--bs-primary-rgb) !important;
--bs-link-hover-color: var(--bs-primary) !important;
--bs-link-hover-color-rgb: var(--bs-primary-rgb) !important;
color: var(--bs-link-color);
}
[data-bs-theme=light] .card-link .blog-link:hover {
--bs-link-color: var(--bs-primary) !important;
--bs-link-color-rgb: var(--bs-primary-rgb) !important;
--bs-link-hover-color: var(--bs-primary) !important;
--bs-link-hover-color-rgb: var(--bs-primary-rgb) !important;
color: var(--bs-link-hover-color);
} */
[data-bs-theme=light] .footer-logo-colour {
display: block;
}
[data-bs-theme=dark] .footer-logo-colour {
display: none;
}
[data-bs-theme=dark] #light-mode {
display: none!important;
}
[data-bs-theme=auto] #light-mode {
display: none!important;
}
[data-bs-theme=light] #dark-mode {
display: none!important;
}
[data-bs-theme=light] #dark-mode {
display: none!important;
}
[data-bs-theme=light] #auto-mode {
display: none!important;
}
[data-bs-theme=dark] #auto-mode {
display: none!important;
}
[data-bs-theme=auto] #light-mode {
display: none!important;
}
[data-bs-theme=auto] #dark-mode {
display: none!important;
}
.gradient {
background: linear-gradient(120deg, rgb(var(--bs-primary-rgb)), rgb(var(--bs-secondary-rgb)))!important;
color: #fff;
transition: background 1000ms linear;
}
.gradient .mode-select {
pointer-events: auto;
}
.gradient:hover {
animation: reverse-colour-change;
animation-iteration-count: 1;
animation-duration: 5s;
animation-fill-mode: forwards;
}
.coloured-underline {
text-decoration-line: underline;
text-decoration-thickness: 2.5px;
text-decoration-color: linear-gradient(var(--bs-secondary-rgb), var(--bs-primary-rgb));
transition: background-size 2s linear, background-position 2s linear;
text-decoration: none;
background-image: linear-gradient(rgb(var(--bs-secondary-rgb)),rgb(var(--bs-primary-rgb)));
background-size: 20px 2px, 100% 2px, 0 2px;
background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: background-size 2s linear, background-position 2s linear;
}
.coloured-underline:hover {
/*text-decoration-thickness: 5px;*/
background-size: 20px 2px, 0 2px, 100% 2px;
background-position: calc(100% + 20px) 100%, 100% 100%, 0 100%;
}
/* [data-bs-theme="light"] .carousel-fade {
--bs-carousel-indicator-active-bg: #000;
--bs-carousel-caption-color: #000;
--bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
[data-bs-theme="dark"] .carousel-fade {
--bs-carousel-indicator-active-bg: #fff;
--bs-carousel-caption-color: #fff;
--bs-carousel-control-icon-filter: invert(0) grayscale(100);
} */
.rainbow-border {
max-height: 15em;
object-fit: cover;
}
.slider-image-fit {
object-fit: contain !important;
}
.center-everything {
margin-right: auto!important;
margin-left: auto!important;
}
.portfolio-block.block-intro {
padding-top: 5em;
padding-bottom: 2em;
}
.portfolio-block.project {
padding-top: 0px;
padding-bottom: 3em;
}
.portfolio-block.project .more-projects {
margin-top: 2em;
border-top: 1px solid var(--bs-dark-subtle);
padding-top: 1em;
}
.portfolio-block.block-intro p {
font-size: 1.5em;
font-weight: 300;
margin-bottom: 30px;
max-width: 95%;
}
.project-carousel {
width: 95%;
margin-right: auto;
margin-left: auto;
margin-bottom: 25px;
}
.portfolio-block .heading h2, .portfolio-block .heading .h2 {
text-transform: capitalize;
margin-top: 0;
margin-bottom: .5rem;
font-weight: bold;
line-height: 1.2;
color: var(--bs-heading-color);
font-size: 2.5rem;
}
.swiper-control {
color: var(--bs-secondary);
}
:root {
--swiper-theme-color: var(--bs-secondary);
}
.dropdown-menu .dropdown-item:active {
--bs-dropdown-link-active-bg: var(--bs-secondary)!important;
}
.portfolio-navbar.gradient {
padding-top: 5px;
padding-bottom: 5px;
}
.logo {
margin-right: 0;
padding: 0;
}
.portfolio-navbar.gradient img {
width: 100px;
height: 100px;
}
.heading.blog-heading.acknowledgements {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/blog/dissertation_acknowledgements.webp?h=0a964a8359c7afc7a412d2fa56f81732") center / cover;
color: white;
}
.footer-copyright {
margin-left: 2em;
}
.loop-padding {
padding-top: 25px;
}
.footer-logo {
width: 100px;
height: 100px;
}
.accreditations-title {
font-weight: bold;
}
.accreditations-navigation {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.heading.page-heading {
margin-bottom: 25px;
}
.loop-item {
padding-bottom: 15px;
}
.card-resize {
height: 18em;
}
.dates {
float: right;
}
.tags {
float: left;
}
.excerpts {
clear: both;
}
.heading.blog-heading.pbm-website {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp?h=bf4c8cb4c7d1ff76ef9bec3bf29df3ae") center / cover;
color: white;
}
.heading.blog-heading.keresley-website {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/web_design/keresley_church/keresleychurch.webp?h=452ec6d8bd02d324537f2dd100764d76") center / cover;
color: white;
}
.heading.blog-heading.mottashaw-consulting {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp?h=c4ff31817c96c7661dbd3bf735b19fa9") center / cover;
color: white;
}
.heading.blog-heading.showreel {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/showreel.jpg?h=9be1146cb56a32276b867b17b96c2972") center / cover;
color: white;
}
.heading.blog-heading.frizzle-tv {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/web_design/frizzle/frizzlepreview.webp?h=fe3aa289bd751d93101e7ac02bbe22a3") center / cover;
color: white;
}
.heading.blog-heading.bcumha-website {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/web_design/bcumha/bcumhapreview.webp?h=59e6f298a7cf791663e3280b7638cc14") center / cover;
color: white;
}
.heading.blog-heading.bcudiscover-website {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp?h=a9c8f8deb4fac6c2b1e65e11c6dce8c5") center / cover;
color: white;
}
.heading.blog-heading.bcucu-website {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/web_design/bcucu/bcucupreview.webp?h=0c3a26febc398753c8c1cea6d046322f") center / cover;
color: white;
}
.heading.blog-heading.taskmaster-ios {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/for_education/taskmaster_for%20ios/taskmasteriospreview.webp?h=b62eff0bef2a6734f8e4ac9ad05f103c") center / cover;
color: white;
}
.heading.blog-heading.naturefindings-windows {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/for_education/nature_findings/naturefindingspreview.webp?h=a1d20406f8862370fbf569a75cf95af9") center / cover;
color: white;
}
.heading.blog-heading.mymind-ios {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/for_education/my_mind/my_mind_logo.webp?h=4e299b8017d1483b6dfb87ea14d502aa") center / cover;
color: white;
}
.heading.blog-heading.csbox-web {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/for_education/cs_box/csbox_logo.webp?h=487f527cf87df0dba11b6f4d4993a80d") center / cover;
color: white;
}
.heading.blog-heading.bitbox-various {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/for_education/bit_box/bit_box_logo.webp?h=36b5ef1a4c9f880d65df48518293999f") center / cover;
color: white;
}
.heading.blog-heading.identity-website {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/extracurricular/the_computers_identity/identitypreview.webp?h=8f3c2d53aaf46cff69c58a66abbe76f5") center / cover;
color: white;
}
.heading.blog-heading.taskmaster-web {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/extracurricular/task_master/taskmasterpreview.webp?h=bece3f4d6e67029790c7b300d5db3393") center / cover;
color: white;
}
.heading.blog-heading.sortai-windows {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/extracurricular/sort.ai/sort.ai_logo.webp?h=a198ffe5f200f284ee778dd6f7b1d741") center / cover;
color: white;
}
.heading.blog-heading.societyplus-web {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/extracurricular/society+/societypluspreview.webp?h=c5bf765f66449f21ca88f0206db68bd5") center / cover;
color: white;
}
.heading.blog-heading.iamaware-film {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/extracurricular/iamaware.webp?h=a3dcdbacf64839eb9dcfd0f9190b41fb") center / cover;
color: white;
}
.heading.blog-heading.exambufforbluff-windows {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/extracurricular/exam_buff_or_exam_bluff/exam_buff_or_exam_bluff_app_logo.webp?h=c5996308f0abaf2970a7fd4e8e1cdcbf") center / cover;
color: white;
}
.heading.blog-heading.citationneeded-web {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/projects/extracurricular/citation_needed/login_screen.webp?h=3626905284037118af731fe2573ac5f4") center / cover;
color: white;
}
.heading.blog-heading.split {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/blog/break-up.jpg?h=2583aa574343007bfcdc91dcbad2cd32") center / cover;
color: white;
}
.heading.blog-heading.migration {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/blog/migration-process.webp?h=e112f60ecc785c0dfc809a62dd3a356f") center / cover;
color: white;
}
.heading.blog-heading.clutter {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/blog/clearing_the_clutter.webp?h=663b94419c9fd6cac937ef9f663fc013") center / cover;
color: white;
}
.heading.blog-heading.edtech {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/blog/edtech_strategies.webp?h=b72cdf1e1356beee9d0d49acf961779b") center / cover;
color: white;
}
.heading.blog-heading.reset {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/blog/its_been_a_while.webp?h=dac60117b0dffab449f882fe85bb3e31") center / cover;
color: white;
}
.heading.blog-heading.milestone {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/blog/milestone.webp?h=d29dcecaf625be0e0a7477bb376bb154") center / cover;
color: white;
}
.heading.blog-heading.try-again {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/blog/somethings-not-right.webp?h=0f3a7a00d0464010d2f7d3883466f8fa") center / cover;
color: white;
}
.heading.blog-heading.tes-launch {
height: 25em;
background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("../../assets/img/blog/what-started-it-all.webp?h=8f52c56d25366380ceae7d60855e2cb6") center / cover;
color: white;
}
.button {
margin-bottom: 80px;
}
.hide-quote {
display: none;
}
.post-images {
text-align: center;
margin-bottom: 16px;
}
.blog-image-container {
width: 250px;
}
.blog-list {
margin-bottom: 16px;
}
.blog-button {
margin: 0PX 0PX 80PX;
}
.project-buttons {
margin-top: 25px;
margin-right: auto;
margin-left: auto;
display: flex;
justify-content: center;
}
.more-projects-heading {
margin-bottom: 10px!important;
}
.meta.project-details {
padding-left: 12px!important;
padding-right: 12px!important;
}
.portfolio-video {
margin-right: auto;
margin-left: auto;
margin-bottom: 1em;
}
.intro-margin {
margin-top: 25px;
}
.about-intro {
margin-bottom: 15px;
margin-top: 25px;
}
.headshot {
max-width: 500px;
}
.text-margin {
margin-top: 15px;
}
.cv-group {
max-width: 75%;
}
.portfolio-block.cv.no-padding {
padding-bottom: 0px;
padding-top: 0px;
}
.heading-no-gap {
margin-bottom: 0px!important;
}
.work-experience.group.wex-div {
margin-top: 25px;
margin-right: auto;
margin-left: auto;
}
.footer-margin {
margin-bottom: 25px;
}
.contact-form {
max-width: 85%;
}
.portfolio-block.block-intro.auto-margin {
margin-top: auto;
}
.screen-content.featured-project {
background-image: url("../../assets/img/projects/for_education/cs_box/csbox_homepage.webp?h=5f6153bff07499f4d1108de6fea419f5");
}
.accreditation {
height: 150px;
object-fit: contain;
}
.card-img-size {
max-height: 10em;
object-fit: cover;
}
.mobile-padding-left {
margin-left: 0.5em;
}
.no-margin {
margin: 0;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 180 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 265 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 239 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 173 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 211 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 155 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 471 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 449 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

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