Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
48 commits
Select commit Hold shift + click to select a range
da42474
DEX-24428 | feat: add cards for new LP
abutuza Sep 18, 2025
4740a82
add glide and new banner
Matei-Iordache Sep 21, 2025
cf703bd
DEX-24428 | feat: added cards
abutuza Sep 25, 2025
e985705
feat: update box carousel styles and add text scramble effect
Matei-Iordache Sep 25, 2025
ab3d2c9
Merge branch 'DEX-24428' of github.com:bitdefender/www-landing-pages …
Matei-Iordache Sep 25, 2025
fc4d9a0
refactor: restructure box carousel functionality and improve navigati…
Matei-Iordache Sep 25, 2025
175374c
style: enhance box carousel layout and navigation for improved respon…
Matei-Iordache Sep 25, 2025
7cf1d9a
style: remove horizontal overflow from box carousel and add styles fo…
Matei-Iordache Sep 25, 2025
d5571dc
style: refine box carousel for mobile responsiveness and enhance touc…
Matei-Iordache Sep 25, 2025
b7da75d
fix: trigger resize event on carousel initialization for better respo…
Matei-Iordache Sep 26, 2025
214f317
DEX-24428 | feat: add new columns section and optimize mobile styles
abutuza Sep 26, 2025
8bd39e8
DEX-24428 | chore: update glide
abutuza Sep 26, 2025
f6dc41b
style: add 'they wear our faces' section styles and improve layout fo…
Matei-Iordache Sep 26, 2025
455fe9d
DEX-24428 | fix: cards overflowing
abutuza Sep 26, 2025
8905b43
DEX-24428 | fix: background cut overflow
abutuza Sep 26, 2025
366892d
DEX-24428 | feat: add new footer design
abutuza Sep 26, 2025
ed839f9
feat: enhance header styles and functionality for 'they wear our face…
Matei-Iordache Sep 26, 2025
e194622
Merge branch 'DEX-24428' of github.com:bitdefender/www-landing-pages …
Matei-Iordache Sep 26, 2025
2501b5f
Refactor code structure for improved readability and maintainability
Matei-Iordache Sep 28, 2025
0f9a100
feat: update styles for 'they wear our faces' section with margin adj…
Matei-Iordache Sep 28, 2025
215e279
Merge branch to main
Matei-Iordache Sep 29, 2025
b7e3ea5
fix: adjust spacing and alignment in awards-affiliate styles for impr…
Matei-Iordache Sep 29, 2025
5c5ad40
fix: update font-family and styles for consistency across various com…
Matei-Iordache Sep 29, 2025
b7be28d
feat: add styling for images in 'they wear our faces' section with ma…
Matei-Iordache Sep 29, 2025
c6a1d2a
feat: enhance styling and layout for various components, including he…
Matei-Iordache Sep 29, 2025
be3ab1e
Merge branch 'main' into DEX-24428
Matei-Iordache Sep 29, 2025
e38e337
DEX-24428 | fix: mobile styling and package versioning
abutuza Sep 29, 2025
3df0a3f
feat: add font styling for IBM Plex Sans in carousel and global styles
Matei-Iordache Sep 29, 2025
7638351
feat: update styling for banner-with-cards, columns, header, and they…
Matei-Iordache Sep 29, 2025
e4a6028
feat: add Adobe Data Layer tracking for video play events and link cl…
Matei-Iordache Sep 29, 2025
3be61fa
feat: update styling for various components including footer, header,…
Matei-Iordache Sep 30, 2025
8788a5d
feat: update font size and padding for awards-affiliate section; adju…
Matei-Iordache Sep 30, 2025
6e90ad5
DEX-24428 | fix: adjust image size and section width to match design
abutuza Sep 30, 2025
476fb60
DEX-24428 | fix: adjust font sizes and line height
abutuza Sep 30, 2025
59f0ff6
feat: enhance video block to support mobile video links and metadata;…
Matei-Iordache Oct 1, 2025
13bec96
fix: update YouTube video ID extraction logic and remove debug log; s…
Matei-Iordache Oct 1, 2025
db04fc4
DEX-24428 | fix: modal video styles
abutuza Oct 2, 2025
5287e30
DEX-24428 | chore: update glide version
abutuza Oct 2, 2025
30a99c7
fix: enable autoplay for video embeds when they come into view
Matei-Iordache Oct 2, 2025
74478af
fix: remove debug log for picture element in banner block
Matei-Iordache Oct 2, 2025
0aca1c8
fix: add padding-top for banner with cards container in they-wear-our…
Matei-Iordache Oct 2, 2025
2e369bd
fix: correct autoplay parameter for YouTube embed
Matei-Iordache Oct 2, 2025
6528946
fix: correct autoplay parameter for YouTube embed function
Matei-Iordache Oct 2, 2025
24fc192
fix: correct typo in YouTube embed function autoplay parameters
Matei-Iordache Oct 2, 2025
8ec7c5d
fix: remove redundant mute parameter from YouTube embed function
Matei-Iordache Oct 2, 2025
e4ee155
fix: add missing mute parameter to YouTube embed function
Matei-Iordache Oct 2, 2025
8b40b04
fix: add styles for csam-design banner and adjust column layouts
Matei-Iordache Oct 3, 2025
bb5401b
Linting errors
Matei-Iordache Oct 3, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions 404.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<!DOCTYPE html><html><head>
<script type="importmap">{
"imports": {
"@glidejs/glide": "https://esm.sh/@glidejs/[email protected]",
"@repobit/dex-data-layer": "https://esm.sh/@repobit/[email protected]",
"@repobit/dex-launch": "https://esm.sh/@repobit/[email protected]",
"@repobit/dex-target": "https://esm.sh/@repobit/[email protected]",
Expand Down
159 changes: 156 additions & 3 deletions _src-lp/blocks/awards-affiliate/awards-affiliate.css
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
gap: 14px;
text-align: left;
justify-content: center;
margin-top: 40px;
Expand Down Expand Up @@ -75,15 +75,136 @@
width: 125px;
}

.awards-affiliate.no-button .subtitle h3 {
margin-top: 0;
.awards-affiliate.black-heading .columns-class {
margin-top: 5px;
text-align: center;
}
.awards-affiliate.black-heading div {
font-size: 16px;
}
.awards-affiliate.black-heading div h3 {
color: #000;
margin: 0;
}
.awards-affiliate.black-heading div h4 {
color: #000;
font-size: 18px;
}
.awards-affiliate.black-heading div p {
font-size: 16px;
}
.awards-affiliate.black-heading a.button {
margin-bottom: 12px;
font-size: 16px;
font-weight: 600;
padding: 15px;
}
@media (width > 992px) {
.awards-affiliate.black-heading {
padding: 16px 32px;
}
.awards-affiliate.black-heading .columns-class {
gap: 32px;
}
.awards-affiliate.black-heading .columns-class > div {
padding: 24px;
}
.awards-affiliate.black-heading .columns-class > div img {
margin-bottom: 8px !important;
}
.awards-affiliate.black-heading .columns-class > div p:last-of-type {
margin-top: 0.5em;
line-height: normal;
}
}

.awards-affiliate-container.they-wear-our-faces.blue-gradient {
background: linear-gradient(180deg, rgb(0, 109, 255) 25%, rgb(255, 255, 255) 25%);
}
.awards-affiliate-container.they-wear-our-faces .awards-affiliate-wrapper {
background-color: #EDF9FF;
z-index: 2;
position: relative;
}
.awards-affiliate-container.they-wear-our-faces.they-wear-our-faces-awards-affiliate span:has(.button.primary) .button.primary {
width: 324px;
}
.awards-affiliate-container.they-wear-our-faces.they-wear-our-faces-awards-affiliate span:has(.button.primary) .button.primary strong {
font-weight: 500;
}
@media screen and (width <= 375px) {
.awards-affiliate-container.they-wear-our-faces.they-wear-our-faces-awards-affiliate span:has(.button.primary) .button.primary {
max-width: fit-content;
}
}
.awards-affiliate-container.they-wear-our-faces.they-wear-our-faces-awards-affiliate > div > div > div:last-child > div {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 400;
font-style: regular;
font-size: 12px;
line-height: 14px;
letter-spacing: 0;
text-align: center;
}
.awards-affiliate-container.they-wear-our-faces h3, .awards-affiliate-container.they-wear-our-faces h4 {
font-family: "IBM Plex Sans", sans-serif;
}
.awards-affiliate-container.they-wear-our-faces .columns-title > div picture {
margin-left: 10px;
margin-right: 10px;
}
.awards-affiliate-container.they-wear-our-faces .subtitle > div {
display: block !important;
}
.awards-affiliate-container.they-wear-our-faces .columns-class p:has(img) {
margin-bottom: 0;
}
.awards-affiliate-container.they-wear-our-faces .columns-class img {
width: 48px;
}
.awards-affiliate-container.they-wear-our-faces {
border: none !important;
}
@media (width < 768px) {
.awards-affiliate-container.they-wear-our-faces {
padding: 30px;
}
.awards-affiliate-container.they-wear-our-faces .awards-affiliate {
padding: 30px;
}
.awards-affiliate-container.they-wear-our-faces .awards-affiliate h3 {
font-size: 18px;
line-height: normal;
}
.awards-affiliate-container.they-wear-our-faces .awards-affiliate p {
font-size: 16px;
line-height: normal;
}
.awards-affiliate-container.they-wear-our-faces .awards-affiliate img {
max-width: 64px;
}
.awards-affiliate-container.they-wear-our-faces .awards-affiliate .columns-title img {
max-width: 40px;
}
.awards-affiliate-container.they-wear-our-faces:has(.awards-affiliate.black-heading) {
padding: 0;
}
.awards-affiliate-container.they-wear-our-faces:has(.awards-affiliate.black-heading) .awards-affiliate-wrapper {
border-radius: 0;
}
.awards-affiliate-container.they-wear-our-faces:has(.awards-affiliate.black-heading) .awards-affiliate-wrapper .awards-affiliate {
padding: 30px;
}
}

@media screen and (width >= 768px) {
.smaller-imgs .awards-affiliate > div:last-of-type img {
height: 100px;
margin-top: 1em;
}
.smaller-imgs .awards-affiliate > div:last-of-type img:first-of-type {
margin-right: 2em;
}
.awards-affiliate img {
max-width: none;
}
Expand Down Expand Up @@ -114,4 +235,36 @@
.awards-affiliate.no-button img {
max-width: 90px;
}
.awards-affiliate.black-heading .columns-class > div img {
margin: 0;
}
.awards-affiliate.black-heading .columns-class > div h4 {
margin: 0;
}
}
@media screen and (width >= 768px) and (width < 992px) {
.awards-affiliate.black-heading {
padding-left: 32px;
padding-right: 32px;
}
.awards-affiliate.black-heading .columns-class {
flex-direction: column;
margin-top: 5px;
text-align: left;
width: 100%;
}
.awards-affiliate.black-heading .columns-class > div {
min-width: 100%;
display: flex;
gap: 20px;
}
.awards-affiliate.black-heading .columns-class > div p {
margin: 0;
}
.awards-affiliate.black-heading .columns-class > div img,
.awards-affiliate.black-heading .columns-class > div svg {
height: 48px;
width: 48px;
margin: 0;
}
}
5 changes: 4 additions & 1 deletion _src-lp/blocks/awards-affiliate/awards-affiliate.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import { productAliases } from '../../scripts/scripts.js';
import { matchHeights } from '../../scripts/utils.js';

export default function decorate(block) {
const metaData = block.closest('.section').dataset;
Expand All @@ -21,6 +22,8 @@ export default function decorate(block) {
columnTitle?.classList.add('columns-title');
columnSubtitle?.classList.add('columns-subtitle');
if (iconSubtitle?.innerText.trim()) iconSubtitle.classList.add('icon-subtitle');
block.appendChild(buybtn);
columns?.insertAdjacentElement('afterend', buybtn);
}

matchHeights(block, 'h4');
}
Loading