Skip to content

Commit b3f4399

Browse files
paweljaroszpaweljarosz
committed
Improved donors and partners section for dark and light modes. Added Udemy course image.
1 parent 735e377 commit b3f4399

5 files changed

Lines changed: 458 additions & 129 deletions

File tree

‎_data/learnindex.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,8 @@
4242
},
4343
{
4444
"author": "MDC lessons",
45-
"description": "This short Udemy course introduces Defold by building a small playable game from scratch in about an hour. It covers core engine concepts such as collections, game objects, script lifecycle callbacks, input, collisions, and simple gameplay logic, making it a solid first guided step into Defold.",
45+
"description": "This short Udemy course introduces Defold by building a small playable game in about an hour. It covers collections, game objects, input, collisions, and simple gameplay logic, making it a solid first step into Defold.",
46+
"image": "/courses/images/mdc-lessons-udemy.png",
4647
"name": "Learn game making in an hour",
4748
"path": "https://www.udemy.com/course/learn-game-making-in-an-hour/",
4849
"tags": [

‎_includes/donors_and_partners.html‎

Lines changed: 99 additions & 85 deletions
Original file line numberDiff line numberDiff line change
@@ -12,135 +12,149 @@
1212
{%- assign memberships=site.data.memberships -%}
1313

1414
<div class="section darkest donors-and-partners-section" markdown="0">
15-
{%- if platinum.size > 0 or include.empty -%}
1615
<div class="container">
17-
<div class="row">
18-
<div class="columns twelve center">
19-
<h5 style="margin-bottom: 1rem; margin-top: 2rem;">Corporate Platinum Partners</h5>
20-
<div class="grid-150">
16+
<div class="donors-and-partners-shell">
17+
{%- if platinum.size > 0 or include.empty -%}
18+
<div class="donors-and-partners-group">
19+
<div class="donors-and-partners-group-heading">
20+
<h5>Corporate Platinum Partners</h5>
21+
</div>
22+
<div class="donors-and-partners-grid donors-and-partners-grid-platinum">
2123
{%- for partner in platinum -%}
22-
<a href="{{ partner.link }}" target="_blank"><img src="{{ partner.logo }}" loading="lazy" style="max-height: 55px" alt="{{ partner.name }} logo"></a>
24+
<a class="donors-and-partners-card donors-and-partners-card-platinum" href="{{ partner.link }}" target="_blank" rel="noopener">
25+
<img class="donors-and-partners-logo donors-and-partners-logo-platinum" src="{{ partner.logo }}" loading="lazy" alt="{{ partner.name }} logo">
26+
</a>
2327
{%- endfor -%}
2428
</div>
25-
{%- if include.button -%}{% include secondary_button.html link="/donate" text="Become a partner" %}{%- endif -%}
2629
</div>
27-
</div>
28-
</div>
29-
{%- endif -%}
30+
{%- endif -%}
3031

31-
{%- if gold.size > 0 or include.empty -%}
32-
<div class="container">
33-
<div class="row">
34-
<div class="columns twelve center">
35-
<h5 style="margin-bottom: 1rem; margin-top: 2rem;">Corporate Gold Partners</h5>
36-
<div class="grid-100">
32+
{%- if gold.size > 0 or include.empty -%}
33+
<div class="donors-and-partners-group">
34+
<div class="donors-and-partners-group-heading">
35+
<h5>Corporate Gold Partners</h5>
36+
</div>
37+
<div class="donors-and-partners-grid">
3738
{%- for partner in gold -%}
38-
<a href="{{ partner.link }}" target="_blank"><img src="{{ partner.logo }}" loading="lazy" style="max-height: 44px" alt="{{ partner.name }} logo"></a>
39+
<a class="donors-and-partners-card donors-and-partners-card-standard" href="{{ partner.link }}" target="_blank" rel="noopener">
40+
<img class="donors-and-partners-logo donors-and-partners-logo-standard" src="{{ partner.logo }}" loading="lazy" alt="{{ partner.name }} logo">
41+
</a>
3942
{%- endfor -%}
4043
</div>
41-
{%- if include.button -%}{% include secondary_button.html link="/donate" text="Become a partner" %}{%- endif -%}
4244
</div>
43-
</div>
44-
</div>
45-
{%- endif -%}
45+
{%- endif -%}
4646

47-
{%- if silver.size > 0 or include.empty -%}
48-
<div class="container">
49-
<div class="row">
50-
<div class="columns twelve center">
51-
<h5 style="margin-bottom: 1rem; margin-top: 2rem;">Corporate Silver Partners</h5>
52-
<div class="grid-100">
47+
{%- if silver.size > 0 or include.empty -%}
48+
<div class="donors-and-partners-group">
49+
<div class="donors-and-partners-group-heading">
50+
<h5>Corporate Silver Partners</h5>
51+
</div>
52+
<div class="donors-and-partners-grid">
5353
{%- for partner in silver -%}
54-
<a href="{{ partner.link }}" target="_blank"><img src="{{ partner.logo }}" loading="lazy" style="max-height: 44px" alt="{{ partner.name }} logo"></a>
54+
<a class="donors-and-partners-card donors-and-partners-card-standard" href="{{ partner.link }}" target="_blank" rel="noopener">
55+
<img class="donors-and-partners-logo donors-and-partners-logo-standard" src="{{ partner.logo }}" loading="lazy" alt="{{ partner.name }} logo">
56+
</a>
5557
{%- endfor -%}
5658
</div>
57-
{%- if include.button -%}{% include secondary_button.html link="/donate" text="Become a partner" %}{%- endif -%}
5859
</div>
59-
</div>
60-
</div>
61-
{%- endif -%}
60+
{%- endif -%}
6261

63-
{%- if bronze.size > 0 or include.empty -%}
64-
<div class="container">
65-
<div class="row">
66-
<div class="columns twelve center">
67-
<h5 style="margin-bottom: 1rem; margin-top: 2rem;">Corporate Bronze Partners</h5>
68-
<div class="grid-100">
62+
{%- if bronze.size > 0 or include.empty -%}
63+
<div class="donors-and-partners-group">
64+
<div class="donors-and-partners-group-heading">
65+
<h5>Corporate Bronze Partners</h5>
66+
</div>
67+
<div class="donors-and-partners-grid">
6968
{%- for partner in bronze -%}
70-
<a href="{{ partner.link }}" target="_blank"><img src="{{ partner.logo }}" loading="lazy" style="max-height: 33px" alt="{{ partner.name }} logo"></a>
69+
<a class="donors-and-partners-card donors-and-partners-card-compact" href="{{ partner.link }}" target="_blank" rel="noopener">
70+
<img class="donors-and-partners-logo donors-and-partners-logo-compact" src="{{ partner.logo }}" loading="lazy" alt="{{ partner.name }} logo">
71+
</a>
7172
{%- endfor -%}
7273
</div>
73-
{%- if include.button -%}{% include secondary_button.html link="/donate" text="Become a partner" %}{%- endif -%}
7474
</div>
75-
</div>
76-
</div>
77-
{%- endif -%}
75+
{%- endif -%}
7876

79-
{%- if special.size > 0 or include.empty -%}
80-
<div class="container">
81-
<div class="row">
82-
<div class="columns twelve center">
83-
<h5 style="margin-bottom: 1rem; margin-top: 2rem;">Special Partners</h5>
84-
<div class="grid-100">
77+
{%- if special.size > 0 or include.empty -%}
78+
<div class="donors-and-partners-group">
79+
<div class="donors-and-partners-group-heading">
80+
<h5>Special Partners</h5>
81+
</div>
82+
<div class="donors-and-partners-grid">
8583
{%- for partner in special -%}
86-
<a href="{{ partner.link }}" target="_blank"><img src="{{ partner.logo }}" loading="lazy" style="max-height: 44px" alt="{{ partner.name }} logo"></a>
84+
<a class="donors-and-partners-card donors-and-partners-card-special" href="{{ partner.link }}" target="_blank" rel="noopener">
85+
<img class="donors-and-partners-logo donors-and-partners-logo-special" src="{{ partner.logo }}" loading="lazy" alt="{{ partner.name }} logo">
86+
</a>
8787
{%- endfor -%}
8888
</div>
89-
{%- if include.button -%}{% include secondary_button.html link="/donate" text="Become a partner" %}{%- endif -%}
9089
</div>
91-
</div>
92-
</div>
93-
{%- endif -%}
90+
{%- endif -%}
9491

95-
{%- if friends.size > 0 or include.empty -%}
96-
<div class="container">
97-
<div class="row">
98-
<div class="columns twelve center">
99-
<h5 style="margin-bottom: 1rem; margin-top: 2rem;">Friends of Defold</h5>
100-
<div class="grid-100">
92+
{%- if friends.size > 0 or include.empty -%}
93+
<div class="donors-and-partners-group">
94+
<div class="donors-and-partners-group-heading">
95+
<h5>Friends of Defold</h5>
96+
</div>
97+
<div class="donors-and-partners-grid">
10198
{%- for partner in friends -%}
102-
<a href="{{ partner.link }}" target="_blank"><img src="{{ partner.logo }}" loading="lazy" style="max-height: 33px" alt="{{ partner.name }} logo"></a>
99+
<a class="donors-and-partners-card donors-and-partners-card-friends" href="{{ partner.link }}" target="_blank" rel="noopener">
100+
<img class="donors-and-partners-logo donors-and-partners-logo-friends" src="{{ partner.logo }}" loading="lazy" alt="{{ partner.name }} logo">
101+
</a>
103102
{%- endfor -%}
104103
</div>
105-
{%- if include.button -%}{% include secondary_button.html link="/donate" text="Become a partner" %}{%- endif -%}
106104
</div>
107-
</div>
108-
</div>
109-
{%- endif -%}
105+
{%- endif -%}
110106

111-
{%- if logodonors.size > 0 or linkdonors.size > 0 or namedonors.size > 0 -%}
112-
<div class="container">
113-
<div class="row">
114-
<div class="columns twelve center">
115-
<h5 style="margin-bottom: 1rem; margin-top: 2rem;">Top Community Donors</h5>
116-
<div class="lightest-text grid-100">
107+
{%- if logodonors.size > 0 or linkdonors.size > 0 or namedonors.size > 0 -%}
108+
<div class="donors-and-partners-group">
109+
<div class="donors-and-partners-group-heading">
110+
<h5>Top Community Donors</h5>
111+
</div>
112+
<div class="donors-and-partners-grid donors-and-partners-grid-donors">
117113
{%- for donor in logodonors -%}
118-
{%- include donor.html donor=donor -%}
114+
{%- if donor.link and donor.link != "" -%}
115+
<a class="donors-and-partners-card donors-and-partners-card-donor" href="{{ donor.link }}" target="_blank" rel="noopener">
116+
<img class="donors-and-partners-logo donors-and-partners-logo-donor" src="{{ donor.logo }}" loading="lazy" alt="{{ donor.name }} logo">
117+
</a>
118+
{%- else -%}
119+
<div class="donors-and-partners-card donors-and-partners-card-donor">
120+
<img class="donors-and-partners-logo donors-and-partners-logo-donor" src="{{ donor.logo }}" loading="lazy" alt="{{ donor.name }} logo">
121+
</div>
122+
{%- endif -%}
119123
{%- endfor -%}
120124
{%- for donor in linkdonors -%}
121-
{%- include donor.html donor=donor -%}
125+
<a class="donors-and-partners-card donors-and-partners-card-donor-text" href="{{ donor.link }}" target="_blank" rel="noopener">
126+
<span class="donors-and-partners-name">{{ donor.name }}</span>
127+
</a>
122128
{%- endfor -%}
123129
{%- for donor in namedonors -%}
124-
{%- include donor.html donor=donor -%}
130+
<div class="donors-and-partners-card donors-and-partners-card-donor-text">
131+
<span class="donors-and-partners-name">{{ donor.name }}</span>
132+
</div>
125133
{%- endfor -%}
126134
</div>
127135
</div>
128-
</div>
129-
</div>
130-
{%- endif -%}
136+
{%- endif -%}
131137

132-
{%- if memberships.size > 0 -%}
133-
<div class="container">
134-
<div class="row">
135-
<div class="columns twelve center">
136-
<h5 style="margin-bottom: 1rem; margin-top: 2rem;">Memberships</h5>
137-
<div class="lightest-text grid-100">
138+
{%- if memberships.size > 0 -%}
139+
<div class="donors-and-partners-group">
140+
<div class="donors-and-partners-group-heading">
141+
<h5>Memberships</h5>
142+
</div>
143+
<div class="donors-and-partners-grid donors-and-partners-grid-memberships">
138144
{%- for membership in memberships -%}
139-
<a href="{{ membership.link }}" target="_blank"><img src="{{ membership.logo }}" loading="lazy" style="max-height: 55px" alt="{{ membership.name }} logo"></a>
145+
<a class="donors-and-partners-card donors-and-partners-card-platinum" href="{{ membership.link }}" target="_blank" rel="noopener">
146+
<img class="donors-and-partners-logo donors-and-partners-logo-platinum" src="{{ membership.logo }}" loading="lazy" alt="{{ membership.name }} logo">
147+
</a>
140148
{%- endfor -%}
141149
</div>
142150
</div>
151+
{%- endif -%}
152+
153+
{%- if include.button -%}
154+
<div class="donors-and-partners-actions">
155+
{% include secondary_button.html link="/donate" text="Become a partner" %}
156+
</div>
157+
{%- endif -%}
143158
</div>
144159
</div>
145-
{%- endif -%}
146160
</div>

‎_layouts/learn.html‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -23,31 +23,31 @@ <h3>First steps</h3>
2323
</div>
2424
<div class="row">
2525
<div class="page-feature-grid page-grid-three page-grid-flush learn-first-steps-grid">
26-
<a class="page-route-card learn-first-step-route-card" href="/download/">
27-
<span class="page-route-card-icon" aria-hidden="true">
26+
<a class="page-feature-card page-feature-card-manuals learn-start-route-card learn-first-step-route-card" href="/download/">
27+
<span class="page-feature-card-badge" aria-hidden="true">
2828
<img src="/images/icons/down-arrow.svg" alt="">
2929
</span>
30-
<span class="page-route-card-copy">
30+
<span class="page-feature-card-copy">
3131
<span class="learn-first-step-pill">Step 1</span>
3232
<h3>Download Defold</h3>
3333
<p>Get the editor for your operating system from the download page and choose the package you want to run. Click here to download Defold ↗</p>
3434
</span>
3535
</a>
36-
<a class="page-route-card learn-first-step-route-card" href="/manuals/install/">
37-
<span class="page-route-card-icon" aria-hidden="true">
36+
<a class="page-feature-card page-feature-card-manuals learn-start-route-card learn-first-step-route-card" href="/manuals/install/">
37+
<span class="page-feature-card-badge" aria-hidden="true">
3838
<img src="/images/icons/ic-64-box.svg" alt="">
3939
</span>
40-
<span class="page-route-card-copy">
40+
<span class="page-feature-card-copy">
4141
<span class="learn-first-step-pill">Step 2</span>
4242
<h3>Install and launch</h3>
4343
<p>Unzip Defold and launch it - that's it! No extra setup, no additional downloads are required. Everything is included in the package. Click here to read the details ↗</p>
4444
</span>
4545
</a>
46-
<a class="page-route-card learn-first-step-route-card" href="#start-your-journey">
47-
<span class="page-route-card-icon" aria-hidden="true">
46+
<a class="page-feature-card page-feature-card-manuals learn-start-route-card learn-first-step-route-card" href="#start-your-journey">
47+
<span class="page-feature-card-badge" aria-hidden="true">
4848
<img src="/images/icons/icons-learn-export_ic-learn-tutorials.svg" alt="">
4949
</span>
50-
<span class="page-route-card-copy">
50+
<span class="page-feature-card-copy">
5151
<span class="learn-first-step-pill">Step 3</span>
5252
<h3>Start your journey</h3>
5353
<p>Start creating! Open empty Defold project, start from the built-in tutorials or pick a right starting point below, from our curated list of manuals, tutorials, examples or videos.</p>

0 commit comments

Comments
 (0)