Skip to content

Commit 735e377

Browse files
committed
Improved the frontpage hero and newsletter sections. Improved the carousel to support dragging and moving the games in it.
1 parent bdf1589 commit 735e377

9 files changed

Lines changed: 1116 additions & 589 deletions

_includes/newsletter_section.html

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,11 @@
66
<div class="container">
77
<div class="community-newsletter-shell">
88
<div class="community-newsletter-copy">
9-
<div class="community-newsletter-visual">
10-
<img class="community-newsletter-graphic" src="/images/icons/icon-newsletter.svg" alt="">
11-
</div>
12-
<div class="community-newsletter-copy-text">
13-
<h2>{{ newsletter_title }}</h2>
14-
<p>{{ newsletter_body }}</p>
15-
</div>
9+
<h2 class="feature-heading community-newsletter-heading">
10+
<img class="feature-heading-icon community-newsletter-graphic" src="/images/icons/icon-newsletter.svg" alt="" aria-hidden="true"/>
11+
<span class="community-newsletter-heading-text">{{ newsletter_title }}</span>
12+
</h2>
13+
<p>{{ newsletter_body }}</p>
1614
</div>
1715
<div class="community-newsletter-form-shell">
1816
<div class="community-newsletter-form">

_includes/showcase_carousel.html

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,7 @@
1212

1313
<div class="frontpage-hero-showcase{% if include.wrapper_class %} {{ include.wrapper_class }}{% endif %}">
1414
<div class="frontpage-hero-showcase-header">
15-
<div class="frontpage-hero-showcase-copy">
16-
<p class="asset-hub-filter-label">{{ carousel_label }}</p>
17-
</div>
15+
<p class="asset-hub-filter-label">{{ carousel_label }}</p>
1816
{%- if carousel_action_link and carousel_action_text -%}
1917
<div class="frontpage-hero-showcase-action">
2018
{% include secondary_button.html link=carousel_action_link text=carousel_action_text target=include.action_target %}
@@ -36,7 +34,7 @@
3634
<img
3735
src="/images/games/{{ game.images.third }}"
3836
srcset="/images/games/{{ game.images.third }} 800w, /images/games/{{ game.images.half }} 1200w, /images/games/{{ game.images.full }} 2000w"
39-
sizes="(min-width: 1200px) 22vw, (min-width: 800px) 30vw, (min-width: 560px) 45vw, 92vw"
37+
sizes="(min-width: 1400px) 26vw, (min-width: 980px) 32vw, (min-width: 640px) 48vw, 96vw"
4038
alt="{{ game.name }}"
4139
loading="{% if rendered_initial_count < 2 %}eager{% else %}lazy{% endif %}"
4240
{% if rendered_initial_count == 0 %}fetchpriority="high"{% endif %}
@@ -61,7 +59,7 @@
6159
<img
6260
src="/images/games/{{ game.images.third }}"
6361
srcset="/images/games/{{ game.images.third }} 800w, /images/games/{{ game.images.half }} 1200w, /images/games/{{ game.images.full }} 2000w"
64-
sizes="(min-width: 1200px) 22vw, (min-width: 800px) 30vw, (min-width: 560px) 45vw, 92vw"
62+
sizes="(min-width: 1400px) 26vw, (min-width: 980px) 32vw, (min-width: 640px) 48vw, 96vw"
6563
alt="{{ game.name }}"
6664
loading="{% if forloop.index0 < 2 %}eager{% else %}lazy{% endif %}"
6765
{% if forloop.first %}fetchpriority="high"{% endif %}

0 commit comments

Comments
 (0)