Updated the e-seal-api page design

AdobeDocs · Jul 28, 2023 · 19206c5 · 19206c5
1 parent 0ea23a7
commit 19206c5
Show file tree

Hide file tree

Showing 4 changed files with 98 additions and 15 deletions.
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -472,6 +472,88 @@ export const onRouteUpdate = ({ location, prevLocation }) => {
         .closest("main")
         .setAttribute("daa-lh", "Body");
 
+      document
+        .querySelector(".Hero-Banner")
+        .setAttribute("daa-lh", "Adobe PDF Electronic Seal API");
+      document.querySelectorAll(".Hero-Banner a").forEach(link => {
+        link.setAttribute("daa-ll", link.textContent);
+      });
+
+      document
+        .querySelector(".e-seal-key-feature-title")
+        .setAttribute("daa-lh", "Key features of PDF Electronic Seal API");
+      document.querySelectorAll(".Why-PDF-Services-API a").forEach(link => {
+        link.setAttribute("daa-ll", link.textContent);
+      });
+
+
+      document
+        .querySelector(".e-seal-Benefits-one")
+        .setAttribute("daa-lh", "Electronic seal application")
+      document
+        .querySelector(".e-seal-Benefits-two")
+        .setAttribute("daa-lh", "E-seal verification")
+      document
+        .querySelector(".e-seal-Benefits-three")
+        .setAttribute("daa-lh", "Compliance with eIDAS")
+      document
+        .querySelector(".e-seal-Benefits-four")
+        .setAttribute("daa-lh", "Platform Agnostic REST API")
+      document
+        .querySelector(".e-seal-Benefits-five")
+        .setAttribute("daa-lh", "Customizable & easy to use")
+      document
+        .querySelector(".e-seal-Benefits-six")
+        .setAttribute("daa-lh", "Partnership with TSPs")
+      document.querySelectorAll(".e-seal-Benefits-six a").forEach(link => {
+        link.setAttribute("daa-ll", link.textContent);
+      });
+
+      document
+        .querySelector(".zig-zag-title")
+        .setAttribute("daa-lh", "Benefits of PDF Electronic Seal API")
+      document
+        .querySelector(".zig-zag-cont-one")
+        .setAttribute("daa-lh", "Make critical business documents tamper-evident")
+      document
+        .querySelector(".zig-zag-cont-two")
+        .setAttribute("daa-lh", "Enable end-to-end automated sealing workflows")
+      document
+        .querySelector(".zig-zag-cont-three")
+        .setAttribute("daa-lh", "Meet security and reliability needs")
+      document
+        .querySelector(".industry-usecase-title")
+        .setAttribute("daa-lh", "Explore use cases")
+
+      document
+        .querySelector(".Get-started-in-minutes")
+        .setAttribute("daa-lh", "Get started in minutes");
+
+      document.querySelectorAll(".Get-started-in-minutes a").forEach(link => {
+        link.setAttribute("daa-ll", link.textContent);
+      });
+
+      document
+        .querySelector(".Explore-other-Adobe-Document-Services-APIs")
+        .setAttribute("daa-lh", "Explore other Adobe Document Services APIs");
+
+      document
+        .querySelectorAll(".Explore-other-Adobe-Document-Services-APIs a")
+        .forEach(link => {
+          link.setAttribute("daa-ll", link.textContent);
+        });
+
+      document
+        .querySelector(".news-letter")
+        .setAttribute("daa-lh", "Newsletter");
+
+
+      document.querySelector(".accessibility-summary-two")
+        .setAttribute("daa-lh", "We're ready to help")
+      document.querySelectorAll(".accessibility-summary-two a").forEach(link => {
+        link.setAttribute("daa-ll", link.textContent);
+      })
+
     } else if (window.location.pathname.indexOf("microsoft-pa-integration") >= 0) {
 
       document

diff --git a/src/pages/apis/electronic-seal-api/e-seal-key-feature.md b/src/pages/apis/electronic-seal-api/e-seal-key-feature.md
@@ -1,8 +1,8 @@
-<TitleBlock slots="heading" theme="light" className="titleBlock-align-left accessibility-key-feature-title"/>
+<TitleBlock slots="heading" theme="light" className="titleBlock-align-left e-seal-key-feature-title"/>
 
 ## Key features of PDF Electronic Seal API
 
-<TextBlock slots="image, heading, text" width="33%" theme="light" className="align-left iocn-size  horizontal-align-heading Benefits-two"/>
+<TextBlock slots="image, heading, text" width="33%" theme="light" className="align-left iocn-size  horizontal-align-heading e-seal-Benefits-one"/>
 
 ![EMPTY_ALT](../../images/e-seal_application_icon.svg)
 
@@ -11,39 +11,40 @@
 Apply on electronic seal (e-seal) to PDF documents using a third-party digital certificate to verify the identiy of the organization, to demonstrate the
 authenticty of the content, and show the timestamp of e-sealing.
 
-<TextBlock slots="image, heading, text" width="33%" theme="light" className="align-left iocn-size  link horizontal-align-heading linking Benefits-three"/>
+<TextBlock slots="image, heading, text" width="33%" theme="light" className="align-left iocn-size  link horizontal-align-heading linking
+e-seal-Benefits-two"/>
 
 ![EMPTY_ALT](../../images/e-seal_verification_icon.svg)
 
 ### E-seal verification
 
 Verify the e-seal electronically using Adobe Acrobat and view the relevant tamper-eveident credentials.
 
-<TextBlock slots="image, heading, text" width="33%" theme="light" className="align-left iocn-size  link horizontal-align-heading linking Benefits-four"/>
+<TextBlock slots="image, heading, text" width="33%" theme="light" className="align-left iocn-size  link horizontal-align-heading linking e-seal-Benefits-three"/>
 
 ![EMPTY_ALT](../../images/e-seal_eIDAS_compliance_icon.svg)
 
 ### Compliance with eIDAS
 
 Use the API to apply "Simple" Electronic Seals, Advanced Electronic Seals (AdES) and Qualified Electronic Seals (QES) compliant with elDAS.
 
-<TextBlock slots="image, heading, text" width="33%" theme="light" className="align-left iocn-size  link horizontal-align-heading linking Benefits-four"/>
+<TextBlock slots="image, heading, text" width="33%" theme="light" className="align-left iocn-size  link horizontal-align-heading linking e-seal-Benefits-four"/>
 
 ![EMPTY_ALT](../../images/e-seal_REST_API_icon.svg)
 
 ### Platform Agnostic REST API
 
 E-seal documents easily at scale within end-to-end automated workflows. No hardware-based modules required.
 
-<TextBlock slots="image, heading, text" width="33%" theme="light" className="align-left iocn-size  link horizontal-align-heading linking Benefits-four"/>
+<TextBlock slots="image, heading, text" width="33%" theme="light" className="align-left iocn-size  link horizontal-align-heading linking e-seal-Benefits-five"/>
 
 ![EMPTY_ALT](../../images/eseal_Customizable_icon.svg)
 
 ### Customizable & easy to use
 
 The API allows us to upload a PDF document, provide a customized e-seal image, specify third-party digital certificate credentials, and provide the coordinates for a visual e-seal to be applied to the document.
 
-<TextBlock slots="image, heading, text" width="33%" theme="light" className="align-left iocn-size  link horizontal-align-heading linking Benefits-four"/>
+<TextBlock slots="image, heading, text" width="33%" theme="light" className="align-left iocn-size  link horizontal-align-heading linking e-seal-Benefits-six"/>
 
 ![EMPTY_ALT](../../images/e-seal_TSP_Partnerships_icon.svg)
 

diff --git a/src/pages/apis/electronic-seal-api/explore-use-case.md b/src/pages/apis/electronic-seal-api/explore-use-case.md
@@ -2,7 +2,7 @@
 
 ## Explore use cases
 
-<ResourceCard slots="image, heading, text" width="25%" theme='light' className="useCaseCard-seal-api" />
+<ResourceCard slots="image, heading, text" width="25%" theme='light' className="useCaseCard-seal-api Get-started-in-minutes" />
 
 ![EMPTY_ALT](../../images/Invoices.jpg)
 
@@ -11,23 +11,23 @@
 Maintain credibility of bills and invoices by applying an e-seal to help avoid any tax implications from erroneous accounting information
 or tampering after the e-seal was applied.
 
-<ResourceCard slots="image, heading, text" width="25%" theme='light' className="useCaseCard-seal-api "/>
+<ResourceCard slots="image, heading, text" width="25%" theme='light' className="useCaseCard-seal-api Get-started-in-minutes"/>
 
 ![EMPTY_ALT](../../images/HR.jpg)
 
 ### HR Documents
 
 E-seal critical documents such as employment verification letters, travel documents, proof of employment, job offers, etc.
 
-<ResourceCard slots="image, heading, text" width="25%" theme='light' className="useCaseCard-seal-api "/>
+<ResourceCard slots="image, heading, text" width="25%" theme='light' className="useCaseCard-seal-api Get-started-in-minutes"/>
 
 ![EMPTY_ALT](../../images/Education.jpg)
 
 ### Education
 
 E-seal transcripts, degree and scholarship certificates, and other educational documents.
 
-<ResourceCard slots="image, heading, text" width="25%" theme='light' className="useCaseCard-seal-api "/>
+<ResourceCard slots="image, heading, text" width="25%" theme='light' className="useCaseCard-seal-api Get-started-in-minutes"/>
 
 ![EMPTY_ALT](../../images/Reports.jpg)
 

diff --git a/src/pages/apis/electronic-seal-api/seal-api-stepper.md b/src/pages/apis/electronic-seal-api/seal-api-stepper.md
@@ -1,18 +1,18 @@
-<TitleBlock slots="heading, text" theme="lightest" className="titleBlock-align-left"/>
+<TitleBlock slots="heading, text" theme="lightest" className="titleBlock-align-left Get-started-in-minutes Explore-other-Adobe-Document-Services-APIs"/>
 
 ## Get started in minutes
 
 Start with the Free Tier and get 500 free Document Transactions per month.
 
-<TextBlock slots="heading, text, buttons" width="33%" theme="lightest"  className='align-left horizontal-align'/>
+<TextBlock slots="heading, text, buttons" width="33%" theme="lightest"  className='align-left horizontal-align Explore-other-Adobe-Document-Services-APIs'/>
 
 ## Step 1
 
 Obtain free credentials
 
 - [Get started](https://acrobatservices.adobe.com/dc-integration-creation-app-cdn/main.html?api=pdf-accessibility-auto-tag-api)
 
-<TextBlock slots="heading, text, buttons" width="33%" theme="lightest" variantsTypePrimary='secondary' variantsTypeSecondary='secondary' variantStyleFill="outline" variantStyleOutline="outline"  className='align-left link'/>
+<TextBlock slots="heading, text, buttons" width="33%" theme="lightest" variantsTypePrimary='secondary' variantsTypeSecondary='secondary' variantStyleFill="outline" variantStyleOutline="outline"  className='align-left link Explore-other-Adobe-Document-Services-APIs'/>
 
 ## Step 2
 
@@ -22,7 +22,7 @@ Download ready to run samples for Node.js, .Net, Java
 - [Java](https://github.com/adobe/pdfservices-java-sdk-samples)
 - [.Net](https://github.com/adobe/PDFServices.NET.SDK.Samples)
 
-<TextBlock slots="heading, text, buttons" width="33%" theme="lightest"  className='align-left horizontal-align link extract-stepper-api-reference' headerElementType="h2" />
+<TextBlock slots="heading, text, buttons" width="33%" theme="lightest"  className='align-left horizontal-align link extract-stepper-api-reference Explore-other-Adobe-Document-Services-APIs' headerElementType="h2" />
 
 ## Step 3