diff --git a/index.html b/index.html index 6f5ee00..bf79994 100644 --- a/index.html +++ b/index.html @@ -109,7 +109,7 @@ padding: 1.5rem; } - #verification_steps { + .verification-steps { display: grid; gap: 1.5rem; align-items: center; @@ -185,10 +185,48 @@ margin-top: 1.5rem; } + .link { + display: inline; + background-color: transparent; + color: #3d5afe; + border: none; + font-size: inherit; + font-family: inherit; + cursor: pointer; + } + + .hover-over { + position: relative; + } + + .hover-over .verification-steps { + display: none; + position: absolute; + flex-direction: column; + text-align: left; + background-color: white; + width: 40vw; + left: 0; + right: 0; + margin-top: 0; + padding: max(1rem, 2vw); + box-shadow: 0 0.8rem 2rem rgba(0, 0, 0, 0.2), 0 0 0 100vmax rgba(0, 0, 0, 0.2); + border-radius: 0.5rem; + } + + .hover-over:hover .verification-steps { + display: flex; + } + @media screen and (max-width: 640px) { #verification_status { margin-top: 1.5rem; } + + .hover-over .verification-steps { + position: fixed; + width: 100vw; + } } @media screen and (min-width: 640px) { @@ -225,13 +263,13 @@
Please wait while we verify your certificate
-- Checking whether certificate issued by Authorized Blockchain Issuer ID + Verifying if this certificate was issued by Authorized Blockchain Issuer ID FFCpiaZi31TpbYw5q5VNk8qJMeDiTLgsrE
- Checking whether certificate was correctly sent to approved Blockchain ID + Verifying if this certificate was correctly sent to approved Blockchain ID FKNW5eCCp2SnJMJ6pLLpUCvk5hAage8Jtk, or FDaX363r1ooANA9A2erhehhigNTnidq3o4
- Checking whether blockchain data starts with CERTIFICATE OF INTERNSHIP, and + Verifying if blockchain data starts with CERTIFICATE OF INTERNSHIP, and verification link has those words
@@ -308,7 +346,35 @@ statusComposition = `This is a genuine certificate issued by RanchiMall
++ Verified that this certificate was issued by Authorized Blockchain Issuer ID FFCpiaZi31TpbYw5q5VNk8qJMeDiTLgsrE +
++ Verified that this certificate was correctly sent to approved Blockchain ID FKNW5eCCp2SnJMJ6pLLpUCvk5hAage8Jtk, or FDaX363r1ooANA9A2erhehhigNTnidq3o4 +
++ Verified that blockchain data starts with CERTIFICATE OF INTERNSHIP, and verification link has those words +
+