Skip to content

Commit 3ef27b1

Browse files
ruthnaebeckruthnaebeck
authored
Merge pull request DataDog#5455 from DataDog/nsollecito/ir-link-nav
Main navigation and footer update for IR site
2 parents be6ddc8 + 060e5ad commit 3ef27b1

File tree

4 files changed

+46
-17
lines changed

4 files changed

+46
-17
lines changed

‎data/partials/footer.yaml

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,9 @@ col3:
5858
- name: legal
5959
link: "https://www.datadoghq.com/legal/"
6060
title: "Legal"
61+
- name: investors
62+
link: "https://investors.datadoghq.com/"
63+
title: "Investor Relations"
6164
- name: analyst
6265
link: "https://www.datadoghq.com/about/analyst/"
6366
title: "Analyst Reports"

‎data/partials/header.yaml

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -71,13 +71,19 @@ right:
7171
title: "Press"
7272
- name: about_team
7373
link: "https://www.datadoghq.com/about/team/"
74-
title: "Team"
74+
title: "Leadership"
7575
- name: about_careers
7676
link: "https://www.datadoghq.com/careers/"
7777
title: "Careers"
7878
- name: about_analyst
7979
link: "https://www.datadoghq.com/about/analyst/"
8080
title: "Analyst Reports"
81+
- name: about_investors
82+
link: "https://investors.datadoghq.com/"
83+
title: "Investor Relations"
84+
- name: about_timeline
85+
link: "https://www.datadoghq.com/about/timeline/"
86+
title: "Timeline"
8187
- name: blog
8288
link: "https://www.datadoghq.com/blog/"
8389
title: "Blog"

‎layouts/partials/footer/footer.html

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -16,15 +16,15 @@
1616
<footer>
1717
<div class="container">
1818
<div class="row">
19-
<div class="col-12 col-md-3 col-lg-4 footer-side">
19+
<div class="col-12 col-lg-12 col-xl-4 footer-side">
2020
<div class="row">
2121
<div class="col-12 col-lg-8">
2222
<button type="button" class="btn btn-block btn-outline-semi-trans" data-toggle="modal" data-target="#signupModal">{{ i18n "free_trial" }}</button>
2323
</div>
2424
</div>
25-
<span class="copyright d-none d-md-block">&copy; Datadog {{ $date := now }} {{ $date.Format "2006"}}</span>
25+
<span class="copyright d-none d-xl-block">&copy; Datadog {{ $date := now }} {{ $date.Format "2006"}}</span>
2626
</div>
27-
<div class="col-12 col-md-5 col-lg-4 mt-4 mt-md-0">
27+
<div class="col-12 col-lg-6 col-xl-4 mt-4 mt-xl-0">
2828
<p>Product</p>
2929
<div class="row">
3030
<div class="col-6">
@@ -42,14 +42,17 @@
4242
</ul>
4343
</div>
4444
</div>
45+
<div class="row d-none d-lg-block d-xl-none mt-4">
46+
<span class="copyright">&copy; Datadog {{ $date := now }} {{ $date.Format "2006"}}</span>
47+
</div>
4548
</div>
46-
<div class="col-12 col-md-4 col-lg-4 mt-4 mt-md-0">
49+
<div class="col-12 col-lg-6 col-xl-4 mt-4 mt-xl-0">
4750
<div class="row">
4851
<div class="col-4">
4952
<p>About</p>
5053
<ul class="list-unstyled">
5154
{{ range $datafile.col3 }}
52-
{{ if .link }}<li><a href="{{ if in .link "http"}}{{ .link }}{{ else }}{{ .link | absLangURL }}{{ end }}">{{ .title }}</a></li>{{ end }}
55+
{{ if .link }}<li {{ if eq .title "Investor Relations" }}class="nowrap"{{ end }}><a href="{{ if in .link "http"}}{{ .link }}{{ else }}{{ .link | absLangURL }}{{ end }}">{{ .title }}</a></li>{{ end }}
5356
{{ end }}
5457
</ul>
5558
</div>
@@ -70,7 +73,7 @@
7073
</ul>
7174
</div>
7275
</div>
73-
<div class="row d-inline-block d-md-none mt-4 mt-md-0">
76+
<div class="row d-inline-block d-lg-none mt-4 mt-lg-0">
7477
<div class="col-12"><span class="copyright">&copy; Datadog {{ $date := now }} {{ $date.Format "2006"}}</span></div>
7578
</div>
7679
</div>

‎src/styles/components/_footer.scss

Lines changed: 27 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
1-
$footer_height: 362px;
2-
$footer_height_fr: 410px;
3-
$footer_height_sm: 707px;
1+
$footer_height: 366px;
42
$ddpurple: #632CA6;
53
$footer_bg_color: #110617;
64

@@ -16,7 +14,7 @@ body {
1614
&.fr,
1715
&.ja{
1816
/* Margin bottom by footer height on fr page */
19-
margin-bottom: $footer_height_fr;
17+
margin-bottom: $footer_height + 27px;
2018
}
2119
}
2220

@@ -33,6 +31,7 @@ body {
3331

3432
/* Set the fixed height of the footer here */
3533
height: $footer_height;
34+
3635
background-color: $footer_bg_color;
3736
color:$footer-font-color;
3837
.container {
@@ -41,6 +40,9 @@ body {
4140
margin-bottom: 50px;
4241
}
4342
}
43+
.copyright {
44+
font-size: 16px;
45+
}
4446
p {
4547
border-bottom:1px solid $footer-font-color;
4648
margin-bottom:10px;
@@ -90,30 +92,45 @@ body {
9092
position:absolute;
9193
bottom:0;
9294
display:block;
93-
font-size:16px;
9495
}
9596
}
97+
.nowrap{
98+
white-space: nowrap;
99+
}
96100
}
97101
&.fr,
98102
&.ja {
99103
footer {
100104
/* Set the fixed height of the french footer here */
101-
height: $footer_height_fr;
105+
height: $footer_height + 27px;
106+
}
107+
}
108+
}
109+
@media (max-width: 1200px) {
110+
body,
111+
body.fr,
112+
body.ja {
113+
margin-bottom: $footer_height + 82px;
114+
}
115+
body,
116+
body.fr,
117+
body.ja {
118+
footer {
119+
height: $footer_height + 82px;
102120
}
103121
}
104122
}
105-
@media (max-width: 767px) {
123+
@media (max-width: 991px) {
106124
body,
107125
body.fr,
108126
body.ja {
109-
/* Margin bottom by footer height */
110-
margin-bottom: $footer_height_sm;
127+
margin-bottom: $footer_height + 345px;
111128
}
112129
body,
113130
body.fr,
114131
body.ja {
115132
footer {
116-
height:$footer_height_sm;
133+
height: $footer_height + 345px;
117134
.footer-side {
118135
.btn {
119136
width:100%;

0 commit comments

Comments
 (0)