diff --git a/CSBox.bsdesign b/CSBox.bsdesign index 5e35344..0cd02c0 100644 Binary files a/CSBox.bsdesign and b/CSBox.bsdesign differ diff --git a/Export/a-level-hexadecimal.html b/Export/a-level-hexadecimal.html index 0cfdbd4..7ee0d34 100644 --- a/Export/a-level-hexadecimal.html +++ b/Export/a-level-hexadecimal.html @@ -1,8 +1,283 @@ -Home - CS:Box -

Reset bit:box

Denary

0

Hexadecimal

0000

Binary

00000000000000000

💡

💡

💡

💡

4096

256

16

1

\ No newline at end of file + + + + + + + Home - CS:Box + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+
+
+

Reset bit:box

+
+
+
+
+
+
+
+
+
+

Denary

+
+
+
+
+

0

+
+
+
+
+
+
+

Hexadecimal

+
+
+
+
+

0000

+
+
+
+
+
+
+
+
+

Binary

+
+
+
+
+

0000000000000000

+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

💡

+ 		+

💡

+ 		+

💡

+ 		+

💡

+
+

4096

+ 		+

256

+ 		+

16

+ 		+

1

+
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/Export/about.html b/Export/about.html index f0809f2..7f9fe7c 100644 --- a/Export/about.html +++ b/Export/about.html @@ -1,8 +1,198 @@ -Home - CS:Box -

Coming Soon

Understand Computer Science concepts better.

Bit:Box Feature Migration - Complete
Wave 1 Features Alpha - Available Now

Wave 1 Features Beta - Easter 2025
Wave 2 Features Beta - May 2025
Wave 3 Features Beta - July 2025

Version 1.0 Release - September 2025

\ No newline at end of file + + + + + + + Home - CS:Box + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+
+
+

Coming Soon

+

Understand Computer Science concepts better.

+

Bit:Box Feature Migration - Complete
Wave 1 Features Alpha - Available Now

+

Wave 1 Features Beta - Easter 2025
Wave 2 Features Beta - May 2025
Wave 3 Features Beta - July 2025

Version 1.0 Release - September 2025

+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/Export/and-gate.html b/Export/and-gate.html index c4789c4..ee2ea90 100644 --- a/Export/and-gate.html +++ b/Export/and-gate.html @@ -1,8 +1,204 @@ -Binary Simulator - CS:Box -

AND Gate

💡

\ No newline at end of file + + + + + + + Binary Simulator - CS:Box + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+
+
+
+
+

AND Gate

+
+
+
+ +
+
+
+

💡

+
+
+
+
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/Export/assets/css/DSEG7 Classic Regular.css b/Export/assets/css/DSEG7 Classic Regular.css new file mode 100644 index 0000000..c69c3a7 --- /dev/null +++ b/Export/assets/css/DSEG7 Classic Regular.css @@ -0,0 +1,8 @@ +@font-face { + font-family: 'DSEG7 Classic Regular'; + src: url(/assets/fonts/DSEG7ClassicRegular.woff) format('woff'), + url(/assets/fonts/DSEG7ClassicRegular.ttf) format('truetype'); + font-weight: 400; + font-style: normal; + font-display: auto; +} \ No newline at end of file diff --git a/Export/assets/css/IEC symbols Unicode.css b/Export/assets/css/IEC symbols Unicode.css new file mode 100644 index 0000000..30a0de5 --- /dev/null +++ b/Export/assets/css/IEC symbols Unicode.css @@ -0,0 +1,8 @@ +@font-face { + font-family: 'IEC symbols Unicode'; + src: url(/assets/fonts/IEC%20symbols%20Unicode-7accb483a44c18d55e8700feb3ddc713.woff2?h=f58bcc159dfcde3a8902f3c3e5961248) format('woff2'), + url(/assets/fonts/IEC%20symbols%20Unicode-f2f2e5d8588f3b01658e423c74d599be.woff?h=f58bcc159dfcde3a8902f3c3e5961248) format('woff'); + font-weight: normal; + font-style: normal; + font-display: swap; +} \ No newline at end of file diff --git a/Export/assets/css/Inter.css b/Export/assets/css/Inter.css new file mode 100644 index 0000000..771f496 --- /dev/null +++ b/Export/assets/css/Inter.css @@ -0,0 +1,629 @@ +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-501638185f142ea970e06ff6a896cf44.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: italic; + font-display: swap; + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-d845be6713e4acd3766e1f8f6418c97e.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: italic; + font-display: swap; + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8d07e5f373f5bb3603b3e139f63e3386.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: italic; + font-display: swap; + unicode-range: U+1F00-1FFF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8e1d10adf40d7223fbee98b930853a8a.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: italic; + font-display: swap; + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: italic; + font-display: swap; + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-6b97bb4aa11fb6d8c29b378b87c8ce45.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: italic; + font-display: swap; + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-69c9fb2f299f5f5be8d2800cd24271f9.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: italic; + font-display: swap; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-501638185f142ea970e06ff6a896cf44.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: italic; + font-display: swap; + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-d845be6713e4acd3766e1f8f6418c97e.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: italic; + font-display: swap; + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8d07e5f373f5bb3603b3e139f63e3386.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: italic; + font-display: swap; + unicode-range: U+1F00-1FFF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8e1d10adf40d7223fbee98b930853a8a.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: italic; + font-display: swap; + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: italic; + font-display: swap; + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-6b97bb4aa11fb6d8c29b378b87c8ce45.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: italic; + font-display: swap; + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-69c9fb2f299f5f5be8d2800cd24271f9.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: italic; + font-display: swap; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-501638185f142ea970e06ff6a896cf44.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: italic; + font-display: swap; + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-d845be6713e4acd3766e1f8f6418c97e.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: italic; + font-display: swap; + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8d07e5f373f5bb3603b3e139f63e3386.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: italic; + font-display: swap; + unicode-range: U+1F00-1FFF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8e1d10adf40d7223fbee98b930853a8a.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: italic; + font-display: swap; + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: italic; + font-display: swap; + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-6b97bb4aa11fb6d8c29b378b87c8ce45.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: italic; + font-display: swap; + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-69c9fb2f299f5f5be8d2800cd24271f9.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: italic; + font-display: swap; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-501638185f142ea970e06ff6a896cf44.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: italic; + font-display: swap; + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-d845be6713e4acd3766e1f8f6418c97e.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: italic; + font-display: swap; + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8d07e5f373f5bb3603b3e139f63e3386.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: italic; + font-display: swap; + unicode-range: U+1F00-1FFF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8e1d10adf40d7223fbee98b930853a8a.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: italic; + font-display: swap; + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: italic; + font-display: swap; + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-6b97bb4aa11fb6d8c29b378b87c8ce45.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: italic; + font-display: swap; + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-69c9fb2f299f5f5be8d2800cd24271f9.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: italic; + font-display: swap; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-501638185f142ea970e06ff6a896cf44.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: italic; + font-display: swap; + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-d845be6713e4acd3766e1f8f6418c97e.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: italic; + font-display: swap; + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8d07e5f373f5bb3603b3e139f63e3386.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: italic; + font-display: swap; + unicode-range: U+1F00-1FFF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8e1d10adf40d7223fbee98b930853a8a.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: italic; + font-display: swap; + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-db78de5246196d0d93187248cbebc6c2.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: italic; + font-display: swap; + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-6b97bb4aa11fb6d8c29b378b87c8ce45.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: italic; + font-display: swap; + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-69c9fb2f299f5f5be8d2800cd24271f9.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: italic; + font-display: swap; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-9f11e6095a39b5e188d6a081f05299fb.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: normal; + font-display: swap; + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-c0b8741a9d891c8088e6db8ca3a4b5fa.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: normal; + font-display: swap; + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-991ff15c49155ffbda53e3aa14ecb8b6.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: normal; + font-display: swap; + unicode-range: U+1F00-1FFF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8b0bd5934b903f2631853751aedf28a6.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: normal; + font-display: swap; + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: normal; + font-display: swap; + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-1b621eda4be3428e50a0ee070c09005b.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: normal; + font-display: swap; + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-d48b1d4d308900f0591fb3bdcf442fdf.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 300; + font-style: normal; + font-display: swap; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-9f11e6095a39b5e188d6a081f05299fb.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-c0b8741a9d891c8088e6db8ca3a4b5fa.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-991ff15c49155ffbda53e3aa14ecb8b6.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+1F00-1FFF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8b0bd5934b903f2631853751aedf28a6.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-1b621eda4be3428e50a0ee070c09005b.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-d48b1d4d308900f0591fb3bdcf442fdf.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-9f11e6095a39b5e188d6a081f05299fb.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: normal; + font-display: swap; + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-c0b8741a9d891c8088e6db8ca3a4b5fa.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: normal; + font-display: swap; + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-991ff15c49155ffbda53e3aa14ecb8b6.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: normal; + font-display: swap; + unicode-range: U+1F00-1FFF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8b0bd5934b903f2631853751aedf28a6.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: normal; + font-display: swap; + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: normal; + font-display: swap; + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-1b621eda4be3428e50a0ee070c09005b.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: normal; + font-display: swap; + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-d48b1d4d308900f0591fb3bdcf442fdf.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 600; + font-style: normal; + font-display: swap; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-9f11e6095a39b5e188d6a081f05299fb.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: normal; + font-display: swap; + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-c0b8741a9d891c8088e6db8ca3a4b5fa.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: normal; + font-display: swap; + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-991ff15c49155ffbda53e3aa14ecb8b6.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: normal; + font-display: swap; + unicode-range: U+1F00-1FFF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8b0bd5934b903f2631853751aedf28a6.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: normal; + font-display: swap; + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: normal; + font-display: swap; + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-1b621eda4be3428e50a0ee070c09005b.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: normal; + font-display: swap; + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-d48b1d4d308900f0591fb3bdcf442fdf.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 700; + font-style: normal; + font-display: swap; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-9f11e6095a39b5e188d6a081f05299fb.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: normal; + font-display: swap; + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-c0b8741a9d891c8088e6db8ca3a4b5fa.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: normal; + font-display: swap; + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-991ff15c49155ffbda53e3aa14ecb8b6.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: normal; + font-display: swap; + unicode-range: U+1F00-1FFF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-8b0bd5934b903f2631853751aedf28a6.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: normal; + font-display: swap; + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-aa0964911973a0fbaf081bae32a490f3.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: normal; + font-display: swap; + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-1b621eda4be3428e50a0ee070c09005b.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: normal; + font-display: swap; + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +@font-face { + font-family: 'Inter'; + src: url(/assets/fonts/Inter-d48b1d4d308900f0591fb3bdcf442fdf.woff2?h=19ed85aa2b2b2d862393d46e9e4754c1) format('woff2'); + font-weight: 800; + font-style: normal; + font-display: swap; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} \ No newline at end of file diff --git a/Export/assets/css/Open Sans.css b/Export/assets/css/Open Sans.css new file mode 100644 index 0000000..5ad88e7 --- /dev/null +++ b/Export/assets/css/Open Sans.css @@ -0,0 +1,89 @@ +@font-face { + font-family: 'Open Sans'; + src: url(/assets/fonts/Open%20Sans-95e85857855fec865b6c71369458c398.woff2?h=20a4cf6023d41bd3d4b0306d0fa982e1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + +@font-face { + font-family: 'Open Sans'; + src: url(/assets/fonts/Open%20Sans-aaa666d4a428e7251998747fecc78290.woff2?h=20a4cf6023d41bd3d4b0306d0fa982e1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +@font-face { + font-family: 'Open Sans'; + src: url(/assets/fonts/Open%20Sans-78b0a85baaa30f24beb648328eafa7d2.woff2?h=20a4cf6023d41bd3d4b0306d0fa982e1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+1F00-1FFF; +} + +@font-face { + font-family: 'Open Sans'; + src: url(/assets/fonts/Open%20Sans-61d49d1448f17f5c304c64dcd7e21de6.woff2?h=20a4cf6023d41bd3d4b0306d0fa982e1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; +} + +@font-face { + font-family: 'Open Sans'; + src: url(/assets/fonts/Open%20Sans-b97d58e7110272ce3bd9c10ea779a9f2.woff2?h=20a4cf6023d41bd3d4b0306d0fa982e1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; +} + +@font-face { + font-family: 'Open Sans'; + src: url(/assets/fonts/Open%20Sans-75740ec0c715f6b2a4a5d6d5224b0913.woff2?h=20a4cf6023d41bd3d4b0306d0fa982e1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; +} + +@font-face { + font-family: 'Open Sans'; + src: url(/assets/fonts/Open%20Sans-a6b0039aa2236f69d4b63042a8f3769a.woff2?h=20a4cf6023d41bd3d4b0306d0fa982e1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; +} + +@font-face { + font-family: 'Open Sans'; + src: url(/assets/fonts/Open%20Sans-8c179a95e52d0e855e33be00ed141e46.woff2?h=20a4cf6023d41bd3d4b0306d0fa982e1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} + +@font-face { + font-family: 'Open Sans'; + src: url(/assets/fonts/Open%20Sans-f020d8a91fea76d306428e8877dcc7d6.woff2?h=20a4cf6023d41bd3d4b0306d0fa982e1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +@font-face { + font-family: 'Open Sans'; + src: url(/assets/fonts/Open%20Sans-34eb5b5918b88fb910da76a70e512615.woff2?h=20a4cf6023d41bd3d4b0306d0fa982e1) format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} \ No newline at end of file diff --git a/Export/assets/css/Seven Segment.css b/Export/assets/css/Seven Segment.css new file mode 100644 index 0000000..bcfedde --- /dev/null +++ b/Export/assets/css/Seven Segment.css @@ -0,0 +1,8 @@ +@font-face { + font-family: 'Seven Segment'; + src: url(/assets/fonts/Seven%20Segment-2949e811e8b49e67e29f877a915145a4.woff2?h=f58bcc159dfcde3a8902f3c3e5961248) format('woff2'), + url(/assets/fonts/Seven%20Segment-4bffe92707a7a725aa309b14ed55c43e.woff?h=f58bcc159dfcde3a8902f3c3e5961248) format('woff'); + font-weight: normal; + font-style: normal; + font-display: swap; +} \ No newline at end of file diff --git a/Export/assets/css/Slider-Range.css b/Export/assets/css/Slider-Range.css new file mode 100644 index 0000000..912954c --- /dev/null +++ b/Export/assets/css/Slider-Range.css @@ -0,0 +1,19 @@ +.slidecontainer { + width: 100%; +} + +.slider { + -webkit-appearance: none; + width: 100%; + height: 25px; + background: #d3d3d3; + outline: none; + opacity: 0.7; + -webkit-transition: .2s; + transition: opacity .2s; +} + +.slider:hover { + opacity: 1; +} + diff --git a/Export/assets/css/bs-theme-overrides.css b/Export/assets/css/bs-theme-overrides.css new file mode 100644 index 0000000..a0f16bb --- /dev/null +++ b/Export/assets/css/bs-theme-overrides.css @@ -0,0 +1,16 @@ +:root, [data-bs-theme=light] { + --bs-body-bg: rgb(39,38,46); + --bs-body-bg-rgb: 39,38,46; + --bs-link-color: #ffffff; + --bs-link-color-rgb: 255,255,255; + --bs-link-hover-color: #19f5aa; + --bs-link-hover-color-rgb: 25,245,170; +} + +[data-bs-theme=dark] { + --bs-link-color: #ffffff; + --bs-link-color-rgb: 255,255,255; + --bs-link-hover-color: #19f5aa; + --bs-link-hover-color-rgb: 25,245,170; +} + diff --git a/Export/assets/css/styles.css b/Export/assets/css/styles.css new file mode 100644 index 0000000..ce6e0e5 --- /dev/null +++ b/Export/assets/css/styles.css @@ -0,0 +1,422 @@ +html { + background: #000000; + color: rgb(255,255,255); + --bs-primary: #dc3545; + --bs-primary-rgb: 220,53,69; + --bs-secondary: #198754; + --bs-secondary-rgb: 25,135,84; +} + +.btn-primary, .btn-primary:focus { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; + border-radius: 6px; + padding: 6px 12px; +} + +.btn:hover, .btn-primary:hover { + background-color: #0d6efd; + border-color: #ffc107; +} + +.btnActive, .btnActive:focus { + color: #fff; + background-color: #198754; + border-color: #198754; +} + +.poweredOn { + filter: opacity(100%); +} + +.poweredOff { + filter: opacity(5%); +} + +.overlay { + transition: .5s ease; + height: 100px; + width: 100px; + opacity: 1; +} + +.overlay:hover { + opacity: 0; +} + +.central { + display: flex; + justify-content: center; + align-items: center; +} + +.centred { + opacity: 1; + margin: auto; +} + +.reset { + background-image: url("/assets/img/BitBoxLogo.png?h=a50b3ddb5614299b0c00dd4f01bc402e"); + height: 100px; + width: 100px; +} + +.homeIcon:hover { + opacity: 1; +} + +.homeIcon { + width: 100px; + height: 100px; + opacity: 0.25; + transition: .5s ease; +} + +.warning { + background-color: #ffc107; + border-color: #ffc107; + margin-top: 10px; + text-align: center; + margin-bottom: 10px; +} + +.warning:hover { + background-color: #dc3545; + border-color: #dc3545; + margin-top: 10px; + text-align: center; + margin-bottom: 10px; +} + +.bulb-text { + text-align: center; + font-size: 40px; + font-family: 'Seven Segment Regular'; + position: relative; + opacity: 0.75; + z-index: 2; +} + +.stacked { + position: relative; + height: 110px; +} + +.bulbs { + text-align: center; + font-size: 48px; + opacity: 0; + /*position: absolute;*/ + /*margin-top: 1em;*/ + /*left: 50%;*/ + /*-webkit-transform: translate(-50%, -50%);*/ + /*z-index: 1;*/ +} + +.bulb-div { + position: relative; + top: 0; + left: 0; +} + +.buttonMiddle { + font-size: xx-large; + font-family: 'IEC symbols Unicode'; + height: 62px; +} + +table .high-toggle { + padding-bottom: 0px; +} + +table .mid-toggle { + padding-top: 0px; +} + +table .stacked { + width: 11%; +} + +.btnUp { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-top: 10px; + text-align: center; + margin-bottom: 0px; +} + +.btnDown { + margin-top: 0px; + text-align: center; + margin-bottom: 10px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btnUp svg, .btnDown svg { + font-size: 5em; +} + +.simHeading { + font-family: 'Seven Segment'; + text-align: center; +} + +.simData { + text-align: center; + color: #10ff00; + font-family: 'DSEG7 Classic Regular'; + white-space: nowrap; +} + +.simColumns { + text-align: center; + font-family: 'DSEG7 Classic Regular'; + color: rgb(255,255,255); +} + +.btnReset { + margin-top: 10px; + text-align: center; + margin-bottom: 10px; +} + +.bs-icon { + --bs-icon-size: .75rem; + display: flex; + flex-shrink: 0; + justify-content: center; + align-items: center; + font-size: var(--bs-icon-size); + width: calc(var(--bs-icon-size) * 2); + height: calc(var(--bs-icon-size) * 2); + color: var(--bs-primary); +} + +.bs-icon-xs { + --bs-icon-size: 1rem; + width: calc(var(--bs-icon-size) * 1.5); + height: calc(var(--bs-icon-size) * 1.5); +} + +.bs-icon-sm { + --bs-icon-size: 1rem; +} + +.bs-icon-md { + --bs-icon-size: 1.5rem; +} + +.bs-icon-lg { + --bs-icon-size: 2rem; +} + +.bs-icon-xl { + --bs-icon-size: 2.5rem; +} + +.bs-icon.bs-icon-primary { + color: var(--bs-white); + background: var(--bs-primary); +} + +.bs-icon.bs-icon-primary-light { + color: var(--bs-primary); + background: rgba(var(--bs-primary-rgb), .2); +} + +.bs-icon.bs-icon-semi-white { + color: var(--bs-primary); + background: rgba(255, 255, 255, .5); +} + +.bs-icon.bs-icon-rounded { + border-radius: .5rem; +} + +.bs-icon.bs-icon-circle { + border-radius: 50%; +} + +.dropdown-menu { + opacity: 0; + transform: translateY(2rem); + transition: transform 0.5s; +} + +.dropdown:hover > .dropdown-menu { + opacity: 1; + transform: translateY(-2px); + transition: opacity 0.5s, transform 0.5s; +} + +.introP { + margin-bottom: 1rem !important; +} + +.completeFeatures { + font-weight: bold; + color: rgb(25,245,170); + margin-bottom: 0px; +} + +.hexColourToggles { + margin-right: 5em; + display: inline-grid; +} + +.hexColourTogglesEnd { + display: inline-grid; +} + +.resetButton { + font-weight: 600; + color: black; + text-align: center; + position: absolute; + top: 25%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%); +} + +.resetIcon { + z-index: -1; +} + +.bottomSpacer { + height: 12px; +} + +.spacer { + height: 56px; +} + +.binaryButtons { + margin: auto; + display: flex; + height: 38px; +} + +.hexColourButtons { + margin: auto; + display: flex; + height: 38px; + margin-top: 10px; +} + +.logicGateInput2 { + float: left; + margin-top: 4em; +} + +.logicGateInput1 { + float: left; + margin-top: 1.5em; +} + +.logicGateOutput { +} + +.logicGate { + filter: invert(100%); + margin: auto; + padding: 10px; + height: 15em; + float: left; +} + +.oneInputRows { + display: inline-flex; + vertical-align: middle; + justify-content: right; + height: 75px; +} + +.twoInputRows { + display: inline-flex; + vertical-align: middle; + justify-content: right; + margin-top: 30px; +} + +.singleInputSingleOutput { + text-align: left; + font-size: 72px; + width: 20%; + display: flex; + align-items: center; + justify-content: center; + float: left; + margin-top: 90px; + margin-left: -90px; +} + +.dualInputSingleOutput { + text-align: left; + font-size: 5em; + display: flex; + align-items: center; + justify-content: center; + float: left; + margin-top: .90em; + margin-left: -0.5em; +} + +.tableCells { + width: 110px; +} + +.social-media { + font-size: 25px; + display: grid; + margin: auto; +} + +a:hover { + color: var(--bs-success); +} + +a { + color: #ffffff; +} + +#mainNav.navbar-dark .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav.navbar-dark .navbar-nav > li.nav-item > a.nav-link:focus { + color: #19f5aa; +} + +#mainNav.navbar-dark .navbar-nav > li.nav-item > a.nav-link { + color: #fff; +} + +#mainNav .navbar-nav > li.nav-item > a.nav-link.active { + font-weight: 700 !important; + color: #19f5aa; +} + +.dropdown-item.active, .dropdown-item:active { + color: #19f5aa!important; + text-decoration: none; + background-color: var(--bs-dropdown-link-active-bg); +} + +.dropdown-item:hover, .dropdown-item:focus { + color: #19f5aa; + background-color: var(--bs-dropdown-link-hover-bg); +} + +.vertical-center { + transform: rotate(-90deg); + -ms-transform: translateY(-50%); + top: 50%; + margin: auto; + position: relative; + width: 8em; +} + +.hexSliders { + height: 150px; +} + diff --git a/Export/assets/js/binary.js b/Export/assets/js/binary.js new file mode 100644 index 0000000..e64afa5 --- /dev/null +++ b/Export/assets/js/binary.js @@ -0,0 +1,394 @@ +denary = 0 +binary = "" +customBinary = "" +bit1 = false +bit2 = false +bit4 = false +bit8 = false +bit16 = false +bit32 = false +bit64 = false +bit128 = false +bit256 = false +function resetBinarySimulator(){ + document.getElementById("blb256").classList.remove('poweredOn'); + document.getElementById("blb256").classList.add('poweredOff'); + document.getElementById("swt256").classList.remove('btnActive'); + bit256 = false; + document.getElementById("blb128").classList.add('poweredOff'); + document.getElementById("blb128").classList.remove('poweredOn'); + document.getElementById("swt128").classList.remove('btnActive'); + bit128 = false; + document.getElementById("blb64").classList.add('poweredOff'); + document.getElementById("blb64").classList.remove('poweredOn'); + document.getElementById("swt64").classList.remove('btnActive'); + bit64 = false; + document.getElementById("blb32").classList.add('poweredOff'); + document.getElementById("blb32").classList.remove('poweredOn'); + document.getElementById("swt32").classList.remove('btnActive'); + bit32 = false; + document.getElementById("blb16").classList.add('poweredOff'); + document.getElementById("blb16").classList.remove('poweredOn'); + document.getElementById("swt16").classList.remove('btnActive'); + bit16 = false; + document.getElementById("blb8").classList.add('poweredOff'); + document.getElementById("blb8").classList.remove('poweredOn'); + document.getElementById("swt8").classList.remove('btnActive'); + bit8 = false; + document.getElementById("blb4").classList.add('poweredOff'); + document.getElementById("blb4").classList.remove('poweredOn'); + document.getElementById("swt4").classList.remove('btnActive'); + bit4 = false; + document.getElementById("blb2").classList.add('poweredOff'); + document.getElementById("blb2").classList.remove('poweredOn'); + document.getElementById("swt2").classList.remove('btnActive'); + bit2 = false; + document.getElementById("blb1").classList.add('poweredOff'); + document.getElementById("blb1").classList.remove('poweredOn'); + document.getElementById("swt1").classList.remove('btnActive'); + bit1 = false; + denary = 0; + updateBinary(); +} +function changeClass256(){ + if (bit256){ + document.getElementById("blb256").classList.add('poweredOff'); + document.getElementById("blb256").classList.remove('poweredOn'); + document.getElementById("swt256").classList.remove('btnActive'); + bit256 = false; + denary = denary - 256; + updateBinary(); + }else{ + document.getElementById("blb256").classList.add('poweredOn'); + document.getElementById("blb256").classList.remove('poweredOff'); + document.getElementById("swt256").classList.add('btnActive'); + bit256 = true; + denary = denary + 256; + updateBinary(); + } +} +function changeClass128(){ + if (bit128){ + document.getElementById("blb128").classList.add('poweredOff'); + document.getElementById("blb128").classList.remove('poweredOn'); + document.getElementById("swt128").classList.remove('btnActive'); + bit128 = false; + denary = denary - 128; + updateBinary(); + }else{ + document.getElementById("blb128").classList.add('poweredOn'); + document.getElementById("blb128").classList.remove('poweredOff'); + document.getElementById("swt128").classList.add('btnActive'); + bit128 = true; + denary = denary + 128; + updateBinary(); + } +} +function changeClass64(){ + if (bit64){ + document.getElementById("blb64").classList.add('poweredOff'); + document.getElementById("blb64").classList.remove('poweredOn'); + document.getElementById("swt64").classList.remove('btnActive'); + bit64 = false; + denary = denary - 64; + updateBinary(); + }else{ + document.getElementById("blb64").classList.add('poweredOn'); + document.getElementById("blb64").classList.remove('poweredOff'); + document.getElementById("swt64").classList.add('btnActive'); + bit64 = true; + denary = denary + 64; + updateBinary(); + } +} +function changeClass32(){ + if (bit32){ + document.getElementById("blb32").classList.add('poweredOff'); + document.getElementById("blb32").classList.remove('poweredOn'); + document.getElementById("swt32").classList.remove('btnActive'); + bit32 = false; + denary = denary - 32; + updateBinary(); + }else{ + document.getElementById("blb32").classList.add('poweredOn'); + document.getElementById("blb32").classList.remove('poweredOff'); + document.getElementById("swt32").classList.add('btnActive'); + bit32 = true; + denary = denary + 32; + updateBinary(); + } +} +function changeClass16(){ + if (bit16){ + document.getElementById("blb16").classList.add('poweredOff'); + document.getElementById("blb16").classList.remove('poweredOn'); + document.getElementById("swt16").classList.remove('btnActive'); + bit16 = false; + denary = denary - 16; + updateBinary(); + }else{ + document.getElementById("blb16").classList.add('poweredOn'); + document.getElementById("blb16").classList.remove('poweredOff'); + document.getElementById("swt16").classList.add('btnActive'); + bit16 = true; + denary = denary + 16; + updateBinary(); + } +} +function changeClass8(){ + if (bit8){ + document.getElementById("blb8").classList.add('poweredOff'); + document.getElementById("blb8").classList.remove('poweredOn'); + document.getElementById("swt8").classList.remove('btnActive'); + bit8 = false; + denary = denary - 8; + updateBinary(); + }else{ + document.getElementById("blb8").classList.add('poweredOn'); + document.getElementById("blb8").classList.remove('poweredOff'); + document.getElementById("swt8").classList.add('btnActive'); + bit8 = true; + denary = denary + 8; + updateBinary(); + } +} +function changeClass4(){ + if (bit4){ + document.getElementById("blb4").classList.add('poweredOff'); + document.getElementById("blb4").classList.remove('poweredOn'); + document.getElementById("swt4").classList.remove('btnActive'); + bit4 = false; + denary = denary - 4; + updateBinary(); + }else{ + document.getElementById("blb4").classList.add('poweredOn'); + document.getElementById("blb4").classList.remove('poweredOff'); + document.getElementById("swt4").classList.add('btnActive'); + bit4 = true; + denary = denary + 4; + updateBinary(); + } +} +function changeClass2(){ + if (bit2){ + document.getElementById("blb2").classList.add('poweredOff'); + document.getElementById("blb2").classList.remove('poweredOn'); + document.getElementById("swt2").classList.remove('btnActive'); + bit2 = false; + denary = denary - 2; + updateBinary(); + }else{ + document.getElementById("blb2").classList.add('poweredOn'); + document.getElementById("blb2").classList.remove('poweredOff'); + document.getElementById("swt2").classList.add('btnActive'); + bit2 = true; + denary = denary + 2; + updateBinary(); + } +} +function changeClass1(){ + if (bit1){ + document.getElementById("blb1").classList.add('poweredOff'); + document.getElementById("blb1").classList.remove('poweredOn'); + document.getElementById("swt1").classList.remove('btnActive'); + bit1 = false; + denary = denary - 1; + updateBinary(); + }else{ + document.getElementById("blb1").classList.add('poweredOn'); + document.getElementById("blb1").classList.remove('poweredOff'); + document.getElementById("swt1").classList.add('btnActive'); + bit1 = true; + denary = denary + 1; + updateBinary(); + } +} + +function updateBinary(){ + binary = "" + if(bit256){ + binary = binary + "1" + }else{ + binary = binary + "0" + } + if(bit128){ + binary = binary + "1" + }else{ + binary = binary + "0" + } + if(bit64){ + binary = binary + "1" + }else{ + binary = binary + "0" + } + if(bit32){ + binary = binary + "1" + }else{ + binary = binary + "0" + } + if(bit16){ + binary = binary + "1" + }else{ + binary = binary + "0" + } + if(bit8){ + binary = binary + "1" + }else{ + binary = binary + "0" + } + if(bit4){ + binary = binary + "1" + }else{ + binary = binary + "0" + } + if(bit2){ + binary = binary + "1" + }else{ + binary = binary + "0" + } + if(bit1){ + binary = binary + "1" + }else{ + binary = binary + "0" + } + document.getElementById("denaryNumber").innerHTML = denary; + document.getElementById("binaryNumber").innerHTML = binary; +} + +function convertToBinary(num){ + var result = "" + if(num-8>=0){ + num = num-8; + result = result + "1"; + }else{ + result = result + "0"; + } + if(num-4>=0){ + num = num-4; + result = result + "1"; + }else{ + result = result + "0"; + } + if(num-2>=0){ + num = num-2; + result = result + "1"; + }else{ + result = result + "0"; + } + if(num-1>=0){ + num = num-1; + result = result + "1"; + }else{ + result = result + "0"; + } + return result +} + +function binaryParser(binaryPattern){ + for (let i = 0; i < binaryPattern.length; i++) { + if ((binaryPattern[i] == 0) || (binaryPattern[i] == 1)){ + validInput = true; + }else{ + validInput = false; + alert("Invalid pattern! Digit\n"+ i+" is not a 0 or a 1.\nIt is a "+ binaryPattern[i]); + return validInput + }; + }; + return validInput; +} + +function customBinaryParser(binaryPattern){ + resetBinarySimulator(); + missingDigits = 9 - binaryPattern.length + for (let j = 0; j < missingDigits; j++){ + binaryPattern = 0 + binaryPattern; + }; + for (let i = 0; i < binaryPattern.length; i++) { + if (binaryPattern[i] == 1){ + if (i == 0){ + changeClass256(); + }else if (i == 1){ + changeClass128(); + }else if (i == 2){ + changeClass64(); + }else if (i == 3){ + changeClass32(); + }else if (i == 4){ + changeClass16(); + }else if (i == 5){ + changeClass8(); + }else if (i == 6){ + changeClass4(); + }else if (i == 7){ + changeClass2(); + }else if (i == 8){ + changeClass1(); + } + } + } +} + +function requestBinary(){ + do{ + customBinary = prompt("Please enter your 9-bit Binary Value"); + if (customBinary){ + var binaryLength = customBinary.length; + }else{ + var binaryLength = 0; + }; + do{ + if (binaryLength>9){ + customBinary = prompt("Too many digits.\n\nPlease enter your 9-bit Binary Value"); + if (customBinary){ + binaryLength = customBinary.length; + }else{ + binaryLength = 0; + }; + }; + } while (binaryLength > 9); + let validInput = binaryParser(customBinary); + } while (!validInput); + customBinaryParser(customBinary); +} + +function customDenaryParser(customDenary){ + resetBinarySimulator(); + let columnValues = [256,128,64,32,16,8,4,2,1] + for (let i = 0; i < 10; i++) { + if (!(customDenary-columnValues[i] < 0)){ + customDenary = customDenary - columnValues[i]; + if (i == 0){ + changeClass256(); + }else if (i == 1){ + changeClass128(); + }else if (i == 2){ + changeClass64(); + }else if (i == 3){ + changeClass32(); + }else if (i == 4){ + changeClass16(); + }else if (i == 5){ + changeClass8(); + }else if (i == 6){ + changeClass4(); + }else if (i == 7){ + changeClass2(); + }else if (i == 8){ + changeClass1(); + } + if (customDenary == 0){ + break; + } + } + } +} + +function requestDenary(){ + customDenary = prompt("Please enter your Denary Value\nMax value is 511"); + do{ + if (customDenary > 511){ + customDenary = prompt("Number too large.\n\nPlease enter your Denary Value.\nMax value is 511"); + }; + } while (customDenary > 511); + customDenaryParser(customDenary); +} \ No newline at end of file diff --git a/Export/assets/js/boldAndDark.js b/Export/assets/js/boldAndDark.js new file mode 100644 index 0000000..ae63825 --- /dev/null +++ b/Export/assets/js/boldAndDark.js @@ -0,0 +1,61 @@ +(function() { + "use strict"; // Start of use strict + + function initParallax() { + + if (!('requestAnimationFrame' in window)) return; + if (/Mobile|Android/.test(navigator.userAgent)) return; + + var parallaxItems = document.querySelectorAll('[data-bss-parallax]'); + + if (!parallaxItems.length) return; + + var defaultSpeed = 0.5; + var visible = []; + var scheduled; + + window.addEventListener('scroll', scroll); + window.addEventListener('resize', scroll); + + scroll(); + + function scroll() { + + visible.length = 0; + + for (var i = 0; i < parallaxItems.length; i++) { + var rect = parallaxItems[i].getBoundingClientRect(); + var speed = parseFloat(parallaxItems[i].getAttribute('data-bss-parallax-speed'), 10) || defaultSpeed; + + if (rect.bottom > 0 && rect.top < window.innerHeight) { + visible.push({ + speed: speed, + node: parallaxItems[i] + }); + } + + } + + cancelAnimationFrame(scheduled); + + if (visible.length) { + scheduled = requestAnimationFrame(update); + } + + } + + function update() { + + for (var i = 0; i < visible.length; i++) { + var node = visible[i].node; + var speed = visible[i].speed; + + node.style.transform = 'translate3d(0, ' + (-window.scrollY * speed) + 'px, 0)'; + } + + } + } + + initParallax(); +})(); // End of use strict + diff --git a/Export/assets/js/hexColours.js b/Export/assets/js/hexColours.js new file mode 100644 index 0000000..bdb8077 --- /dev/null +++ b/Export/assets/js/hexColours.js @@ -0,0 +1,300 @@ + denary = 0 + redDenary = 0 + greenDenary = 0 + blueDenary = 0 + redBinary = "" + greenBinary = "" + blueBinary = "" + hexadecimal = "" + placeR1 = 0 + placeR16 = 0 + placeG1 = 0 + placeG16 = 0 + placeB1 = 0 + placeB16 = 0 + function resetColours(){ + resetPlaceR16(); + resetPlaceR1(); + resetPlaceG16(); + resetPlaceG1(); + resetPlaceB16(); + resetPlaceB1(); + } + function resetPlaceR16(){ + placeR16 = 0 + var lightR16 = (100/15 * placeR16) / 100 + document.getElementById("blbR2").style.opacity = lightR16; + updateColours(); + } + function resetPlaceR1(){ + placeR1 = 0 + var lightR1 = (100/15 * placeR1) / 100 + document.getElementById("blbR1").style.opacity = lightR1; + updateColours(); + } + function resetPlaceG16(){ + placeG16 = 0 + var lightG16 = (100/15 * placeG16) / 100 + document.getElementById("blbG2").style.opacity = lightG16; + updateColours(); + } + function resetPlaceG1(){ + placeG1 = 0 + var lightG1 = (100/15 * placeG1) / 100 + document.getElementById("blbG1").style.opacity = lightG1; + updateColours(); + } + function resetPlaceB16(){ + placeB16 = 0 + var lightB16 = (100/15 * placeB16) / 100 + document.getElementById("blbB2").style.opacity = lightB16; + updateColours(); + } + function resetPlaceB1(){ + placeB1 = 0 + var lightB1 = (100/15 * placeB1) / 100 + document.getElementById("blbB1").style.opacity = lightB1; + updateColours(); + } + function toggleUpR16(){ + if (placeR16 >= 0){ + if (placeR16 < 15){ + placeR16 = placeR16 + 1; + var lightR16 = (100/15 * placeR16) / 100 + document.getElementById("blbR2").style.opacity = lightR16; + updateColours(); + } + } + } + function toggleDownR16(){ + if (placeR16 > 0){ + placeR16 = placeR16 - 1; + var lightR16 = (100/15 * placeR16) / 100 + document.getElementById("blbR2").style.opacity = lightR16; + updateColours(); + } + } + function toggleUpR1(){ + if (place1 >= 0){ + if (placeR1 < 15){ + placeR1 = placeR1 + 1; + var lightR1 = (100/15 * placeR1) / 100 + document.getElementById("blbR1").style.opacity = lightR1; + updateColours(); + } + } + } + function toggleDownR1(){ + if (placeR1 > 0){ + placeR1 = placeR1 - 1; + var lightR1 = (100/15 * placeR1) / 100 + document.getElementById("blbR1").style.opacity = lightR1; + updateColours(); + } + } + function toggleUpG16(){ + if (placeG16 >= 0){ + if (placeG16 < 15){ + placeG16 = placeG16 + 1; + var lightG16 = (100/15 * placeG16) / 100 + document.getElementById("blbG2").style.opacity = lightG16; + updateColours(); + } + } + } + function toggleDownG16(){ + if (placeG16 > 0){ + placeG16 = placeG16 - 1; + var lightG16 = (100/15 * placeG16) / 100 + document.getElementById("blbG2").style.opacity = lightG16; + updateColours(); + } + } + function toggleUpG1(){ + if (placeG1 >= 0){ + if (placeG1 < 15){ + placeG1 = placeG1 + 1; + var lightG1 = (100/15 * placeG1) / 100 + document.getElementById("blbG1").style.opacity = lightG1; + updateColours(); + } + } + } + function toggleDownG1(){ + if (placeG1 > 0){ + placeG1 = placeG1 - 1; + var lightG1 = (100/15 * placeG1) / 100 + document.getElementById("blbG1").style.opacity = lightG1; + updateColours(); + } + } + function toggleUpB16(){ + if (placeB16 >= 0){ + if (placeB16 < 15){ + placeB16 = placeB16 + 1; + var lightB16 = (100/15 * placeB16) / 100 + document.getElementById("blbB2").style.opacity = lightB16; + updateColours(); + } + } + } + function toggleDownB16(){ + if (placeB16 > 0){ + placeB16 = placeB16 - 1; + var lightB16 = (100/15 * placeB16) / 100 + document.getElementById("blbB2").style.opacity = lightB16; + updateColours(); + } + } + function toggleUpB1(){ + if (placeB1 >= 0){ + if (placeB1 < 15){ + placeB1 = placeB1 + 1; + var lightB1 = (100/15 * placeB1) / 100 + document.getElementById("blbB1").style.opacity = lightB1; + updateColours(); + } + } + } + function toggleDownB1(){ + if (placeB1 > 0){ + placeB1 = placeB1 - 1; + var lightB1 = (100/15 * placeB1) / 100 + document.getElementById("blbB1").style.opacity = lightB1; + updateColours(); + } + } + function updateColours(){ + hexadecimal = ""; + redDenary = 0 + greenDenary = 0 + blueDenary = 0 + redBinary = "" + greenBinary = "" + blueBinary = "" + denary = ((placeR16*16)+(placeR1))+", "+((placeG16*16)+(placeG1))+", "+((placeB16*16)+(placeB1)); + hexadecimal = "#" + convertToHex(placeR16) + convertToHex(placeR1) + convertToHex(placeG16) + convertToHex(placeG1) + convertToHex(placeB16) + convertToHex(placeB1); + redBinary = convertToBinary(placeR16) + convertToBinary(placeR1); + greenBinary = convertToBinary(placeG16) + convertToBinary(placeG1); + blueBinary = convertToBinary(placeB16) + convertToBinary(placeB1); + document.getElementById("denaryNumber").innerHTML = denary; + document.getElementById("hexadecimalNumber").innerHTML = hexadecimal; + document.getElementById("colouredHex").style.backgroundColor = hexadecimal; + document.getElementById("invertedHex").style.backgroundColor = invertedHex(); + document.getElementById("redBinaryNumber").innerHTML = redBinary; + document.getElementById("blueBinaryNumber").innerHTML = blueBinary; + document.getElementById("greenBinaryNumber").innerHTML = greenBinary; + } + function invertedHex(){ + hexadecimal = "#" + convertToHex((15-placeR16)) + convertToHex((15-placeR1)) + convertToHex((15-placeG16)) + convertToHex((15-placeG1)) + convertToHex((15-placeB16)) + convertToHex((15-placeB1)); + return hexadecimal; + } + function convertToHex(num){ + var remainder = num - 9 + if(remainder<=0){ + return num.toString(); + }else{ + if(remainder==1){ + return "A"; + }else if(remainder == 2){ + return "B"; + }else if(remainder == 3){ + return "C"; + }else if(remainder == 4){ + return "D"; + }else if(remainder == 5){ + return "E"; + }else if(remainder == 6){ + return "F"; + } + } + } + function convertToBinary(num){ + var result = "" + if(num-8>=0){ + num = num-8; + result = result + "1"; + }else{ + result = result + "0"; + } + if(num-4>=0){ + num = num-4; + result = result + "1"; + }else{ + result = result + "0"; + } + if(num-2>=0){ + num = num-2; + result = result + "1"; + }else{ + result = result + "0"; + } + if(num-1>=0){ + num = num-1; + result = result + "1"; + }else{ + result = result + "0"; + } + return result + } + + function updateHex(customHex){ + if (customHex == null){ + resetColours(); + }else{ + let char = customHex.charAt(0); + if(char == "#"){ + customHex = customHex.substring(1); + } + if (isHex(customHex)){ + let hexArray = customHex.split(''); + + placeR1 = parseInt(hexArray[1], 16); + var lightR1 = (100/15 * placeR1) / 100; + document.getElementById("blbR1").style.opacity = lightR1; + + placeR16 = parseInt(hexArray[0], 16); + var lightR16 = (100/15 * placeR16) / 100; + document.getElementById("blbR2").style.opacity = lightR16; + + placeG1 = parseInt(hexArray[3], 16); + var lightG1 = (100/15 * placeG1) / 100; + document.getElementById("blbG1").style.opacity = lightG1; + + placeG16 = parseInt(hexArray[2], 16); + var lightG16 = (100/15 * placeG16) / 100; + document.getElementById("blbG2").style.opacity = lightG16; + + placeB1 = parseInt(hexArray[5], 16); + var lightB1 = (100/15 * placeB1) / 100; + document.getElementById("blbB1").style.opacity = lightB1; + + placeB16 = parseInt(hexArray[4], 16); + var lightB16 = (100/15 * placeB16) / 100; + document.getElementById("blbB2").style.opacity = lightB16; + updateColours(); + }else{ + window.alert("Invalid Entry"); + resetColours(); + } + } + } + + function isHex(str) { + regexp = /^[0-9a-fA-F]+$/; + if (regexp.test(str)){ + return true; + }else{ + return false; + } + } + + function requestHex(){ + let customHex = prompt("Please enter your Hex Value"); + updateHex(customHex); + } + + function invertHex(){ + customHex = invertedHex(); + updateHex(customHex); + } \ No newline at end of file diff --git a/Export/assets/js/hexadecimal.js b/Export/assets/js/hexadecimal.js new file mode 100644 index 0000000..0f92b0a --- /dev/null +++ b/Export/assets/js/hexadecimal.js @@ -0,0 +1,159 @@ +denary = 0 +binary = "" +hexadecimal = "" +place1 = 0 +place16 = 0 +place256 = 0 +place4096 = 0 +slider4096 = document.getElementById("slider4096"); +slider256 = document.getElementById("slider256"); +let hexadecimalNumber = document.getElementById("hexadecimalNumber").textContent; +let hexLength = hexadecimalNumber.length +if(hexLength==4){ + slider4096.addEventListener("change", update4096); + slider256.addEventListener("change", update256); +} +slider16 = document.getElementById("slider16"); +slider1 = document.getElementById("slider1"); +slider16.addEventListener("change", update16); +slider1.addEventListener("change", update1); + +function resetHexadecimal(){ + let hexadecimalNumber = document.getElementById("hexadecimalNumber").textContent; + let hexLength = hexadecimalNumber.length; + if(hexLength==4){ + resetPlace4096(); + resetPlace256(); + } + resetPlace16(); + resetPlace1(); +} +function resetPlace4096(){ + place4096 = 0; + document.getElementById("slider4096").value=0; + var light4096 = (100/15 * place4096) / 100; + document.getElementById("blb4").style.opacity = light4096; + updateNumbers(); +} +function resetPlace256(){ + place256 = 0; + document.getElementById("slider256").value=0; + var light256 = (100/15 * place256) / 100; + document.getElementById("blb3").style.opacity = light256; + updateNumbers(); +} +function resetPlace16(){ + place16 = 0; + document.getElementById("slider16").value=0; + var light16 = (100/15 * place16) / 100; + document.getElementById("blb2").style.opacity = light16; + updateNumbers(); +} +function resetPlace1(){ + place1 = 0; + document.getElementById("slider1").value=0; + var light1 = (100/15 * place1) / 100; + document.getElementById("blb1").style.opacity = light1; + updateNumbers(); +} +function update4096(){ + place4096 = document.getElementById("slider4096").value; + var light4096 = (100/15 * place4096) / 100; + document.getElementById("blb4").style.opacity = light4096; + updateNumbers(); +} +function update256(){ + place256 = document.getElementById("slider256").value; + var light256 = (100/15 * place256) / 100; + document.getElementById("blb3").style.opacity = light256; + updateNumbers(); +} +function update16(){ + place16 = document.getElementById("slider16").value; + var light16 = (100/15 * place16) / 100; + document.getElementById("blb2").style.opacity = light16; + updateNumbers(); +} +function update1(){ + place1 = document.getElementById("slider1").value; + var light1 = (100/15 * place1) / 100; + document.getElementById("blb1").style.opacity = light1; + updateNumbers(); +} +function updateNumbers(){ + binary = ""; + hexadecimal = ""; + let hexadecimalNumber = document.getElementById("hexadecimalNumber").textContent; + let hexLength = hexadecimalNumber.length; + if(hexLength==4){ + denary = (place4096*4096)+(place256*256)+(place16*16)+(place1); + hexadecimal = convertToHex(place4096) + convertToHex(place256) + convertToHex(place16) + convertToHex(place1); + binary = convertToBinary(place4096) + convertToBinary(place256) + convertToBinary(place16) + convertToBinary(place1); + }else if(hexLength==2){ + denary = (place16*16)+(place1); + hexadecimal = convertToHex(place16) + convertToHex(place1); + binary = convertToBinary(place16) + convertToBinary(place1); + } + document.getElementById("denaryNumber").innerHTML = denary; + document.getElementById("hexadecimalNumber").innerHTML = hexadecimal; + document.getElementById("binaryNumber").innerHTML = binary; +} +function convertToHex(num){ + var remainder = num - 9; + if(remainder<=0){ + return num.toString(); + }else{ + if(remainder==1){ + return "A"; + }else if(remainder == 2){ + return "B"; + }else if(remainder == 3){ + return "C"; + }else if(remainder == 4){ + return "D"; + }else if(remainder == 5){ + return "E"; + }else if(remainder == 6){ + return "F"; + } + } +} +function convertToBinary(num){ + var result = ""; + if(num-8>=0){ + num = num-8; + result = result + "1"; + }else{ + result = result + "0"; + } + if(num-4>=0){ + num = num-4; + result = result + "1"; + }else{ + result = result + "0"; + } + if(num-2>=0){ + num = num-2; + result = result + "1"; + }else{ + result = result + "0"; + } + if(num-1>=0){ + num = num-1; + result = result + "1"; + }else{ + result = result + "0"; + } + return result +} + +function updateHexNumber(){ + let hexadecimalNumber = document.getElementById("hexadecimalNumber").textContent; + let hexLength = hexadecimalNumber.length + if(hexLength==4){ + update4096(); + update256(); + } + update16(); + update1(); +} \ No newline at end of file diff --git a/Export/assets/js/logicGates.js b/Export/assets/js/logicGates.js new file mode 100644 index 0000000..7590295 --- /dev/null +++ b/Export/assets/js/logicGates.js @@ -0,0 +1,100 @@ +notValue = true +andValue = false +input1 = false +input2 = false +orValue = false +function notGateToggle(){ + if (notValue){ + document.getElementById("blbNotGate").classList.remove('poweredOn'); + document.getElementById("blbNotGate").classList.add('poweredOff'); + document.getElementById("swtNotGate").classList.add('btnActive'); + notValue = false; + }else{ + document.getElementById("blbNotGate").classList.remove('poweredOff'); + document.getElementById("blbNotGate").classList.add('poweredOn'); + document.getElementById("swtNotGate").classList.remove('btnActive'); + notValue = true; + } +} + +function input1Toggle(){ + if (input1){ + input1 = false; + document.getElementById("swtInput1").classList.remove('btnActive'); + }else{ + input1 = true; + document.getElementById("swtInput1").classList.add('btnActive'); + } + let pageHeading = document.getElementById("pageHeading").textContent; + if(pageHeading=="AND Gate"){ + andGateUpdate() + }else if(pageHeading=="OR Gate"){ + orGateUpdate() + } +} + +function input2Toggle(){ + if (input2){ + input2 = false; + document.getElementById("swtInput2").classList.remove('btnActive'); + }else{ + input2 = true; + document.getElementById("swtInput2").classList.add('btnActive'); + } + let pageHeading = document.getElementById("pageHeading").textContent; + if(pageHeading=="AND Gate"){ + andGateUpdate() + }else if(pageHeading=="OR Gate"){ + orGateUpdate() + } +} + +function andGateUpdate(){ + if (input1 && input2){ + document.getElementById("blbAndGate").classList.remove('poweredOff'); + document.getElementById("blbAndGate").classList.add('poweredOn'); + andValue = true; + }else{ + if (andValue){ + document.getElementById("blbAndGate").classList.remove('poweredOn'); + document.getElementById("blbAndGate").classList.add('poweredOff'); + andValue = false; + } + } + } + +function orGateUpdate(){ + if (input1 || input2){ + if (!orValue){ + document.getElementById("blbOrGate").classList.remove('poweredOff'); + document.getElementById("blbOrGate").classList.add('poweredOn'); + orValue = true; + } + }else{ + if (orValue){ + document.getElementById("blbOrGate").classList.remove('poweredOn'); + document.getElementById("blbOrGate").classList.add('poweredOff'); + orValue = false; + } + } +} + +function resetGate(){ + let pageHeading = document.getElementById("pageHeading").textContent; + if(pageHeading=="AND Gate" || pageHeading=="OR Gate"){ + input1 = false; + document.getElementById("swtInput1").classList.remove('btnActive'); + input2 = false; + document.getElementById("swtInput2").classList.remove('btnActive'); + if(pageHeading=="AND Gate"){ + andGateUpdate() + }else if(pageHeading=="OR Gate"){ + orGateUpdate() + }; + }else if(pageHeading=="NOT Gate"){ + document.getElementById("blbNotGate").classList.add('poweredOn'); + document.getElementById("blbNotGate").classList.remove('poweredOff'); + document.getElementById("swtNotGate").classList.remove('btnActive'); + notValue = false; + }; +} \ No newline at end of file diff --git a/Export/binary.html b/Export/binary.html index c603528..91e10be 100644 --- a/Export/binary.html +++ b/Export/binary.html @@ -1,8 +1,314 @@ -Binary Simulator - CS:Box -

Reset bit:box

Denary

0

Binary

000000000

💡

💡

💡

💡

💡

💡

💡

💡

💡

256

128

64

32

16

8

4

2

1

\ No newline at end of file + + + + + + + Binary Simulator - CS:Box + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+
+
+

Reset bit:box

+
+
+
+
+
+
+
+
+
+

Denary

+
+
+
+
+

0

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Binary

+
+
+
+
+

000000000

+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

💡

+ 		+

💡

+ 		+

💡

+ 		+

💡

+ 		+

💡

+ 		+

💡

+ 		+

💡

+ 		+

💡

+ 		+

💡

+
+

256

+ 		+

128

+ 		+

64

+ 		+

32

+ 		+

16

+ 		+

8

+ 		+

4

+ 		+

2

+ 		+

1

+
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/Export/gcse-hexadecimal.html b/Export/gcse-hexadecimal.html index 09dd6a9..538856a 100644 --- a/Export/gcse-hexadecimal.html +++ b/Export/gcse-hexadecimal.html @@ -1,8 +1,275 @@ -Home - CS:Box -

Reset bit:box

Denary

0

Hexadecimal

00

Binary

000000000

💡

💡

16

1

\ No newline at end of file + + + + + + + Home - CS:Box + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+
+
+

Reset bit:box

+
+
+
+
+
+
+
+
+
+

Denary

+
+
+
+
+

0

+
+
+
+
+
+
+

Hexadecimal

+
+
+
+
+

00

+
+
+
+
+
+
+

Binary

+
+
+
+
+

00000000

+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+

💡

+ 		+

💡

+
+

16

+ 		+

1

+
+

+ 		+

+
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/Export/hex-colours.html b/Export/hex-colours.html index 5704804..b1918a0 100644 --- a/Export/hex-colours.html +++ b/Export/hex-colours.html @@ -1,8 +1,404 @@ -Home - CS:Box -

Reset bit:box

Binary

00000000

00000000

00000000

Hexadecimal

#000000

Denary

0, 0, 0

Colour

Inverted Colour

💡

💡

16

1

💡

💡

16

1

💡

💡

16

1

\ No newline at end of file + + + + + + + Home - CS:Box + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+
+
+

Reset bit:box

+
+
+
+
+
+
+
+
+
+
+
+
+

Binary

+
+
+
+
+

00000000

+
+
+
+
+

00000000

+
+
+
+
+

00000000

+
+
+
+
+
+
+

Hexadecimal

+
+
+
+
+

#000000

+
+
+
+
+
+
+
+
+

Denary

+
+
+
+
+

0, 0, 0

+
+
+
+
+
+
+

Colour

+
+
+

Inverted Colour

+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+

💡

+ 		+

💡

+
+

16

+ 		+

1

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+

💡

+ 		+

💡

+
+

16

+ 		+

1

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+

💡

+ 		+

💡

+
+

16

+ 		+

1

+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/Export/index.html b/Export/index.html index 95026d3..8395ab0 100644 --- a/Export/index.html +++ b/Export/index.html @@ -1,8 +1,206 @@ -Home - CS:Box -

Coming Soon

Understand Computer Science concepts better.

Bit:Box Feature Migration - Complete
Wave 1 Features Alpha - Available Now

Wave 1 Features Beta - Easter 2025
Wave 2 Features Beta - May 2025
Wave 3 Features Beta - July 2025

Version 1.0 Release - September 2025

\ No newline at end of file + + + + + + + Home - CS:Box + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+
+
+

Coming Soon

+

Understand Computer Science concepts better.

+

Bit:Box Feature Migration - Complete
Wave 1 Features Alpha - Available Now

+

Wave 1 Features Beta - Easter 2025
Wave 2 Features Beta - May 2025
Wave 3 Features Beta - July 2025

Version 1.0 Release - September 2025

+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/Export/not-gate.html b/Export/not-gate.html index def8598..36195a8 100644 --- a/Export/not-gate.html +++ b/Export/not-gate.html @@ -1,8 +1,204 @@ -Binary Simulator - CS:Box -

NOT Gate

💡

\ No newline at end of file + + + + + + + Binary Simulator - CS:Box + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+
+
+
+
+

NOT Gate

+
+
+
+ +
+
+
+

💡

+
+
+
+
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/Export/or-gate.html b/Export/or-gate.html index bccb408..e0e41a1 100644 --- a/Export/or-gate.html +++ b/Export/or-gate.html @@ -1,8 +1,204 @@ -Binary Simulator - CS:Box -

OR Gate

💡

\ No newline at end of file + + + + + + + Binary Simulator - CS:Box + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+
+
+
+
+

OR Gate

+
+
+
+ +
+
+
+

💡

+
+
+
+
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file