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

@@ -145,9 +145,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 active" 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">
@@ -161,14 +159,14 @@
</div>
</nav>
<main class="page">
<section class="portfolio-block block-intro" style="margin-top: auto;">
<section class="portfolio-block block-intro auto-margin">
<div class="container center-everything">
<div class="row justify-content-center" style="margin-right: auto;margin-left: auto;">
<div class="col" style="align-content: center;"><h1><u class="coloured-underline">Mr A Davis</u></h1>
<div class="row justify-content-center center-everything">
<div class="col align-content-center"><h1><u class="coloured-underline">Mr A Davis</u></h1>
<h2><span class="txt-rotate" data-period="1000" data-rotate='[ "Web Designer", "Head of Computing", "Programmer", "Media Production Assistant","Solutions Consultant" ]'></span></h2>
</div>
<div class="col">
<picture style="margin-right: auto;margin-left: auto;max-width: 500px;"><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>
@@ -184,7 +182,7 @@
<div class="col-md-12 col-lg-5">
<div class="portfolio-laptop-mockup">
<div class="screen">
<div class="screen-content" style="background-image: url(&quot;/assets/img/projects/cs_box/csbox_homepage.jpeg&quot;);"></div>
<div class="screen-content featured-project"></div>
</div>
<div class="keyboard"></div>
</div>
@@ -197,7 +195,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>
@@ -267,7 +265,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>