minor modifications to the bracket builder

Author: chrisorban

bracket.html

@@ -265,14 +265,14 @@ <h3 style="color:#004684; margin: 0; text-align: center; padding-top: 10px;">You
                     <strong>Binary:</strong> <span style="word-break: break-all; font-family: monospace;">${binStr}</span>
                     <button onclick="navigator.clipboard.writeText('${binStr}'); let btn=this; btn.innerText='Copied!'; setTimeout(()=>btn.innerText='Copy Binary to the Clipboard', 2000);" style="cursor: pointer; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: #eee; font-size: 12px;">Copy Binary to Clipboard</button>
                 </p>
-                <p style="display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;">
-                    <strong>Hexadecimal:</strong> <span style="word-break: break-all; font-family: monospace;">${hexStr}</span>
-                    <button onclick="navigator.clipboard.writeText('${hexStr}'); let btn=this; btn.innerText='Copied!'; setTimeout(()=>btn.innerText='Copy Hexadecimal to the Clipboard', 2000);" style="cursor: pointer; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: #eee; font-size: 12px;">Copy Hex to Clipboard</button>
-                </p>
                 <p style="display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;">
                     <strong>Base 10:</strong> <span style="word-break: break-all; font-family: monospace;">${base10Str}</span>
                     <button onclick="navigator.clipboard.writeText('${base10Str}'); let btn=this; btn.innerText='Copied!'; setTimeout(()=>btn.innerText='Copy Base 10 number to the Clipboard', 2000);" style="cursor: pointer; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: #eee; font-size: 12px;">Copy Base 10 number to Clipboard</button>
                 </p>
+                <p style="display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;">
+                    <strong>Hexadecimal:</strong> <span style="word-break: break-all; font-family: monospace;">${hexStr}</span>
+                    <button onclick="navigator.clipboard.writeText('${hexStr}'); let btn=this; btn.innerText='Copied!'; setTimeout(()=>btn.innerText='Copy Hexadecimal to the Clipboard', 2000);" style="cursor: pointer; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: #eee; font-size: 12px;">Copy Hex to Clipboard</button>
+                </p>
                 <p style="display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;">
                     <strong>Share URL:</strong> <a href="${shareUrl}" target="_blank" style="word-break: break-all; font-size: 14px; max-width: 60%;">${shareUrl}</a>
                     <button onclick="navigator.clipboard.writeText('${shareUrl}'); let btn=this; btn.innerText='Copied!'; setTimeout(()=>btn.innerText='Copy URL to Clipboard', 2000);" style="cursor: pointer; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: #eee; font-size: 12px;">Copy URL to Clipboard</button>
@@ -523,4 +523,4 @@ <h2>Champion</h2>
     </script>
 </body>
 
-</html>
+</html>

docs/activities.html

@@ -500,7 +500,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </div></a>
 </div>
-<div class="g-col-1" data-index="7" data-categories="TWF0aCUyQ0RhdGElMjBTY2llbmNlJTJDQ29tcHV0ZXIlMjBTY2llbmNlJTJDQWxsJTIwQWdlcw==" data-listing-file-modified-sort="1775406973637" data-listing-reading-time-sort="1" data-listing-word-count-sort="155">
+<div class="g-col-1" data-index="7" data-categories="TWF0aCUyQ0RhdGElMjBTY2llbmNlJTJDQ29tcHV0ZXIlMjBTY2llbmNlJTJDQWxsJTIwQWdlcw==" data-listing-file-modified-sort="1775415251522" data-listing-reading-time-sort="1" data-listing-word-count-sort="168">
 <a href="./projects/bracket.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">

docs/bracket.html

@@ -265,14 +265,14 @@ <h3 style="color:#004684; margin: 0; text-align: center; padding-top: 10px;">You
                     <strong>Binary:</strong> <span style="word-break: break-all; font-family: monospace;">${binStr}</span>
                     <button onclick="navigator.clipboard.writeText('${binStr}'); let btn=this; btn.innerText='Copied!'; setTimeout(()=>btn.innerText='Copy Binary to the Clipboard', 2000);" style="cursor: pointer; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: #eee; font-size: 12px;">Copy Binary to Clipboard</button>
                 </p>
-                <p style="display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;">
-                    <strong>Hexadecimal:</strong> <span style="word-break: break-all; font-family: monospace;">${hexStr}</span>
-                    <button onclick="navigator.clipboard.writeText('${hexStr}'); let btn=this; btn.innerText='Copied!'; setTimeout(()=>btn.innerText='Copy Hexadecimal to the Clipboard', 2000);" style="cursor: pointer; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: #eee; font-size: 12px;">Copy Hex to Clipboard</button>
-                </p>
                 <p style="display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;">
                     <strong>Base 10:</strong> <span style="word-break: break-all; font-family: monospace;">${base10Str}</span>
                     <button onclick="navigator.clipboard.writeText('${base10Str}'); let btn=this; btn.innerText='Copied!'; setTimeout(()=>btn.innerText='Copy Base 10 number to the Clipboard', 2000);" style="cursor: pointer; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: #eee; font-size: 12px;">Copy Base 10 number to Clipboard</button>
                 </p>
+                <p style="display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;">
+                    <strong>Hexadecimal:</strong> <span style="word-break: break-all; font-family: monospace;">${hexStr}</span>
+                    <button onclick="navigator.clipboard.writeText('${hexStr}'); let btn=this; btn.innerText='Copied!'; setTimeout(()=>btn.innerText='Copy Hexadecimal to the Clipboard', 2000);" style="cursor: pointer; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: #eee; font-size: 12px;">Copy Hex to Clipboard</button>
+                </p>
                 <p style="display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;">
                     <strong>Share URL:</strong> <a href="${shareUrl}" target="_blank" style="word-break: break-all; font-size: 14px; max-width: 60%;">${shareUrl}</a>
                     <button onclick="navigator.clipboard.writeText('${shareUrl}'); let btn=this; btn.innerText='Copied!'; setTimeout(()=>btn.innerText='Copy URL to Clipboard', 2000);" style="cursor: pointer; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: #eee; font-size: 12px;">Copy URL to Clipboard</button>
@@ -523,4 +523,4 @@ <h2>Champion</h2>
     </script>
 </body>
 
-</html>
+</html>

docs/projects/bracket.html

@@ -179,7 +179,7 @@ <h1 class="title">Bracket Builder</h1>
 <ul>
 <li>Why is does the binary number have as many digits as it has?</li>
 <li>Why is there 9.2 quadrillon possible brackets? Of the 9.2 quadrillon possible brackets, which number is your bracket according to the <a href="http://explore.stemcoding.org/bracket.html">STEMcoding Bracket Builder</a>?</li>
-<li>Why is the Base 10 and Hexadecimal code shorter than the binary code?</li>
+<li>Of the three different codes (Binary, Base 10 and Hexadecimal) why is the length of those codes from longest to shortest: Binary, Base 10 and Hexadecimal?</li>
 <li>How is the QR code storing the Share URL? How many different possible QR codes are there?</li>
 </ul>
 <p>Check your brackets later to see how you did!</p>

projects/bracket.qmd

@@ -22,7 +22,7 @@ Notice on the [STEMcoding Bracket Builder](http://explore.stemcoding.org/bracket
 
 * Why is does the binary number have as many digits as it has?
 * Why is there 9.2 quadrillon possible brackets? Of the 9.2 quadrillon possible brackets, which number is your bracket according to the [STEMcoding Bracket Builder](http://explore.stemcoding.org/bracket.html)?
-* Why is the Base 10 and Hexadecimal code shorter than the binary code?
+* Of the three different codes (Binary, Base 10 and Hexadecimal) why is the length of those codes from longest to shortest: Binary, Base 10 and Hexadecimal?
 * How is the QR code storing the Share URL? How many different possible QR codes are there?
 
 Check your brackets later to see how you did!