Skip to content

Commit 26ac585

Browse files
caugnercaugner
authored
chore(menu,footer): populate links (#19)
1 parent 3a5c5d7 commit 26ac585

File tree

2 files changed

+331
-101
lines changed

2 files changed

+331
-101
lines changed

‎components/footer/index.js‎

Lines changed: 83 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ export function Footer(context) {
99
return html`<div class="footer">
1010
<div class="footer__mdn">
1111
<div class="footer__intro">
12-
<a class="footer__logo" href="">
12+
<a class="footer__logo" href="/">
1313
<svg width="48" height="17" viewBox="0 0 48 17">
1414
<title>MDN logo</title>
1515
<path
@@ -30,8 +30,12 @@ export function Footer(context) {
3030
</p>
3131
</div>
3232
<ul class="footer__socials">
33+
<!-- TODO Add Bluesky. -->
3334
<li>
34-
<a href="" aria-label=${context.l10n`MDN on Mastodon`}>
35+
<a
36+
href="https://mastodon.social/@mdn"
37+
aria-label=${context.l10n`MDN on Mastodon`}
38+
>
3539
<svg class="icon" width="24" height="24" viewBox="-32 0 512 512">
3640
<!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
3741
<path
@@ -41,7 +45,10 @@ export function Footer(context) {
4145
</a>
4246
</li>
4347
<li>
44-
<a href="" aria-label=${context.l10n`MDN on X`}>
48+
<a
49+
href="https://twitter.com/mozdevnet"
50+
aria-label=${context.l10n`MDN on X`}
51+
>
4552
<svg class="icon" width="24" height="24" viewBox="0 0 512 512">
4653
<!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
4754
<path
@@ -51,7 +58,10 @@ export function Footer(context) {
5158
</a>
5259
</li>
5360
<li>
54-
<a href="" aria-label=${context.l10n`MDN on GitHub`}>
61+
<a
62+
href="https://github.com/mdn/"
63+
aria-label=${context.l10n`MDN on GitHub`}
64+
>
5565
<svg class="icon" width="24" height="24" viewBox="-8 0 512 512">
5666
<!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
5767
<path
@@ -61,7 +71,10 @@ export function Footer(context) {
6171
</a>
6272
</li>
6373
<li>
64-
<a href="" aria-label=${context.l10n`MDN blog RSS feed`}>
74+
<a
75+
href="/en-US/blog/rss.xml"
76+
aria-label=${context.l10n`MDN blog RSS feed`}
77+
>
6578
<svg class="icon" width="24" height="24" viewBox="-32 0 512 512">
6679
<!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
6780
<path
@@ -75,46 +88,78 @@ export function Footer(context) {
7588
<dt>${context.l10n`MDN`}</dt>
7689
<dd>
7790
<ul>
78-
<li><a href="">${context.l10n`About`}</a></li>
79-
<li><a href="">${context.l10n`Blog`}</a></li>
80-
<li><a href="">${context.l10n`Careers`}</a></li>
81-
<li><a href="">${context.l10n`Advertise with us`}</a></li>
91+
<li><a href="/en-US/about">${context.l10n`About`}</a></li>
92+
<li><a href="/en-US/blog/">${context.l10n`Blog`}</a></li>
93+
<li>
94+
<a href="https://www.mozilla.org/en-US/careers/listings/"
95+
>${context.l10n`Careers`}</a
96+
>
97+
</li>
98+
<li>
99+
<a href="/en-US/advertising"
100+
>${context.l10n`Advertise with us`}</a
101+
>
102+
</li>
82103
</ul>
83104
</dd>
84105
</dl>
85106
<dl class="footer__links">
86107
<dt>${context.l10n`Support`}</dt>
87108
<dd>
88109
<ul>
89-
<li><a href="">${context.l10n`Product help`}</a></li>
90-
<li><a href="">${context.l10n`Report an issue`}</a></li>
110+
<li>
111+
<a href="https://support.mozilla.org/products/mdn-plus"
112+
>${context.l10n`Product help`}</a
113+
>
114+
</li>
115+
<li>
116+
<a href="/en-US/docs/MDN/Community/Issues"
117+
>${context.l10n`Report an issue`}</a
118+
>
119+
</li>
91120
</ul>
92121
</dd>
93122
</dl>
94123
<dl class="footer__links">
95124
<dt>${context.l10n`Our communities`}</dt>
96125
<dd>
97126
<ul>
98-
<li><a href="">${context.l10n`MDN Community`}</a></li>
99-
<li><a href="">${context.l10n`MDN Forum`}</a></li>
100-
<li><a href="">${context.l10n`MDN Chat`}</a></li>
127+
<li>
128+
<a href="/en-US/community">${context.l10n`MDN Community`}</a>
129+
</li>
130+
<li>
131+
<a href="https://discourse.mozilla.org/c/mdn/236"
132+
>${context.l10n`MDN Forum`}</a
133+
>
134+
</li>
135+
<li><a href="/discord">${context.l10n`MDN Chat`}</a></li>
101136
</ul>
102137
</dd>
103138
</dl>
104139
<dl class="footer__links">
105140
<dt>${context.l10n`Developers`}</dt>
106141
<dd>
107142
<ul>
108-
<li><a href="">${context.l10n`Web Technologies`}</a></li>
109-
<li><a href="">${context.l10n`Learn Web Development`}</a></li>
110-
<li><a href="">${context.l10n`MDN Plus`}</a></li>
111-
<li><a href="">${context.l10n`Hacks Blog`}</a></li>
143+
<li>
144+
<a href="/en-US/docs/Web">${context.l10n`Web Technologies`}</a>
145+
</li>
146+
<li>
147+
<a href="/en-US/docs/Learn"
148+
>${context.l10n`Learn Web Development`}</a
149+
>
150+
</li>
151+
<li><a href="/en-US/plus">${context.l10n`MDN Plus`}</a></li>
152+
<li>
153+
<a href="https://hacks.mozilla.org/"
154+
>${context.l10n`Hacks Blog`}</a
155+
>
156+
</li>
112157
</ul>
113158
</dd>
114159
</dl>
115160
</div>
116161
<div class="footer__mozilla">
117-
<a class="footer__logo" href="">
162+
<a class="footer__logo" href="https://www.mozilla.org/">
118163
<svg width="112" height="32" viewBox="0 0 112 32">
119164
<title>Mozilla logo</title>
120165
<path
@@ -126,11 +171,26 @@ export function Footer(context) {
126171
</svg>
127172
</a>
128173
<ul>
129-
<li><a href="">${context.l10n`Website Privacy Notice`}</a></li>
130-
<li><a href="">${context.l10n`Cookies`}</a></li>
131-
<li><a href="">${context.l10n`Legal`}</a></li>
132174
<li>
133-
<a href="">${context.l10n`Community Participation Guidelines`}</a>
175+
<a href="https://www.mozilla.org/privacy/websites/"
176+
>${context.l10n`Website Privacy Notice`}</a
177+
>
178+
</li>
179+
<li>
180+
<a href="https://www.mozilla.org/privacy/websites/cookie-settings/"
181+
>${context.l10n`Cookies`}</a
182+
>
183+
</li>
184+
<li>
185+
<a href="https://www.mozilla.org/about/legal/terms/mozilla"
186+
>${context.l10n`Legal`}</a
187+
>
188+
</li>
189+
<li>
190+
<a
191+
href="https://www.mozilla.org/about/governance/policies/participation/"
192+
>${context.l10n`Community Participation Guidelines`}</a
193+
>
134194
</li>
135195
</ul>
136196
<p>

0 commit comments

Comments
 (0)