format

Dockerfile

@@ -22,7 +22,7 @@ USER user
 
 # Set home to the user's home directory
 ENV HOME=/home/user \
-	PATH=/home/user/.local/bin:$PATH
+    PATH=/home/user/.local/bin:$PATH
 
 # Set the working directory to the user's home directory
 WORKDIR $HOME/app
@@ -33,7 +33,7 @@ COPY --chown=user . $HOME/app
 # Download and uzip truepic-sign from Google Drive
 RUN pip install gdown
 RUN --mount=type=secret,id=truepic_sign_gdoc_id,mode=0444,required=true \
-   gdown --id $(cat /run/secrets/truepic_sign_gdoc_id)
+    gdown --id $(cat /run/secrets/truepic_sign_gdoc_id)
 RUN tar -xf truepic-sign-v0.3.1-ubuntu-20.04.tar.gz
 RUN chmod +x truepic-sign
 

static/index.html

@@ -135,5 +135,4 @@
       </div>
     </section>
   </body>
-  
 </html>

static/json_viewer.css

@@ -1,69 +1,70 @@
 .json-viewer {
-	color: #000;
-	padding-left: 20px;
+  color: #000;
+  padding-left: 20px;
 }
 
 .json-viewer ul {
-	list-style-type: none;
-	margin: 0;
-	margin: 0 0 0 1px;
-	border-left: 1px dotted #ccc;
-	padding-left: 2em;
+  list-style-type: none;
+  margin: 0;
+  margin: 0 0 0 1px;
+  border-left: 1px dotted #ccc;
+  padding-left: 2em;
 }
 
 .json-viewer .hide {
-	display: none;
+  display: none;
 }
 
 .json-viewer .type-string {
-	color: #0B7500;
+  color: #0b7500;
 }
 
 .json-viewer .type-date {
-	color: #CB7500;
+  color: #cb7500;
 }
 
 .json-viewer .type-boolean {
-	color: #1A01CC;
-	font-weight: bold;
+  color: #1a01cc;
+  font-weight: bold;
 }
 
 .json-viewer .type-number {
-	color: #1A01CC;
+  color: #1a01cc;
 }
 
-.json-viewer .type-null, .json-viewer .type-undefined {
-	color: #90a;
+.json-viewer .type-null,
+.json-viewer .type-undefined {
+  color: #90a;
 }
 
 .json-viewer a.list-link {
-	color: #000;
-	text-decoration: none;
-	position: relative;
+  color: #000;
+  text-decoration: none;
+  position: relative;
 }
 
 .json-viewer a.list-link:before {
-	color: #aaa;
-	content: "\25BC";
-	position: absolute;
-	display: inline-block;
-	width: 1em;
-	left: -1em;
+  color: #aaa;
+  content: "\25BC";
+  position: absolute;
+  display: inline-block;
+  width: 1em;
+  left: -1em;
 }
 
 .json-viewer a.list-link.collapsed:before {
-	content: "\25B6";
+  content: "\25B6";
 }
 
 .json-viewer a.list-link.empty:before {
-	content: "";
+  content: "";
 }
 
 .json-viewer .items-ph {
-	color: #aaa;
-	padding: 0 1em;
+  color: #aaa;
+  padding: 0 1em;
 }
 
 .json-viewer .items-ph:hover {
-	text-decoration: underline;
-}
+  text-decoration: underline;
+}

static/script.js

@@ -135,7 +135,7 @@ function setCertificateOutput(manifestStore = null) {
 
   certificates.forEach((certificate, index) => {
     var li = document.createElement("li");
-    if (index == 0) li.classList.add('active');
+    if (index == 0) li.classList.add("active");
     li.appendChild(document.createTextNode(certificate.transformed.commonName));
     li.addEventListener("click", function (e) {
       setCertificate(index);
@@ -231,6 +231,7 @@ function setCertificate(ind) {
   document.querySelector(".details .expired").innerHTML = certificate.expired;
   document.querySelector(".details .serialNumber").innerHTML =
     certificate.serialNumber;
-  document.querySelector(".details .algorithm").innerHTML = certificate.algorithm;
+  document.querySelector(".details .algorithm").innerHTML =
+    certificate.algorithm;
   document.querySelector(".details .modulus").innerHTML = certificate.modulus;
 }

static/style.css

@@ -1,7 +1,7 @@
-@import url('https://fonts.cdnfonts.com/css/inter');
+@import url("https://fonts.cdnfonts.com/css/inter");
 
 body {
-  font-family: 'Inter', sans-serif;
+  font-family: "Inter", sans-serif;
 }
 
 section#header {
@@ -27,14 +27,15 @@ p {
   display: block;
   font-weight: 600;
   font-size: 14px;
-  padding-bottom: .5rem;
+  padding-bottom: 0.5rem;
 }
 
-select, textarea {
+select,
+textarea {
   border: 1px solid rgba(227, 234, 240, 1);
   margin-bottom: 1rem;
   width: 100%;
-  padding: .5rem;
+  padding: 0.5rem;
 }
 
 textarea {
@@ -94,7 +95,8 @@ textarea {
   justify-content: center;
 }
 
-.output #image-container #placeholder, .output #image-container #spinner {
+.output #image-container #placeholder,
+.output #image-container #spinner {
   width: 48px;
   height: 48px;
   align-self: center;
@@ -147,7 +149,8 @@ section.verification-details nav ul li a.active {
   border-bottom-color: #1a6dff;
 }
 
-section.verification-details .verification, section.verification-details .certificate .details {
+section.verification-details .verification,
+section.verification-details .certificate .details {
   margin: 2rem 2rem 2rem 10rem;
   height: 480px;
   background: #f7f9fa;
@@ -174,11 +177,11 @@ section.verification-details .certificate .details {
 
 section.verification-details .certificate .details > div {
   clear: both;
-  padding: .4rem 0;
+  padding: 0.4rem 0;
 }
 
 section.verification-details .certificate .details strong {
-  padding: .5rem 0;
+  padding: 0.5rem 0;
   display: block;
   color: black;
 }
@@ -199,7 +202,7 @@ section.verification-details .certificate .details div label {
   border: 1px solid #d8dfe5;
   border-bottom: none;
   list-style: none;
-  padding: .8rem 0 .8rem 1.5rem;
+  padding: 0.8rem 0 0.8rem 1.5rem;
   font-size: 14px;
 }