diff --git a/package-lock.json b/package-lock.json
index 34683c3..e941fe0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4030,9 +4030,9 @@
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
     },
     "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
diff --git a/public/assets/dark/Webserialdark.svg b/public/assets/dark/Webserialdark.svg
new file mode 100644
index 0000000..a174e54
--- /dev/null
+++ b/public/assets/dark/Webserialdark.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="3.58405in" height="3.16685in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 1564.97 1382.8"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:black}
+   ]]>
+  </style>
+ </defs>
+ <g id="Layer_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_2682135730208">
+   <path class="fil0" d="M160.75 0l1019.9 0c88.41,0 160.75,72.34 160.75,160.75l0 141.47 223.57 0 0 173.89 -223.57 0 0 124.2 223.57 0 0 173.89 -223.57 0 0 132.49 223.57 0 0 173.89 -223.57 0 0 141.47c0,88.41 -72.34,160.75 -160.75,160.75l-1019.9 0c-88.41,0 -160.75,-72.34 -160.75,-160.75l0 -1061.3c0,-88.41 72.34,-160.75 160.75,-160.75zm120.49 182.17l778.93 0c57.5,0 104.53,47.04 104.53,104.53l0 809.41c0,57.5 -47.04,104.53 -104.53,104.53l-778.93 0c-57.49,0 -104.53,-47.04 -104.53,-104.53l0 -809.41c0,-57.5 47.04,-104.53 104.53,-104.53z"/>
+   <polygon class="fil0" points="286.57,297.37 634.07,297.37 634.07,747.24 286.57,747.24 "/>
+   <polygon class="fil0" points="286.57,835.68 634.07,835.68 634.07,1085.43 286.57,1085.43 "/>
+   <polygon class="fil0" points="710.65,632.53 1058.15,632.53 1058.15,1085.43 710.65,1085.43 "/>
+   <polygon class="fil0" points="710.65,297.37 1058.15,297.37 1058.15,544.09 710.65,544.09 "/>
+  </g>
+ </g>
+</svg>
diff --git a/public/assets/dark/indexDBdark.svg b/public/assets/dark/indexDBdark.svg
new file mode 100644
index 0000000..1fcb776
--- /dev/null
+++ b/public/assets/dark/indexDBdark.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="2.64399in" height="3.28074in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 5548.01 6884.14"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:black}
+   ]]>
+  </style>
+ </defs>
+ <g id="Layer_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <ellipse class="fil0" cx="2773.98" cy="805.68" rx="2773.86" ry="805.68"/>
+  <path class="fil0" d="M-0 1269.01c801.73,846.36 4839.74,859.51 5548.01,0l0 1382.61c-886.42,943.54 -4546.87,997.45 -5548.01,0 0,-460.86 0,-921.75 0,-1382.61z"/>
+  <path class="fil0" d="M-0 3010.6c801.73,846.35 4839.74,859.51 5548.01,0l0 1382.61c-886.42,943.55 -4546.87,997.46 -5548.01,0 0,-460.85 0,-921.75 0,-1382.61z"/>
+  <path class="fil0" d="M-0 4773.51c801.73,846.35 4839.74,859.51 5548.01,0l0 1382.61c-886.42,943.55 -4546.87,997.46 -5548.01,0 0,-460.85 0,-921.75 0,-1382.61z"/>
+ </g>
+</svg>
diff --git a/public/assets/light/indexDBlight.svg b/public/assets/light/indexDBlight.svg
new file mode 100644
index 0000000..9d9eac8
--- /dev/null
+++ b/public/assets/light/indexDBlight.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="2.64399in" height="3.28074in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 5548.01 6884.14"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:white}
+   ]]>
+  </style>
+ </defs>
+ <g id="Layer_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <ellipse class="fil0" cx="2773.98" cy="805.68" rx="2773.86" ry="805.68"/>
+  <path class="fil0" d="M-0 1269.01c801.73,846.36 4839.74,859.51 5548.01,0l0 1382.61c-886.42,943.54 -4546.87,997.45 -5548.01,0 0,-460.86 0,-921.75 0,-1382.61z"/>
+  <path class="fil0" d="M-0 3010.6c801.73,846.35 4839.74,859.51 5548.01,0l0 1382.61c-886.42,943.55 -4546.87,997.46 -5548.01,0 0,-460.85 0,-921.75 0,-1382.61z"/>
+  <path class="fil0" d="M-0 4773.51c801.73,846.35 4839.74,859.51 5548.01,0l0 1382.61c-886.42,943.55 -4546.87,997.46 -5548.01,0 0,-460.85 0,-921.75 0,-1382.61z"/>
+ </g>
+</svg>
diff --git a/public/assets/light/serialdevicelight.svg b/public/assets/light/serialdevicelight.svg
new file mode 100644
index 0000000..9661ddd
--- /dev/null
+++ b/public/assets/light/serialdevicelight.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="3.58405in" height="3.16685in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 1564.97 1382.8"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:white}
+   ]]>
+  </style>
+ </defs>
+ <g id="Layer_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_2682135986192">
+   <path class="fil0" d="M160.75 0l1019.9 0c88.41,0 160.75,72.34 160.75,160.75l0 141.47 223.57 0 0 173.89 -223.57 0 0 124.2 223.57 0 0 173.89 -223.57 0 0 132.49 223.57 0 0 173.89 -223.57 0 0 141.47c0,88.41 -72.34,160.75 -160.75,160.75l-1019.9 0c-88.41,0 -160.75,-72.34 -160.75,-160.75l0 -1061.3c0,-88.41 72.34,-160.75 160.75,-160.75zm120.49 182.17l778.93 0c57.5,0 104.53,47.04 104.53,104.53l0 809.41c0,57.5 -47.04,104.53 -104.53,104.53l-778.93 0c-57.49,0 -104.53,-47.04 -104.53,-104.53l0 -809.41c0,-57.5 47.04,-104.53 104.53,-104.53z"/>
+   <polygon class="fil0" points="286.57,297.37 634.07,297.37 634.07,747.24 286.57,747.24 "/>
+   <polygon class="fil0" points="286.57,835.68 634.07,835.68 634.07,1085.43 286.57,1085.43 "/>
+   <polygon class="fil0" points="710.65,632.53 1058.15,632.53 1058.15,1085.43 710.65,1085.43 "/>
+   <polygon class="fil0" points="710.65,297.37 1058.15,297.37 1058.15,544.09 710.65,544.09 "/>
+  </g>
+ </g>
+</svg>
diff --git a/src/components/LandingComp/TechStack.tsx b/src/components/LandingComp/TechStack.tsx
index e4e131b..65b2d3e 100644
--- a/src/components/LandingComp/TechStack.tsx
+++ b/src/components/LandingComp/TechStack.tsx
@@ -43,8 +43,8 @@ const Stack = () => {
       name: "Web Serial API",
       logo:
         theme === "light"
-          ? "./assets/dark/favicon.ico"
-          : "./assets/light/favicon.ico",
+          ? "./assets/dark/Webserialdark.svg"
+          : "./assets/light/serialdevicelight.svg",
       url: "https://developer.mozilla.org/en-US/docs/Web/API/Web_Serial_API",
       description: "For connecting to the serial port of the device.",
     },
@@ -52,8 +52,8 @@ const Stack = () => {
       name: "IndexedDB API",
       logo:
         theme === "light"
-          ? "./assets/dark/favicon.ico"
-          : "./assets/light/favicon.ico",
+          ? "./assets/dark/indexDBdark.svg"
+          : "./assets/light/indexDBlight.svg",
       url: "https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API",
       description: "IndexedDB is a low-level API for client-side storage.",
     },
@@ -124,4 +124,4 @@ const Stack = () => {
   );
 };
 
-export default Stack;
+export default Stack;
\ No newline at end of file
diff --git a/src/components/filters.tsx b/src/components/filters.tsx
index df9715a..fbf0e8b 100644
--- a/src/components/filters.tsx
+++ b/src/components/filters.tsx
@@ -8,6 +8,16 @@
 //
 // Note:
 // filter_gen.py provides C/C++ type functions which we have converted to TS
+// TypeScript filter classes for Chords
+// Made with <3 at Upside Down labs
+// Author: Aman Maheshwari
+//
+// Reference:
+// https://docs.scipy.org/doc/scipy/reference/generated/scipy.signal.butter.html
+// https://courses.ideate.cmu.edu/16-223/f2020/Arduino/FilterDemos/filter_gen.py
+//
+// Note:
+// filter_gen.py provides C/C++ type functions which we have converted to TS
 
 //Notch Filter 50Hz/60Hz
 export class EXGFilter {