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,15 +151,15 @@
</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/projects/bcucu/bcucupreview.webp&quot;) center / cover;color: white;">
<div class="align-content-center heading blog-heading bcucu-website">
<h2 class="text-capitalize">Birmingham City University Christian Union</h2>
<p>A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</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="swiper project-carousel" id="swiper-1" 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;keyboard&quot;:true,&quot;mousewheel&quot;:true,&quot;effect&quot;:&quot;creative&quot;,&quot;creativeEffect&quot;:{&quot;prev&quot;:{&quot;shadow&quot;:true,&quot;translate&quot;:[&quot;-20%&quot;,0,-1]},&quot;next&quot;:{&quot;translate&quot;:[&quot;100%&quot;,0,0]}},&quot;pagination&quot;:{&quot;el&quot;:&quot;.swiper-pagination&quot;,&quot;type&quot;:&quot;bullets&quot;,&quot;clickable&quot;:true,&quot;dynamicBullets&quot;:true},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;.swiper-button-next&quot;,&quot;prevEl&quot;:&quot;.swiper-button-prev&quot;}}">
<div class="swiper-wrapper">
@@ -174,19 +172,19 @@
<div class="swiper-pagination swiper-control"></div>
</div>
<div class="row">
<div class="col-12 col-md-6 offset-md-1 info">
<div class="col info">
<p>In March 2015, I was approached by the Vice President for Birmingham City University's Christian Union to design their new online presence. The project was completed in June 2015.<br><br>The website utilises embeds from other services such as Vimeo, YouTube, ISSU, Google Services and Facebook. The website also has an events system which the exec can update themselves by logging onto the administration areas. The main framework is based on a modified installation of WordPress with a modified version of the Hemmingway Rewritten Theme.<br><br>The society were asked to shut down the website as new rules from the students union were put into place in July 2016.</p>
</div>
<div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
<div class="col-auto meta project-details">
<div class="tags"><span class="meta-heading">Project Status</span><span>Ended</span><span class="meta-heading">Client</span><span>Birmingham City University Christian Union</span><span class="meta-heading">Date</span><span>April 2015 - June 2016</span><span class="meta-heading">Products Created</span><span>Website</span></div>
</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-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
<div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
<div class="card-body"><a href="/my-work/web-design/birmingham-city-university-discover.html">
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
</a>
@@ -195,7 +193,7 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
<div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
<div class="card-body"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html">
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
</a>
@@ -204,7 +202,7 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="/my-work/web-design/frizzle-tv.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/frizzle/frizzlepreview.webp"></a>
<div class="card"><a href="/my-work/web-design/frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/frizzle/frizzlepreview.webp"></a>
<div class="card-body"><a href="/my-work/web-design/frizzle-tv.html">
<h4 class="text-body">Frizzle TV</h4>
</a>
@@ -213,7 +211,7 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
<div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
<div class="card-body"><a href="/my-work/web-design/peter-bell-music.html">
<h4 class="text-body">Peter Bell Music</h4>
</a>
@@ -222,7 +220,7 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
<div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
<div class="card-body"><a href="/my-work/web-design/st-thomas-church-keresley.html">
<h4 class="text-body">St Thomas' Church Keresley</h4>
</a>
@@ -249,7 +247,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>
@@ -319,7 +317,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>