From a51755088b0cf63868a783911c3c27b9e9a56d34 Mon Sep 17 00:00:00 2001
From: pkolt <pkoltyshev@gmail.com>
Date: Sat, 27 Dec 2025 17:39:37 +0500
Subject: [PATCH 1/5] Added pico format

---
 .../components/ExportDialog/index.tsx         |  62 ++++---
 .../components/ExportDialog/utils.ts          | 157 ++++++++++++++----
 2 files changed, 166 insertions(+), 53 deletions(-)

diff --git a/src/components/BitmapEditor/components/ExportDialog/index.tsx b/src/components/BitmapEditor/components/ExportDialog/index.tsx
index 06178ca..58ab80b 100644
--- a/src/components/BitmapEditor/components/ExportDialog/index.tsx
+++ b/src/components/BitmapEditor/components/ExportDialog/index.tsx
@@ -114,30 +114,34 @@ export const ExportDialog = ({ bitmapId, area, onClose }: ExportDialogProps): JS
                 />
               </div>
             </div>
-            <hr className="m-0" />
-            <div className="d-flex gap-3">
-              <div className="text-nowrap">{t('Size format')}</div>
-              <div className="d-flex flex-wrap gap-3">
-                <CheckBox
-                  label={t('Variables')}
-                  value={SizeFormat.Variables}
-                  type="radio"
-                  {...register('sizeFormat', { required: true })}
-                />
-                <CheckBox
-                  label={t('Comments')}
-                  value={SizeFormat.Comments}
-                  type="radio"
-                  {...register('sizeFormat', { required: true })}
-                />
-                <CheckBox
-                  label={t('Defines')}
-                  value={SizeFormat.Defines}
-                  type="radio"
-                  {...register('sizeFormat', { required: true })}
-                />
-              </div>
-            </div>
+            {formValues.platform !== Platform.Pico && (
+              <>
+                <hr className="m-0" />
+                <div className="d-flex gap-3">
+                  <div className="text-nowrap">{t('Size format')}</div>
+                  <div className="d-flex flex-wrap gap-3">
+                    <CheckBox
+                      label={t('Variables')}
+                      value={SizeFormat.Variables}
+                      type="radio"
+                      {...register('sizeFormat', { required: true })}
+                    />
+                    <CheckBox
+                      label={t('Comments')}
+                      value={SizeFormat.Comments}
+                      type="radio"
+                      {...register('sizeFormat', { required: true })}
+                    />
+                    <CheckBox
+                      label={t('Defines')}
+                      value={SizeFormat.Defines}
+                      type="radio"
+                      {...register('sizeFormat', { required: true })}
+                    />
+                  </div>
+                </div>
+              </>
+            )}
             <hr className="m-0" />
             <div className="d-flex gap-3">
               <div>{t('Platform')}</div>
@@ -153,9 +157,17 @@ export const ExportDialog = ({ bitmapId, area, onClose }: ExportDialogProps): JS
                 type="radio"
                 {...register('platform', { required: true })}
               />
+              <CheckBox
+                label={t('RP Pico')}
+                value={Platform.Pico}
+                type="radio"
+                {...register('platform', { required: true })}
+              />
             </div>
             <hr className="m-0" />
-            <CheckBox label={t('Include PROGMEM (AVR)')} {...register('progmem', { required: true })} />
+            {formValues.platform !== Platform.Pico && (
+              <CheckBox label={t('Include PROGMEM (AVR)')} {...register('progmem', { required: true })} />
+            )}
             <textarea className="form-control" rows={10} value={exportCode} readOnly />
           </form>
         </FormProvider>
diff --git a/src/components/BitmapEditor/components/ExportDialog/utils.ts b/src/components/BitmapEditor/components/ExportDialog/utils.ts
index 4e831c5..8bf3ce5 100644
--- a/src/components/BitmapEditor/components/ExportDialog/utils.ts
+++ b/src/components/BitmapEditor/components/ExportDialog/utils.ts
@@ -17,6 +17,7 @@ export enum DataFormat {
 export enum Platform {
   Arduino = 'arduino',
   Clang = 'clang',
+  Pico = 'pico',
 }
 
 interface ExportBitmapParams {
@@ -30,40 +31,73 @@ interface ExportBitmapParams {
   area?: Area;
 }
 
-export const exportBitmap = ({
-  name,
-  bitOrder,
-  bitmapEntity,
-  dataFormat,
-  platform,
+interface PlatformExportParams {
+  nameLower: string;
+  nameUpper: string;
+  width: number;
+  height: number;
+  dataArray: string;
+  sizeFormat: SizeFormat;
+  progmem: boolean;
+}
+
+const exportForArduino = ({
+  nameLower,
+  nameUpper,
+  width,
+  height,
+  dataArray,
   sizeFormat,
   progmem,
-  area,
-}: ExportBitmapParams): string => {
-  const srcBitmap = Bitmap.fromJSON(bitmapEntity);
-  const bitmap = area ? srcBitmap.copy(area) : srcBitmap;
-  const xBitMap = XBitmapSerializer.serialize(bitmap, bitOrder);
-  const width = bitmap.width;
-  const height = bitmap.height;
-
-  const nameLower = name.replace(/[^\w]/gi, '_').toLowerCase();
-  const nameUpper = nameLower.toUpperCase();
+}: PlatformExportParams): string => {
   const headerName = `${nameUpper}_H`;
-
-  const dataArray = Array.from(xBitMap)
-    .map((value) =>
-      dataFormat === DataFormat.Hex ? `0x${value.toString(16)}` : `0b${value.toString(2).padStart(8, '0')}`,
-    )
-    .join(', ');
-
-  const uint8 = platform === Platform.Arduino ? 'const unsigned char' : 'const uint8_t';
-  const varType = platform === Platform.Arduino ? `static ${uint8}` : uint8;
+  const uint8 = 'const unsigned char';
+  const varType = `static ${uint8}`;
   const progMem = progmem ? ' PROGMEM' : '';
 
-  const includesBlock = [platform === Platform.Clang && '#include <stdint.h>', progmem && '#include <avr/pgmspace.h>']
+  const includesBlock = progmem ? '#include <avr/pgmspace.h>' : '';
+
+  const sizeBlock = [
+    sizeFormat === SizeFormat.Comments && `/* width: ${width}, height: ${height} */`,
+    sizeFormat === SizeFormat.Variables &&
+      `${uint8} ${nameLower}_width = ${width};\n${uint8} ${nameLower}_height = ${height};`,
+    sizeFormat === SizeFormat.Defines && `#define ${nameUpper}_WIDTH ${width}\n#define ${nameUpper}_HEIGHT ${height}`,
+  ]
     .filter(Boolean)
     .join('\n');
 
+  return `
+// ${nameLower}.h
+#ifndef ${headerName}
+#define ${headerName}
+${includesBlock}
+
+${sizeBlock}
+
+${varType}${progMem} ${nameLower}[] = { ${dataArray} };
+
+#endif // ${headerName}
+`
+    .replace(/^\n/, '')
+    .replace(/\n$/, '');
+};
+
+const exportForClang = ({
+  nameLower,
+  nameUpper,
+  width,
+  height,
+  dataArray,
+  sizeFormat,
+  progmem,
+}: PlatformExportParams): string => {
+  const headerName = `${nameUpper}_H`;
+  const uint8 = 'const uint8_t';
+  const varType = uint8;
+  const progMem = progmem ? ' PROGMEM' : '';
+
+  const includesBlock = ['#include <stdint.h>', progmem && '#include <avr/pgmspace.h>'].filter(Boolean).join('\n');
+
   const sizeBlock = [
     sizeFormat === SizeFormat.Comments && `/* width: ${width}, height: ${height} */`,
     sizeFormat === SizeFormat.Variables &&
@@ -73,7 +107,7 @@ export const exportBitmap = ({
     .filter(Boolean)
     .join('\n');
 
-  const output = `
+  return `
 // ${nameLower}.h
 #ifndef ${headerName}
 #define ${headerName}
@@ -87,5 +121,72 @@ ${varType}${progMem} ${nameLower}[] = { ${dataArray} };
 `
     .replace(/^\n/, '')
     .replace(/\n$/, '');
-  return output;
+};
+
+const exportForPico = ({ nameLower, nameUpper, width, height, dataArray }: PlatformExportParams): string => {
+  const headerName = `${nameUpper}_H`;
+  const includesBlock = ['#include <stdint.h>', '#include "bitmap.h"'].filter(Boolean).join('\n');
+  return `
+// ${nameLower}.h
+#ifndef ${headerName}
+#define ${headerName}
+${includesBlock}
+
+const bitmap_t ${nameLower} = {
+  .width = ${width},
+  .height = ${height},
+  .data = (uint8_t[]){${dataArray}}
+};
+
+#endif // ${headerName}
+`
+    .replace(/^\n/, '')
+    .replace(/\n$/, '');
+};
+
+export const exportBitmap = ({
+  name,
+  bitOrder,
+  bitmapEntity,
+  dataFormat,
+  platform,
+  sizeFormat,
+  progmem,
+  area,
+}: ExportBitmapParams): string => {
+  const srcBitmap = Bitmap.fromJSON(bitmapEntity);
+  const bitmap = area ? srcBitmap.copy(area) : srcBitmap;
+  const xBitMap = XBitmapSerializer.serialize(bitmap, bitOrder);
+  const { width, height } = bitmap;
+
+  const nameLower = name.replace(/[^\w]/gi, '_').toLowerCase();
+  const nameUpper = nameLower.toUpperCase();
+
+  const dataArray = Array.from(xBitMap)
+    .map((value) =>
+      dataFormat === DataFormat.Hex ? `0x${value.toString(16)}` : `0b${value.toString(2).padStart(8, '0')}`,
+    )
+    .join(', ');
+
+  const params: PlatformExportParams = {
+    nameLower,
+    nameUpper,
+    width,
+    height,
+    dataArray,
+    sizeFormat,
+    progmem,
+  };
+
+  switch (platform) {
+    case Platform.Arduino:
+      return exportForArduino(params);
+    case Platform.Clang:
+      return exportForClang(params);
+    case Platform.Pico:
+      return exportForPico(params);
+    default:
+      // Should not be reachable
+      return '';
+  }
 };

From 2f55916525a8ceb09bcb68de21d4040ef8517843 Mon Sep 17 00:00:00 2001
From: pkolt <pkoltyshev@gmail.com>
Date: Sat, 27 Dec 2025 18:57:50 +0500
Subject: [PATCH 2/5] Fixed order bit

---
 .../BitmapEditor/components/ExportDialog/index.tsx     | 10 +++++-----
 src/pages/EditBitmap/index.test.tsx                    |  2 +-
 src/utils/bitmap/XBitmapSerializer.test.ts             |  4 ++--
 src/utils/bitmap/XBitmapSerializer.ts                  |  2 +-
 src/utils/bitmap/types.ts                              |  4 ++--
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/BitmapEditor/components/ExportDialog/index.tsx b/src/components/BitmapEditor/components/ExportDialog/index.tsx
index 58ab80b..aaa3b42 100644
--- a/src/components/BitmapEditor/components/ExportDialog/index.tsx
+++ b/src/components/BitmapEditor/components/ExportDialog/index.tsx
@@ -29,7 +29,7 @@ interface FormValues {
 
 const defaultValues: FormValues = {
   name: '',
-  bitOrder: BitOrder.BigEndian,
+  bitOrder: BitOrder.MSB,
   sizeFormat: SizeFormat.Defines,
   dataFormat: DataFormat.Hex,
   platform: Platform.Arduino,
@@ -83,14 +83,14 @@ export const ExportDialog = ({ bitmapId, area, onClose }: ExportDialogProps): JS
               <div className="text-nowrap">{t('Bit order')}</div>
               <div className="d-flex flex-wrap gap-3">
                 <CheckBox
-                  label="Big-endian (U8g2)"
-                  value={BitOrder.BigEndian}
+                  label="MSB-first"
+                  value={BitOrder.MSB}
                   type="radio"
                   {...register('bitOrder', { required: true })}
                 />
                 <CheckBox
-                  label="Little-endian (Adafruit)"
-                  value={BitOrder.LittleEndian}
+                  label="LSB-first"
+                  value={BitOrder.LSB}
                   type="radio"
                   {...register('bitOrder', { required: true })}
                 />
diff --git a/src/pages/EditBitmap/index.test.tsx b/src/pages/EditBitmap/index.test.tsx
index 037284b..127c67f 100644
--- a/src/pages/EditBitmap/index.test.tsx
+++ b/src/pages/EditBitmap/index.test.tsx
@@ -82,7 +82,7 @@ test('export bitmap', async () => {
   const inputName = screen.getByLabelText('Name');
   await userEvent.clear(inputName);
   await userEvent.type(inputName, 'Sun');
-  await userEvent.click(screen.getByLabelText('Little-endian (Adafruit)'));
+  await userEvent.click(screen.getByLabelText('MSB-first'));
   await userEvent.click(screen.getByLabelText('Bin'));
   await userEvent.click(screen.getByLabelText('Variables'));
   await userEvent.click(screen.getByLabelText('C language'));
diff --git a/src/utils/bitmap/XBitmapSerializer.test.ts b/src/utils/bitmap/XBitmapSerializer.test.ts
index da28584..b36e525 100644
--- a/src/utils/bitmap/XBitmapSerializer.test.ts
+++ b/src/utils/bitmap/XBitmapSerializer.test.ts
@@ -9,11 +9,11 @@ const array = new Uint32Array(bitmapEntity.data);
 const bitmap = new Bitmap(new BitmapData(8, 8, array));
 
 test('serialize (BE)', () => {
-  const arr = XBitmapSerializer.serialize(bitmap, BitOrder.BigEndian);
+  const arr = XBitmapSerializer.serialize(bitmap, BitOrder.LSB);
   expect(arr).toEqual(new Uint8Array([207, 201, 9, 15, 240, 240, 243, 243]));
 });
 
 test('serialize (LE)', () => {
-  const arr = XBitmapSerializer.serialize(bitmap, BitOrder.LittleEndian);
+  const arr = XBitmapSerializer.serialize(bitmap, BitOrder.MSB);
   expect(arr).toEqual(new Uint8Array([243, 147, 144, 240, 15, 15, 207, 207]));
 });
diff --git a/src/utils/bitmap/XBitmapSerializer.ts b/src/utils/bitmap/XBitmapSerializer.ts
index 6296e5b..8be7f61 100644
--- a/src/utils/bitmap/XBitmapSerializer.ts
+++ b/src/utils/bitmap/XBitmapSerializer.ts
@@ -9,7 +9,7 @@ export class XBitmapSerializer {
       for (let bit = 0; bit < UINT8_BITS; bit++) {
         const srcIndex = dstIndex * UINT8_BITS + bit;
         if (bitmap.getPixelValue(srcIndex)) {
-          const resBit = bitOrder === BitOrder.BigEndian ? bit : UINT8_BITS - 1 - bit;
+          const resBit = bitOrder === BitOrder.LSB ? bit : UINT8_BITS - 1 - bit;
           result[dstIndex] |= 1 << resBit;
         }
       }
diff --git a/src/utils/bitmap/types.ts b/src/utils/bitmap/types.ts
index 2047646..acf1206 100644
--- a/src/utils/bitmap/types.ts
+++ b/src/utils/bitmap/types.ts
@@ -1,8 +1,8 @@
 import { Point } from './Point';
 
 export enum BitOrder {
-  BigEndian = 'BE', // MSB (Most Significant Byte) or BE (Big-Endian)
-  LittleEndian = 'LE', // LSB (Least Significant Byte) or LE (Little-Endian)
+  MSB = 'MSB',
+  LSB = 'LSB',
 }
 
 export interface BitmapJSON {

From e7d0a0f4c1f33878fc750052b5a61d1ab5e43c86 Mon Sep 17 00:00:00 2001
From: pkolt <pkoltyshev@gmail.com>
Date: Sat, 27 Dec 2025 18:58:14 +0500
Subject: [PATCH 3/5] Added tests

---
 .../components/ExportDialog/utils.test.ts     | 174 ++++++++++++++++++
 1 file changed, 174 insertions(+)
 create mode 100644 src/components/BitmapEditor/components/ExportDialog/utils.test.ts

diff --git a/src/components/BitmapEditor/components/ExportDialog/utils.test.ts b/src/components/BitmapEditor/components/ExportDialog/utils.test.ts
new file mode 100644
index 0000000..74dbfdb
--- /dev/null
+++ b/src/components/BitmapEditor/components/ExportDialog/utils.test.ts
@@ -0,0 +1,174 @@
+import { describe, it, expect } from 'vitest';
+import { exportBitmap, Platform, DataFormat, SizeFormat } from './utils';
+import { BitOrder, type BitmapEntity } from '@/utils/bitmap/types';
+import { Area } from '@/utils/bitmap/Area';
+
+describe('BitmapEditor/ExportDialog/utils', () => {
+  const mockBitmap: BitmapEntity = {
+    id: 'test-id',
+    name: 'test-name',
+    width: 8,
+    height: 8,
+    // A simple pattern
+    data: [0x18244281, 0x81422418],
+    createdAt: 1,
+    updatedAt: 1,
+    favorite: false,
+  };
+
+  const expectedDataHex = '0x81, 0x42, 0x24, 0x18, 0x18, 0x24, 0x42, 0x81';
+  const expectedDataBin =
+    '0b10000001, 0b01000010, 0b00100100, 0b00011000, 0b00011000, 0b00100100, 0b01000010, 0b10000001';
+
+  describe('Arduino platform', () => {
+    it('should export with Hex, comments size, and no progmem', () => {
+      const result = exportBitmap({
+        name: 'testBitmap',
+        bitmapEntity: mockBitmap,
+        bitOrder: BitOrder.LSB,
+        platform: Platform.Arduino,
+        dataFormat: DataFormat.Hex,
+        sizeFormat: SizeFormat.Comments,
+        progmem: false,
+      });
+
+      expect(result).toContain('// testbitmap.h');
+      expect(result).toContain('const unsigned char testbitmap[]');
+      expect(result).toContain('/* width: 8, height: 8 */');
+      expect(result).not.toContain('PROGMEM');
+      expect(result).not.toContain('#include');
+      expect(result).toContain(expectedDataHex);
+    });
+
+    it('should export with Bin, variables size, and progmem', () => {
+      const result = exportBitmap({
+        name: 'testBitmap',
+        bitmapEntity: mockBitmap,
+        bitOrder: BitOrder.LSB,
+        platform: Platform.Arduino,
+        dataFormat: DataFormat.Bin,
+        sizeFormat: SizeFormat.Variables,
+        progmem: true,
+      });
+
+      expect(result).toContain('#include <avr/pgmspace.h>');
+      expect(result).toContain('static const unsigned char PROGMEM testbitmap[]');
+      expect(result).toContain('const unsigned char testbitmap_width = 8;');
+      expect(result).toContain('const unsigned char testbitmap_height = 8;');
+      expect(result).toContain(expectedDataBin);
+    });
+  });
+
+  describe('Clang platform', () => {
+    it('should export with Hex, defines size, and no progmem', () => {
+      const result = exportBitmap({
+        name: 'testBitmap',
+        bitmapEntity: mockBitmap,
+        bitOrder: BitOrder.LSB,
+        platform: Platform.Clang,
+        dataFormat: DataFormat.Hex,
+        sizeFormat: SizeFormat.Defines,
+        progmem: false,
+      });
+
+      expect(result).toContain('#include <stdint.h>');
+      expect(result).not.toContain('PROGMEM');
+      expect(result).toContain('const uint8_t testbitmap[]');
+      expect(result).toContain('#define TESTBITMAP_WIDTH 8');
+      expect(result).toContain('#define TESTBITMAP_HEIGHT 8');
+      expect(result).toContain(expectedDataHex);
+    });
+
+    it('should export with progmem', () => {
+      const result = exportBitmap({
+        name: 'testBitmap',
+        bitmapEntity: mockBitmap,
+        bitOrder: BitOrder.LSB,
+        platform: Platform.Clang,
+        dataFormat: DataFormat.Hex,
+        sizeFormat: SizeFormat.Defines,
+        progmem: true,
+      });
+
+      expect(result).toContain('#include <stdint.h>');
+      expect(result).toContain('#include <avr/pgmspace.h>');
+      expect(result).toContain('const uint8_t PROGMEM testbitmap[]');
+    });
+  });
+
+  describe('Pico platform', () => {
+    it('should export for Pico platform', () => {
+      const result = exportBitmap({
+        name: 'testBitmap',
+        bitmapEntity: mockBitmap,
+        bitOrder: BitOrder.LSB,
+        platform: Platform.Pico,
+        dataFormat: DataFormat.Hex,
+        sizeFormat: SizeFormat.Comments,
+        progmem: false,
+      });
+
+      expect(result).toContain('// testbitmap.h');
+      expect(result).toContain('#ifndef TESTBITMAP_H');
+      expect(result).toContain('#define TESTBITMAP_H');
+      expect(result).toContain('#include <stdint.h>');
+      expect(result).toContain('#include "bitmap.h"');
+      expect(result).toContain('const bitmap_t testbitmap = {');
+      expect(result).toContain('.width = 8,');
+      expect(result).toContain('.height = 8,');
+      expect(result).toContain(`.data = (uint8_t[]){${expectedDataHex}}`);
+      expect(result).toContain('#endif // TESTBITMAP_H');
+    });
+  });
+
+  describe('General functionality', () => {
+    it('should sanitize the bitmap name', () => {
+      const result = exportBitmap({
+        name: 'My Awesome Bitmap!',
+        bitmapEntity: mockBitmap,
+        bitOrder: BitOrder.LSB,
+        platform: Platform.Arduino,
+        dataFormat: DataFormat.Hex,
+        sizeFormat: SizeFormat.Comments,
+        progmem: false,
+      });
+
+      expect(result).toContain('// my_awesome_bitmap_.h');
+      expect(result).toContain('const unsigned char my_awesome_bitmap_[]');
+    });
+
+    it('should export a specific area of the bitmap', () => {
+      const largeBitmap: BitmapEntity = {
+        id: 'large-test-id',
+        name: 'large-test-name',
+        width: 4,
+        height: 4,
+        data: [0x0660],
+        createdAt: 1,
+        updatedAt: 1,
+        favorite: false,
+      };
+      const area = Area.fromRectangle(1, 1, 2, 2);
+
+      const result = exportBitmap({
+        name: 'areaTest',
+        bitmapEntity: largeBitmap,
+        bitOrder: BitOrder.MSB,
+        platform: Platform.Clang,
+        dataFormat: DataFormat.Hex,
+        sizeFormat: SizeFormat.Comments,
+        progmem: false,
+        area,
+      });
+
+      // The extracted 2x2 bitmap ('11' from the first row, '11' from the second) gives the bit sequence '1111'.
+      // With BitOrder.MSB, bits are packed from the most significant side of the byte.
+      // This results in 0b11110000, which is 0xf0.
+      const expectedAreaData = '0xf0';
+
+      expect(result).toContain('/* width: 2, height: 2 */');
+      expect(result).toContain(expectedAreaData);
+      expect(result.match(/0x/g)?.length).toBe(1); // Only one byte of data
+    });
+  });
+});

From 31ee45e225e0c0bbd77d14b71798d323e3b19e51 Mon Sep 17 00:00:00 2001
From: pkolt <pkoltyshev@gmail.com>
Date: Sat, 27 Dec 2025 19:15:44 +0500
Subject: [PATCH 4/5] Fixed texts

---
 src/components/BitmapEditor/components/ExportDialog/index.tsx | 4 ++--
 src/pages/EditBitmap/index.test.tsx                           | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/BitmapEditor/components/ExportDialog/index.tsx b/src/components/BitmapEditor/components/ExportDialog/index.tsx
index aaa3b42..63a0df6 100644
--- a/src/components/BitmapEditor/components/ExportDialog/index.tsx
+++ b/src/components/BitmapEditor/components/ExportDialog/index.tsx
@@ -83,13 +83,13 @@ export const ExportDialog = ({ bitmapId, area, onClose }: ExportDialogProps): JS
               <div className="text-nowrap">{t('Bit order')}</div>
               <div className="d-flex flex-wrap gap-3">
                 <CheckBox
-                  label="MSB-first"
+                  label="MSB-first (Adafruit)"
                   value={BitOrder.MSB}
                   type="radio"
                   {...register('bitOrder', { required: true })}
                 />
                 <CheckBox
-                  label="LSB-first"
+                  label="LSB-first (U8g2, Pico)"
                   value={BitOrder.LSB}
                   type="radio"
                   {...register('bitOrder', { required: true })}
diff --git a/src/pages/EditBitmap/index.test.tsx b/src/pages/EditBitmap/index.test.tsx
index 127c67f..eb96bc8 100644
--- a/src/pages/EditBitmap/index.test.tsx
+++ b/src/pages/EditBitmap/index.test.tsx
@@ -82,7 +82,7 @@ test('export bitmap', async () => {
   const inputName = screen.getByLabelText('Name');
   await userEvent.clear(inputName);
   await userEvent.type(inputName, 'Sun');
-  await userEvent.click(screen.getByLabelText('MSB-first'));
+  await userEvent.click(screen.getByLabelText('MSB-first (Adafruit)'));
   await userEvent.click(screen.getByLabelText('Bin'));
   await userEvent.click(screen.getByLabelText('Variables'));
   await userEvent.click(screen.getByLabelText('C language'));

From 84e3ee98922d98e65e5a83c991fa607e85d3d658 Mon Sep 17 00:00:00 2001
From: pkolt <pkoltyshev@gmail.com>
Date: Sat, 27 Dec 2025 19:20:04 +0500
Subject: [PATCH 5/5] Updated icons

---
 package-lock.json                             |  8 +++---
 package.json                                  |  2 +-
 public/images/bootstrap-icons/data.json       | 28 +++++++++++++++++++
 .../bootstrap-icons/icons/anthropic.svg       |  3 ++
 .../bootstrap-icons/icons/apple-music.svg     |  3 ++
 .../bootstrap-icons/icons/battery-low.svg     |  4 +++
 .../bootstrap-icons/icons/beaker-fill.svg     |  3 ++
 .../images/bootstrap-icons/icons/beaker.svg   |  4 +++
 .../images/bootstrap-icons/icons/bluesky.svg  |  3 ++
 .../images/bootstrap-icons/icons/claude.svg   |  3 ++
 public/images/bootstrap-icons/icons/css.svg   |  3 ++
 .../bootstrap-icons/icons/flask-fill.svg      |  3 ++
 .../icons/flask-florence-fill.svg             |  3 ++
 .../bootstrap-icons/icons/flask-florence.svg  |  3 ++
 public/images/bootstrap-icons/icons/flask.svg |  3 ++
 .../bootstrap-icons/icons/fork-knife.svg      |  3 ++
 .../icons/globe-americas-fill.svg             |  3 ++
 .../icons/globe-asia-australia-fill.svg       |  3 ++
 .../icons/globe-central-south-asia-fill.svg   |  3 ++
 .../icons/globe-europe-africa-fill.svg        |  3 ++
 .../bootstrap-icons/icons/javascript.svg      |  3 ++
 .../bootstrap-icons/icons/leaf-fill.svg       |  3 ++
 public/images/bootstrap-icons/icons/leaf.svg  |  3 ++
 .../icons/measuring-cup-fill.svg              |  3 ++
 .../bootstrap-icons/icons/measuring-cup.svg   |  3 ++
 .../images/bootstrap-icons/icons/openai.svg   |  3 ++
 .../bootstrap-icons/icons/perplexity.svg      |  3 ++
 public/images/bootstrap-icons/icons/tux.svg   |  4 +++
 .../bootstrap-icons/icons/typescript.svg      |  3 ++
 .../bootstrap-icons/icons/unlock2-fill.svg    |  3 ++
 .../images/bootstrap-icons/icons/unlock2.svg  |  3 ++
 31 files changed, 120 insertions(+), 5 deletions(-)
 create mode 100644 public/images/bootstrap-icons/icons/anthropic.svg
 create mode 100644 public/images/bootstrap-icons/icons/apple-music.svg
 create mode 100644 public/images/bootstrap-icons/icons/battery-low.svg
 create mode 100644 public/images/bootstrap-icons/icons/beaker-fill.svg
 create mode 100644 public/images/bootstrap-icons/icons/beaker.svg
 create mode 100644 public/images/bootstrap-icons/icons/bluesky.svg
 create mode 100644 public/images/bootstrap-icons/icons/claude.svg
 create mode 100644 public/images/bootstrap-icons/icons/css.svg
 create mode 100644 public/images/bootstrap-icons/icons/flask-fill.svg
 create mode 100644 public/images/bootstrap-icons/icons/flask-florence-fill.svg
 create mode 100644 public/images/bootstrap-icons/icons/flask-florence.svg
 create mode 100644 public/images/bootstrap-icons/icons/flask.svg
 create mode 100644 public/images/bootstrap-icons/icons/fork-knife.svg
 create mode 100644 public/images/bootstrap-icons/icons/globe-americas-fill.svg
 create mode 100644 public/images/bootstrap-icons/icons/globe-asia-australia-fill.svg
 create mode 100644 public/images/bootstrap-icons/icons/globe-central-south-asia-fill.svg
 create mode 100644 public/images/bootstrap-icons/icons/globe-europe-africa-fill.svg
 create mode 100644 public/images/bootstrap-icons/icons/javascript.svg
 create mode 100644 public/images/bootstrap-icons/icons/leaf-fill.svg
 create mode 100644 public/images/bootstrap-icons/icons/leaf.svg
 create mode 100644 public/images/bootstrap-icons/icons/measuring-cup-fill.svg
 create mode 100644 public/images/bootstrap-icons/icons/measuring-cup.svg
 create mode 100644 public/images/bootstrap-icons/icons/openai.svg
 create mode 100644 public/images/bootstrap-icons/icons/perplexity.svg
 create mode 100644 public/images/bootstrap-icons/icons/tux.svg
 create mode 100644 public/images/bootstrap-icons/icons/typescript.svg
 create mode 100644 public/images/bootstrap-icons/icons/unlock2-fill.svg
 create mode 100644 public/images/bootstrap-icons/icons/unlock2.svg

diff --git a/package-lock.json b/package-lock.json
index 72b7859..92ae001 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "dependencies": {
         "@hookform/resolvers": "^3.9.0",
         "bootstrap": "^5.3.3",
-        "bootstrap-icons": "^1.11.3",
+        "bootstrap-icons": "^1.13.1",
         "classnames": "^2.5.1",
         "file-saver": "^2.0.5",
         "i18next": "^23.14.0",
@@ -2693,9 +2693,9 @@
       }
     },
     "node_modules/bootstrap-icons": {
-      "version": "1.11.3",
-      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.11.3.tgz",
-      "integrity": "sha512-+3lpHrCw/it2/7lBL15VR0HEumaBss0+f/Lb6ZvHISn1mlK83jjFpooTLsMWbIjJMDjDjOExMsTxnXSIT4k4ww==",
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.13.1.tgz",
+      "integrity": "sha512-ijombt4v6bv5CLeXvRWKy7CuM3TRTuPEuGaGKvTV5cz65rQSY8RQ2JcHt6b90cBBAC7s8fsf2EkQDldzCoXUjw==",
       "funding": [
         {
           "type": "github",
diff --git a/package.json b/package.json
index 68a9e96..3f7d496 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
   "dependencies": {
     "@hookform/resolvers": "^3.9.0",
     "bootstrap": "^5.3.3",
-    "bootstrap-icons": "^1.11.3",
+    "bootstrap-icons": "^1.13.1",
     "classnames": "^2.5.1",
     "file-saver": "^2.0.5",
     "i18next": "^23.14.0",
diff --git a/public/images/bootstrap-icons/data.json b/public/images/bootstrap-icons/data.json
index 8f66567..c5c3c9a 100644
--- a/public/images/bootstrap-icons/data.json
+++ b/public/images/bootstrap-icons/data.json
@@ -62,8 +62,10 @@
   "amd.svg",
   "android.svg",
   "android2.svg",
+  "anthropic.svg",
   "app-indicator.svg",
   "app.svg",
+  "apple-music.svg",
   "apple.svg",
   "archive-fill.svg",
   "archive.svg",
@@ -217,7 +219,10 @@
   "battery-charging.svg",
   "battery-full.svg",
   "battery-half.svg",
+  "battery-low.svg",
   "battery.svg",
+  "beaker-fill.svg",
+  "beaker.svg",
   "behance.svg",
   "bell-fill.svg",
   "bell-slash-fill.svg",
@@ -231,6 +236,7 @@
   "binoculars.svg",
   "blockquote-left.svg",
   "blockquote-right.svg",
+  "bluesky.svg",
   "bluetooth.svg",
   "body-text.svg",
   "book-fill.svg",
@@ -554,6 +560,7 @@
   "circle-half.svg",
   "circle-square.svg",
   "circle.svg",
+  "claude.svg",
   "clipboard-check-fill.svg",
   "clipboard-check.svg",
   "clipboard-data-fill.svg",
@@ -667,6 +674,7 @@
   "crop.svg",
   "crosshair.svg",
   "crosshair2.svg",
+  "css.svg",
   "cup-fill.svg",
   "cup-hot-fill.svg",
   "cup-hot.svg",
@@ -1068,6 +1076,10 @@
   "fire.svg",
   "flag-fill.svg",
   "flag.svg",
+  "flask-fill.svg",
+  "flask-florence-fill.svg",
+  "flask-florence.svg",
+  "flask.svg",
   "floppy-fill.svg",
   "floppy.svg",
   "floppy2-fill.svg",
@@ -1086,6 +1098,7 @@
   "folder2-open.svg",
   "folder2.svg",
   "fonts.svg",
+  "fork-knife.svg",
   "forward-fill.svg",
   "forward.svg",
   "front.svg",
@@ -1116,9 +1129,13 @@
   "git.svg",
   "github.svg",
   "gitlab.svg",
+  "globe-americas-fill.svg",
   "globe-americas.svg",
+  "globe-asia-australia-fill.svg",
   "globe-asia-australia.svg",
+  "globe-central-south-asia-fill.svg",
   "globe-central-south-asia.svg",
+  "globe-europe-africa-fill.svg",
   "globe-europe-africa.svg",
   "globe.svg",
   "globe2.svg",
@@ -1245,6 +1262,7 @@
   "input-cursor.svg",
   "instagram.svg",
   "intersect.svg",
+  "javascript.svg",
   "journal-album.svg",
   "journal-arrow-down.svg",
   "journal-arrow-up.svg",
@@ -1291,6 +1309,8 @@
   "layout-text-window.svg",
   "layout-three-columns.svg",
   "layout-wtf.svg",
+  "leaf-fill.svg",
+  "leaf.svg",
   "life-preserver.svg",
   "lightbulb-fill.svg",
   "lightbulb-off-fill.svg",
@@ -1333,6 +1353,8 @@
   "marker-tip.svg",
   "mask.svg",
   "mastodon.svg",
+  "measuring-cup-fill.svg",
+  "measuring-cup.svg",
   "medium.svg",
   "megaphone-fill.svg",
   "megaphone.svg",
@@ -1392,6 +1414,7 @@
   "octagon-fill.svg",
   "octagon-half.svg",
   "octagon.svg",
+  "openai.svg",
   "opencollective.svg",
   "optical-audio-fill.svg",
   "optical-audio.svg",
@@ -1448,6 +1471,7 @@
   "people-fill.svg",
   "people.svg",
   "percent.svg",
+  "perplexity.svg",
   "person-add.svg",
   "person-arms-up.svg",
   "person-badge-fill.svg",
@@ -1935,6 +1959,7 @@
   "truck-front.svg",
   "truck.svg",
   "tsunami.svg",
+  "tux.svg",
   "tv-fill.svg",
   "tv.svg",
   "twitch.svg",
@@ -1951,6 +1976,7 @@
   "type-strikethrough.svg",
   "type-underline.svg",
   "type.svg",
+  "typescript.svg",
   "ubuntu.svg",
   "ui-checks-grid.svg",
   "ui-checks.svg",
@@ -1965,6 +1991,8 @@
   "universal-access.svg",
   "unlock-fill.svg",
   "unlock.svg",
+  "unlock2-fill.svg",
+  "unlock2.svg",
   "upc-scan.svg",
   "upc.svg",
   "upload.svg",
diff --git a/public/images/bootstrap-icons/icons/anthropic.svg b/public/images/bootstrap-icons/icons/anthropic.svg
new file mode 100644
index 0000000..eed7edf
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/anthropic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-anthropic" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M9.218 2h2.402L16 12.987h-2.402zM4.379 2h2.512l4.38 10.987H8.82l-.895-2.308h-4.58l-.896 2.307H0L4.38 2.001zm2.755 6.64L5.635 4.777 4.137 8.64z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/apple-music.svg b/public/images/bootstrap-icons/icons/apple-music.svg
new file mode 100644
index 0000000..325e3a7
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/apple-music.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-apple-music" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="m10.995 0 .573.001q.241 0 .483.007c.35.01.705.03 1.051.093.352.063.68.166.999.329a3.36 3.36 0 0 1 1.47 1.468c.162.32.265.648.328 1 .063.347.084.7.093 1.051q.007.241.007.483l.001.573v5.99l-.001.573q0 .241-.008.483c-.01.35-.03.704-.092 1.05a3.5 3.5 0 0 1-.33 1 3.36 3.36 0 0 1-1.468 1.468 3.5 3.5 0 0 1-1 .33 7 7 0 0 1-1.05.092q-.241.007-.483.008l-.573.001h-5.99l-.573-.001q-.241 0-.483-.008a7 7 0 0 1-1.052-.092 3.6 3.6 0 0 1-.998-.33 3.36 3.36 0 0 1-1.47-1.468 3.6 3.6 0 0 1-.328-1 7 7 0 0 1-.093-1.05Q.002 11.81 0 11.568V5.005l.001-.573q0-.241.007-.483c.01-.35.03-.704.093-1.05a3.6 3.6 0 0 1 .329-1A3.36 3.36 0 0 1 1.9.431 3.5 3.5 0 0 1 2.896.1 7 7 0 0 1 3.95.008Q4.19.002 4.432 0h.573zm-.107 2.518-4.756.959H6.13a.66.66 0 0 0-.296.133.5.5 0 0 0-.16.31c-.004.027-.01.08-.01.16v5.952c0 .14-.012.275-.106.39-.095.115-.21.15-.347.177l-.31.063c-.393.08-.65.133-.881.223a1.4 1.4 0 0 0-.519.333 1.25 1.25 0 0 0-.332.995c.031.297.166.582.395.792.156.142.35.25.578.296.236.047.49.031.858-.043.196-.04.38-.102.555-.205a1.4 1.4 0 0 0 .438-.405 1.5 1.5 0 0 0 .233-.55c.042-.202.052-.386.052-.588V6.347c0-.276.08-.35.302-.404.024-.005 3.954-.797 4.138-.833.257-.049.378.025.378.294v3.524c0 .14-.001.28-.096.396-.094.115-.211.15-.348.178l-.31.062c-.393.08-.649.133-.88.223a1.4 1.4 0 0 0-.52.334 1.26 1.26 0 0 0-.34.994c.03.297.174.582.404.792a1.2 1.2 0 0 0 .577.294c.237.048.49.03.858-.044.197-.04.381-.098.556-.202a1.4 1.4 0 0 0 .438-.405q.173-.252.233-.549a2.7 2.7 0 0 0 .044-.589V2.865c0-.273-.143-.443-.4-.42-.04.003-.383.064-.424.073"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/battery-low.svg b/public/images/bootstrap-icons/icons/battery-low.svg
new file mode 100644
index 0000000..b99e758
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/battery-low.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-battery-low" viewBox="0 0 16 16">
+  <path d="M2 6h2v4H2z"/>
+  <path d="M2 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm10 1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm4 3a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/beaker-fill.svg b/public/images/bootstrap-icons/icons/beaker-fill.svg
new file mode 100644
index 0000000..3bf39d5
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/beaker-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-beaker-fill" viewBox="0 0 16 16">
+  <path d="M15.575.006a.5.5 0 0 1 .327.79l-.048.058-.122.12A2.5 2.5 0 0 0 15 2.743V14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V2.742a2.5 2.5 0 0 0-.566-1.584L.268.975.146.854A.5.5 0 0 1 .5 0h15zM11.5 13a.5.5 0 1 0 0 1H13v-1zm-2-2a.5.5 0 0 0 0 1H13v-1zm2-2a.5.5 0 1 0 0 1H13V9zm-2-2a.5.5 0 1 0 0 1H13V7zm2-2a.5.5 0 1 0 0 1H13V5zm-2-2a.5.5 0 1 0 0 1H13V3z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/beaker.svg b/public/images/bootstrap-icons/icons/beaker.svg
new file mode 100644
index 0000000..f1958c6
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/beaker.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-beaker" viewBox="0 0 16 16">
+  <path d="M9.5 3a.5.5 0 0 0 0 1H13V3zm2 2a.5.5 0 0 0 0 1H13V5zm-2 2a.5.5 0 0 0 0 1H13V7zm2 2a.5.5 0 0 0 0 1H13V9zm-2 2a.5.5 0 0 0 0 1H13v-1zm2 2a.5.5 0 0 0 0 1H13v-1z"/>
+  <path d="M.5 0a.5.5 0 0 0-.354.854l.122.12A2.5 2.5 0 0 1 1 2.744V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V2.743a2.5 2.5 0 0 1 .732-1.768l.122-.121A.5.5 0 0 0 15.5 0zM2 2.743A3.5 3.5 0 0 0 1.535 1h12.93A3.5 3.5 0 0 0 14 2.743V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/bluesky.svg b/public/images/bootstrap-icons/icons/bluesky.svg
new file mode 100644
index 0000000..a070aea
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/bluesky.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bluesky" viewBox="0 0 16 16">
+  <path d="M3.468 1.948C5.303 3.325 7.276 6.118 8 7.616c.725-1.498 2.698-4.29 4.532-5.668C13.855.955 16 .186 16 2.632c0 .489-.28 4.105-.444 4.692-.572 2.04-2.653 2.561-4.504 2.246 3.236.551 4.06 2.375 2.281 4.2-3.376 3.464-4.852-.87-5.23-1.98-.07-.204-.103-.3-.103-.218 0-.081-.033.014-.102.218-.379 1.11-1.855 5.444-5.231 1.98-1.778-1.825-.955-3.65 2.28-4.2-1.85.315-3.932-.205-4.503-2.246C.28 6.737 0 3.12 0 2.632 0 .186 2.145.955 3.468 1.948"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/claude.svg b/public/images/bootstrap-icons/icons/claude.svg
new file mode 100644
index 0000000..1403b27
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/claude.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-claude" viewBox="0 0 16 16">
+  <path d="m3.127 10.604 3.135-1.76.053-.153-.053-.085H6.11l-.525-.032-1.791-.048-1.554-.065-1.505-.08-.38-.081L0 7.832l.036-.234.32-.214.455.04 1.009.069 1.513.105 1.097.064 1.626.17h.259l.036-.105-.089-.065-.068-.064-1.566-1.062-1.695-1.121-.887-.646-.48-.327-.243-.306-.104-.67.435-.48.585.04.15.04.593.456 1.267.981 1.654 1.218.242.202.097-.068.012-.049-.109-.181-.9-1.626-.96-1.655-.428-.686-.113-.411a2 2 0 0 1-.068-.484l.496-.674L4.446 0l.662.089.279.242.411.94.666 1.48 1.033 2.014.302.597.162.553.06.17h.105v-.097l.085-1.134.157-1.392.154-1.792.052-.504.25-.605.497-.327.387.186.319.456-.045.294-.19 1.23-.37 1.93-.243 1.29h.142l.161-.16.654-.868 1.097-1.372.484-.545.565-.601.363-.287h.686l.505.751-.226.775-.707.895-.585.759-.839 1.13-.524.904.048.072.125-.012 1.897-.403 1.024-.186 1.223-.21.553.258.06.263-.218.536-1.307.323-1.533.307-2.284.54-.028.02.032.04 1.029.098.44.024h1.077l2.005.15.525.346.315.424-.053.323-.807.411-3.631-.863-.872-.218h-.12v.073l.726.71 1.331 1.202 1.667 1.55.084.383-.214.302-.226-.032-1.464-1.101-.565-.497-1.28-1.077h-.084v.113l.295.432 1.557 2.34.08.718-.112.234-.404.141-.444-.08-.911-1.28-.94-1.44-.759-1.291-.093.053-.448 4.821-.21.246-.484.186-.403-.307-.214-.496.214-.98.258-1.28.21-1.016.19-1.263.112-.42-.008-.028-.092.012-.953 1.307-1.448 1.957-1.146 1.227-.274.109-.477-.247.045-.44.266-.39 1.586-2.018.956-1.25.617-.723-.004-.105h-.036l-4.212 2.736-.75.096-.324-.302.04-.496.154-.162 1.267-.871z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/css.svg b/public/images/bootstrap-icons/icons/css.svg
new file mode 100644
index 0000000..e336af1
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/css.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-css" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V0zM4.59 7.498q-.908 0-1.455.508-.547.507-.547 1.484v3.106q0 .986.527 1.484t1.406.498q.576 0 1.016-.224.45-.225.703-.674.255-.45.254-1.114v-.185h-1.22v.176q0 .449-.186.683t-.527.235q-.372-.01-.557-.264-.186-.255-.186-.752V9.686q0-.547.166-.811.177-.264.577-.264.321 0 .517.225.195.224.195.693v.205h1.23V9.52q0-.674-.243-1.124a1.55 1.55 0 0 0-.664-.673q-.42-.225-1.006-.225m4.214-.01q-.586 0-1.006.244a1.67 1.67 0 0 0-.635.674 2.1 2.1 0 0 0-.225.996q0 .753.293 1.182.304.42.967.732l.469.215q.44.186.625.43.186.244.186.635 0 .478-.166.703-.157.224-.528.224-.36 0-.547-.244-.185-.243-.205-.752H6.87q.02.996.498 1.524.479.527 1.387.527t1.416-.518.508-1.484q0-.81-.332-1.289-.333-.479-1.045-.79l-.45-.196q-.39-.166-.556-.381-.165-.214-.166-.576 0-.4.166-.596.175-.195.508-.195.36 0 .508.234.156.234.175.703h1.123q-.03-.976-.498-1.484-.468-.518-1.308-.518m4.057 0q-.585 0-1.006.244a1.67 1.67 0 0 0-.634.674 2.1 2.1 0 0 0-.225.996q0 .753.293 1.182.303.42.967.732l.469.215q.438.186.625.43.185.244.185.635 0 .478-.166.703-.156.224-.527.224-.361.001-.547-.244-.186-.243-.205-.752h-1.162q.02.996.498 1.524.479.527 1.386.527.909 0 1.417-.518.507-.517.507-1.484 0-.81-.332-1.289t-1.045-.79l-.449-.196q-.39-.166-.556-.381-.166-.214-.166-.576 0-.4.165-.596.177-.195.508-.195.361 0 .508.234.156.234.176.703h1.123q-.03-.976-.498-1.484-.47-.518-1.309-.518"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/flask-fill.svg b/public/images/bootstrap-icons/icons/flask-fill.svg
new file mode 100644
index 0000000..61207af
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/flask-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-flask-fill" viewBox="0 0 16 16">
+  <path d="M11.5 0a.5.5 0 0 1 0 1H11v5.358l4.497 7.36c.099.162.16.332.192.503l.013.063.008.083q.006.053.007.107l-.003.09q-.001.047-.005.095-.006.053-.017.106l-.016.079q-.012.049-.028.096l-.028.086a1.5 1.5 0 0 1-.17.322 1.5 1.5 0 0 1-.395.394q-.04.028-.082.054-.045.026-.095.049l-.073.035-.09.033q-.05.02-.103.034-.04.01-.08.017-.053.012-.108.021l-.006.002-.202.013H1.783l-.214-.015a1.503 1.503 0 0 1-1.066-2.268L5 6.359V1h-.5a.499.499 0 0 1-.354-.854A.5.5 0 0 1 4.5 0zm.5 12a.5.5 0 0 0 0 1h1.885l-.61-1zm-1-2a.5.5 0 0 0 0 1h1.664l-.612-1zm-1-2a.5.5 0 0 0 0 1h1.441l-.61-1zM9 6a.5.5 0 0 0 0 1h1.22l-.147-.24A.5.5 0 0 1 10 6.5V6zm0-2a.5.5 0 0 0 0 1h1V4zm0-2a.5.5 0 0 0 0 1h1V2z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/flask-florence-fill.svg b/public/images/bootstrap-icons/icons/flask-florence-fill.svg
new file mode 100644
index 0000000..70896a6
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/flask-florence-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-flask-florence-fill" viewBox="0 0 16 16">
+  <path d="m10.5 0 .1.01a.5.5 0 0 1-.1.99H10v5.417c.517.226.986.538 1.394.916l.043.038.14.14a6 6 0 0 1 .303.34l.101.128q.045.06.088.122a5 5 0 0 1 .26.4l.066.12a5 5 0 0 1 .16.32q.029.062.053.124.035.08.067.163.115.3.19.62l.024.111a5 5 0 0 1 .096.68Q13 10.82 13 11l-.007.257A5 5 0 0 1 8 16l-.257-.007A5 5 0 0 1 6 6.417V1h-.5a.5.5 0 0 1 0-1zM8 6a.5.5 0 0 0 0 1h1.065A.5.5 0 0 1 9 6.756V6zm0-2a.5.5 0 0 0 0 1h1V4zm0-2a.5.5 0 0 0 0 1h1V2z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/flask-florence.svg b/public/images/bootstrap-icons/icons/flask-florence.svg
new file mode 100644
index 0000000..6df75f7
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/flask-florence.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-flask-florence" viewBox="0 0 16 16">
+  <path d="M5.5 0a.5.5 0 0 0 0 1H6v5.416a5 5 0 1 0 4 0V1h.5a.5.5 0 0 0 0-1zM9 2h-.5a.5.5 0 0 0 0 1H9v1h-.5a.5.5 0 0 0 0 1H9v1h-.5a.5.5 0 0 0 0 1h.564a.5.5 0 0 0 .27.227A4.002 4.002 0 0 1 8 15a4 4 0 0 1-1.333-7.773.5.5 0 0 0 .333-.47V1h2z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/flask.svg b/public/images/bootstrap-icons/icons/flask.svg
new file mode 100644
index 0000000..01cc1ba
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/flask.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-flask" viewBox="0 0 16 16">
+  <path d="M4.5 0a.5.5 0 0 0 0 1H5v5.36L.503 13.717A1.5 1.5 0 0 0 1.783 16h12.434a1.5 1.5 0 0 0 1.28-2.282L11 6.359V1h.5a.5.5 0 0 0 0-1zM10 2H9a.5.5 0 0 0 0 1h1v1H9a.5.5 0 0 0 0 1h1v1H9a.5.5 0 0 0 0 1h1.22l.61 1H10a.5.5 0 1 0 0 1h1.442l.611 1H11a.5.5 0 1 0 0 1h1.664l.611 1H12a.5.5 0 1 0 0 1h1.886l.758 1.24a.5.5 0 0 1-.427.76H1.783a.5.5 0 0 1-.427-.76l4.57-7.48A.5.5 0 0 0 6 6.5V1h4z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/fork-knife.svg b/public/images/bootstrap-icons/icons/fork-knife.svg
new file mode 100644
index 0000000..31277b4
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/fork-knife.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fork-knife" viewBox="0 0 16 16">
+  <path d="M13 .5c0-.276-.226-.506-.498-.465-1.703.257-2.94 2.012-3 8.462a.5.5 0 0 0 .498.5c.56.01 1 .13 1 1.003v5.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5zM4.25 0a.25.25 0 0 1 .25.25v5.122a.128.128 0 0 0 .256.006l.233-5.14A.25.25 0 0 1 5.24 0h.522a.25.25 0 0 1 .25.238l.233 5.14a.128.128 0 0 0 .256-.006V.25A.25.25 0 0 1 6.75 0h.29a.5.5 0 0 1 .498.458l.423 5.07a1.69 1.69 0 0 1-1.059 1.711l-.053.022a.92.92 0 0 0-.58.884L6.47 15a.971.971 0 1 1-1.942 0l.202-6.855a.92.92 0 0 0-.58-.884l-.053-.022a1.69 1.69 0 0 1-1.059-1.712L3.462.458A.5.5 0 0 1 3.96 0z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/globe-americas-fill.svg b/public/images/bootstrap-icons/icons/globe-americas-fill.svg
new file mode 100644
index 0000000..42259b2
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/globe-americas-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe-americas-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="m8 0 .412.01A7.97 7.97 0 0 1 13.29 2a8.04 8.04 0 0 1 2.548 4.382 8 8 0 1 1-15.674 0 8 8 0 0 1 1.361-3.078A8 8 0 0 1 2.711 2 7.96 7.96 0 0 1 8 0m0 1a7 7 0 0 0-5.958 3.324C2.497 6.192 6.669 7.827 6.5 8c-.5.5-1.034.884-1 1.5.07 1.248 2.259.774 2.5 2 .202 1.032-1.051 3 0 3 1.5-.5 3.798-3.186 4-5 .138-1.242-2-2-3.5-2.5-.828-.276-1.055.648-1.5.5S4.5 5.5 5.5 5s1 0 1.5.5c1 .5.5-1 1-1.5.838-.838 3.16-1.394 3.605-2.001A6.97 6.97 0 0 0 8 1"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/globe-asia-australia-fill.svg b/public/images/bootstrap-icons/icons/globe-asia-australia-fill.svg
new file mode 100644
index 0000000..8dfde0c
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/globe-asia-australia-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe-asia-australia-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m3.041 9a1 1 0 0 0-.946.674l-.172.499a1 1 0 0 1-.403.515l-.803.517a1 1 0 0 0-.458.84v.455a1 1 0 0 0 1 1h.257c.192 0 .38.055.542.16l.762.491a1 1 0 0 0 .282.123A7 7 0 0 0 14.82 9.57a1 1 0 0 0-.085-.061l-.315-.204a1 1 0 0 0-.977-.06l-.169.082a1 1 0 0 1-.742.051l-1.02-.33A1 1 0 0 0 11.205 9zm-5.832 2.655a.302.302 0 1 0-.298.52l.762.325.48.232A.386.386 0 1 0 6.321 12h-.417a.7.7 0 0 1-.418-.139zM8 1a7 7 0 0 0-6.387 9.864l.754-1.285a1 1 0 0 1 1.546-.225l1.074 1.005a.986.986 0 0 0 1.36-.011l.038-.037a.88.88 0 0 0 .26-.754c-.075-.549.37-1.035.92-1.1.728-.086 1.587-.324 1.728-.957.086-.386-.115-.83-.361-1.2-.208-.312 0-.8.374-.8.122 0 .24-.055.318-.15l.393-.474c.196-.237.49-.368.797-.403.554-.065 1.407-.277 1.582-.973.185-.731-.986-.944-.998-1.62A7 7 0 0 0 8 1m.524 8.963a.413.413 0 1 0-.783-.183v.028a.46.46 0 0 1-.137.326l-.113.107a.36.36 0 0 0 .5.518l.193-.187a.6.6 0 0 0 .12-.166zm3.374-4.444c-.252-.244-.681-.139-.931.107-.256.251-.578.406-.918.585-.338.177-.264.625.101.735a.48.48 0 0 0 .345-.027l1.278-.617a.484.484 0 0 0 .125-.783"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/globe-central-south-asia-fill.svg b/public/images/bootstrap-icons/icons/globe-central-south-asia-fill.svg
new file mode 100644
index 0000000..8f52f93
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/globe-central-south-asia-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe-central-south-asia-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 1a7 7 0 0 0-3.115.73.48.48 0 0 0 .137.292.488.488 0 0 1-.126.78l-.292.145a.7.7 0 0 0-.187.136l-.48.48a1 1 0 0 1-1.023.242l-.02-.007a1 1 0 0 0-.461-.041A6.97 6.97 0 0 0 1 8a6.96 6.96 0 0 0 .883 3.403l.86-.213c.444-.112.757-.512.757-.971v-.184a1 1 0 0 1 .445-.832l.04-.026a1 1 0 0 0 .153-1.54L3.12 6.622a.415.415 0 0 1 .542-.624l1.09.817a.5.5 0 0 0 .523.047A.5.5 0 0 1 6 7.31v.455a.8.8 0 0 0 .13.432l.796 1.193a1 1 0 0 1 .116.238l.73 2.19a1 1 0 0 0 .949.683h.058a1 1 0 0 0 .949-.684l.73-2.189q.042-.127.116-.238l.791-1.187A.45.45 0 0 1 11.743 8c.16 0 .306.083.392.218.557.875 1.63 2.282 2.365 2.282l.04-.003A7 7 0 0 0 8 1"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/globe-europe-africa-fill.svg b/public/images/bootstrap-icons/icons/globe-europe-africa-fill.svg
new file mode 100644
index 0000000..3fcdf0b
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/globe-europe-africa-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe-europe-africa-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 1a6.97 6.97 0 0 0-4.335 1.505l-.285.641a.847.847 0 0 0 1.48.816l.244-.368a.81.81 0 0 1 1.035-.275.81.81 0 0 0 .722 0l.262-.13a1 1 0 0 1 .775-.05l.984.34q.118.04.243.054c.784.093.855.377.694.801a.84.84 0 0 1-1.035.487l-.01-.003C8.273 4.663 7.747 4.5 6 4.5 4.8 4.5 3.5 5.62 3.5 7c0 3 1.935 1.89 3 3 1.146 1.194-1 4 2 4 1.75 0 3-3.5 3-4.5 0-.704 1.5-1 1-2.5-.097-.291-.396-.568-.642-.756-.173-.133-.206-.396-.051-.55a.334.334 0 0 1 .42-.043l1.085.724a.276.276 0 0 0 .348-.035c.15-.15.414-.083.488.117.16.428.445 1.046.847 1.354A7 7 0 0 0 8 1"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/javascript.svg b/public/images/bootstrap-icons/icons/javascript.svg
new file mode 100644
index 0000000..8a7e716
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/javascript.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-javascript" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zM9.053 7.596v3.127l-.007 1.752q0 .498-.186.752t-.556.263q-.342 0-.528-.234-.185-.234-.185-.684v-.175H6.37v.185q0 .665.253 1.113.255.45.703.674.44.225 1.016.225.88 0 1.406-.498.527-.498.527-1.485l.007-1.752V7.596zm3.808-.108q-.585 0-1.006.244a1.67 1.67 0 0 0-.634.674 2.1 2.1 0 0 0-.225.996q0 .753.293 1.182.303.42.967.732l.469.215q.438.186.625.43.185.244.185.635 0 .478-.166.703-.156.224-.527.224-.361.001-.547-.244-.186-.243-.205-.752h-1.162q.02.996.498 1.524.479.527 1.386.527.909 0 1.417-.518.507-.517.507-1.484 0-.81-.332-1.289t-1.045-.79l-.449-.196q-.39-.166-.556-.381-.166-.214-.166-.576 0-.4.165-.596.177-.195.508-.195.361 0 .508.234.156.234.176.703h1.123q-.03-.976-.498-1.484-.47-.518-1.309-.518"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/leaf-fill.svg b/public/images/bootstrap-icons/icons/leaf-fill.svg
new file mode 100644
index 0000000..094ab20
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/leaf-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-leaf-fill" viewBox="0 0 16 16">
+  <path d="M1.4 1.7c.217.289.65.84 1.725 1.274 1.093.44 2.885.774 5.834.528 2.02-.168 3.431.51 4.326 1.556C14.161 6.082 14.5 7.41 14.5 8.5q0 .344-.027.734C13.387 8.252 11.877 7.76 10.39 7.5c-2.016-.288-4.188-.445-5.59-2.045-.142-.162-.402-.102-.379.112.108.985 1.104 1.82 1.844 2.308 2.37 1.566 5.772-.118 7.6 3.071.505.8 1.374 2.7 1.75 4.292.07.298-.066.611-.354.715a.7.7 0 0 1-.161.042 1 1 0 0 1-1.08-.794c-.13-.97-.396-1.913-.868-2.77C12.173 13.386 10.565 14 8 14c-1.854 0-3.32-.544-4.45-1.435-1.124-.887-1.889-2.095-2.39-3.383-1-2.562-1-5.536-.65-7.28L.73.806z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/leaf.svg b/public/images/bootstrap-icons/icons/leaf.svg
new file mode 100644
index 0000000..37b51e3
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/leaf.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-leaf" viewBox="0 0 16 16">
+  <path d="M1.4 1.7c.216.289.65.84 1.725 1.274 1.093.44 2.884.774 5.834.528l.37-.023c1.823-.06 3.117.598 3.956 1.579C14.16 6.082 14.5 7.41 14.5 8.5c0 .58-.032 1.285-.229 1.997q.198.248.382.54c.756 1.2 1.19 2.563 1.348 3.966a1 1 0 0 1-1.98.198c-.13-.97-.397-1.913-.868-2.77C12.173 13.386 10.565 14 8 14c-1.854 0-3.32-.544-4.45-1.435-1.125-.887-1.89-2.095-2.391-3.383C.16 6.62.16 3.646.509 1.902L.73.806zm-.05 1.39c-.146 1.609-.008 3.809.74 5.728.457 1.17 1.13 2.213 2.079 2.961.942.744 2.185 1.22 3.83 1.221 2.588 0 3.91-.66 4.609-1.445-1.789-2.46-4.121-1.213-6.342-2.68-.74-.488-1.735-1.323-1.844-2.308-.023-.214.237-.274.38-.112 1.4 1.6 3.573 1.757 5.59 2.045 1.227.215 2.21.526 3.033 1.158.058-.39.075-.782.075-1.158 0-.91-.288-1.988-.975-2.792-.626-.732-1.622-1.281-3.167-1.229l-.316.02c-3.05.253-5.01-.08-6.291-.598a5.3 5.3 0 0 1-1.4-.811"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/measuring-cup-fill.svg b/public/images/bootstrap-icons/icons/measuring-cup-fill.svg
new file mode 100644
index 0000000..a62ef9e
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/measuring-cup-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-measuring-cup-fill" viewBox="0 0 16 16">
+  <path d="M14 0a2 2 0 0 1 2 2v5.959a1.041 1.041 0 0 1-2.049.264l-.02-.093-.849-5.096a.041.041 0 0 0-.082.007V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3.742a2.5 2.5 0 0 0-.732-1.767L.146.854A.5.5 0 0 1 .5 0zM4 13v1h1.5a.5.5 0 0 0 0-1zm0-2v1h3.5a.5.5 0 0 0 0-1zm0-2v1h1.5a.5.5 0 0 0 0-1zm0-2v1h3.5a.5.5 0 0 0 0-1zm0-2v1h1.5a.5.5 0 0 0 0-1zm0-2v1h3.5a.5.5 0 0 0 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/measuring-cup.svg b/public/images/bootstrap-icons/icons/measuring-cup.svg
new file mode 100644
index 0000000..6020df9
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/measuring-cup.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-measuring-cup" viewBox="0 0 16 16">
+  <path d="M.038.309A.5.5 0 0 1 .5 0H14a2 2 0 0 1 2 2v5.959a1.041 1.041 0 0 1-2.069.17l-.849-5.094A.041.041 0 0 0 13 3.04V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3.743a2.5 2.5 0 0 0-.732-1.768L.146.854A.5.5 0 0 1 .038.309M1.708 1l.267.268A3.5 3.5 0 0 1 3 3.743V14a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V3.041a1.041 1.041 0 0 1 2.069-.17l.849 5.094A.041.041 0 0 0 15 7.96V2a1 1 0 0 0-1-1zM4 3h3.5a.5.5 0 1 1 0 1H4zm0 2h1.5a.5.5 0 1 1 0 1H4zm0 2h3.5a.5.5 0 1 1 0 1H4zm0 2h1.5a.5.5 0 1 1 0 1H4zm0 2h3.5a.5.5 0 0 1 0 1H4zm0 2h1.5a.5.5 0 0 1 0 1H4z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/openai.svg b/public/images/bootstrap-icons/icons/openai.svg
new file mode 100644
index 0000000..ad018a2
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/openai.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-openai" viewBox="0 0 16 16">
+  <path d="M14.949 6.547a3.94 3.94 0 0 0-.348-3.273 4.11 4.11 0 0 0-4.4-1.934A4.1 4.1 0 0 0 8.423.2 4.15 4.15 0 0 0 6.305.086a4.1 4.1 0 0 0-1.891.948 4.04 4.04 0 0 0-1.158 1.753 4.1 4.1 0 0 0-1.563.679A4 4 0 0 0 .554 4.72a3.99 3.99 0 0 0 .502 4.731 3.94 3.94 0 0 0 .346 3.274 4.11 4.11 0 0 0 4.402 1.933c.382.425.852.764 1.377.995.526.231 1.095.35 1.67.346 1.78.002 3.358-1.132 3.901-2.804a4.1 4.1 0 0 0 1.563-.68 4 4 0 0 0 1.14-1.253 3.99 3.99 0 0 0-.506-4.716m-6.097 8.406a3.05 3.05 0 0 1-1.945-.694l.096-.054 3.23-1.838a.53.53 0 0 0 .265-.455v-4.49l1.366.778q.02.011.025.035v3.722c-.003 1.653-1.361 2.992-3.037 2.996m-6.53-2.75a2.95 2.95 0 0 1-.36-2.01l.095.057L5.29 12.09a.53.53 0 0 0 .527 0l3.949-2.246v1.555a.05.05 0 0 1-.022.041L6.473 13.3c-1.454.826-3.311.335-4.15-1.098m-.85-6.94A3.02 3.02 0 0 1 3.07 3.949v3.785a.51.51 0 0 0 .262.451l3.93 2.237-1.366.779a.05.05 0 0 1-.048 0L2.585 9.342a2.98 2.98 0 0 1-1.113-4.094zm11.216 2.571L8.747 5.576l1.362-.776a.05.05 0 0 1 .048 0l3.265 1.86a3 3 0 0 1 1.173 1.207 2.96 2.96 0 0 1-.27 3.2 3.05 3.05 0 0 1-1.36.997V8.279a.52.52 0 0 0-.276-.445m1.36-2.015-.097-.057-3.226-1.855a.53.53 0 0 0-.53 0L6.249 6.153V4.598a.04.04 0 0 1 .019-.04L9.533 2.7a3.07 3.07 0 0 1 3.257.139c.474.325.843.778 1.066 1.303.223.526.289 1.103.191 1.664zM5.503 8.575 4.139 7.8a.05.05 0 0 1-.026-.037V4.049c0-.57.166-1.127.476-1.607s.752-.864 1.275-1.105a3.08 3.08 0 0 1 3.234.41l-.096.054-3.23 1.838a.53.53 0 0 0-.265.455zm.742-1.577 1.758-1 1.762 1v2l-1.755 1-1.762-1z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/perplexity.svg b/public/images/bootstrap-icons/icons/perplexity.svg
new file mode 100644
index 0000000..8cab953
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/perplexity.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-perplexity" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 .188a.5.5 0 0 1 .503.5V4.03l3.022-2.92.059-.048a.51.51 0 0 1 .49-.054.5.5 0 0 1 .306.46v3.247h1.117l.1.01a.5.5 0 0 1 .403.49v5.558a.5.5 0 0 1-.503.5H12.38v3.258a.5.5 0 0 1-.312.462.51.51 0 0 1-.55-.11l-3.016-3.018v3.448c0 .275-.225.5-.503.5a.5.5 0 0 1-.503-.5v-3.448l-3.018 3.019a.51.51 0 0 1-.548.11.5.5 0 0 1-.312-.463v-3.258H2.503a.5.5 0 0 1-.503-.5V5.215l.01-.1c.047-.229.25-.4.493-.4H3.62V1.469l.006-.074a.5.5 0 0 1 .302-.387.51.51 0 0 1 .547.102l3.023 2.92V.687c0-.276.225-.5.503-.5M4.626 9.333v3.984l2.87-2.872v-4.01zm3.877 1.113 2.871 2.871V9.333l-2.87-2.897zm3.733-1.668a.5.5 0 0 1 .145.35v1.145h.612V5.715H9.201zm-9.23 1.495h.613V9.13c0-.131.052-.257.145-.35l3.033-3.064h-3.79zm1.62-5.558H6.76L4.626 2.652zm4.613 0h2.134V2.652z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/tux.svg b/public/images/bootstrap-icons/icons/tux.svg
new file mode 100644
index 0000000..6a3242c
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/tux.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tux" viewBox="0 0 16 16">
+  <path d="M8.996 4.497c.104-.076.1-.168.186-.158s.022.102-.098.207c-.12.104-.308.243-.46.323-.291.152-.631.336-.993.336s-.647-.167-.853-.33c-.102-.082-.186-.162-.248-.221-.11-.086-.096-.207-.052-.204.075.01.087.109.134.153.064.06.144.137.241.214.195.154.454.304.778.304s.702-.19.932-.32c.13-.073.297-.204.433-.304M7.34 3.781c.055-.02.123-.031.174-.003.011.006.024.021.02.034-.012.038-.074.032-.11.05-.032.017-.057.052-.093.054-.034 0-.086-.012-.09-.046-.007-.044.058-.072.1-.089m.581-.003c.05-.028.119-.018.173.003.041.017.106.045.1.09-.004.033-.057.046-.09.045-.036-.002-.062-.037-.093-.053-.036-.019-.098-.013-.11-.051-.004-.013.008-.028.02-.034"/>
+  <path fill-rule="evenodd" d="M8.446.019c2.521.003 2.38 2.66 2.364 4.093-.01.939.509 1.574 1.04 2.244.474.56 1.095 1.38 1.45 2.32.29.765.402 1.613.115 2.465a.8.8 0 0 1 .254.152l.001.002c.207.175.271.447.329.698.058.252.112.488.224.615.344.382.494.667.48.922-.015.254-.203.43-.435.57-.465.28-1.164.491-1.586 1.002-.443.527-.99.83-1.505.871a1.25 1.25 0 0 1-1.256-.716v-.001a1 1 0 0 1-.078-.21c-.67.038-1.252-.165-1.718-.128-.687.038-1.116.204-1.506.206-.151.331-.445.547-.808.63-.5.114-1.126 0-1.743-.324-.577-.306-1.31-.278-1.85-.39-.27-.057-.51-.157-.626-.384-.116-.226-.095-.538.07-.988.051-.16.012-.398-.026-.648a2.5 2.5 0 0 1-.037-.369c0-.133.022-.265.087-.386v-.002c.14-.266.368-.377.577-.451s.397-.125.53-.258c.143-.15.27-.374.443-.56q.036-.037.073-.07c-.081-.538.007-1.105.192-1.662.393-1.18 1.223-2.314 1.811-3.014.502-.713.65-1.287.701-2.016.042-.997-.705-3.974 2.112-4.2q.168-.015.321-.013m2.596 10.866-.03.016c-.223.121-.348.337-.427.656-.08.32-.107.733-.13 1.206v.001c-.023.37-.192.824-.31 1.267s-.176.862-.036 1.128v.002c.226.452.608.636 1.051.601s.947-.304 1.36-.795c.474-.576 1.218-.796 1.638-1.05.21-.126.324-.242.333-.4.009-.157-.097-.403-.425-.767-.17-.192-.217-.462-.274-.71-.056-.247-.122-.468-.26-.585l-.001-.001c-.18-.157-.356-.17-.565-.164q-.069.001-.14.005c-.239.275-.805.612-1.197.508-.359-.09-.562-.508-.587-.918m-7.204.03H3.83c-.189.002-.314.09-.44.225-.149.158-.276.382-.445.56v.002h-.002c-.183.184-.414.239-.61.31-.195.069-.353.143-.46.35v.002c-.085.155-.066.378-.029.624.038.245.096.507.018.746v.002l-.001.002c-.157.427-.155.678-.082.822.074.143.235.22.48.272.493.103 1.26.069 1.906.41.583.305 1.168.404 1.598.305.431-.098.712-.369.75-.867v-.002c.029-.292-.195-.673-.485-1.052-.29-.38-.633-.752-.795-1.09v-.002l-.61-1.11c-.21-.286-.43-.462-.68-.5a1 1 0 0 0-.106-.008M9.584 4.85c-.14.2-.386.37-.695.467-.147.048-.302.17-.495.28a1.3 1.3 0 0 1-.74.19.97.97 0 0 1-.582-.227c-.14-.113-.25-.237-.394-.322a3 3 0 0 1-.192-.126c-.063 1.179-.85 2.658-1.226 3.511a5.4 5.4 0 0 0-.43 1.917c-.68-.906-.184-2.066.081-2.568.297-.55.343-.701.27-.649-.266.436-.685 1.13-.848 1.844-.085.372-.1.749.01 1.097.11.349.345.67.766.931.573.351.963.703 1.193 1.015s.302.584.23.777a.4.4 0 0 1-.212.22.7.7 0 0 1-.307.056l.184.235c.094.124.186.249.266.375 1.179.805 2.567.496 3.568-.218.1-.342.197-.664.212-.903.024-.474.05-.896.136-1.245s.244-.634.53-.791a1 1 0 0 1 .138-.061q.005-.045.013-.087c.082-.546.569-.572 1.18-.303.588.266.81.499.71.814h.13c.122-.398-.133-.69-.822-1.025l-.137-.06a2.35 2.35 0 0 0-.012-1.113c-.188-.79-.704-1.49-1.098-1.838-.072-.003-.065.06.081.203.363.333 1.156 1.532.727 2.644a1.2 1.2 0 0 0-.342-.043c-.164-.907-.543-1.66-.735-2.014-.359-.668-.918-2.036-1.158-2.983M7.72 3.503a1 1 0 0 0-.312.053c-.268.093-.447.286-.559.391-.022.021-.05.04-.119.091s-.172.126-.321.238q-.198.151-.13.38c.046.15.192.325.459.476.166.098.28.23.41.334a1 1 0 0 0 .215.133.9.9 0 0 0 .298.066c.282.017.49-.068.673-.173s.34-.233.518-.29c.365-.115.627-.345.709-.564a.37.37 0 0 0-.01-.309c-.048-.096-.148-.187-.318-.257h-.001c-.354-.151-.507-.162-.705-.29-.321-.207-.587-.28-.807-.279m-.89-1.122h-.025a.4.4 0 0 0-.278.135.76.76 0 0 0-.191.334 1.2 1.2 0 0 0-.051.445v.001c.01.162.041.299.102.436.05.116.109.204.183.274l.089-.065.117-.09-.023-.018a.4.4 0 0 1-.11-.161.7.7 0 0 1-.054-.22v-.01a.7.7 0 0 1 .014-.234.4.4 0 0 1 .08-.179q.056-.069.126-.073h.013a.18.18 0 0 1 .123.05c.045.04.08.09.11.162a.7.7 0 0 1 .054.22v.01a.7.7 0 0 1-.002.17 1.1 1.1 0 0 1 .317-.143 1.3 1.3 0 0 0 .002-.194V3.23a1.2 1.2 0 0 0-.102-.437.8.8 0 0 0-.227-.31.4.4 0 0 0-.268-.102m1.95-.155a.63.63 0 0 0-.394.14.9.9 0 0 0-.287.376 1.2 1.2 0 0 0-.1.51v.015q0 .079.01.152c.114.027.278.074.406.138a1 1 0 0 1-.011-.172.8.8 0 0 1 .058-.278.5.5 0 0 1 .139-.2.26.26 0 0 1 .182-.069.26.26 0 0 1 .178.081c.055.054.094.12.124.21.029.086.042.17.04.27l-.002.012a.8.8 0 0 1-.057.277c-.024.059-.089.106-.122.145.046.016.09.03.146.052a5 5 0 0 1 .248.102 1.2 1.2 0 0 0 .244-.763 1.2 1.2 0 0 0-.11-.495.9.9 0 0 0-.294-.37.64.64 0 0 0-.39-.133z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/typescript.svg b/public/images/bootstrap-icons/icons/typescript.svg
new file mode 100644
index 0000000..12429d8
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/typescript.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-typescript" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm-1.139 7.488q-.585 0-1.006.244a1.67 1.67 0 0 0-.634.674 2.1 2.1 0 0 0-.225.996q0 .753.293 1.182.303.42.967.732l.469.215q.438.186.625.43.185.244.185.635 0 .478-.166.703-.156.224-.527.224-.361.001-.547-.244-.186-.243-.205-.752h-1.162q.02.996.498 1.524.479.527 1.386.527.909 0 1.417-.518.507-.517.507-1.484 0-.81-.332-1.289t-1.045-.79l-.449-.196q-.39-.166-.556-.381-.166-.214-.166-.576 0-.4.165-.596.177-.195.508-.195.361 0 .508.234.156.234.176.703h1.123q-.03-.976-.498-1.484-.47-.518-1.309-.518M7 7.596v1.113h1.3V14.5h1.221V8.709h1.289V7.596z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/unlock2-fill.svg b/public/images/bootstrap-icons/icons/unlock2-fill.svg
new file mode 100644
index 0000000..1d8ef92
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/unlock2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-unlock2-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0c1.07 0 2.041.42 2.759 1.104l.14.14.062.08a.5.5 0 0 1-.71.675l-.076-.066-.216-.205A3 3 0 0 0 5 4v2h6.5A2.5 2.5 0 0 1 14 8.5v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 13.5v-5a2.5 2.5 0 0 1 2-2.45V4a4 4 0 0 1 4-4"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/bootstrap-icons/icons/unlock2.svg b/public/images/bootstrap-icons/icons/unlock2.svg
new file mode 100644
index 0000000..0815a16
--- /dev/null
+++ b/public/images/bootstrap-icons/icons/unlock2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-unlock2" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0c1.07 0 2.041.42 2.759 1.104l.14.14.062.08a.5.5 0 0 1-.71.675l-.076-.066-.216-.205A3 3 0 0 0 5 4v2h6.5A2.5 2.5 0 0 1 14 8.5v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 13.5v-5a2.5 2.5 0 0 1 2-2.45V4a4 4 0 0 1 4-4M4.5 7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7z"/>
+</svg>
\ No newline at end of file