Updates to Projects Page

This commit is contained in:
2025-07-12 22:38:05 +01:00
parent fa29ca958b
commit 214406a3fe
86 changed files with 1643 additions and 467 deletions

View File

@@ -128,6 +128,7 @@
<link rel="stylesheet" href="assets/css/pikaday.min.css">
<link rel="stylesheet" href="assets/css/CookieConsentComponent.css">
<link rel="stylesheet" href="assets/css/animations.compiled.css">
<link rel="stylesheet" href="assets/css/Carousel---Slider-With-Animation.css">
<link rel="stylesheet" href="assets/css/Footer-Dark-Multi-Column-icons.css">
</head>
@@ -138,6 +139,9 @@
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link active" 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"><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="../../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">
@@ -158,7 +162,7 @@
<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-md-4">
<picture><img src="assets/img/brand/headshot.webp" style="height: 500px;"></picture>
<picture><img class="w-100 h-auto" src="assets/img/brand/headshot.webp" style="height: 500px;"></picture>
</div>
</div>
</div>
@@ -169,7 +173,7 @@
<div class="row align-items-center">
<div class="col-md-12 col-lg-5 offset-lg-1 text">
<h3>Featured Project</h3>
<p>CS:Box is an innovative educational tool designed to support the teaching of key concepts from the UK Computing Curriculum. Building on the foundations of Bit:Box, CS:Box expands its scope to cover a wider range of essential computing topics, providing an interactive and engaging experience for students.</p><a class="btn btn-primary" role="button" href="my-work/projects-for-education/cs_box.html">&gt; Read More</a>
<p>CS:Box is an innovative educational tool designed to support the teaching of key concepts from the UK Computing Curriculum. Building on the foundations of Bit:Box, CS:Box expands its scope to cover a wider range of essential computing topics, providing an interactive and engaging experience for students.</p><a class="btn btn-primary" role="button" href="my-work/extracurricular-projects/the-computers-identity.html">&gt; Read More</a>
</div>
<div class="col-md-12 col-lg-5">
<div class="portfolio-laptop-mockup">
@@ -327,6 +331,7 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/Carousel---Slider-With-Animation-slider_with_animation.js"></script>
<script src="assets/js/CookieConsentComponent-cookieconsent.js"></script>
<script src="https://kit.fontawesome.com/8970d94f9b.js"></script>
<script src="assets/js/pikaday.min.js"></script>