[FIXED] Most of the lint errors from CI

hossain-khan · hossain-khan · commit 8fe1b9f89111 · 2024-12-13T14:03:38.000-05:00
``` /Users/hossain/dev/repos/hk-projects/hossainkhan.com/index.html 22:11 error Attribute "href" used ' instead of expected " attr-quotes 22:91 error Attribute "rel" used ' instead of expected " attr-quotes 22:108 error Attribute "type" used ' instead of expected " attr-quotes 23:11 error Attribute "href" used ' instead of expected " attr-quotes 23:77 error Attribute "rel" used ' instead of expected " attr-quotes 23:94 error Attribute "type" used ' instead of expected " attr-quotes 58:155 error Expected omitted end tag <img> instead of self-closing element <img/> void-style 77:98 error Expected omitted end tag <input> instead of self-closing element <input/> void-style 113:197 error Expected omitted end tag <img> instead of self-closing element <img/> void-style 183:49 error Expected omitted end tag <hr> instead of self-closing element <hr/> void-style 684:26 error Element <p> is implicitly closed by parent </div> no-implicit-close 690:26 error Element <p> is implicitly closed by parent </div> no-implicit-close 701:18 error Landmarks must have a non-empty and unique accessible name (aria-label or aria-labelledby) unique-landmark 716:18 error Landmarks must have a non-empty and unique accessible name (aria-label or aria-labelledby) unique-landmark 732:83 error Prefer to use the native <progress> element prefer-native-element 732:102 error Inline style is not allowed no-inline-style 742:83 error Prefer to use the native <progress> element prefer-native-element 742:102 error Inline style is not allowed no-inline-style 755:83 error Prefer to use the native <progress> element prefer-native-element 755:102 error Inline style is not allowed no-inline-style 767:83 error Prefer to use the native <progress> element prefer-native-element 767:102 error Inline style is not allowed no-inline-style 778:83 error Prefer to use the native <progress> element prefer-native-element 778:102 error Inline style is not allowed no-inline-style 789:83 error Prefer to use the native <progress> element prefer-native-element 789:102 error Inline style is not allowed no-inline-style 800:83 error Prefer to use the native <progress> element prefer-native-element 800:102 error Inline style is not allowed no-inline-style 811:83 error Prefer to use the native <progress> element prefer-native-element 811:102 error Inline style is not allowed no-inline-style 821:18 error Landmarks must have a non-empty and unique accessible name (aria-label or aria-labelledby) unique-landmark 902:94 error Expected omitted end tag <br> instead of self-closing element <br/> void-style 906:115 error Expected omitted end tag <br> instead of self-closing element <br/> void-style 995:13 error "type" attribute is unnecessary for javascript resources script-type 996:13 error "type" attribute is unnecessary for javascript resources script-type 997:13 error "type" attribute is unnecessary for javascript resources script-type 998:13 error "type" attribute is unnecessary for javascript resources script-type 1000:13 error "type" attribute is unnecessary for javascript resources script-type 1002:13 error "type" attribute is unnecessary for javascript resources script-type 1003:13 error "type" attribute is unnecessary for javascript resources script-type 1005:13 error "type" attribute is unnecessary for javascript resources script-type ✖ 41 problems (41 errors, 0 warnings) More information: https://html-validate.org/rules/attr-quotes.html https://html-validate.org/rules/void-style.html https://html-validate.org/rules/no-implicit-close.html https://html-validate.org/rules/unique-landmark.html https://html-validate.org/rules/prefer-native-element.html https://html-validate.org/rules/no-inline-style.html https://html-validate.org/rules/script-type.html ```
diff --git a/index.html b/index.html
@@ -19,8 +19,8 @@
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
     <link rel="manifest" href="/site.webmanifest">
 
-    <link href='https://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
-    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
 
     <!-- FontAwesome JS -->
     <script defer src="assets/fontawesome/js/all.js"></script>
@@ -55,7 +55,7 @@
         <div class="container">
             <div class="row align-items-center">
                 <div class="col">
-                    <img class="profile-image img-fluid float-start rounded-circle" src="assets/images/profile_cartoon.png" alt="Hossain Khan - Portrait" />
+                    <img class="profile-image img-fluid float-start rounded-circle" src="assets/images/profile_cartoon.png" alt="Hossain Khan - Portrait">
                     <div class="profile-content">
                         <h1 class="name">Hossain Khan</h1>
                         <h2 class="desc">Software Engineer</h2>
@@ -74,7 +74,7 @@ <h2 class="desc">Software Engineer</h2>
                 <div class="col-12 col-md-auto">
                     <div class="dark-mode-switch d-flex">
                         <div class="form-check form-switch mx-auto mx-md-0">
-                            <input type="checkbox" class="form-check-input me-2" id="darkSwitch" />
+                            <input type="checkbox" class="form-check-input me-2" id="darkSwitch">
                             <label class="custom-control-label" for="darkSwitch">Dark Mode</label>
                         </div>
                     </div><!--//dark-mode-switch-->
@@ -110,7 +110,7 @@ <h3 class="title mb-3"><a href="https://github.com/hossain-khan/android-keep-ali
                                 <p class="summary">A simple app to keep specific apps alive by checking if they are running. If not, they will be started for you.</p>
                                 <div class="featured-image has-ribbon">
                                     <a href="https://github.com/hossain-khan/android-keep-alive" target="_blank">
-                                        <img class="img-fluid project-image rounded shadow-sm" src="assets/images/projects/keep-alive-banner-art.png" alt="Android Keep Alive Project Banner Image" />
+                                        <img class="img-fluid project-image rounded shadow-sm" src="assets/images/projects/keep-alive-banner-art.png" alt="Android Keep Alive Project Banner Image">
                                     </a>
                                     <div class="ribbon">
                                         <div class="text">Alpha</div>
@@ -180,7 +180,7 @@ <h3 class="title mb-3"><a href="https://play.google.com/store/apps/details?id=co
 
 
                             <!-- ========================================================================= -->
-                            <hr class="divider" /><!-- divider between featured and non-featured items -->
+                            <hr class="divider"><!-- divider between featured and non-featured items -->
                             <!-- ========================================================================= -->
 
                             <!-- Non feature item (smaller size) -->
@@ -680,15 +680,13 @@ <h6>Key Accomplishments</h6>
 
                 <section class="github section">
                     <div class="section-inner shadow-sm rounded">
-                        <h2 class="heading">My GitHub</h2>
-                        <p>You can embed your GitHub contribution graph calendar using IonicaBizau's <a href="https://github.com/hossain-khan" target="_blank">GitHub Calendar</a> widget.
+                        <h2 class="heading">My GitHub Feed</h2>
 
                         <div id="github-graph" class="github-graph">
 
                         </div><!--//github-graph-->
 
-                        <p>You can also embed your GitHub activities using Casey Scarborough's <a href="https://github.com/hossain-khan/github-activity" target="_blank">GitHub Activity Stream</a> widget.
-                            <!--//Usage: https://caseyscarborough.com/projects/github-activity/ -->
+                        <!--//Usage: https://caseyscarborough.com/projects/github-activity/ -->
                         <div id="ghfeed" class="ghfeed">
                         </div><!--//ghfeed-->
 
@@ -698,7 +696,7 @@ <h2 class="heading">My GitHub</h2>
             </div><!--//primary-->
 
             <div class="secondary col-lg-4 col-12">
-                <aside class="info aside section">
+                <aside class="info aside section" aria-label="Contact Information">
                     <div class="section-inner shadow-sm rounded">
                         <h2 class="heading sr-only">Basic Information</h2>
                         <div class="content">
@@ -713,7 +711,7 @@ <h2 class="heading sr-only">Basic Information</h2>
                     </div><!--//section-inner-->
                 </aside><!--//aside-->
 
-                <aside class="skills aside section">
+                <aside class="skills aside section" aria-label="Skills">
                     <div class="section-inner shadow-sm rounded">
                         <h2 class="heading">Skills</h2>
                         <div class="content">
@@ -818,7 +816,7 @@ <h3 class="level-title">CI/CD<span
                     </div><!--//section-inner-->
                 </aside><!--//section-->
 
-                <aside class="testimonials aside section">
+                <aside class="testimonials aside section" aria-label="Testimonials">
                     <div class="section-inner shadow-sm rounded">
                         <h2 class="heading">Testimonials</h2>
                         <div class="content">
@@ -899,11 +897,11 @@ <h2 class="heading">Languages</h2>
                             <ul class="list-unstyled">
                                 <li class="item">
                                     <i class="fas fa-language"></i> <span class="title"><strong>Bengali:</strong></span>
-                                    <span class="level">Native Speaker <br class="visible-xs"/><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i></span>
+                                    <span class="level">Native Speaker <br class="visible-xs"><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i></span>
                                 </li><!--//item-->
                                 <li class="item">
                                     <i class="fas fa-language"></i> <span class="title"><strong>English:</strong></span>
-                                    <span class="level">Professional Proficiency <br class="visible-sm visible-xs"/><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half"></i></span>
+                                    <span class="level">Professional Proficiency <br class="visible-sm visible-xs"><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half"></i></span>
                                 </li><!--//item-->
                             </ul>
                         </div><!--//languages-content-->
@@ -992,15 +990,15 @@ <h2 class="heading">Conferences</h2>
     </footer><!--//footer-->
 
     <!-- Javascript -->
-    <script type="text/javascript" src="assets/plugins/popper.min.js"></script>
-    <script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
-    <script type="text/javascript" src="assets/plugins/vanilla-rss/dist/rss.global.min.js"></script>
-    <script type="text/javascript" src="assets/plugins/dark-mode-switch/dark-mode-switch.min.js"></script>
+    <script src="assets/plugins/popper.min.js"></script>
+    <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/plugins/vanilla-rss/dist/rss.global.min.js"></script>
+    <script src="assets/plugins/dark-mode-switch/dark-mode-switch.min.js"></script>
     <!-- github calendar plugin -->
-    <script type="text/javascript" src="assets/plugins/github-calendar/dist/github-calendar.min.js"></script>
+    <script src="assets/plugins/github-calendar/dist/github-calendar.min.js"></script>
     <!-- github activity plugin -->
-    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.min.js"></script>
-    <script type="text/javascript" src="assets/plugins/github-activity/src/github-activity.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.min.js"></script>
+    <script src="assets/plugins/github-activity/src/github-activity.js"></script>
     <!-- custom js - initializes RSS, GitHub Calendar, Skills and so on -->
     <script type="text/javascript" src="assets/js/main.js"></script>
     </body>
