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/bcumha/bcumhapreview.webp&quot;) center / cover;color: white;">
<div class="align-content-center heading blog-heading bcumha-website">
<h2 class="text-capitalize">Birmingham City University Mental Health Awareness</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 June 2016, I was selected and asked to become the president of a new society at Birmingam City University. In August 2016, BCU Mental Health Awareness was officialy formed with myself and 4 other members on the executive committiee and part of my objectives was to update and maintain a website that was formed when the campaign team was originally formed.<br><br>Part of my time as president, I commissioned several pieces of work including a new logo and a 30 minute documentary discussing people living with and around mental health issues.</p>
</div>
<div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
<div class="tags"><span class="meta-heading">Project Status</span><span>Ended</span><span class="meta-heading">Client</span><span>Birmingham City University Mental Health Awareness</span><span class="meta-heading">Date</span><span>September 2016</span><span class="meta-heading">Products Created</span><span>Website, Short Films</span></div><a class="btn btn-primary" role="button" href="/my-work/extracurricular-projects/i-am-aware.html" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">Watch Documentary</a>
<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 Mental Health Awareness</span><span class="meta-heading">Date</span><span>September 2016</span><span class="meta-heading">Products Created</span><span>Website, Short Films</span><a class="btn btn-primary project-buttons" role="button" href="/my-work/extracurricular-projects/i-am-aware.html">Watch Documentary</a></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-christian-union.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
<div class="card"><a href="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
<div class="card-body"><a href="/my-work/web-design/birmingham-city-university-christian-union.html">
<h4 class="text-body">Birmingham City University Christian Union</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-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>
@@ -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>