Begun Optimisation

Begun site optimisation
This commit is contained in:
2025-07-18 20:39:42 +01:00
parent 10dd851b38
commit ad3d6f044a
76 changed files with 649 additions and 2036 deletions

View File

@@ -137,9 +137,7 @@
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="../../about.html">About</a></li>
<li class="nav-item dropdown nav-item" href="/projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="../../projects.html">My Work</a>
<div class="dropdown-menu"><a class="dropdown-item" href="../../projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="../../projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="../../projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="../../my-work/showreel.html">Showreel</a></div>
</li>
<li class="nav-item"><a class="nav-link" href="../../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 d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
@@ -153,32 +151,32 @@
</div>
</nav>
<main class="page">
<section class="portfolio-block block-intro" style="padding-bottom: 25px;">
<section class="portfolio-block block-intro">
<div class="container center-everything">
<div class="row">
<div class="col" style="align-content: center;">
<h1 style="margin-top: 25px;">Hello!</h1>
<p style="margin-bottom: 15px;margin-top: 25px;">I am <strong>Alexander Davis.</strong></p><h2 style="margin-bottom: 25px;"><u class="coloured-underline">I&#39;m a <span class="txt-rotate" data-period="1000" data-rotate="[ &quot;Web Designer.&quot;, &quot;Head of Computing.&quot;, &quot;Programmer.&quot;, &quot;Media Production Assistant.&quot;,&quot;Solutions Consultant.&quot; ]"></span></u></h2>
<div class="col align-content-center">
<h1 class="intro-margin">Hello!</h1>
<p class="about-intro">I am <strong>Alexander Davis.</strong></p><h2 style="margin-bottom: 25px;"><u class="coloured-underline">I&#39;m a <span class="txt-rotate" data-period="1000" data-rotate="[ &quot;Web Designer.&quot;, &quot;Head of Computing.&quot;, &quot;Programmer.&quot;, &quot;Media Production Assistant.&quot;,&quot;Solutions Consultant.&quot; ]"></span></u></h2>
</div>
<div class="col">
<picture><img class="w-100 h-auto" src="/assets/img/brand/headshot.webp" style="max-width: 500px;"></picture>
<picture><img class="w-100 h-auto headshot" src="/assets/img/brand/headshot.webp"></picture>
</div>
</div>
</div>
<div class="container center-everything">
<p style="margin-top: 15px;">I have been a huge fan of technology from a young age and I'm always looking out for the latest gadgets on the market.<br><br>This site is mainly to showcase my work with local organisations and companies around the West Midlands, most of which are based in Coventry.<br><br>If you would like more information about my work or you would like me to work with you, feel free to contact me!</p>
<p class="text-margin">I have been a huge fan of technology from a young age and I'm always looking out for the latest gadgets on the market.<br><br>This site is mainly to showcase my work with local organisations and companies around the West Midlands, most of which are based in Coventry.<br><br>If you would like more information about my work or you would like me to work with you, feel free to contact me!</p>
</div>
</section>
</main>
<div class="accordion work-experience group center-everything" role="tablist" id="accordion-1" style="max-width: 75%;">
<div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
<h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="true" aria-controls="accordion-1 .item-1">Teaching Experience</button></h2>
<div class="accordion-collapse collapse show item-1" role="tabpanel" data-bs-parent="#accordion-1">
<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" style="margin-bottom: 25px;">
<h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Teaching Experience</h2>
<div class="heading footer-margin">
<h2 class="text-capitalize text-center heading-no-gap">Teaching Experience</h2>
</div>
<div class="work-experience group" style="margin-top: 25px;margin-right: auto;margin-left: auto;">
<div class="work-experience group wex-div">
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">07/2023 - Present</span>
@@ -215,14 +213,14 @@
</div>
</div>
</div>
<div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
<h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="false" aria-controls="accordion-1 .item-2">Previous Employment</button></h2>
<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" style="margin-bottom: 0px;">
<h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Previous Employment</h2>
<div class="heading heading-no-gap">
<h2 class="text-capitalize text-center heading-no-gap">Previous Employment</h2>
</div>
<div class="work-experience group" style="margin-top: 25px;margin-right: auto;margin-left: auto;">
<div class="work-experience group wex-div">
<div class="item">
<div class="row">
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2016 -&nbsp;<strong>07/2017</strong></span>
@@ -275,15 +273,15 @@
</div>
</div>
</div>
<div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
<h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-3" aria-expanded="false" aria-controls="accordion-1 .item-3">Volunteering Experience</button></h2>
<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" style="margin-bottom: 0px;">
<h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Volunteering Experience</h2>
<div class="heading heading-no-gap">
<h2 class="text-capitalize text-center heading-no-gap">Volunteering Experience</h2>
</div>
<div class="work-experience group" style="margin-top: 25px;">
<div class="item" style="margin-top: 25px;">
<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>
@@ -295,15 +293,15 @@
</div>
</div>
</div>
<div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
<h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-4" aria-expanded="false" aria-controls="accordion-1 .item-4">Education</button></h2>
<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" style="margin-bottom: 0px;">
<h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Education</h2>
<div class="heading heading-no-gap">
<h2 class="text-capitalize text-center heading-no-gap">Education</h2>
</div>
<div class="education group" style="margin-top: 25px;margin-right: auto;margin-left: auto;">
<div class="item" style="margin-top: 25px;">
<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>
@@ -345,7 +343,7 @@
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
@@ -415,7 +413,7 @@
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body accreditations-title">Accreditations</h3>
<div class="swiper w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;}">
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{&quot;direction&quot;:&quot;horizontal&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;pauseOnMouseEnter&quot;:true},&quot;autoHeight&quot;:true,&quot;effect&quot;:&quot;fade&quot;,&quot;fadeEffect&quot;:{&quot;crossFade&quot;:true}}">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></a></div>
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>