ADCM-Networks/ProfessionalWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Begun Optimisation

Browse Source 
Begun site optimisation
This commit is contained in:
Alexander Lyall
2025-07-18 20:39:42 +01:00
parent 10dd851b38
commit ad3d6f044a
76 changed files with 649 additions and 2036 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
Export/my-work/projects-for-education/csbox.html
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,9 +151,9 @@
</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/cs_box/csbox_logo.png&quot;) center / cover;color: white;">
<div class="align-content-center heading blog-heading csbox-web">
<h2>CS:Box</h2>
<p>An evolution of Bit:Box to incorporate different elements of the UK Computing Curriculum</p>
</div>
@@ -182,19 +180,19 @@
<div class="carousel-indicators focus-ring"><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="2"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="3"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="4"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="5"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="6"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="7"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="8"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="9"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="10"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="11"></button></div>
</div>
<div class="row">
<div class="col-12 col-md-6 offset-md-1 info">
<div class="col info">
<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.<br><br>CS:Box is more than a collection of interactive tools — it is a guided learning experience for students to understand complex computing concepts. By combining hands-on manipulation with visual feedback, it provides a scaffolded learning approach for students at different stages of their educational journey.</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>Ongoing</span><span class="meta-heading">Launched</span><span>April 2023</span><span class="meta-heading">Products Created</span><span>Website</span></div><a class="btn btn-primary" role="button" href="https://csbox.mrdaviscsit.uk/" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project Website</a><a class="btn btn-primary" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/CS-Box" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project on Gitea</a>
<div class="col-auto meta project-details">
<div class="tags"><span class="meta-heading">Project Status</span><span>Ongoing</span><span class="meta-heading">Launched</span><span>April 2023</span><span class="meta-heading">Products Created</span><span>Website</span><a class="btn btn-primary project-buttons" role="button" href="https://csbox.mrdaviscsit.uk/" target="_blank">View Project Website</a><a class="btn btn-primary project-buttons" role="button" href="https://gitea.adcmnetworks.co.uk/alexander/CS-Box" target="_blank">View Project on Gitea</a></div>
</div>
</div>
<div class="more-projects">
<h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
<div data-bss-type="blog-loop" data-bss-perpage="12">
<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-projects-for-education col" data-bss-type="blog-loop-item">
<div class="card"><a href="/my-work/projects-for-education/bitbox.html"><img class="img-fluid card-img-top" width="1080" height="1080" src="/assets/img/projects/bit_box/bit_box_logo.png"></a>
<div class="card"><a href="/my-work/projects-for-education/bitbox.html"><img class="img-fluid card-img-top rainbow-border" width="1080" height="1080" src="/assets/img/projects/bit_box/bit_box_logo.png"></a>
<div class="card-body"><a href="/my-work/projects-for-education/bitbox.html">
<h4 class="text-body">Bit:Box</h4>
</a>
@@ -203,7 +201,7 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<div class="card"><a href="/my-work/projects-for-education/my-mind.html"><img class="img-fluid card-img-top" width="338" height="338" src="/assets/img/projects/my_mind/my_mind_logo.png"></a>
<div class="card"><a href="/my-work/projects-for-education/my-mind.html"><img class="img-fluid card-img-top rainbow-border" width="338" height="338" src="/assets/img/projects/my_mind/my_mind_logo.png"></a>
<div class="card-body"><a href="/my-work/projects-for-education/my-mind.html">
<h4 class="text-body">My Mind</h4>
</a>
@@ -212,7 +210,7 @@
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<div class="card"><a href="/my-work/projects-for-education/nature-findings.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/nature_findings/naturefindingspreview.png"></a>
<div class="card"><a href="/my-work/projects-for-education/nature-findings.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/nature_findings/naturefindingspreview.png"></a>
<div class="card-body"><a href="/my-work/projects-for-education/nature-findings.html">
<h4 class="text-body">Nature Findings</h4>
</a>
@@ -220,8 +218,8 @@
</div>
</div>
</div>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
<div class="card"><a href="/my-work/projects-for-education/task-master-ios.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/taskmaster_for%20ios/taskmasteriospreview.png"></a>
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="/my-work/projects-for-education/task-master-ios.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/taskmaster_for%20ios/taskmasteriospreview.png"></a>
<div class="card-body"><a href="/my-work/projects-for-education/task-master-ios.html">
<h4 class="text-body">Task Master for iOS</h4>
</a>
@@ -234,7 +232,8 @@
<ul class="pagination">
<li class="page-item disabled" data-type="prev" data-page="1"><a class="page-link" aria-label="Previous" href="#"><span aria-hidden="true">«</span></a></li>
<li class="page-item active" data-type="regular" data-page="1"><a class="page-link" href="#">1</a></li>
<li class="page-item disabled" data-type="next" data-page="1"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
<li class="page-item" data-type="regular" data-page="2"><a class="page-link" href="#">2</a></li>
<li class="page-item" data-type="next" data-page="2"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
</ul>
</nav>
</div>
@@ -247,7 +246,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>
@@ -317,7 +316,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>