diff --git a/assets/bootstrap/CSBox.bsdesign b/assets/bootstrap/CSBox.bsdesign
index 8c1a446..3f3d99f 100644
Binary files a/assets/bootstrap/CSBox.bsdesign and b/assets/bootstrap/CSBox.bsdesign differ
diff --git a/assets/img/computingbox-concept-illustration.png b/assets/img/computingbox-concept-illustration.png
new file mode 100644
index 0000000..23d21f6
Binary files /dev/null and b/assets/img/computingbox-concept-illustration.png differ
diff --git a/export/a-level-hexadecimal.html b/export/a-level-hexadecimal.html
index 02837d9..dcf1073 100644
--- a/export/a-level-hexadecimal.html
+++ b/export/a-level-hexadecimal.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>A Level Hexadecimal Simulator - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/a-level-hexadecimal.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/a-level-hexadecimal.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -232,6 +234,9 @@
                     <div class="row">
                         <div class="col"><button class="btn btn-primary hexadecimalButtons customiserButtons" type="button" onclick="requestDenaryForHexadecimal()">Custom Denary</button></div>
                     </div>
+                    <div class="row">
+                        <div class="col"><button class="btn btn-primary hexadecimalButtons customiserButtons" type="button" onclick="requestBinaryforHexadecimal()">Custom Binary</button></div>
+                    </div>
                 </div>
             </div>
         </div><!-- End: 1 Row 2 Columns -->
@@ -293,13 +298,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -307,7 +312,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/about.html b/export/about.html
index e8dc01b..6156a9c 100644
--- a/export/about.html
+++ b/export/about.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>About - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/about.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/about.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -150,16 +152,16 @@
         <div class="container">
             <div class="row mb-4 mb-lg-5">
                 <div class="col-md-8 col-xl-6 text-center mx-auto">
-                    <p class="fw-bold text-success mb-2">CS:Box</p>
-                    <h3 class="fw-bold">An&nbsp;evolution of Bit:Box to incorporate different elements of the UK Computing Curriculum</h3>
+                    <p class="fw-bold text-success mb-2">Computing:Box</p>
+                    <h3 class="fw-bold">An interactive learning platform for exploring key ideas from the UK Computing Curriculum.</h3>
                 </div>
             </div>
             <div class="row row-cols-1 row-cols-md-2 mx-auto">
-                <div class="col mb-5"><img class="rounded img-fluid shadow" src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71"></div>
+                <div class="col mb-5"><img class="rounded img-fluid shadow" src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1"></div>
                 <div class="col d-md-flex align-items-md-end align-items-lg-center mb-5">
                     <div>
-                        <h5 class="fw-bold">About CS:Box</h5>
-                        <p class="text-muted mb-4">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>
+                        <h5 class="fw-bold">About Computing:Box</h5>
+                        <p class="text-muted mb-4">Computing:Box is a web-based learning tool designed to help students understand core computing concepts in a clear and practical way. It supports learning across different areas of computing by using interactive activities that make abstract ideas easier to see and understand.<br><br>The platform is designed for use in lessons, independent study, and revision, helping students build confidence as they explore how computers work.</p>
                     </div>
                 </div>
             </div>
@@ -167,17 +169,17 @@
                 <div class="col order-md-last mb-5"><img class="rounded img-fluid shadow" src="assets/img/BitBoxLogo.png?h=a50b3ddb5614299b0c00dd4f01bc402e"></div>
                 <div class="col d-md-flex align-items-md-end align-items-lg-center mb-5">
                     <div>
-                        <h5 class="fw-bold">The Evolution from Bit:Box</h5>
-                        <p class="text-muted mb-4">Originally, Bit:Box was developed as a web-based version of a physical Binary Light Box, a hands-on device created by Mr. Davis. This device used lightbulbs and an Arduino microcontroller to visually demonstrate how binary numbers work and the values assigned to each binary column. By interacting with the light switches, students could better understand the concepts of binary counting, place values, and logic.</p>
+                        <h5 class="fw-bold">From Bit:Box to Computing:Box</h5>
+                        <p class="text-muted mb-4">Computing:Box began as Bit:Box, a digital version of a physical Binary Light Box created by Mr Davis. The original device used lightbulbs and an Arduino to show how binary numbers are built using on and off values.<br><br>By switching lights on and off, students could clearly see how binary counting and place values work. This hands-on approach helped make a difficult topic more accessible and engaging.</p>
                     </div>
                 </div>
             </div>
             <div class="row row-cols-1 row-cols-md-2 mx-auto">
-                <div class="col mb-5"><img class="rounded img-fluid shadow" src="assets/img/Evolution_BitBox_to_CSBox.webp?h=1ec7437634c178a31d213253a1700f67"></div>
+                <div class="col mb-5"><img class="rounded img-fluid shadow" src="assets/img/computingbox-concept-illustration.webp?h=9dc6d025c1d9e28ef023c8c72105cc82"></div>
                 <div class="col d-md-flex align-items-md-end align-items-lg-center mb-5">
                     <div>
-                        <h5 class="fw-bold">How CS:Box Builds on Bit:Box</h5>
-                        <p class="text-muted mb-4">CS:Box retains the interactive, visual, and tactile learning approach introduced by Bit:Box but extends its reach to cover a broader range of computing concepts. By incorporating elements of the UK Computing Curriculum, CS:Box now goes beyond binary to include concepts like hexadecimal, logic gates, and even color representation in computing. It allows students to visualize and manipulate abstract computing concepts in a practical, hands-on way.</p>
+                        <h5 class="fw-bold">What Computing:Box Does Now</h5>
+                        <p class="text-muted mb-4">Computing:Box builds on the ideas behind Bit:Box and expands them to cover a wider range of computing topics from the UK Computing Curriculum. In addition to binary, students can now explore areas such as hexadecimal, logic gates, and how colours are represented in computing.<br><br>The focus remains on learning by doing. Students can interact with simulations, change values, and see results instantly. This helps them understand how computing concepts work, rather than just memorising rules or steps.</p>
                     </div>
                 </div>
             </div>
@@ -188,7 +190,7 @@
             <div class="container bg-dark py-5">
                 <div class="row">
                     <div class="col-md-8 col-xl-6 text-center mx-auto">
-                        <h3 class="fw-bold">Key Features of CS:Box</h3>
+                        <h3 class="fw-bold">Key Features of Computing:Box</h3>
                     </div>
                 </div>
                 <div class="p-lg-5 py-5">
@@ -200,7 +202,7 @@
                                             <path fill-rule="evenodd" d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5zM0 11.5A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"></path>
                                         </svg></div>
                                     <h5 class="fw-bold card-title">Binary Simulations</h5>
-                                    <p class="text-muted mb-4 card-text">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p>
+                                    <p class="text-muted mb-4 card-text">Interactive tools that help students understand how numbers work in binary. Students can turn bits on and off and see how the number changes. This helps them learn how binary numbers are built, instead of just memorising conversions.</p>
                                 </div>
                             </div>
                         </div>
@@ -211,7 +213,7 @@
                                             <path d="M8.39 12.648a1.32 1.32 0 0 0-.015.18c0 .305.21.508.5.508.266 0 .492-.172.555-.477l.554-2.703h1.204c.421 0 .617-.234.617-.547 0-.312-.188-.53-.617-.53h-.985l.516-2.524h1.265c.43 0 .618-.227.618-.547 0-.313-.188-.524-.618-.524h-1.046l.476-2.304a1.06 1.06 0 0 0 .016-.164.51.51 0 0 0-.516-.516.54.54 0 0 0-.539.43l-.523 2.554H7.617l.477-2.304c.008-.04.015-.118.015-.164a.512.512 0 0 0-.523-.516.539.539 0 0 0-.531.43L6.53 5.484H5.414c-.43 0-.617.22-.617.532 0 .312.187.539.617.539h.906l-.515 2.523H4.609c-.421 0-.609.219-.609.531 0 .313.188.547.61.547h.976l-.516 2.492c-.008.04-.015.125-.015.18 0 .305.21.508.5.508.265 0 .492-.172.554-.477l.555-2.703h2.242l-.515 2.492zm-1-6.109h2.266l-.515 2.563H6.859l.532-2.563z"></path>
                                         </svg></div>
                                     <h5 class="fw-bold card-title">Hexadecimal Tools</h5>
-                                    <p class="text-muted mb-4 card-text">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p>
+                                    <p class="text-muted mb-4 card-text">Easy-to-use tools that help students learn hexadecimal. Students can practise changing numbers between binary, denary, and hexadecimal. Clear steps and visual support help students understand how the number systems are connected.</p>
                                 </div>
                             </div>
                         </div>
@@ -223,7 +225,7 @@
                                             <path d="M16 8A5 5 0 1 1 6 8a5 5 0 0 1 10 0"></path>
                                         </svg></div>
                                     <h5 class="fw-bold card-title">Logic Gates</h5>
-                                    <p class="text-muted mb-4 card-text">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p>
+                                    <p class="text-muted mb-4 card-text">Simple simulations that show how logic gates work. Students can change the inputs and see the output update instantly. This helps them understand how gates like AND, OR, and NOT make decisions inside computers.</p>
                                 </div>
                             </div>
                         </div>
@@ -235,7 +237,7 @@
                                             <path d="M16 8c0 3.15-1.866 2.585-3.567 2.07C11.42 9.763 10.465 9.473 10 10c-.603.683-.475 1.819-.351 2.92C9.826 14.495 9.996 16 8 16a8 8 0 1 1 8-8m-8 7c.611 0 .654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578 1.272-.618.404-.038.812.026 1.16.104.343.077.702.186 1.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717 9.38 15 9.161 15 8a7 7 0 1 0-7 7"></path>
                                         </svg></div>
                                     <h5 class="fw-bold card-title">Hex Colors</h5>
-                                    <p class="text-muted mb-4 card-text">Erat netus est hendrerit, nullam et quis ad cras porttitor iaculis. Bibendum vulputate cras aenean.</p>
+                                    <p class="text-muted mb-4 card-text">A visual tool that shows how colours are created using hexadecimal values. Students can see how red, green, and blue values change a colour. This helps link hexadecimal numbers to real uses like websites and digital design.</p>
                                 </div>
                             </div>
                         </div>
@@ -246,7 +248,7 @@
                                             <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472M3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"></path>
                                         </svg></div>
                                     <h5 class="fw-bold card-title">User-Focused Design</h5>
-                                    <p class="text-muted mb-4 card-text">CS:Box is accessible on any device with a browser. Its web-based design ensures students can engage with computing concepts from any location, promoting independent learning and experimentation.</p>
+                                    <p class="text-muted mb-4 card-text">Computing:Box is accessible on any device with a browser. Its web-based design ensures students can engage with computing concepts from any location, promoting independent learning and experimentation.</p>
                                 </div>
                             </div>
                         </div>
@@ -261,7 +263,7 @@
                 <div class="col d-md-flex align-items-md-end align-items-lg-center mb-5">
                     <div>
                         <h5 class="fw-bold">Educational Impact</h5>
-                        <p class="text-muted mb-4">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.<br><br>Whether students are learning binary for the first time or deepening their knowledge of hexadecimal and logic gates, CS:Box offers a clear, engaging, and practical method to achieve those learning goals. It exemplifies Mr. Davis' dedication to creating meaningful, student-friendly educational resources for the modern classroom.</p>
+                        <p class="text-muted mb-4">Computing:Box is more than a set of interactive tools. It is designed to help students learn computing concepts step by step, using clear visuals and simple interactions.<br><br>By changing values and seeing results straight away, students can build understanding at their own pace. This supports learners with different levels of confidence and helps make challenging ideas easier to grasp.<br><br>Whether students are learning binary for the first time or developing their understanding of hexadecimal and logic gates, Computing:Box provides a clear and practical way to learn. The platform reflects a focus on creating accessible, student-friendly resources that support learning in the modern classroom.</p>
                     </div>
                 </div>
             </div>
@@ -272,13 +274,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -286,7 +288,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/and-gate.html b/export/and-gate.html
index f51039f..21ffa0e 100644
--- a/export/and-gate.html
+++ b/export/and-gate.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>AND Gate Simulator - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/and-gate.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/and-gate.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -189,13 +191,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -203,7 +205,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/assets/css/Inter.css b/export/assets/css/Inter.css
index fa5aef6..0d849ae 100644
--- a/export/assets/css/Inter.css
+++ b/export/assets/css/Inter.css
@@ -1,6 +1,6 @@
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-de58982b96a72dfd9e457f42f13c8def.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-de58982b96a72dfd9e457f42f13c8def.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: italic;
 	font-display: swap;
@@ -9,7 +9,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-910d93a8fd7d89ae99ae550bf779b0cb.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-910d93a8fd7d89ae99ae550bf779b0cb.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: italic;
 	font-display: swap;
@@ -18,7 +18,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-49d8b8f280231a9679ec1f34d0f177ce.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-49d8b8f280231a9679ec1f34d0f177ce.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: italic;
 	font-display: swap;
@@ -27,7 +27,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-93de0e0c318ba5fc351ed069a801b791.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-93de0e0c318ba5fc351ed069a801b791.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: italic;
 	font-display: swap;
@@ -36,7 +36,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: italic;
 	font-display: swap;
@@ -45,7 +45,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-b076fc26c61e86fdfdbd5a3b96aa9a56.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-b076fc26c61e86fdfdbd5a3b96aa9a56.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: italic;
 	font-display: swap;
@@ -54,7 +54,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-990bab229e94ccb55fad37cff3dae646.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-990bab229e94ccb55fad37cff3dae646.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: italic;
 	font-display: swap;
@@ -63,7 +63,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-de58982b96a72dfd9e457f42f13c8def.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-de58982b96a72dfd9e457f42f13c8def.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: italic;
 	font-display: swap;
@@ -72,7 +72,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-910d93a8fd7d89ae99ae550bf779b0cb.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-910d93a8fd7d89ae99ae550bf779b0cb.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: italic;
 	font-display: swap;
@@ -81,7 +81,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-49d8b8f280231a9679ec1f34d0f177ce.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-49d8b8f280231a9679ec1f34d0f177ce.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: italic;
 	font-display: swap;
@@ -90,7 +90,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-93de0e0c318ba5fc351ed069a801b791.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-93de0e0c318ba5fc351ed069a801b791.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: italic;
 	font-display: swap;
@@ -99,7 +99,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: italic;
 	font-display: swap;
@@ -108,7 +108,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-b076fc26c61e86fdfdbd5a3b96aa9a56.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-b076fc26c61e86fdfdbd5a3b96aa9a56.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: italic;
 	font-display: swap;
@@ -117,7 +117,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-990bab229e94ccb55fad37cff3dae646.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-990bab229e94ccb55fad37cff3dae646.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: italic;
 	font-display: swap;
@@ -126,7 +126,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-de58982b96a72dfd9e457f42f13c8def.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-de58982b96a72dfd9e457f42f13c8def.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: italic;
 	font-display: swap;
@@ -135,7 +135,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-910d93a8fd7d89ae99ae550bf779b0cb.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-910d93a8fd7d89ae99ae550bf779b0cb.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: italic;
 	font-display: swap;
@@ -144,7 +144,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-49d8b8f280231a9679ec1f34d0f177ce.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-49d8b8f280231a9679ec1f34d0f177ce.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: italic;
 	font-display: swap;
@@ -153,7 +153,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-93de0e0c318ba5fc351ed069a801b791.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-93de0e0c318ba5fc351ed069a801b791.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: italic;
 	font-display: swap;
@@ -162,7 +162,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: italic;
 	font-display: swap;
@@ -171,7 +171,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-b076fc26c61e86fdfdbd5a3b96aa9a56.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-b076fc26c61e86fdfdbd5a3b96aa9a56.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: italic;
 	font-display: swap;
@@ -180,7 +180,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-990bab229e94ccb55fad37cff3dae646.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-990bab229e94ccb55fad37cff3dae646.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: italic;
 	font-display: swap;
@@ -189,7 +189,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-de58982b96a72dfd9e457f42f13c8def.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-de58982b96a72dfd9e457f42f13c8def.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: italic;
 	font-display: swap;
@@ -198,7 +198,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-910d93a8fd7d89ae99ae550bf779b0cb.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-910d93a8fd7d89ae99ae550bf779b0cb.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: italic;
 	font-display: swap;
@@ -207,7 +207,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-49d8b8f280231a9679ec1f34d0f177ce.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-49d8b8f280231a9679ec1f34d0f177ce.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: italic;
 	font-display: swap;
@@ -216,7 +216,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-93de0e0c318ba5fc351ed069a801b791.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-93de0e0c318ba5fc351ed069a801b791.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: italic;
 	font-display: swap;
@@ -225,7 +225,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: italic;
 	font-display: swap;
@@ -234,7 +234,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-b076fc26c61e86fdfdbd5a3b96aa9a56.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-b076fc26c61e86fdfdbd5a3b96aa9a56.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: italic;
 	font-display: swap;
@@ -243,7 +243,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-990bab229e94ccb55fad37cff3dae646.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-990bab229e94ccb55fad37cff3dae646.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: italic;
 	font-display: swap;
@@ -252,7 +252,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-de58982b96a72dfd9e457f42f13c8def.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-de58982b96a72dfd9e457f42f13c8def.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: italic;
 	font-display: swap;
@@ -261,7 +261,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-910d93a8fd7d89ae99ae550bf779b0cb.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-910d93a8fd7d89ae99ae550bf779b0cb.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: italic;
 	font-display: swap;
@@ -270,7 +270,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-49d8b8f280231a9679ec1f34d0f177ce.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-49d8b8f280231a9679ec1f34d0f177ce.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: italic;
 	font-display: swap;
@@ -279,7 +279,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-93de0e0c318ba5fc351ed069a801b791.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-93de0e0c318ba5fc351ed069a801b791.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: italic;
 	font-display: swap;
@@ -288,7 +288,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: italic;
 	font-display: swap;
@@ -297,7 +297,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-b076fc26c61e86fdfdbd5a3b96aa9a56.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-b076fc26c61e86fdfdbd5a3b96aa9a56.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: italic;
 	font-display: swap;
@@ -306,7 +306,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-990bab229e94ccb55fad37cff3dae646.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-990bab229e94ccb55fad37cff3dae646.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: italic;
 	font-display: swap;
@@ -315,7 +315,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-69ef5cde33d6fd526d060fcf78a34c88.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-69ef5cde33d6fd526d060fcf78a34c88.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: normal;
 	font-display: swap;
@@ -324,7 +324,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-2cb61e24915ad23d81f18cd8849def8c.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-2cb61e24915ad23d81f18cd8849def8c.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: normal;
 	font-display: swap;
@@ -333,7 +333,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-deeb3bf9a981d6a5c32705d435675328.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-deeb3bf9a981d6a5c32705d435675328.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: normal;
 	font-display: swap;
@@ -342,7 +342,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-e1e86f846d97ba2bd5de747adfc78049.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-e1e86f846d97ba2bd5de747adfc78049.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: normal;
 	font-display: swap;
@@ -351,7 +351,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: normal;
 	font-display: swap;
@@ -360,7 +360,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-2083c91140e7bbb7db951151ac57a155.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-2083c91140e7bbb7db951151ac57a155.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: normal;
 	font-display: swap;
@@ -369,7 +369,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-19884df4a8102ca66ed497ef7f549816.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-19884df4a8102ca66ed497ef7f549816.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 300;
 	font-style: normal;
 	font-display: swap;
@@ -378,7 +378,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-69ef5cde33d6fd526d060fcf78a34c88.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-69ef5cde33d6fd526d060fcf78a34c88.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -387,7 +387,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-2cb61e24915ad23d81f18cd8849def8c.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-2cb61e24915ad23d81f18cd8849def8c.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -396,7 +396,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-deeb3bf9a981d6a5c32705d435675328.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-deeb3bf9a981d6a5c32705d435675328.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -405,7 +405,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-e1e86f846d97ba2bd5de747adfc78049.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-e1e86f846d97ba2bd5de747adfc78049.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -414,7 +414,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -423,7 +423,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-2083c91140e7bbb7db951151ac57a155.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-2083c91140e7bbb7db951151ac57a155.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -432,7 +432,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-19884df4a8102ca66ed497ef7f549816.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-19884df4a8102ca66ed497ef7f549816.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -441,7 +441,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-69ef5cde33d6fd526d060fcf78a34c88.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-69ef5cde33d6fd526d060fcf78a34c88.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: normal;
 	font-display: swap;
@@ -450,7 +450,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-2cb61e24915ad23d81f18cd8849def8c.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-2cb61e24915ad23d81f18cd8849def8c.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: normal;
 	font-display: swap;
@@ -459,7 +459,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-deeb3bf9a981d6a5c32705d435675328.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-deeb3bf9a981d6a5c32705d435675328.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: normal;
 	font-display: swap;
@@ -468,7 +468,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-e1e86f846d97ba2bd5de747adfc78049.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-e1e86f846d97ba2bd5de747adfc78049.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: normal;
 	font-display: swap;
@@ -477,7 +477,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: normal;
 	font-display: swap;
@@ -486,7 +486,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-2083c91140e7bbb7db951151ac57a155.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-2083c91140e7bbb7db951151ac57a155.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: normal;
 	font-display: swap;
@@ -495,7 +495,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-19884df4a8102ca66ed497ef7f549816.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-19884df4a8102ca66ed497ef7f549816.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 600;
 	font-style: normal;
 	font-display: swap;
@@ -504,7 +504,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-69ef5cde33d6fd526d060fcf78a34c88.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-69ef5cde33d6fd526d060fcf78a34c88.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: normal;
 	font-display: swap;
@@ -513,7 +513,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-2cb61e24915ad23d81f18cd8849def8c.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-2cb61e24915ad23d81f18cd8849def8c.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: normal;
 	font-display: swap;
@@ -522,7 +522,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-deeb3bf9a981d6a5c32705d435675328.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-deeb3bf9a981d6a5c32705d435675328.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: normal;
 	font-display: swap;
@@ -531,7 +531,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-e1e86f846d97ba2bd5de747adfc78049.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-e1e86f846d97ba2bd5de747adfc78049.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: normal;
 	font-display: swap;
@@ -540,7 +540,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: normal;
 	font-display: swap;
@@ -549,7 +549,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-2083c91140e7bbb7db951151ac57a155.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-2083c91140e7bbb7db951151ac57a155.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: normal;
 	font-display: swap;
@@ -558,7 +558,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-19884df4a8102ca66ed497ef7f549816.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-19884df4a8102ca66ed497ef7f549816.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 700;
 	font-style: normal;
 	font-display: swap;
@@ -567,7 +567,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-69ef5cde33d6fd526d060fcf78a34c88.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-69ef5cde33d6fd526d060fcf78a34c88.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: normal;
 	font-display: swap;
@@ -576,7 +576,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-2cb61e24915ad23d81f18cd8849def8c.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-2cb61e24915ad23d81f18cd8849def8c.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: normal;
 	font-display: swap;
@@ -585,7 +585,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-deeb3bf9a981d6a5c32705d435675328.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-deeb3bf9a981d6a5c32705d435675328.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: normal;
 	font-display: swap;
@@ -594,7 +594,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-e1e86f846d97ba2bd5de747adfc78049.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-e1e86f846d97ba2bd5de747adfc78049.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: normal;
 	font-display: swap;
@@ -603,7 +603,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: normal;
 	font-display: swap;
@@ -612,7 +612,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-2083c91140e7bbb7db951151ac57a155.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-2083c91140e7bbb7db951151ac57a155.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: normal;
 	font-display: swap;
@@ -621,7 +621,7 @@
 
 @font-face {
 	font-family: 'Inter';
-	src: url(../../assets/fonts/Inter-19884df4a8102ca66ed497ef7f549816.woff2?h=d12fe520d7f1a08f91c8333dfb12e0af) format('woff2');
+	src: url(../../assets/fonts/Inter-19884df4a8102ca66ed497ef7f549816.woff2?h=be025f91dab9b81abd5e161b29118b44) format('woff2');
 	font-weight: 800;
 	font-style: normal;
 	font-display: swap;
diff --git a/export/assets/css/Open Sans.css b/export/assets/css/Open Sans.css
index 1ef444b..81cee43 100644
--- a/export/assets/css/Open Sans.css	
+++ b/export/assets/css/Open Sans.css	
@@ -1,6 +1,6 @@
 @font-face {
 	font-family: 'Open Sans';
-	src: url(../../assets/fonts/Open%20Sans-6dec32ba32c583143f37e96a59e0fb9e.woff2?h=ba41513e9a68a6b69b27fd4ab84c248d) format('woff2');
+	src: url(../../assets/fonts/Open%20Sans-6dec32ba32c583143f37e96a59e0fb9e.woff2?h=9a12aca0fcffa0bf3e6a406b06de7e47) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -9,7 +9,7 @@
 
 @font-face {
 	font-family: 'Open Sans';
-	src: url(../../assets/fonts/Open%20Sans-225b7d18262c1041a32b79d200e92bf1.woff2?h=ba41513e9a68a6b69b27fd4ab84c248d) format('woff2');
+	src: url(../../assets/fonts/Open%20Sans-225b7d18262c1041a32b79d200e92bf1.woff2?h=9a12aca0fcffa0bf3e6a406b06de7e47) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -18,7 +18,7 @@
 
 @font-face {
 	font-family: 'Open Sans';
-	src: url(../../assets/fonts/Open%20Sans-dea7e20916bef72920c929acfb3a4641.woff2?h=ba41513e9a68a6b69b27fd4ab84c248d) format('woff2');
+	src: url(../../assets/fonts/Open%20Sans-dea7e20916bef72920c929acfb3a4641.woff2?h=9a12aca0fcffa0bf3e6a406b06de7e47) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -27,7 +27,7 @@
 
 @font-face {
 	font-family: 'Open Sans';
-	src: url(../../assets/fonts/Open%20Sans-15e68f85ff378c85165faa90038c1c34.woff2?h=ba41513e9a68a6b69b27fd4ab84c248d) format('woff2');
+	src: url(../../assets/fonts/Open%20Sans-15e68f85ff378c85165faa90038c1c34.woff2?h=9a12aca0fcffa0bf3e6a406b06de7e47) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -36,7 +36,7 @@
 
 @font-face {
 	font-family: 'Open Sans';
-	src: url(../../assets/fonts/Open%20Sans-5e916bd22ed9429b9b6c1e583e7e3bac.woff2?h=ba41513e9a68a6b69b27fd4ab84c248d) format('woff2');
+	src: url(../../assets/fonts/Open%20Sans-5e916bd22ed9429b9b6c1e583e7e3bac.woff2?h=9a12aca0fcffa0bf3e6a406b06de7e47) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -45,7 +45,7 @@
 
 @font-face {
 	font-family: 'Open Sans';
-	src: url(../../assets/fonts/Open%20Sans-fab2dc2a64560c0036fff6d74173d2fe.woff2?h=ba41513e9a68a6b69b27fd4ab84c248d) format('woff2');
+	src: url(../../assets/fonts/Open%20Sans-fab2dc2a64560c0036fff6d74173d2fe.woff2?h=9a12aca0fcffa0bf3e6a406b06de7e47) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -54,7 +54,7 @@
 
 @font-face {
 	font-family: 'Open Sans';
-	src: url(../../assets/fonts/Open%20Sans-92fcb6995c062a9e725f088d0a4946e3.woff2?h=ba41513e9a68a6b69b27fd4ab84c248d) format('woff2');
+	src: url(../../assets/fonts/Open%20Sans-92fcb6995c062a9e725f088d0a4946e3.woff2?h=9a12aca0fcffa0bf3e6a406b06de7e47) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -63,7 +63,7 @@
 
 @font-face {
 	font-family: 'Open Sans';
-	src: url(../../assets/fonts/Open%20Sans-698c10e372a42d57247ac8e1ba5de182.woff2?h=ba41513e9a68a6b69b27fd4ab84c248d) format('woff2');
+	src: url(../../assets/fonts/Open%20Sans-698c10e372a42d57247ac8e1ba5de182.woff2?h=9a12aca0fcffa0bf3e6a406b06de7e47) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -72,7 +72,7 @@
 
 @font-face {
 	font-family: 'Open Sans';
-	src: url(../../assets/fonts/Open%20Sans-68df54b884d8032b226b60b2de0d3d9f.woff2?h=ba41513e9a68a6b69b27fd4ab84c248d) format('woff2');
+	src: url(../../assets/fonts/Open%20Sans-68df54b884d8032b226b60b2de0d3d9f.woff2?h=9a12aca0fcffa0bf3e6a406b06de7e47) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
@@ -81,7 +81,7 @@
 
 @font-face {
 	font-family: 'Open Sans';
-	src: url(../../assets/fonts/Open%20Sans-d839b7fe1395f21cd350be1b26d80cfc.woff2?h=ba41513e9a68a6b69b27fd4ab84c248d) format('woff2');
+	src: url(../../assets/fonts/Open%20Sans-d839b7fe1395f21cd350be1b26d80cfc.woff2?h=9a12aca0fcffa0bf3e6a406b06de7e47) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
diff --git a/export/assets/img/ComputingBox-Logo.webp b/export/assets/img/ComputingBox-Logo.webp
new file mode 100644
index 0000000..d65a119
Binary files /dev/null and b/export/assets/img/ComputingBox-Logo.webp differ
diff --git a/export/assets/img/computingbox-concept-illustration.webp b/export/assets/img/computingbox-concept-illustration.webp
new file mode 100644
index 0000000..3dd1e84
Binary files /dev/null and b/export/assets/img/computingbox-concept-illustration.webp differ
diff --git a/export/assets/js/hexadecimal.js b/export/assets/js/hexadecimal.js
index 496a905..069b138 100644
--- a/export/assets/js/hexadecimal.js
+++ b/export/assets/js/hexadecimal.js
@@ -1,63 +1,161 @@
 // Ensure the script only runs if the URL path contains "hexadecimal"
-if (window.location.pathname.includes('hexadecimal')) {
+if (window.location.pathname.includes("hexadecimal")) {
+  const isGCSE = window.location.pathname.includes("gcse-hexadecimal");
+  const hexLength = isGCSE ? 2 : 4;       // GCSE: 2 hex digits, A Level: 4
+  const binaryLength = isGCSE ? 8 : 16;   // GCSE: 8 bits, A Level: 16
+  const maxDenary = isGCSE ? 255 : 65535;
 
-    const isGCSE = window.location.pathname.includes('gcse-hexadecimal');
-    const hexLength = isGCSE ? 2 : 4;
-    const binaryLength = isGCSE ? 8 : 16;
-    const maxDenary = isGCSE ? 255 : 65535;
+  // Each slider represents a 4-bit nibble (0–15) at a given place value
+  const placeValues = { 1: 0, 16: 0, 256: 0, 4096: 0 };
+  const sliders = {};
 
-    const placeValues = { 1: 0, 16: 0, 256: 0, 4096: 0 };
-    const sliders = {};
-    const columnValues = isGCSE ? [16, 1] : [4096, 256, 16, 1];
+  // Order matters: left->right nibble columns
+  const columnValues = isGCSE ? [16, 1] : [4096, 256, 16, 1];
 
-    // Attach event listeners for sliders
-    ['slider1', 'slider16', 'slider256', 'slider4096'].forEach((sliderId) => {
-        const slider = document.getElementById(sliderId);
-        if (slider) {
-            sliders[sliderId] = slider;
-            slider.addEventListener("input", (e) => {
-                e.stopPropagation(); // Prevent event propagation to Bootstrap
-                updatePlace(parseInt(sliderId.replace('slider', ''), 10));
-            });
-        }
+  // Attach event listeners for sliders
+  ["slider1", "slider16", "slider256", "slider4096"].forEach((sliderId) => {
+    const slider = document.getElementById(sliderId);
+    if (slider) {
+      sliders[sliderId] = slider;
+      slider.addEventListener("input", (e) => {
+        e.stopPropagation(); // Prevent event propagation to Bootstrap
+        updatePlace(parseInt(sliderId.replace("slider", ""), 10));
+      });
+    }
+  });
+
+  function updatePlace(place) {
+    const slider = sliders[`slider${place}`];
+    if (!slider) return;
+    placeValues[place] = parseInt(slider.value, 10) || 0;
+    updateNumbers();
+  }
+
+  function updateNumbers() {
+    let denary = 0;
+    let binary = "";
+    let hexadecimal = "";
+
+    columnValues.forEach((column) => {
+      const value = placeValues[column] ?? 0; // nibble 0..15
+      denary += value * column;
+      binary += convertToBinaryNibble(value);
+      hexadecimal += convertToHexDigit(value);
     });
 
-    function updatePlace(place) {
-        if (sliders[`slider${place}`]) {
-            placeValues[place] = parseInt(sliders[`slider${place}`].value, 10);
-            updateNumbers();
-        }
-    }
+    // Ensure fixed lengths
+    binary = binary.slice(-binaryLength).padStart(binaryLength, "0");
+    hexadecimal = hexadecimal.slice(-hexLength).padStart(hexLength, "0");
 
-    function updateNumbers() {
-        let denary = 0;
-        let binary = '';
-        let hexadecimal = '';
+    const binEl = document.getElementById("binaryNumber");
+    const denEl = document.getElementById("denaryNumber");
+    const hexEl = document.getElementById("hexadecimalNumber");
 
-        columnValues.forEach((column) => {
-            const value = placeValues[column];
-            denary += value * column;
-            binary += convertToBinary(value);
-            hexadecimal += convertToHex(value);
-        });
+    if (binEl) binEl.innerText = binary;
+    if (denEl) denEl.innerText = denary;
+    if (hexEl) hexEl.innerText = hexadecimal;
+  }
 
-        binary = binary.slice(-binaryLength).padStart(binaryLength, '0');
-        hexadecimal = hexadecimal.slice(-hexLength).padStart(hexLength, '0');
+  function convertToBinaryNibble(num) {
+    return num.toString(2).padStart(4, "0");
+  }
 
-        document.getElementById("binaryNumber").innerText = binary;
-        document.getElementById("denaryNumber").innerText = denary;
-        document.getElementById("hexadecimalNumber").innerText = hexadecimal;
-    }
+  function convertToHexDigit(num) {
+    return num.toString(16).toUpperCase(); // 0..F
+  }
 
-    function convertToBinary(num) {
-        return num.toString(2).padStart(4, '0');
-    }
+  function setSlidersFromDenary(denary) {
+    // Clamp & normalise
+    denary = Number.isFinite(denary) ? denary : 0;
+    denary = Math.max(0, Math.min(maxDenary, Math.floor(denary)));
 
-    function convertToHex(num) {
-        return num.toString(16).toUpperCase();
-    }
-
-    document.addEventListener('DOMContentLoaded', () => {
-        updateNumbers();
+    // Convert denary into nibble values for each column
+    columnValues.forEach((column) => {
+      const nibble = Math.floor(denary / column);
+      placeValues[column] = Math.max(0, Math.min(15, nibble));
+      denary -= placeValues[column] * column;
     });
+
+    // Push values to sliders (if present)
+    columnValues.forEach((column) => {
+      const slider = sliders[`slider${column}`];
+      if (slider) slider.value = placeValues[column];
+    });
+
+    updateNumbers();
+  }
+
+  function cleanHexInput(input) {
+    return String(input)
+      .trim()
+      .replace(/^0x/i, "")
+      .toUpperCase();
+  }
+
+  function cleanBinaryInput(input) {
+    return String(input).trim().replace(/\s+/g, "");
+  }
+
+  // === PUBLIC BUTTON HANDLERS ===
+  // Call these from onclick="" on your buttons
+
+  window.requestHexadecimal = function requestHexadecimal() {
+    const raw = prompt(
+      `Enter a ${hexLength}-digit hexadecimal value (0-9, A-F):`,
+      ""
+    );
+    if (raw === null) return;
+
+    const hex = cleanHexInput(raw);
+
+    const re = new RegExp(`^[0-9A-F]{${hexLength}}$`);
+    if (!re.test(hex)) {
+      alert(`Please enter exactly ${hexLength} hex digit(s) using 0-9 and A-F.`);
+      return;
+    }
+
+    const denary = parseInt(hex, 16);
+    setSlidersFromDenary(denary);
+  };
+
+  window.requestDenaryForHexadecimal =
+    function requestDenaryForHexadecimal() {
+      const raw = prompt(`Enter a denary value (0 to ${maxDenary}):`, "");
+      if (raw === null) return;
+
+      // Allow digits only
+      const cleaned = String(raw).trim();
+      if (!/^\d+$/.test(cleaned)) {
+        alert("Please enter a whole number in denary (digits only).");
+        return;
+      }
+
+      const denary = parseInt(cleaned, 10);
+      if (denary < 0 || denary > maxDenary) {
+        alert(`Please enter a number between 0 and ${maxDenary}.`);
+        return;
+      }
+
+      setSlidersFromDenary(denary);
+    };
+
+  window.requestBinaryforHexadecimal = function requestBinaryforHexadecimal() {
+    const raw = prompt(`Enter a ${binaryLength}-bit binary value (0s and 1s):`, "");
+    if (raw === null) return;
+
+    const bin = cleanBinaryInput(raw);
+
+    const re = new RegExp(`^[01]{${binaryLength}}$`);
+    if (!re.test(bin)) {
+      alert(`Please enter exactly ${binaryLength} bits using only 0 and 1.`);
+      return;
+    }
+
+    const denary = parseInt(bin, 2);
+    setSlidersFromDenary(denary);
+  };
+
+  document.addEventListener("DOMContentLoaded", () => {
+    updateNumbers();
+  });
 }
diff --git a/export/binary.html b/export/binary.html
new file mode 100644
index 0000000..640f7e5
--- /dev/null
+++ b/export/binary.html
@@ -0,0 +1,327 @@
+<!DOCTYPE html>
+<html data-bs-theme="auto" lang="en" style="background: rgb(45,44,56);">
+
+<head>
+    <meta charset="utf-8">
+<!-- Matomo -->
+<script>
+  var _paq = window._paq = window._paq || [];
+  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="//analytics.adcmnetworks.co.uk/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '2']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<!-- End Matomo Code -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>Binary Simulator - CS:Box</title>
+    <link rel="canonical" href="https://www.computingbox.co.uk/binary.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/binary.html">
+    <meta property="og:type" content="website">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
+    <script>
+        (function() {
+
+            // JavaScript snippet handling Dark/Light mode switching
+
+            const getStoredTheme = () => localStorage.getItem('theme');
+            const setStoredTheme = theme => localStorage.setItem('theme', theme);
+            const forcedTheme = document.documentElement.getAttribute('data-bss-forced-theme');
+
+            const getPreferredTheme = () => {
+
+                if (forcedTheme) return forcedTheme;
+
+                const storedTheme = getStoredTheme();
+                if (storedTheme) {
+                    return storedTheme;
+                }
+
+                const pageTheme = document.documentElement.getAttribute('data-bs-theme');
+
+                if (pageTheme) {
+                    return pageTheme;
+                }
+
+                return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+            }
+
+            const setTheme = theme => {
+                if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+                    document.documentElement.setAttribute('data-bs-theme', 'dark');
+                } else {
+                    document.documentElement.setAttribute('data-bs-theme', theme);
+                }
+            }
+
+            setTheme(getPreferredTheme());
+
+            const showActiveTheme = (theme, focus = false) => {
+                const themeSwitchers = [].slice.call(document.querySelectorAll('.theme-switcher'));
+
+                if (!themeSwitchers.length) return;
+
+                document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
+                    element.classList.remove('active');
+                    element.setAttribute('aria-pressed', 'false');
+                });
+
+                for (const themeSwitcher of themeSwitchers) {
+
+                    const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
+
+                    if (btnToActivate) {
+                        btnToActivate.classList.add('active');
+                        btnToActivate.setAttribute('aria-pressed', 'true');
+                    }
+                }
+            }
+
+            window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+                const storedTheme = getStoredTheme();
+                if (storedTheme !== 'light' && storedTheme !== 'dark') {
+                    setTheme(getPreferredTheme());
+                }
+            });
+
+            window.addEventListener('DOMContentLoaded', () => {
+                showActiveTheme(getPreferredTheme());
+
+                document.querySelectorAll('[data-bs-theme-value]')
+                    .forEach(toggle => {
+                        toggle.addEventListener('click', (e) => {
+                            e.preventDefault();
+                            const theme = toggle.getAttribute('data-bs-theme-value');
+                            setStoredTheme(theme);
+                            setTheme(theme);
+                            showActiveTheme(theme);
+                        })
+                    })
+            });
+        })();
+    </script>
+    <link rel="icon" type="image/svg+xml" sizes="500x500" href="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71">
+    <link rel="icon" type="image/svg+xml" sizes="500x500" href="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" media="(prefers-color-scheme: dark)">
+    <link rel="icon" type="image/svg+xml" sizes="500x500" href="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71">
+    <link rel="icon" type="image/svg+xml" sizes="500x500" href="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" media="(prefers-color-scheme: dark)">
+    <link rel="icon" type="image/svg+xml" sizes="500x500" href="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71">
+    <link rel="icon" type="image/svg+xml" sizes="500x500" href="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71">
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
+    <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
+    <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
+    <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
+    <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
+    <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
+    <link rel="stylesheet" href="assets/css/styles.css?h=3e090fbf977edce98dcf9e4faea134e4">
+</head>
+
+<body>
+    <header class="bg-dark">
+        <!-- Start: Site Navigation -->
+        <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+                <div class="collapse navbar-collapse" id="navcol-5">
+                    <ul class="navbar-nav ms-auto">
+                        <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+                        <li class="nav-item"><a class="nav-link" href="about">About</a></li>
+                        <li class="nav-item dropdown"><a class="dropdown-toggle nav-link active" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="#">Binary</a>
+                            <div class="dropdown-menu"><a class="dropdown-item active" href="unsigned-binary">Unsigned Integers</a><a class="dropdown-item" href="twos-compliment-binary">Two's Compliment</a></div>
+                        </li>
+                        <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="#">Hexadecimal</a>
+                            <div class="dropdown-menu"><a class="dropdown-item" href="gcse-hexadecimal">GCSE</a><a class="dropdown-item" href="a-level-hexadecimal">A Level</a></div>
+                        </li>
+                        <li class="nav-item"><a class="nav-link" href="hex-colours">Hex Colours</a></li>
+                        <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="#">Logic Gates</a>
+                            <div class="dropdown-menu"><a class="dropdown-item" href="not-gate">NOT</a><a class="dropdown-item" href="and-gate">AND</a><a class="dropdown-item" href="or-gate">OR</a><a class="dropdown-item" href="nor-gate">NOR</a><a class="dropdown-item" href="nand-gate">NAND</a><a class="dropdown-item" href="xor-gate">XOR</a><a class="dropdown-item" href="xnor-gate">XNOR</a></div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav><!-- End: Site Navigation -->
+    </header><!-- Start: Hero Banner Color -->
+    <section class="d-print-none d-lg-none d-xl-none d-xxl-none py-4 py-xl-5">
+        <div class="container h-100">
+            <div class="text-white border rounded border-0 p-1 bg-danger">
+                <div class="row h-100">
+                    <div class="col-md-10 col-xl-8 text-center d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center mx-auto">
+                        <div>
+                            <h1 class="text-uppercase fw-bold text-white mb-3" style="font-size: 24pt;">SITE&nbsp;Not Suitable for DEVICES WITH SMALLER SCREENS</h1>
+                            <p class="mb-4">This site is not suitable for mobile devices and tablets, please try accessing this site on a desktop or laptop.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section><!-- End: Hero Banner Color -->
+    <section class="d-none d-print-block d-sm-none d-md-none d-lg-block d-xl-block d-xxl-block" style="background: rgb(39,38,46);">
+        <!-- Start: 1 Row 2 Columns -->
+        <div class="container" style="width: 100%;margin-top: 15px;">
+            <div class="row">
+                <div class="col centred" style="width: 35%;">
+                    <div class="centred reset" style="position: relative;">
+                        <p class="resetButton">Reset bit:box</p>
+                        <div style="position: absolute;"><img class="overlay resetIcon" src="assets/img/BitBoxLogo.png?h=a50b3ddb5614299b0c00dd4f01bc402e" onclick="resetBinarySimulator()"></div>
+                    </div>
+                    <div class="row">
+                        <div class="col-xl-12 bottomSpacer"></div>
+                    </div>
+                </div>
+                <div class="col-md-6" style="width: 60%;">
+                    <div class="row">
+                        <div class="col">
+                            <h1 class="simHeading">Denary</h1>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <h1 id="denaryNumber" class="simData">0</h1>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6" style="width: 20%;">
+                    <div class="row">
+                        <div class="col hexadecimalButtons"><button class="btn btn-primary binaryButtons customiserButtons" type="button" onclick="requestBinary()">Custom Binary</button></div>
+                    </div>
+                    <div class="row">
+                        <div class="col hexadecimalButtons"><button class="btn btn-primary binaryButtons customiserButtons" type="button" onclick="requestDenary()">Custom Denary</button></div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col centred" style="width: 35%;">
+                    <div class="row">
+                        <div class="col-xl-12 bottomSpacer"></div>
+                    </div>
+                </div>
+                <div class="col-md-6" style="width: 60%;">
+                    <div class="row">
+                        <div class="col">
+                            <h1 class="simHeading">Binary</h1>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <h1 id="binaryNumber" class="simData">00000000</h1>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6" style="width: 20%;">
+                    <div class="row">
+                        <div class="col hexadecimalButtons"><button class="btn btn-primary binaryButtons customiserButtons" type="button" onclick="shiftBinary(&quot;left&quot;)">Left Shift</button></div>
+                    </div>
+                    <div class="row">
+                        <div class="col hexadecimalButtons"><button class="btn btn-primary binaryButtons customiserButtons" type="button" onclick="shiftBinary(&quot;right&quot;)">Right Shift</button></div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col spacer" style="width: 100%;"></div>
+            </div>
+        </div><!-- End: 1 Row 2 Columns -->
+        <div class="container d-xl-flex justify-content-xl-center centred">
+            <div class="text-center d-xl-flex justify-content-xl-center" style="width: 100%;">
+                <table class="table table-borderless">
+                    <thead>
+                        <tr>
+                            <th class="tableCells">
+                                <h1 id="blb128" class="poweredOff" style="text-align: center;font-size: 48px;">💡<br></h1>
+                            </th>
+                            <th class="tableCells">
+                                <h1 id="blb64" class="poweredOff" style="text-align: center;font-size: 48px;">💡<br></h1>
+                            </th>
+                            <th class="tableCells">
+                                <h1 id="blb32" class="poweredOff" style="text-align: center;font-size: 48px;">💡<br></h1>
+                            </th>
+                            <th class="tableCells">
+                                <h1 id="blb16" class="poweredOff" style="text-align: center;font-size: 48px;">💡<br></h1>
+                            </th>
+                            <th class="tableCells">
+                                <h1 id="blb8" class="poweredOff" style="text-align: center;font-size: 48px;">💡<br></h1>
+                            </th>
+                            <th class="tableCells">
+                                <h1 id="blb4" class="poweredOff" style="text-align: center;font-size: 48px;">💡<br></h1>
+                            </th>
+                            <th class="tableCells">
+                                <h1 id="blb2" class="poweredOff" style="text-align: center;font-size: 48px;">💡<br></h1>
+                            </th>
+                            <th class="tableCells">
+                                <h1 id="blb1" class="poweredOff" style="text-align: center;font-size: 48px;">💡</h1>
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td class="tableCells">
+                                <h1 id="lbl-msb" class="simColumns">128</h1>
+                            </td>
+                            <td class="tableCells">
+                                <h1 class="simColumns">64</h1>
+                            </td>
+                            <td class="tableCells">
+                                <h1 class="simColumns">32</h1>
+                            </td>
+                            <td class="tableCells">
+                                <h1 class="simColumns">16</h1>
+                            </td>
+                            <td class="tableCells">
+                                <h1 class="simColumns">8</h1>
+                            </td>
+                            <td class="tableCells">
+                                <h1 class="simColumns">4</h1>
+                            </td>
+                            <td class="tableCells">
+                                <h1 class="simColumns">2</h1>
+                            </td>
+                            <td class="tableCells">
+                                <h1 id="lbl-lsb" class="simColumns">1</h1>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="text-center tableCells"><button class="btn btn-primary buttonMiddle" id="swt128" type="button" onclick="changeBit(128)">⏼<br></button></td>
+                            <td class="text-center tableCells"><button class="btn btn-primary buttonMiddle" id="swt64" type="button" onclick="changeBit(64)">⏼<br></button></td>
+                            <td class="text-center tableCells"><button class="btn btn-primary buttonMiddle" id="swt32" type="button" onclick="changeBit(32)">⏼<br></button></td>
+                            <td class="text-center tableCells"><button class="btn btn-primary buttonMiddle" id="swt16" type="button" onclick="changeBit(16)">⏼<br></button></td>
+                            <td class="text-center tableCells"><button class="btn btn-primary buttonMiddle" id="swt8" type="button" onclick="changeBit(8)">⏼<br></button></td>
+                            <td class="text-center tableCells"><button class="btn btn-primary buttonMiddle" id="swt4" type="button" onclick="changeBit(4)">⏼<br></button></td>
+                            <td class="text-center tableCells"><button class="btn btn-primary buttonMiddle" id="swt2" type="button" onclick="changeBit(2)">⏼<br></button></td>
+                            <td class="text-center"><button class="btn btn-primary buttonMiddle" id="swt1" type="button" onclick="changeBit(1)">⏼<br></button></td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+        <div class="container d-xl-flex justify-content-xl-center centred" style="height: 120px;"></div>
+    </section><!-- Start: Footer Multi Column -->
+    <footer style="background: rgb(45,44,56);">
+        <div class="container py-4 py-lg-5">
+            <div class="row justify-content-center">
+                <!-- Start: Branding -->
+                <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
+                </div><!-- End: Branding -->
+            </div>
+            <hr>
+            <div class="text-muted d-flex justify-content-between align-items-center pt-3">
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
+            </div>
+        </div>
+    </footer><!-- End: Footer Multi Column -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
+    <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
+    <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
+    <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/export/gcse-hexadecimal.html b/export/gcse-hexadecimal.html
index 54efb35..4087a00 100644
--- a/export/gcse-hexadecimal.html
+++ b/export/gcse-hexadecimal.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>GCSE Hexadecimal Simulator - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/gcse-hexadecimal.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/gcse-hexadecimal.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -232,6 +234,9 @@
                     <div class="row">
                         <div class="col"><button class="btn btn-primary hexadecimalButtons customiserButtons" type="button" onclick="requestDenaryForHexadecimal()">Custom Denary</button></div>
                     </div>
+                    <div class="row">
+                        <div class="col"><button class="btn btn-primary hexadecimalButtons customiserButtons" type="button" onclick="requestBinaryforHexadecimal()">Custom Binary</button></div>
+                    </div>
                 </div>
             </div>
         </div><!-- End: 1 Row 2 Columns -->
@@ -285,13 +290,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -299,7 +304,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/hex-colours.html b/export/hex-colours.html
index 99347ae..33cffa8 100644
--- a/export/hex-colours.html
+++ b/export/hex-colours.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Hex Colours - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/hex-colours.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/hex-colours.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -389,13 +391,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -403,7 +405,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/index.html b/export/index.html
index 6339699..ba4ddf9 100644
--- a/export/index.html
+++ b/export/index.html
@@ -20,15 +20,17 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Welcome to CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/">
+    <meta property="og:url" content="https://www.computingbox.co.uk/">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script type="application/ld+json">
         {
             "@context": "http://schema.org",
             "@type": "WebSite",
-            "name": "CS:Box",
-            "url": "https://csbox.mrdaviscsit.uk"
+            "name": "Computing:Box",
+            "url": "https://www.computingbox.co.uk"
         }
     </script>
     <script>
@@ -121,8 +123,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -133,7 +135,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link active" href="/">Home</a></li>
@@ -173,15 +175,15 @@
             <div class="row py-5">
                 <div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-end mb-4">
                     <div style="max-width: 450px;">
-                        <p class="fw-bold text-success mb-2">Version 1 Available Now</p>
-                        <h2 class="fw-bold">Understand Computer Science concepts better.</h2>
-                        <p class="completeFeatures"><strong>Coming Soon to CS:Box</strong></p>
+                        <p class="fw-bold text-success mb-2">Version 1 Available Now<br>Version 2 Coming Soon</p>
+                        <h2 class="fw-bold">Understand Computing concepts better.</h2>
+                        <p class="completeFeatures"><strong>Coming Soon to Computing:Box</strong></p>
                         <p class="completeFeatures"></p>
-                        <p class="introP">Enhanced User Interface (UI) / User Experience (UX)<br>Interactive Lessons / Tutorials<br>Expanded Gate Functionality<br>Curriculum-Specific Tools<br>Classroom &amp; Teacher Tools<br>Enhanced Reporting / Analytics</p><a href="projects"><button class="btn btn-primary" type="button">Learn More</button></a>
+                        <p class="introP">New User Interface (UI)<br>Expanded Gate Functionality - Automatic Truth Tables<br>Computer Part Simulator</p><a href="projects"><button class="btn btn-primary" type="button">Learn More</button></a>
                     </div>
                 </div>
                 <div class="col-md-6 mb-4">
-                    <div class="p-5 mx-lg-5"><img class="rounded img-fluid shadow w-100 fit-cover" style="min-height: 300px;" src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71"></div>
+                    <div class="p-5 mx-lg-5"><img class="rounded img-fluid shadow w-100 fit-cover" style="min-height: 300px;" src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1"></div>
                 </div>
                 <div class="col"></div>
             </div>
@@ -192,13 +194,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -206,7 +208,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/nand-gate.html b/export/nand-gate.html
index a30dc9a..1571fd7 100644
--- a/export/nand-gate.html
+++ b/export/nand-gate.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>NAND Gate Simulator - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/nand-gate.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/nand-gate.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -189,13 +191,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -203,7 +205,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/nor-gate.html b/export/nor-gate.html
index 63315b9..27fae28 100644
--- a/export/nor-gate.html
+++ b/export/nor-gate.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>NOR Gate Simulator - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/nor-gate.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/nor-gate.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -189,13 +191,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -203,7 +205,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/not-gate.html b/export/not-gate.html
index 614c9b4..81bc924 100644
--- a/export/not-gate.html
+++ b/export/not-gate.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>NOT Gate Simulator - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/not-gate.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/not-gate.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -189,13 +191,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -203,7 +205,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/or-gate.html b/export/or-gate.html
index 8cf8aba..6777d8f 100644
--- a/export/or-gate.html
+++ b/export/or-gate.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>OR Gate Simulator - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/or-gate.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/or-gate.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -189,13 +191,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -203,7 +205,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/projects.html b/export/projects.html
index 86c431f..7647997 100644
--- a/export/projects.html
+++ b/export/projects.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Projects - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/projects.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/projects.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -150,8 +152,8 @@
         <div class="container">
             <div class="row mb-5">
                 <div class="col text-center mx-auto">
-                    <h2 class="fw-bold">Coming Soon to CS:Box</h2>
-                    <p class="text-muted">Wave 3 will focus on enhanced usability, new interactive challenges, and a better user experience. Version 2.0 will introduce gamification, personalization, and real-time collaboration, making CS:Box a cutting-edge learning tool for logic gates, binary, and hexadecimal concepts. By adding multi-user collaboration, gamification, and mobile support, CS:Box will evolve into a next-generation educational platform for the UK Computing Curriculum and beyond.</p>
+                    <h2 class="fw-bold">Coming Soon to Computing:Box</h2>
+                    <p class="text-muted">Wave 3 will focus on enhanced usability, new interactive challenges, and a better user experience. Version 2.0 will introduce gamification, personalization, and real-time collaboration, making Computing:Box a cutting-edge learning tool for logic gates, binary, and hexadecimal concepts. By adding multi-user collaboration, gamification, and mobile support, Computing:Box will evolve into a next-generation educational platform for the UK Computing Curriculum and beyond.</p>
                 </div>
             </div>
             <div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 900px;">
@@ -195,13 +197,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -209,7 +211,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/sitemap.xml b/export/sitemap.xml
new file mode 100644
index 0000000..7e2f066
--- /dev/null
+++ b/export/sitemap.xml
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+    <url>
+        <loc>https://www.computingbox.co.uk/a-level-hexadecimal.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/about.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/and-gate.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/binary.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/gcse-hexadecimal.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/hex-colours.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/nand-gate.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/nor-gate.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/not-gate.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/or-gate.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/projects.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/twos-compliment-binary.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/unsigned-binary.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/xnor-gate.html</loc>
+    </url>
+    <url>
+        <loc>https://www.computingbox.co.uk/xor-gate.html</loc>
+    </url>
+</urlset>
\ No newline at end of file
diff --git a/export/twos-compliment-binary.html b/export/twos-compliment-binary.html
index fdcb3e5..521abab 100644
--- a/export/twos-compliment-binary.html
+++ b/export/twos-compliment-binary.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Two's Complement Binary Simulator - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/twos-compliment-binary.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/twos-compliment-binary.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -159,22 +161,7 @@
             </div>
         </div>
     </section><!-- End: Hero Banner Color -->
-    <!-- Start: Hero Banner Color -->
-    <section class="py-4 py-xl-5">
-        <div class="container h-100">
-            <div class="text-white border rounded border-0 p-1 bg-danger">
-                <div class="row h-100">
-                    <div class="col-md-10 col-xl-8 text-center d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center mx-auto">
-                        <div>
-                            <h1 class="text-uppercase fw-bold text-white mb-3" style="font-size: 24pt;">Page Unavailable</h1>
-                            <p class="mb-4">This page is currently offline for maintenance.<br>Please try again later.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section><!-- End: Hero Banner Color -->
-    <section class="d-none d-print-none d-sm-none d-md-none d-lg-none d-xl-none d-xxl-none" style="background: rgb(39,38,46);">
+    <section style="background: rgb(39,38,46);">
         <!-- Start: 1 Row 2 Columns -->
         <div class="container" style="width: 100%;margin-top: 15px;">
             <div class="row">
@@ -318,13 +305,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -332,7 +319,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/unsigned-binary.html b/export/unsigned-binary.html
index 1749c3d..7c8c135 100644
--- a/export/unsigned-binary.html
+++ b/export/unsigned-binary.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>Unsigned Binary Simulator - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/unsigned-binary.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/unsigned-binary.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -258,7 +260,7 @@
                     <tbody>
                         <tr>
                             <td class="tableCells">
-                                <h1 class="simColumns">128</h1>
+                                <h1 id="lbl-msb" class="simColumns">128</h1>
                             </td>
                             <td class="tableCells">
                                 <h1 class="simColumns">64</h1>
@@ -279,7 +281,7 @@
                                 <h1 class="simColumns">2</h1>
                             </td>
                             <td class="tableCells">
-                                <h1 class="simColumns">1</h1>
+                                <h1 id="lbl-lsb" class="simColumns">1</h1>
                             </td>
                         </tr>
                         <tr>
@@ -303,13 +305,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -317,7 +319,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/xnor-gate.html b/export/xnor-gate.html
index 7de88e4..39f8273 100644
--- a/export/xnor-gate.html
+++ b/export/xnor-gate.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>XNOR Gate Simulator - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/xnor-gate.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/xnor-gate.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -189,13 +191,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -203,7 +205,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>
diff --git a/export/xor-gate.html b/export/xor-gate.html
index 5fddd66..15a39fb 100644
--- a/export/xor-gate.html
+++ b/export/xor-gate.html
@@ -20,9 +20,11 @@
 <!-- End Matomo Code -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>XOR Gate Simulator - CS:Box</title>
-    <meta name="twitter:card" content="summary_large_image">
+    <link rel="canonical" href="https://www.computingbox.co.uk/xor-gate.html">
+    <meta property="og:url" content="https://www.computingbox.co.uk/xor-gate.html">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://csbox.mrdaviscsit.uk/assets/img/CSBoxLogo.svg">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="og:image" content="https://www.computingbox.co.uk/assets/img/ComputingBox-Logo.webp">
     <script>
         (function() {
 
@@ -113,8 +115,8 @@
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=bec7173809e9299f24e368ea574911e3">
     <link rel="stylesheet" href="assets/css/DSEG7%20Classic%20Regular.css">
     <link rel="stylesheet" href="assets/css/IEC%20symbols%20Unicode.css?h=f58bcc159dfcde3a8902f3c3e5961248">
-    <link rel="stylesheet" href="assets/css/Inter.css?h=d12fe520d7f1a08f91c8333dfb12e0af">
-    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=ba41513e9a68a6b69b27fd4ab84c248d">
+    <link rel="stylesheet" href="assets/css/Inter.css?h=be025f91dab9b81abd5e161b29118b44">
+    <link rel="stylesheet" href="assets/css/Open%20Sans.css?h=9a12aca0fcffa0bf3e6a406b06de7e47">
     <link rel="stylesheet" href="assets/css/Seven%20Segment.css?h=f58bcc159dfcde3a8902f3c3e5961248">
     <link rel="stylesheet" href="assets/css/bss-overrides.css?h=c465df5ec180459d04fa6be96fb73a3b">
     <link rel="stylesheet" href="assets/css/Slider-Range.css?h=f8e9df474f99934e8bddde82bea5ff22">
@@ -125,7 +127,7 @@
     <header class="bg-dark">
         <!-- Start: Site Navigation -->
         <nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav" style="background: rgb(45, 44, 56);">
-            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>CS:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="container"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><a class="navbar-brand d-flex align-items-center" href="/"><span>Computing:Box</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navcol-5">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
@@ -189,13 +191,13 @@
             <div class="row justify-content-center">
                 <!-- Start: Branding -->
                 <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
-                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/CSBoxLogo.svg?h=ca838acaf7f1bc97e10657f07ed63d71" style="width: 32px;margin: 5px;"><span>CS:Box</span></div>
-                    <p class="text-muted">Computer Science Concept Simulators</p>
+                    <div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/ComputingBox-Logo.webp?h=6ac4a5bf6a143a74e3e10fd9455bcce1" style="width: 32px;margin: 5px;"><span>Computing:Box</span></div>
+                    <p class="text-muted">Computing Concept Simulators</p>
                 </div><!-- End: Branding -->
             </div>
             <hr>
             <div class="text-muted d-flex justify-content-between align-items-center pt-3">
-                <p class="mb-0">Copyright © 2025 CS:Box<br>Powered By ADCM Networks</p>
+                <p class="mb-0">Copyright © 2025 Computing:Box<br>Powered By ADCM Networks</p>
             </div>
         </div>
     </footer><!-- End: Footer Multi Column -->
@@ -203,7 +205,7 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/js/binary.js?h=122236ea60351806f6898510a67d196b"></script>
     <script src="assets/js/boldAndDark.js?h=78569998362133b84a76614652f3624f"></script>
-    <script src="assets/js/hexadecimal.js?h=ed5c6d92d71af17004fe145227303d9d"></script>
+    <script src="assets/js/hexadecimal.js?h=1d88c5f7da86e237fdac8a16a6958a73"></script>
     <script src="assets/js/hexColours.js?h=c64f15434dac1c095562a6a5fe8b155b"></script>
     <script src="assets/js/logicGates.js?h=cb132aa615fb58918ab65db03c7face7"></script>
 </body>