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

@@ -28,7 +28,7 @@
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mr Davis CS &amp; IT">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/photo-1489599849927-2ee91cede3ba.jpg">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/photo-1489599849927-2ee91cede3ba.jpg">
<meta name="description" content="A wide range of production projects">
<script>
(function() {
@@ -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,27 +151,27 @@
</div>
</nav>
<main class="page">
<section class="portfolio-block block-intro" style="padding-bottom: 10px;">
<section class="portfolio-block block-intro">
<div class="container center-everything">
<div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;/assets/img/photo-1489599849927-2ee91cede3ba.jpg&quot;) center / cover;color: white;">
<div class="align-content-center heading blog-heading showreel">
<h2 class="text-capitalize">Showreel</h2>
<p>A wide range of production projects</p>
</div>
</div>
</section>
<section class="portfolio-block project" style="padding-top: 0;">
<section class="portfolio-block project">
<div class="container center-everything">
<div class="ratio ratio-16x9" style="margin-bottom: 25px;"><iframe src="https://www.youtube-nocookie.com/embed/videoseries?si=RIK2nSwdtEB4Kadz&amp;amp;list=PLhZGMkgkarmkgB18-1Dwpecs8rgm7mUTk" allowfullscreen=""></iframe></div>
<div class="ratio ratio-16x9 portfolio-video"><iframe src="https://www.youtube-nocookie.com/embed/videoseries?si=RIK2nSwdtEB4Kadz&amp;amp;list=PLhZGMkgkarmkgB18-1Dwpecs8rgm7mUTk" allowfullscreen=""></iframe></div>
<div class="row">
<div class="col-12 col-md-6 offset-md-1 info">
<div class="col info">
<p>Above is the playlist containing all of my work. feel free to view as much as you like to see the wide rage of production projects I have participated in.</p>
</div>
<div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
<div class="tags"></div><a class="btn btn-primary" role="button" href="https://www.youtube.com/playlist?list=PLhZGMkgkarmkgB18-1Dwpecs8rgm7mUTk" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">Watch on YouTube</a>
<div class="col-auto meta project-details">
<div class="tags"></div><a class="btn btn-primary project-buttons" role="button" href="https://www.youtube.com/playlist?list=PLhZGMkgkarmkgB18-1Dwpecs8rgm7mUTk" target="_blank">Watch on YouTube</a>
</div>
</div>
<div class="more-projects">
<h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
<h3 class="text-center more-projects-heading">More Projects</h3>
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
@@ -365,7 +363,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>
@@ -435,7 +433,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>