Skip to content

Commit

Permalink
Add Firefox built for you landing page [fix mozilla#14985] (mozilla#1…
Browse files Browse the repository at this point in the history
  • Loading branch information
craigcook authored Aug 30, 2024
1 parent 3e8f11b commit 1447d33
Show file tree
Hide file tree
Showing 48 changed files with 947 additions and 1 deletion.
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

<div class="c-hero-video">
<video preload="auto" playsinline autoplay muted loop poster="{{ static('img/firefox/built-for-you/pinocchio-1000.jpg') }}" width="800" height="600">
<source src="https://assets.mozilla.net/video/built-for-you/video-pinocchio-de.webm" type="video/webm">
</video>

{{ resp_img('img/firefox/built-for-you/pinocchio-800.jpg',
srcset={
'img/firefox/built-for-you/pinocchio-600.jpg': '600w',
'img/firefox/built-for-you/pinocchio-800.jpg': '800w',
'img/firefox/built-for-you/pinocchio-1000.jpg': '1000w',
'img/firefox/built-for-you/pinocchio-1200.jpg': '1200w',
},
sizes={
'(min-width: 768px)': 'calc(50vw - 192px)',
'default': 'calc(100vw - 48px)'
},
optional_attributes={
'class': 'mzp-c-split-media-asset fallback',
'alt': '',
'width': '800',
'height': '600',
},
) }}
</div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

<div class="c-hero-video">
<video preload="auto" playsinline autoplay muted loop poster="{{ static('img/firefox/built-for-you/pinocchio-1000.jpg') }}" width="800" height="600">
<source src="https://assets.mozilla.net/video/built-for-you/video-pinocchio-fr.webm" type="video/webm">
</video>

{{ resp_img('img/firefox/built-for-you/pinocchio-800.jpg',
srcset={
'img/firefox/built-for-you/pinocchio-600.jpg': '600w',
'img/firefox/built-for-you/pinocchio-800.jpg': '800w',
'img/firefox/built-for-you/pinocchio-1000.jpg': '1000w',
'img/firefox/built-for-you/pinocchio-1200.jpg': '1200w',
},
sizes={
'(min-width: 768px)': 'calc(50vw - 192px)',
'default': 'calc(100vw - 48px)'
},
optional_attributes={
'class': 'mzp-c-split-media-asset fallback',
'alt': '',
'width': '800',
'height': '600',
},
) }}
</div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

<div class="c-hero-video">
<video preload="auto" playsinline autoplay muted loop poster="{{ static('img/firefox/built-for-you/superhero-1000.jpg') }}" width="800" height="600">
<source src="https://assets.mozilla.net/video/built-for-you/video-superhero-de.webm" type="video/webm">
</video>

{{ resp_img('img/firefox/built-for-you/superhero-800.jpg',
srcset={
'img/firefox/built-for-you/superhero-600.jpg': '600w',
'img/firefox/built-for-you/superhero-800.jpg': '800w',
'img/firefox/built-for-you/superhero-1000.jpg': '1000w',
'img/firefox/built-for-you/superhero-1200.jpg': '1200w',
},
sizes={
'(min-width: 768px)': 'calc(50vw - 192px)',
'default': 'calc(100vw - 48px)'
},
optional_attributes={
'class': 'mzp-c-split-media-asset fallback',
'alt': '',
'width': '800',
'height': '600',
},
) }}
</div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

<div class="c-hero-video">
<video preload="auto" playsinline autoplay muted loop poster="{{ static('img/firefox/built-for-you/superhero-1000.jpg') }}" width="800" height="600">
<source src="https://assets.mozilla.net/video/built-for-you/video-superhero-fr.webm" type="video/webm">
</video>

{{ resp_img('img/firefox/built-for-you/superhero-800.jpg',
srcset={
'img/firefox/built-for-you/superhero-600.jpg': '600w',
'img/firefox/built-for-you/superhero-800.jpg': '800w',
'img/firefox/built-for-you/superhero-1000.jpg': '1000w',
'img/firefox/built-for-you/superhero-1200.jpg': '1200w',
},
sizes={
'(min-width: 768px)': 'calc(50vw - 192px)',
'default': 'calc(100vw - 48px)'
},
optional_attributes={
'class': 'mzp-c-split-media-asset fallback',
'alt': '',
'width': '800',
'height': '600',
},
) }}
</div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{{
resp_img('img/firefox/built-for-you/sloth-800.jpg',
srcset={
'img/firefox/built-for-you/sloth-600.jpg': '600w',
'img/firefox/built-for-you/sloth-800.jpg': '800w',
'img/firefox/built-for-you/sloth-1000.jpg': '1000w',
'img/firefox/built-for-you/sloth-1200.jpg': '1200w'
},
sizes={
'(min-width: 768px)': 'calc(50vw - 192px)',
'default': 'calc(100vw - 48px)'
},
optional_attributes={
'class': 'mzp-c-split-media-asset',
'alt': '',
'width': '800',
'height': '600',
},
)
}}
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{{
resp_img('img/firefox/built-for-you/alien-800.jpg',
srcset={
'img/firefox/built-for-you/alien-600.jpg': '600w',
'img/firefox/built-for-you/alien-800.jpg': '800w',
'img/firefox/built-for-you/alien-1000.jpg': '1000w',
'img/firefox/built-for-you/alien-1200.jpg': '1200w'
},
sizes={
'(min-width: 768px)': 'calc(50vw - 192px)',
'default': 'calc(100vw - 48px)'
},
optional_attributes={
'class': 'mzp-c-split-media-asset',
'alt': '',
'width': '800',
'height': '600',
},
)
}}
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{{
picture('img/firefox/built-for-you/human-desktop-800.jpg',
sources=[
{
'media': '(max-width: 768px)',
'srcset': {
'img/firefox/built-for-you/human-mobile-600.jpg': '600w',
'img/firefox/built-for-you/human-mobile-800.jpg': '800w',
'img/firefox/built-for-you/human-mobile-1000.jpg': '1000w',
},
},
{
'media': '(min-width: 768px)',
'srcset': {
'img/firefox/built-for-you/human-desktop-800.jpg': '800w',
'img/firefox/built-for-you/human-desktop-1000.jpg': '1000w',
'img/firefox/built-for-you/human-desktop-1200.jpg': '1200w',
}
}
],
optional_attributes={
'class': 'mzp-c-split-media-asset',
'alt': '',
'width': '800',
'height': '600',
},
)
}}
Loading

0 comments on commit 1447d33

Please sign in to comment.