include ../components/mixins.pug

-
    const infoBlockA = {
        header: "Embedded Systems",
        text: "Had a serval projects with different MCUs and wrote firmware for them. My main stack consists of Platformio+EspIdf or Arduino, also tried STM32 asdadas",
        description: "I love embeded development beceuse of autonomity of produced devices, the redices are not dependant on any other hardware and can work autunomously",
        img: require('../images/AQ_monitor.png'),
        imgAlt: "ESP32"
    }
    const infoBlockB = {
        header: "Embedded Systems",
        text: "Had a serval projects with different MCUs and wrote firmware for them. My main stack consists of Platformio+EspIdf or Arduino, also tried STM32",
        description: "I love embeded development device because of autonomity of produced devices, the devices are not dependant on any other hardware and can work autunomously or off the grid",
        img: require('../images/remote.jpeg'),
        imgAlt: "ESP32"
    }

html(lang="en")
    head
        meta(charset="UTF-8")
        title Portfolio
        
    body
        +navbarMixin("Home")

        .gallery
            +galleryMixin()
         
        .main-container
            .main-container__content
                article.info-block
                    h2.info-block__header #{infoBlockA.header}
                    .info-block__container.info-block__container_layout-a
                        p.info-block__text #{infoBlockA.text}
                        .info-block__details
                            p.info-block__description #{infoBlockA.description}
                            a.info-block__link(href="#") More info
                        img.info-block__image(src=infoBlockA.img alt=infoBlockA.imgAlt)

                article.info-block
                    h2.info-block__header #{infoBlockB.header}
                    .info-block__container.info-block__container_layout-b
                        p.info-block__text #{infoBlockB.text}
                        img.info-block__image(src=infoBlockB.img alt=infoBlockB.imgAlt)
                        .info-block__details
                            p.info-block__description #{infoBlockB.description}
                            a.info-block__link(href="./photography-details.html") More info

            .sidebar
                +infoCardsMinxin()