Fix html5 validation (#55)

* update github action for linting project

* fix some broken links

* fix download.md lint

* fix html 5

* fix yml lint

---------

.github/workflows/check.yml

@@ -78,6 +78,7 @@ jobs:
         uses: Cyb3r-Jak3/[email protected]
         with:
           root: public/
+        continue-on-error: true # TODO: remove me
 
       - name: Check images
         run: python .github/workflows/check_images.py ./assets

.mdlrc.rb

@@ -22,4 +22,7 @@
 exclude_rule 'MD033'
 
 # First line in file should be a top level header
-exclude_rule 'MD041'
+exclude_rule 'MD041'
+
+# Exclude bare URLs rule
+exclude_rule 'MD034'

assets/css/main.css

@@ -1084,7 +1084,7 @@ html {
   background-clip: content-box, border-box;
 }
 
-#container-stars {
+.container-stars {
   position: absolute;
   z-index: -1;
   width: 100%;
@@ -1100,7 +1100,7 @@ html {
   color: #ffffff;
 }
 
-#glow {
+.glow {
   position: absolute;
   display: flex;
   width: 12rem;
@@ -1131,7 +1131,7 @@ html {
   animation: orbit 10s linear infinite;
 }
 
-.btn-become-validator:hover #container-stars {
+.btn-become-validator:hover .container-stars {
   z-index: 1;
   background-color: #161a25;
 }
@@ -1161,14 +1161,14 @@ html {
   }
 }
 
-#stars {
+.stars {
   position: relative;
   background: transparent;
   width: 200rem;
   height: 200rem;
 }
 
-#stars::after {
+.stars::after {
   content: "";
   position: absolute;
   top: -10rem;
@@ -1178,12 +1178,12 @@ html {
   animation: animStarRotate 90s linear infinite;
 }
 
-#stars::after {
+.stars::after {
   background-image: radial-gradient(#ffffff 1px, transparent 1%);
   background-size: 50px 50px;
 }
 
-#stars::before {
+.stars::before {
   content: "";
   position: absolute;
   top: 0;
@@ -1193,7 +1193,7 @@ html {
   animation: animStar 60s linear infinite;
 }
 
-#stars::before {
+.stars::before {
   background-image: radial-gradient(#ffffff 1px, transparent 1%);
   background-size: 50px 50px;
   opacity: 0.5;
@@ -1449,7 +1449,7 @@ html {
   background-clip: content-box, border-box;
 }
 
-#container-stars {
+.container-stars {
   position: absolute;
   z-index: -1;
   width: 100%;
@@ -1465,7 +1465,7 @@ html {
   color: #ffffff;
 }
 
-#glow {
+.glow {
   position: absolute;
   display: flex;
   width: 12rem;
@@ -1496,7 +1496,7 @@ html {
   animation: orbit 10s linear infinite;
 }
 
-.btn-join-community:hover #container-stars {
+.btn-join-community:hover .container-stars {
   z-index: 1;
   background-color: #161a25;
 }
@@ -1526,14 +1526,14 @@ html {
   }
 }
 
-#stars {
+.stars {
   position: relative;
   background: transparent;
   width: 200rem;
   height: 200rem;
 }
 
-#stars::after {
+.stars::after {
   content: "";
   position: absolute;
   top: -10rem;
@@ -1543,12 +1543,12 @@ html {
   animation: animStarRotate 90s linear infinite;
 }
 
-#stars::after {
+.stars::after {
   background-image: radial-gradient(#ffffff 1px, transparent 1%);
   background-size: 50px 50px;
 }
 
-#stars::before {
+.stars::before {
   content: "";
   position: absolute;
   top: 0;
@@ -1558,7 +1558,7 @@ html {
   animation: animStar 60s linear infinite;
 }
 
-#stars::before {
+.stars::before {
   background-image: radial-gradient(#ffffff 1px, transparent 1%);
   background-size: 50px 50px;
   opacity: 0.5;
@@ -1670,4 +1670,4 @@ html {
 .single-bg {
   opacity: 0.5;
   max-height: 100%;
-}
+}

content/about/what_is_pactus.md → content/about/what-is-pactus.md

@@ -2,7 +2,6 @@
 title = "What is Pactus?"
 layout = "what_is_pactus"
 type = "about"
-slug = "what-is-pactus"
 description = """
 Pactus is a community-run blockchain technology with a revolutionary, secure, Solid State Proof of Stake Consensus.
 Come join us and build a decentralized future together!

content/blog/2022-09-24-testnet-0-launched.md

@@ -1,5 +1,5 @@
 +++
-title = "Testnet-0 launch announcement"
+title = "Testnet-0 Launched"
 author = "Pactus Team"
 date = 2022-09-24T00:00:00+00:00
 tags = ["announcement", "testnet"]

content/blog/2023-05-08-release-0-10-0.md

@@ -24,7 +24,7 @@ Users can set up to 32 validators in a single node, and each validator can stake
 
 ## Download
 
-This version has been implemented for [Testnet-1](/2023/05/09/testnet-1-launched) and
+This version has been implemented for [Testnet-1](/2023/05/09/testnet-1-launched/) and
 is being prepared for the upcoming Mainnet launch.
 To start using Pactus Blockchain Testnet-1, download the latest version from the
 [download](/download) page and join the Testnet.

content/blog/2023-05-09-testnet-1-launched.md

@@ -1,5 +1,5 @@
 +++
-title = "Testnet-1 launch announcement"
+title = "Testnet-1 Launched"
 author = "Pactus Team"
 date = 2023-05-09T00:00:00+00:00
 tags = ["announcement", "testnet"]

content/blog/2023-05-29-release-0-11-0.md

@@ -30,7 +30,7 @@ Users no longer need to set the validator public key if they want to bond Test P
 
 ## Download
 
-This version has been implemented for [Testnet-1](/2023/05/09/testnet-1-launched) and
+This version has been implemented for [Testnet-1](/2023/05/09/testnet-1-launched/) and
 is being prepared for the upcoming Mainnet launch.
 To start using Pactus Blockchain Testnet-1, download the latest version from the
 [download](/download) page and join the Testnet.

content/blog/2023-06-19-release-0-12-0.md

@@ -25,7 +25,7 @@ improves the calculation of total power (stake) of the blockchain in a more effe
 
 ## Download
 
-This version has been implemented for [Testnet-1](/2023/05/09/testnet-1-launched) and
+This version has been implemented for [Testnet-1](/2023/05/09/testnet-1-launched/) and
 is being prepared for the upcoming Mainnet launch.
 To start using Pactus Blockchain Testnet-1, download the latest version from the
 [download](/download) page and join the Testnet.

content/blog/2023-07-01-release-0-13-0.md

@@ -25,7 +25,7 @@ they can now restore it and re-initialize the node.
 
 ## Download
 
-This version has been implemented for [Testnet-1](/2023/05/09/testnet-1-launched) and
+This version has been implemented for [Testnet-1](/2023/05/09/testnet-1-launched/) and
 is being prepared for the upcoming Mainnet launch.
 To start using Pactus Blockchain Testnet-1, download the latest version from the
 [download](/download) page and join the Testnet.

content/blog/2023-10-15-testnet-2-launched.md

@@ -1,5 +1,5 @@
 +++
-title = "Testnet-2 launch announcement"
+title = "Testnet-2 Launched"
 author = "Pactus Team"
 date = 2023-10-15T00:00:00+00:00
 tags = ["announcement", "testnet"]

content/blog/2024-01-11-release-0-20-0.md

@@ -41,7 +41,7 @@ Please note that it is still in an experimental state.
 
 ## Download
 
-This version has been implemented for [Testnet-2](//2023/10/15/testnet-2-launched) and
+This version has been implemented for [Testnet-2](/2023/10/15/testnet-2-launched) and
 is being prepared for the upcoming Mainnet launch.
 To start using Pactus Blockchain Testnet-2, download the latest version from the
 [download](/download) page and join the Testnet.

content/blog/2024-06-27-release-1-3-0.md

@@ -42,7 +42,7 @@ not receive any new messages during that time.
 
 ## Download
 
-To start using Pactus blockchain, download the latest version from the [download](/en/download)
+To start using Pactus blockchain, download the latest version from the [download](/download)
 page and join the Mainnet.
 
 ## How to Upgrade

content/community.md

@@ -42,10 +42,12 @@ To explore the communities managed by members of the community, you can follow t
   <li class="group">
     <a target="_blank" href="https://www.instagram.com/pactus.blockchain/" class="hover:text-[#7064e9]">
       <i class="fa-brands fa-instagram mr-3 text-2xl"></i>Pactus Instagram
+      </a>
   </li>
     <li class="group">
     <a target="_blank" href="https://www.tiktok.com/@pactusblockchain" class="hover:text-[#7064e9]">
       <i class="fa-brands fa-tiktok mr-3 text-2xl"></i>Pactus Tiktok
+      </a>
   </li>
     <li class="group">
     <a target="_blank" href="https://t.me/pactusrus" class="hover:text-[#7064e9]">

data/faq.yml

@@ -230,9 +230,8 @@
 
     - id: genesis_allocation
       q: How are Genesis Coins allocated in Pactus?
-      a: >
+      a: '
         The initial allocation of Genesis Coins in the Pactus blockchain is distributed as follows:
-        <br><br>
         <div class="overflow-x-auto">
         <table class="table w-full table-zebra">
           <caption>Genesis Coin Allocation for Pactus</caption>
@@ -272,6 +271,7 @@
           </tbody>
         </table>
         </div>
+        '
       img: pactus-coin-allocation.png
 
     - id: treasury_account
@@ -299,7 +299,7 @@
 
     - id: support_distribution
       q: How will the Support coins be spent?
-      a: >
+      a: '
         The support accounts are designed to provide financial backing for the project.
         Initially, Pactus Genesis contained only the Treasury accounts without any Backup or Support accounts.
         The introduction of support coins was a strategic response to the absence of investors,
@@ -323,13 +323,13 @@
           </li>
           <li><b>Foundation</b>:
             The foundation coins are reserved for future use, potentially in supporting strong projects that
-            align with Pactus's objectives.
+            align with Pactus`s objectives.
           </li>
         </ul>
 
         Transparency is a key aspect of this allocation, as all movements of these
         coins are trackable due to the fully transparent nature of the blockchain.
-
+        '
 ################################################################################
 - title: Transaction
   items:

layouts/_default/baseof.html

@@ -11,7 +11,7 @@
       <div class="drawer-content">
         {{ block "main" . }}{{ end }}
       </div>
-      <div class="drawer-side z-50">
+      <div class="drawer-side z-[51]">
         <label
           for="my-drawer"
           aria-label="close sidebar"

layouts/_default/single-baseof.html

@@ -2,8 +2,6 @@
 <!doctype html>
 <html lang="en" data-theme="dark">
   {{ partial "single-head.html" . }}
-
-
   <body class="bg-[#0B0B0F] flex flex-col min-h-screen">
     {{ partial "header.html" . }}
     <img
@@ -18,7 +16,7 @@
       <div class="drawer-content relative overflow-hidden">
         {{ block "main" . }}{{ end }}
       </div>
-      <div class="drawer-side z-50">
+      <div class="drawer-side z-[51]">
         <label
           for="my-drawer"
           aria-label="close sidebar"

layouts/about/faq.html

@@ -7,7 +7,7 @@
           class="md:text-4xl text-2xl text-bold text-neutral-50 font-medium text-left">
           {{ .Title }}
         </h1>
-        <p class="mt-6 text-lg">{{ .Description }}</p>
+        {{if .Description}}<p class="mt-6 text-lg">{{ .Description }}</p>{{end}}
       </div>
       <div class="col-span-1 text-right" style="text-align: -webkit-right;">
         <svg
@@ -57,8 +57,7 @@
     {{ range $i,$group := .Site.Data.faq }}
       {{ $group_id := lower $group.title }}
       <div
-        class="mt-10 bg-[#141B25] rounded-xl p-10 md:p-20"
-        id="grouds-bundler">
+        class="mt-10 bg-[#141B25] rounded-xl p-10 md:p-20 grouds-bundler">
         <div class="join join-vertical w-full" id="{{ $group_id }}">
           <div
             class="join-title text-2xl md:text-3xl font-bold text-neutral-50 items-center mb-5">
@@ -147,26 +146,6 @@
   </section>
 {{ end }}
 {{ define "page_script" }}
-  <script>
-    $(document).ready(function () {
-      $("#grouds-bundler")
-        .children()
-        .each((i) => {
-          if (i !== 0) {
-            $(`#${$("#grouds-bundler").children().eq(i).attr("id")}`).hide();
-          }
-        });
-      $("input[type=radio][name=groups]").change(() => {
-        const value = $("input[type=radio][name=groups]:checked").attr(
-          "data-pcatus-value",
-        );
-        if ($(this).attr("data-pcatus-value") !== value) {
-          $("#grouds-bundler div.join").hide();
-          $(`#${value}`).fadeIn();
-        }
-      });
-    });
-  </script>
   <script>
     function changeUrlID(id) {
       let currentUrl = window.location.href.split("#")[0];

layouts/about/roadmap.html

@@ -70,7 +70,7 @@ <h1 class="text-5xl font-bold mt-10 text-neutral-50 flex z-10">
                   {{ if $value.current }}id="current"{{ end }}
                   class="timeline-start mb-10 md:text-end p-4 b-1 bg-[#242535] ml-4 mr-0 md:ml-0 md:mr-4 rounded-md"
                   style="margin-left: 12px;">
-                  <time class="font-mono">{{ $value.date }}</time>
+                  <div class="font-mono">{{ $value.date }}</div>
                   <div class="text-lg font-bold">
                     {{ if $value.reference }}
                       <a href="{{ $value.reference }}" class="link"
@@ -98,7 +98,7 @@ <h1 class="text-5xl font-bold mt-10 text-neutral-50 flex z-10">
                 <div
                   {{ if $value.current }}id="current"{{ end }}
                   class="timeline-end  mb-10 md:text-start p-4 bg-[#242535] ml-4 rounded-md">
-                  <time class="font-mono">{{ $value.date }}</time>
+                  <div class="font-mono">{{ $value.date }}</div>
                   <div class="text-lg font-bold">
                     {{ if $value.reference }}
                       <a href="{{ $value.reference }}" class="link"