Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
martinius96 authored Dec 22, 2024
1 parent 639dc5b commit cabd36a
Showing 1 changed file with 16 additions and 16 deletions.
32 changes: 16 additions & 16 deletions docs/pt/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -170,7 +170,7 @@ <h1 class="sitename">Watmonitor por <img src="https://i.imgur.com/ibpLxAB.png" a
<div class="container">
<div class="row gy-4 justify-content-between">
<div class="col-lg-4 order-lg-last hero-img" data-aos="zoom-out" data-aos-delay="100">
<img src="../assets/img/hero-img.png" class="img-fluid" alt="Watmonitor's webapp responsive with smartphones, real-time data overview" title="Watmonitor's webapp responsive with smartphones, real-time data overview">
<img src="../assets/img/hero-img.png" class="img-fluid" alt="Webapp do Watmonitor responsivo com smartphones, visão geral de dados em tempo real" title="Webapp do Watmonitor responsivo com smartphones, visão geral de dados em tempo real">
<!---- class="img-fluid animated"--->
</div>

Expand Down Expand Up @@ -212,7 +212,7 @@ <h2>Monitore o nível da água usando o <span>aplicativo web Watmonitor</span></
<div class="row align-items-xl-center gy-5">

<div class="col-xl-5 content">
<h2>Sobre o Watmonitor: Sistema Universal de Monitoramento de Nível de Água</h2>
<h2>Watmonitor: Sistema Universal de Monitoramento de Nível de Água</h2>
<p style="text-align: justify;">
<strong>Watmonitor</strong> é uma interface web universal avançada projetada para armazenar eficientemente dados de nível de água coletados de nós de sensores de IoT em um banco de dados centralizado. Ele capacita os usuários a monitorar medições de nível de água e volume em tempo real de seus poços, tanques ou outras fontes de água diretamente por meio de sua interface web amigável. O Watmonitor também é ideal para aplicações de nível industrial.
</p>
Expand Down Expand Up @@ -258,7 +258,7 @@ <h3><a href="https://github.com/martinius96/hladinomer-studna-scripty/tree/maste
Esses exemplos demonstram o uso de sensores de distância ultrassônicos com sinais de gatilho e eco (por exemplo, RCW-0001, URM [DFrobot], IOE-SR0X, HC-SR0X, JSN-SR04T, HY-SRF0X, DYP-MEXXX, Parallax PING™).</p>
<h5>Funções adicionais:</h5>
<li><strong>Vários modos de operação:</strong> Suporte para atualizações OTA (Over-The-Air), modo ULP (Ultra Low Power)</li>
<li><strong>Conectividade ESP32:</strong> WiFi opcional, até 802.11ax / Ethernet PHY via RMII</li>
<li><strong>Conectividade ESP32:</strong> WiFi4 / WiFi6 opcional, até 802.11ax / Ethernet PHY via RMII</li>
<li><strong>Recursos avançados de núcleo e sistema operacional:</strong> Arduino Core / Espressif's IoT Development Framework (ESP-IDF) com suporte a FreeRTOS</li>
</div>
</div> <!-- End Icon Box -->
Expand Down Expand Up @@ -364,7 +364,7 @@ <h2>Detalhes</h2>
<div class="container">
<div class="row gy-4 align-items-center features-item">
<div class="col-md-5 order-1 order-md-2 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200">
<img src="https://i.imgur.com/G27ZaTC.png" class="img-fluid" alt="Overview page of Watmonitor's webapp. Provides real-time data about water level and water volume values, connectivity" title="Overview page of Watmonitor's webapp. Provides real-time data about water level and water volume values, connectivity">
<img src="https://i.imgur.com/G27ZaTC.png" class="img-fluid" alt="Página de visão geral do webapp do Watmonitor. Fornece dados em tempo real sobre valores de nível de água e volume de água, conectividade" title="Página de visão geral do webapp do Watmonitor. Fornece dados em tempo real sobre valores de nível de água e volume de água, conectividade">
</div>
<div class="col-md-7 order-2 order-md-1" data-aos="fade-up" data-aos-delay="200">
<h3>A página raiz (Visão geral)</h3>
Expand All @@ -380,7 +380,7 @@ <h3>A página raiz (Visão geral)</h3>

<div class="row gy-4 align-items-center features-item">
<div class="col-md-5 d-flex align-items-center" data-aos="zoom-out">
<img src="../assets/img/details-2.png" class="img-fluid" alt="Historical measurements within Watmonitor's system. Possible to delete value and also to browse through records or maximum and minimum values per week, month, day" title="Historical measurements within Watmonitor's system. Possible to delete value and also to browse through records or maximum and minimum values per week, month, day">
<img src="../assets/img/details-2.png" class="img-fluid" alt="Medições históricas dentro do sistema Watmonitor. É possível excluir valores e também navegar pelos registros ou valores máximos e mínimos por semana, mês, dia" title="Medições históricas dentro do sistema Watmonitor. É possível excluir valores e também navegar pelos registros ou valores máximos e mínimos por semana, mês, dia">
</div>
<div class="col-md-7" data-aos="fade-up">
<h3>Páginas de História e Registros</h3>
Expand All @@ -396,7 +396,7 @@ <h3>Páginas de História e Registros</h3>

<div class="row gy-4 align-items-center features-item">
<div class="col-md-5 order-1 order-md-2 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200">
<img src="../assets/img/details-3.png" class="img-fluid" alt="Line Area graphs by ApexCharts.js providing water level measurements taken in time with history up to 1 year ago." title="Line Area graphs by ApexCharts.js providing water level measurements taken in time with history up to 1 year ago.">
<img src="../assets/img/details-3.png" class="img-fluid" alt="Gráficos de área de linha do ApexCharts.js fornecendo medições de nível de água feitas ao longo do tempo com histórico de até 1 ano atrás." title="Gráficos de área de linha do ApexCharts.js fornecendo medições de nível de água feitas ao longo do tempo com histórico de até 1 ano atrás.">
</div>
<div class="col-md-7 order-2 order-md-1" data-aos="fade-up" data-aos-delay="200">
<h3>Gráficos de área de linha</h3>
Expand All @@ -412,7 +412,7 @@ <h3>Gráficos de área de linha</h3>

<div class="row gy-4 align-items-center features-item">
<div class="col-md-5 d-flex align-items-center" data-aos="zoom-out">
<img src="../assets/img/details-4.png" class="img-fluid" alt="Automatiaclly pre-generated source code for ESP32 (Espressif Systems) microcontroller with WiFi or PHY Ethernet connection method to the Watmonitor's interface via HTTP or HTTPS" title="Automatiaclly pre-generated source code for ESP32 (Espressif Systems) microcontroller with WiFi or PHY Ethernet connection method to the Watmonitor's interface via HTTP or HTTPS">
<img src="../assets/img/details-4.png" class="img-fluid" alt="Código fonte pré-gerado automaticamente para microcontrolador ESP32 (Espressif Systems) com método de conexão WiFi ou PHY Ethernet para a interface do Watmonitor via HTTP ou HTTPS" title="Código fonte pré-gerado automaticamente para microcontrolador ESP32 (Espressif Systems) com método de conexão WiFi ou PHY Ethernet para a interface do Watmonitor via HTTP ou HTTPS">
</div>
<div class="col-md-7" data-aos="fade-up">
<h3>ESP32 programa</h3>
Expand All @@ -428,7 +428,7 @@ <h3>ESP32 programa</h3>

<div class="row gy-4 align-items-center features-item">
<div class="col-md-5 order-1 order-md-2 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200">
<img src="../assets/img/details-5.png" class="img-fluid" alt="Schematics, wiring diagrams for supported IoT microcontrollers used for water level monitoring using ultrasonic sensors, including ESP32, ESP8266 and Arduino" title="Schematics, wiring diagrams for supported IoT microcontrollers used for water level monitoring using ultrasonic sensors, including ESP32, ESP8266 and Arduino">
<img src="../assets/img/details-5.png" class="img-fluid" alt="Esquemas, diagramas de fiação para microcontroladores IoT suportados usados ​​para monitoramento de nível de água usando sensores ultrassônicos, incluindo ESP32, ESP8266 e Arduino" title="Esquemas, diagramas de fiação para microcontroladores IoT suportados usados ​​para monitoramento de nível de água usando sensores ultrassônicos, incluindo ESP32, ESP8266 e Arduino">
</div>
<div class="col-md-7 order-2 order-md-1" data-aos="fade-up" data-aos-delay="200">
<h3>Diagrama de fiação</h3>
Expand Down Expand Up @@ -483,63 +483,63 @@ <h2>Galeria</h2>
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="../assets/img/gallery/gallery-1.JPG" class="glightbox" data-gallery="images-gallery">
<img src="../assets/img/gallery/gallery-1.JPG" alt="Overview page of water level monitor - Watmonitor. Suitable for real-time water level informations" title="Overview page of water level monitor - Watmonitor. Suitable for real-time water level informations" class="img-fluid">
<img src="../assets/img/gallery/gallery-1.JPG" alt="Página de visão geral do monitor de nível de água - Watmonitor. Adequado para informações de nível de água em tempo real" title="Página de visão geral do monitor de nível de água - Watmonitor. Adequado para informações de nível de água em tempo real" class="img-fluid">
</a>
</div>
</div><!-- End Gallery Item -->

<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="../assets/img/gallery/gallery-2.JPG" class="glightbox" data-gallery="images-gallery">
<img src="../assets/img/gallery/gallery-2.JPG" alt="Watmonitor's History page with water level and water volume measurements" class="img-fluid">
<img src="../assets/img/gallery/gallery-2.JPG" alt="Página de histórico do Watmonitor com medições de nível e volume de água" class="img-fluid">
</a>
</div>
</div><!-- End Gallery Item -->

<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="../assets/img/gallery/gallery-3.JPG" class="glightbox" data-gallery="images-gallery">
<img src="../assets/img/gallery/gallery-3.JPG" alt="Watmonitor's Gauge graphs showing maximum minimum water level in time period" class="img-fluid">
<img src="../assets/img/gallery/gallery-3.JPG" alt="Gráficos do medidor Watmonitor mostrando o nível máximo e mínimo de água no período de tempo" class="img-fluid">
</a>
</div>
</div><!-- End Gallery Item -->

<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="../assets/img/gallery/gallery-4.JPG" class="glightbox" data-gallery="images-gallery">
<img src="../assets/img/gallery/gallery-4.JPG" alt="Watmonitor Area Line graphs showing water level in time period. Powered by ApexCharts" class="img-fluid">
<img src="../assets/img/gallery/gallery-4.JPG" alt="Gráficos de linha de área do Watmonitor mostrando o nível de água no período de tempo. Desenvolvido por ApexCharts" class="img-fluid">
</a>
</div>
</div><!-- End Gallery Item -->

<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="../assets/img/gallery/gallery-5.JPG" class="glightbox" data-gallery="images-gallery">
<img src="../assets/img/gallery/gallery-5.JPG" alt="Highlighted source code for ESP32 micontroller with WiFi or PHY Ethernet support" class="img-fluid">
<img src="../assets/img/gallery/gallery-5.JPG" alt="Código-fonte destacado para o micontroller ESP32 com suporte WiFi ou PHY Ethernet" class="img-fluid">
</a>
</div>
</div><!-- End Gallery Item -->

<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="../assets/img/gallery/gallery-6.JPG" class="glightbox" data-gallery="images-gallery">
<img src="../assets/img/gallery/gallery-6.JPG" alt="Wiring diagram compatible with ESP32, Arduino, ESP8266. Sensor nodes for Watmonitor webapp" class="img-fluid">
<img src="../assets/img/gallery/gallery-6.JPG" alt="Diagrama de fiação compatível com ESP32, Arduino, ESP8266. Nós de sensor para Watmonitor webapp" class="img-fluid">
</a>
</div>
</div><!-- End Gallery Item -->

<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="../assets/img/gallery/gallery-7.JPG" class="glightbox" data-gallery="images-gallery">
<img src="../assets/img/gallery/gallery-7.JPG" alt="Watmonitor settings page. Optional to set waterwell name, its dimensions of diameter, depth. Language setting." class="img-fluid">
<img src="../assets/img/gallery/gallery-7.JPG" alt="Página de configurações do Watmonitor. Opcional para definir o nome do poço de água, suas dimensões de diâmetro, profundidade. Configuração de idioma." class="img-fluid">
</a>
</div>
</div><!-- End Gallery Item -->

<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="../assets/img/gallery/gallery-8.JPG" class="glightbox" data-gallery="images-gallery">
<img src="../assets/img/gallery/gallery-8.JPG" alt="QR scanner showing the latest data of water level IoT node" class="img-fluid">
<img src="../assets/img/gallery/gallery-8.JPG" alt="Leitor QR mostrando os dados mais recentes do nó IoT do nível de água" class="img-fluid">
</a>
</div>
</div><!-- End Gallery Item -->
Expand Down

0 comments on commit cabd36a

Please sign in to comment.