From 382e69d10dad5a088651ca1709b9e83804c33b87 Mon Sep 17 00:00:00 2001
From: OkunElya <okun.elya@gmail.com>
Date: Fri, 3 Oct 2025 10:11:17 +1000
Subject: [PATCH] fixed bad attributes in validator

---
 embeded_details.html     |  2 +-
 index.html               | 12 ++++++------
 opencv_details.html      |  4 ++--
 photography_details.html | 14 +++++++-------
 table.html               |  2 +-
 5 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/embeded_details.html b/embeded_details.html
index 0c07f6f..760e899 100644
--- a/embeded_details.html
+++ b/embeded_details.html
@@ -21,7 +21,7 @@
         </ul>
     </details>
     <h2 align="center">Embedded Details</h2>
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
     <p align="center">
         <img src="./images/esp32.png" alt="ESP32" height="150">
         <img src="./images/arduino.png" alt="Arduino" height="150">
diff --git a/index.html b/index.html
index 17d74b8..a446d54 100644
--- a/index.html
+++ b/index.html
@@ -39,7 +39,7 @@
         <img src="./images/opencv.png" alt="OpenCV" height="30">
         <img src="./images/stm32.png" alt="STM32" height="30">
     </p>
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
     <h3>Experience:</h3>
     <a href="./embeded_details.html">
         <h4><i>Embedded Systems:</i></h4>
@@ -48,11 +48,11 @@
         My main stack consists of Platformio+EspIdf or Arduino, also tried STM32</p>
 
     <a href="https://github.com/OkunElya/Air-Quality-Monitor-Device">
-        <img src="./images/AQ_monitor.png" width="50%" border="2" alt="Air Quality Monitor Device"><br>
+        <img src="./images/AQ_monitor.png" width="500"  alt="Air Quality Monitor Device"><br>
         <p><i>Click the image to check GitHub Project</i></p>
     </a>
 
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
 
     <a href="./opencv_details.html">
         <h4><i>OpenCV:</i></h4>
@@ -62,11 +62,11 @@
         Sadly i'm used to opencv binding in python and not C++ , but that is solvable)</p>
 
     <p>
-        <img src="./images/arucos.png" width="50%" border="2" alt="Image of a table with arucos sheet"><br>
+        <img src="./images/arucos.png" width="500" alt="Image of a table with arucos sheet"><br>
         <i>Random image from the internet (not mine)</i>
     </p>
 
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
     <h3>Hobbies:</h3>
     <ol>
         <li>
@@ -77,7 +77,7 @@
                     href="https://t.me/iTakePhotosOnTapok">here</a> </p>
         </li>
     </ol>
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
 
     <h3><a href="./table.html"> Table!!!! With Filters!!! (not working yet)</a></h3>
 <p align="right">Author: Kulesh <br>
diff --git a/opencv_details.html b/opencv_details.html
index 7d5169c..83a9857 100644
--- a/opencv_details.html
+++ b/opencv_details.html
@@ -21,7 +21,7 @@
         </ul>
     </details>
     <h2 align="center">OpenCV Details</h2>
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
     <p align="center">
         <img src="./images/opencv.png" alt="OpenCV" height="150" align="top">
         as mentioned before i love when programs are able to <i>see</i> things <br>
@@ -33,7 +33,7 @@
         Additionally, I'm exploring Re-Identification (ReId) techniques,
         they are used for recognizing and tracking objects across different camera views or consecutive frames.
     </p>
-    <hr width="50%" align="center">
+    <hr width="500" align="center">
     <p>
         One of many projects I've worked on is <a href="https://github.com/OkunElya/ArucoNGP-MapCreator"
             target="_blank">ArucoNGP-MapCreator</a>.<br>
diff --git a/photography_details.html b/photography_details.html
index 4e863d0..e4c5cdf 100644
--- a/photography_details.html
+++ b/photography_details.html
@@ -21,20 +21,20 @@
         </ul>
     </details>
     <h2 align="center">Photography Details</h2>
-    <hr width="80%" align="center">
+    <hr width="800" align="center">
 
     <p align="center">
         Usually i capture landcape scenes  with SLR camera, the main workhorse is Nikon D3100 with kit and 70-210mm 
     </p>
     <p align="center">
-        <img src="images/photos/image0.png" alt="Photo 0" width="20%">
-        <img src="images/photos/image1.png" alt="Photo 1" width="20%">
-        <img src="images/photos/image2.png" alt="Photo 2" width="20%">
+        <img src="images/photos/image0.png" alt="Photo 0" width="200">
+        <img src="images/photos/image1.png" alt="Photo 1" width="200">
+        <img src="images/photos/image2.png" alt="Photo 2" width="200">
     </p>
     <p  align="center">
-        <img src="images/photos/image3.png" alt="Photo 3" width="20%">
-        <img src="images/photos/image4.png" alt="Photo 4" width="20%">
-        <img src="images/photos/image5.png" alt="Photo 5" width="20%">
+        <img src="images/photos/image3.png" alt="Photo 3" width="200">
+        <img src="images/photos/image4.png" alt="Photo 4" width="200">
+        <img src="images/photos/image5.png" alt="Photo 5" width="200">
     </p>
 
 </body>
diff --git a/table.html b/table.html
index bf0033a..a6c3e8b 100644
--- a/table.html
+++ b/table.html
@@ -67,7 +67,7 @@
     </fieldset>
 </form>
 
-    <table class="data-table" border="1" bordercolor="#080808" cellpadding="5" cellspacing="0">
+    <table class="data-table" border="1" cellpadding="5" cellspacing="0">
         <thead>
             <tr>
                 <th>SensorID</th>