-
  
  // Данные для меню навигации
  var menuItems = {
    Home: './index.html',
    Embedded: './embeded_details.html',
    OpenCV: './opencv_details.html',
    Photography: './photography_details.html',
    Table: './table.html',
    Institute: './images/institute.png'
  };

  // Данные для боковых карточек
  var smallCards = [
    {
      header: 'Заголовок',
      text: '3D printers are versatile tools used for creating prototypes, custom parts, and artistic designs. They work by layering materials.',
      image: '../images/16x10/3d-printer.jpeg',
      imageAlt: '3D Printer',
      link: '#',
    },
    {
      header: 'BLHeli ESCs',
      text: 'BLHeli ESCs are electronic speed controllers designed for drones, offering smooth and precise motor control.',
      image: '../images/16x10/blheli-esc.jpeg',
      imageAlt: 'BLHeli ESC',
      link: '#',
    },
    {
      header: 'Raspberry Pi Nano',
      text: 'Raspberry Pi Nano is a compact computer ideal for learning, prototyping, and IoT projects. It is highly energy-efficient.',
      image: '../images/16x10/rpi-nano.jpeg',
      imageAlt: 'Raspberry Pi Nano',
      link: '#',
    },
    {
      header: 'Smart Thermostats',
      text: 'Smart thermostats help regulate home temperatures efficiently, saving energy and enhancing comfort with automation.',
      image: '../images/16x10/thermostat.jpeg',
      imageAlt: 'Smart Thermostat',
      link: '#',
    }
  ];

  const pages = {
    embedded: {
      title: 'Embedded Details',
      slug: 'embedded',
      menuTitle: 'Embeded Details',
      images: [
        { src: './images/esp32.png', alt: 'ESP32', height: 150 },
        { src: './images/arduino.png', alt: 'Arduino', height: 150 },
        { src: './images/stm32.png', alt: 'STM32', height: 150 }
      ],
      paragraphs: [
        "My programming path started with embeded systems, i love all the low level things that Mcu could do with just a little bit of code, sometimes build or flashing progress could take some time to get a hand of , but after that everething usualy goes smooth",
        "The first MCU i tried was a ATmega328P, after some time i was surprised with the debug capabilities on the Stm32 and now i'm working with esp32-s3 , that's a good chip, has internal JTAG and all the shiny wireless interfaces but feels faulty for some reason <i>regular segfaults with CDC</i>"
      ],
      table: {
        title: 'Microcontroller Comparison Table',
        headers: ['Board/MCU', 'UART Count', 'Dynamic UART Assignment', 'ADC Channels', 'Debug Support', 'Flash Size', 'Wireless Connectivity'],
        rows: [
          ['ESP32', '3', 'Yes (via IO MUX)', '18', 'JTAG, Serial', '4MB (typical)', 'Wi-Fi, Bluetooth'],
          ['ESP32-S3', '3', 'Yes (via IO MUX)', '20', 'JTAG, Serial', '8MB (typical)', 'Wi-Fi, Bluetooth LE'],
          ['ESP-01', '1', 'No', '1', 'Serial only', '512KB/1MB', 'Wi-Fi'],
          ['Arduino Uno (ATmega328P)', '1', 'No', '6', 'Serial, DebugWire', '32KB', 'None'],
          ['Blue Pill (STM32F103C8T6)', '3', 'Yes (remappable)', '10', 'SWD, Serial', '64KB/128KB', 'None']
        ]
      },
      footer: "no rpi pico here , the build system has won over my temper"
    },

    opencv: {
      title: 'OpenCV Details',
      slug: 'opencv',
      menuTitle: 'OpenCV Details',
      images: [
        { src: './images/opencv.png', alt: 'OpenCV', height: 150 }
      ],
      paragraphs: [
        "as mentioned before i love when programs are able to <i>see</i> things",
        "my experience with opencv started with simple hight level functions like detectCircle or findContours and etc...",
        "Right now i'm crawling deeper into the library , and the idea of standartisation of parameters between different cameras is appealig to me",
        "so i'm trying to understand how all that works from the math side",
        "Additionally, I'm exploring Re-Identification (ReId) techniques, they are used for recognizing and tracking objects across different camera views or consecutive frames."
      ],
      content: {
        type: 'text',
        text: "One of many projects I've worked on is <a href=\"https://github.com/OkunElya/ArucoNGP-MapCreator\" target=\"_blank\">ArucoNGP-MapCreator</a>.<br>The idea was to create a relative map of Aruco markers just from photos of pairs (or more) of them.<br>It can also estimate the camera's position in the world relative to a specific marker, using only images containing any marker.<br>It was also my first deep dive into linear algebra."
      }
    },

    photography: {
      title: 'Photography Details',
      slug: 'photography',
      menuTitle: 'Photography Details',
      images: [],
      paragraphs: [
        "Usually i capture landcape scenes with SLR camera, the main workhorse is Nikon D3100 with kit and 70-210mm"
      ],
      gallery: [
        [
          { src: 'images/photos/image0.png', alt: 'Photo 0', width: 200 },
          { src: 'images/photos/image1.png', alt: 'Photo 1', width: 200 },
          { src: 'images/photos/image2.png', alt: 'Photo 2', width: 200 }
        ],
        [
          { src: 'images/photos/image3.png', alt: 'Photo 3', width: 200 },
          { src: 'images/photos/image4.png', alt: 'Photo 4', width: 200 },
          { src: 'images/photos/image5.png', alt: 'Photo 5', width: 200 }
        ]
      ]
    }
  };

-
  const menu = [
    { href: './index.html', title: 'Home' },
    { href: './embeded_details.html', title: 'Embeded Details' },
    { href: './opencv_details.html', title: 'OpenCV Details' },
    { href: './photography_details.html', title: 'Photography Details' },
    { href: './table.html', title: 'Table with filters (not working yet)' },
    { href: './images/institute.png', title: 'Institute' }
  ];