Skip to content

Commit

Permalink
Merge pull request #511 from hlxsites/510-application-converter-update
Browse files Browse the repository at this point in the history 
510 Converter update for Full-Layout Section
  • Loading branch information
@rgravitvl
rgravitvl authored Nov 29, 2023
2 parents d87655a + 38fbbcf commit 3d1e32e
Show file tree
Hide file tree
Showing 9 changed files with 2,054 additions and 5 deletions.
4 changes: 2 additions & 2 deletions blocks/mini-teasers/mini-teasers.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,9 @@ export default function decorate(block) {
block.parentNode.prepend(document.createElement('hr'));
block.classList.add(...'grid max-w-7xl w-full mx-auto gap-6 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 px-4 sm:px-0 my-16'.split(' '));
[...block.children].forEach((element) => {
element.classList.add(...'items-start mr-20 lg:mr-56'.split(' '));
element.classList.add(...'items-start mr-20 lg:mr-40'.split(' '));
element.querySelector('img')?.classList.add('py-1');
element.querySelector('h3')?.classList.add(...'text-base p-0 my-1 sm:text-sm font-normal'.split(' '));
element.querySelector('h3')?.classList.add(...'text-lg p-0 my-1 sm:text-lg font-medium'.split(' '));
const link = element.querySelector('a');
if (link) {
link.innerHTML += ' ->';
Expand Down
31 changes: 29 additions & 2 deletions styles/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -230,6 +230,28 @@
}
}

.application main {
margin-left: auto;
margin-right: auto;
width: 100%;
gap: 2.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.application main > div.columns-container > div.columns-wrapper {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.application main .columns > div div > p:not(.button-container) {
margin-top: 0.75rem;
font-size: 1rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}

.testimonial>div {
display: flex;
align-items: center;
Expand Down Expand Up @@ -3981,6 +4003,11 @@ main .default-content-wrapper ul {
line-height: 2.25rem;
}

.sm\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}

.sm\:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
Expand Down Expand Up @@ -4168,8 +4195,8 @@ main .default-content-wrapper ul {
margin-bottom: 2rem;
}

.lg\:mr-56 {
margin-right: 14rem;
.lg\:mr-40 {
margin-right: 10rem;
}

.lg\:mt-0 {
Expand Down
1 change: 1 addition & 0 deletions styles/tailwind.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@
@import '../templates/blog/blog.css';
@import '../templates/topic/topic.css';
@import '../templates/library/library.css';
@import '../templates/application/application.css';
@import '../blocks/testimonial/testimonial.css';
@import '../blocks/cards/cards.css';
@import '../blocks/columns/columns.css';
Expand Down
11 changes: 11 additions & 0 deletions templates/application/application.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
.application main {
@apply gap-10 mx-auto w-full bg-white;
}

.application main > div.columns-container > div.columns-wrapper {
@apply bg-white;
}

.application main .columns > div div > p:not(.button-container) {
@apply mt-3 leading-7 text-base text-danahergray-700;
}
119 changes: 119 additions & 0 deletions tools/actions/convert/test/fixtures/application-detail-converted.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
<html>
<body>
<header></header>
<main>
<div>
<div class="breadcrumb">
<div>
<div>
<ul>
<li><a href="/us/en/application.html">Applications</a></li>
<li><a href="/us/en/application/elisa.html">ELISA</a></li>
</ul>
</div>
</div>
</div>
<hr>
<div class="banner">
<div>
<div>
<h1>ELISA Applications in Antibody, Antigen &#x26; Protein Detection</h1>
</div>
</div>
</div>
<p>Enzyme-linked Immunosorbent Assays (ELISAs) is a common analytical method for detecting the presence and concentration of antibodies, antigens, proteins, and glycoproteins in a variety of sample types. ELISAs are desirable for their high specificity and sensitivity. There are many variations of ELISAs commonly used in analytical laboratories:</p>
<div class="columns">
<div>
<div>
<h2>Direct ELISA</h2>
<p>This method employs a fluorescent or biotin-streptavidin tagged primary antibody that will elicit a readable signal after stimulation and binding to an immobilized antigen.</p>
</div>
<div>
<img src="https://s7d9.scene7.com/is/image/danaherstage/direct-elisa" alt="">
</div>
</div>
</div>
<div class="columns">
<div>
<div>
<img src="https://s7d9.scene7.com/is/image/danaherstage/indirect-elisa" alt="">
</div>
<div>
<h2>Indirect ELISA</h2>
<p>This is a modified format of the direct ELISA approach that utilizes a tagged secondary antibody that binds to the unlabeled primary antibody of the antibody-immobilized antigen complex. The tag is typically fluorescent or a biotin-streptavidin complex.</p>
</div>
</div>
</div>
<div class="columns">
<div>
<div>
<h2>Sandwich ELISA</h2>
<p>A spin on the indirect ELISA, this method utilizes an immobilized capture antibody to interact with a target antigen. This is followed by a step using an unlabeled primary antibody to bind to the target antigen-capture antibody complex. The final step before signal detection is to use a tagged secondary antibody that is highly specific to the unlabeled primary antibody.</p>
</div>
<div>
<img src="https://s7d9.scene7.com/is/image/danaherstage/sandwiched-elisa" alt="">
</div>
</div>
</div>
<div class="columns">
<div>
<div>
<img src="https://s7d9.scene7.com/is/image/danaherstage/competitive-elisa" alt="">
</div>
<div>
<h2>Competitive ELISA</h2>
<p>This assay is typically used to determine concentrations of a target antigen in a sample. The process is characterized by an immobilized capture antibody of a specific quantity that is designed to bind to the target antigen and a competing antigen. The tagged target antigen signal is analyzed to determine relative concentration.</p>
</div>
</div>
</div>
<p>Despite the ubiquity of the ELISA technique, numerous reagent additions, washes and incubation steps make ELISAs a complex and labor-intensive procedure with potential for variability in results.</p>
<p>Automation of these steps relieves the labor burden with improved throughput, consistency and high efficiency enabling simultaneous analyses on a single workstation.</p>
<p>Our Danaher Life Sciences companies provide a wide range of solutions and fit-for-purpose technologies for partial or end-to-end ELISA workstations for method development and implementation.</p>
<hr>
<div class="call-to-action">
<div>
<div>
<h2>Need help with your ELISA application?</h2>
<p><a href="/us/en/expert.html">Talk to an expert</a></p>
</div>
</div>
</div>
<div class="section-metadata">
<div>
<div>style</div>
<div>bg-danaherlightblue-50</div>
</div>
</div>
<div class="metadata">
<div>
<div>Title</div>
<div>ELISA Applications: Detecting Antibodies, Antigens &#x26; Proteins | Danaher Life Sciences</div>
</div>
<div>
<div>canonical</div>
<div><a href="https://lifesciences.danaher.com/us/en/application/elisa.html">https://lifesciences.danaher.com/us/en/application/elisa.html</a></div>
</div>
<div>
<div>Description</div>
<div>Explore versatile applications of enzyme-linked Immunosorbent assays (ELISA) for detecting antibodies &#x26; proteins. Know ELISA variations used in analytical labs.</div>
</div>
<div>
<div>Image</div>
<div>
<img src="https://author-p93411-e849602.adobeaemcloud.com/content/dam/danaher/system/danaher-image.jpg" alt="">
</div>
</div>
<div>
<div>creationDate</div>
<div>Thu, 13 Apr 2023 14:13:11 GMT</div>
</div>
<div>
<div>updateDate</div>
<div>Tue, 03 Oct 2023 12:23:41 GMT</div>
</div>
</div>
</div>
</main>
<footer></footer>
</body>
</html>
Loading

0 comments on commit 3d1e32e

Please sign in to comment.