Skip to content

Commit 0e58a3c

Browse files
cannedyetiConnor Potebnya
andauthored
CLS-286 update devcenter nav and footer (#638)
* update devcebnter nav and footer * fixed nits Co-authored-by: Connor Potebnya <connor.potebnya@datarobot.com>
1 parent c4e433e commit 0e58a3c

File tree

3 files changed

+109
-153
lines changed

3 files changed

+109
-153
lines changed

_includes/footer.html

Lines changed: 35 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -84,52 +84,42 @@
8484
{% unless site.enterprise %}
8585
<div class="syn-col syn-col-lg-2 syn-col-md-3">
8686
<div class="syn-overline syn-mb-8">Company</div>
87-
<div class="syn-mb-8 syn-body-2">
88-
<a href="/about" class="syn-text-secondary">About</a>
89-
</div>
9087
<div class="syn-mb-8 syn-body-2">
9188
<a
92-
class="syn-text-secondary"
93-
href="https://www.datarobot.com/careers/"
94-
rel="noopener noreferrer">
95-
Careers at DataRobot
96-
</a>
97-
</div>
98-
<div class="syn-mb-8 syn-body-2">
99-
<a href="https://algorithmia.com/blog" class="syn-text-secondary"
100-
>Blog</a
101-
>
89+
class="syn-text-secondary"
90+
href="https://www.datarobot.com/careers/"
91+
rel="noopener noreferrer">
92+
Careers at DataRobot
93+
</a>
10294
</div>
10395
<div class="syn-mb-8 syn-body-2">
104-
<a href="/press" class="syn-text-secondary "
105-
>Press</a
96+
<a href="/contact" class="syn-text-secondary"
97+
>Contact Us</a
10698
>
10799
</div>
108100
<div class="syn-mb-8 syn-body-2">
109-
<a href="/partners" class="syn-text-secondary"
110-
>Partners</a
101+
<a
102+
href="https://www.datarobot.com/algorithmia/?utm_medium=website&utm_source=algorithmia&utm_campaign=ALGDR21ALGO"
103+
class="syn-text-secondary"
104+
rel="noopener noreferrer"
105+
target="_blank"
111106
>
107+
About
108+
</a>
112109
</div>
113110
</div>
114111

115112
<div class="syn-col syn-col-lg-2 syn-col-md-3">
116-
<div class="syn-overline syn-mb-8">Product</div>
113+
<div class="syn-overline syn-mb-8">Platform</div>
117114
<div class="syn-mb-8 syn-body-2">
118115
<a
119-
href="/pricing"
116+
href="https://www.datarobot.com/platform/?utm_source=algorithmia&utm_medium=web&utm_campaign=AICLOUD21-ALGO"
120117
class="syn-text-secondary"
121-
>Pricing</a
122-
>
123-
</div>
124-
<div class="syn-mb-8 syn-body-2">
125-
<a href="/serverless-ai-layer" class="syn-text-secondary"
126-
>Cloud AI Layer</a
127-
>
128-
</div>
129-
<div class="syn-mb-8 syn-body-2">
130-
<a href="/enterprise" class="syn-text-secondary"
131-
>Enterprise AI Layer</a
118+
rel="noopener noreferrer"
119+
target="_blank"
132120
>
121+
Product
122+
</a>
133123
</div>
134124
<div class="syn-body-2">
135125
<a href="/algorithms" class="syn-text-secondary"
@@ -140,26 +130,28 @@
140130

141131
<div class="syn-col syn-col-lg-2 syn-col-md-3">
142132
<div class="syn-overline syn-mb-8">Resources</div>
143-
<div class="syn-mb-8 syn-body-2">
144-
<a href="/getting-started" class="syn-text-secondary"
145-
>Getting Started</a
146-
>
147-
</div>
148133
<div class="syn-mb-8 syn-body-2">
149134
<a href="{{ site.baseurl }}" class="syn-text-secondary">Docs</a>
150135
</div>
151136
<div class="syn-mb-8 syn-body-2">
152-
<a href="/learn" class="syn-text-secondary">Learn</a>
153-
</div>
154-
<div class="syn-mb-8 syn-body-2">
155-
<a href="/research" class="syn-text-secondary"
156-
>Research</a
137+
<a
138+
href="https://www.datarobot.com/events/"
139+
class="syn-text-secondary"
140+
rel="noopener noreferrer"
141+
target="_blank"
157142
>
143+
Events
144+
</a>
158145
</div>
159-
<div class="syn-body-2">
160-
<a href="/contact" class="syn-text-secondary"
161-
>Contact Us</a
146+
<div class="syn-mb-8 syn-body-2">
147+
<a
148+
href="https://www.datarobot.com/blog/"
149+
class="syn-text-secondary"
150+
rel="noopener noreferrer"
151+
target="_blank"
162152
>
153+
Blog
154+
</a>
163155
</div>
164156
</div>
165157
{% endunless %}

_includes/header.html

Lines changed: 48 additions & 110 deletions
Original file line numberDiff line numberDiff line change
@@ -28,136 +28,74 @@
2828
<a href="/mlops" class="syn-link-no-decoration">
2929
<button class="syn-btn text">MLOps</button>
3030
</a>
31-
<a href="/product" class="syn-link-no-decoration">
31+
<a
32+
href="https://www.datarobot.com/platform/?utm_source=algorithmia&utm_medium=web&utm_campaign=AICLOUD21-ALGO"
33+
class="syn-link-no-decoration"
34+
rel="noopener noreferrer"
35+
target="_blank"
36+
>
3237
<button class="syn-btn text syn-ml-8">Product</button>
3338
</a>
34-
<a href="/pricing" class="syn-link-no-decoration">
35-
<button class="syn-btn text syn-ml-8">Pricing</button>
39+
<a href="/developers" class="syn-link-no-decoration">
40+
<button class="syn-btn text syn-ml-8">Docs</button>
3641
</a>
37-
<div class="syn-dropdown syn-ml-8">
38-
<button class="syn-btn text" onclick="this.parentNode.classList.toggle('open')">
39-
Learn
40-
<svg width="7px" height="4px" viewBox="0 0 7 4" class="syn-ml-4">
41-
<polygon fill="currentColor" points="0 0 6.688 0 3.344 3.344"></polygon>
42-
</svg>
43-
</button>
44-
<div class="open-break syn-bg-black syn-mt-8"></div>
45-
<ul class="syn-dropdown-list" onclick="this.parentNode.classList.toggle('open')">
46-
<li class="syn-dropdown-list-item syn-body-2 syn-mb-0">
47-
<a href="/blog" class="syn-ph-48 syn-pv-16 display-block">
48-
<div class="syn-font-weight-bold">Blog</div>
49-
<div class="link-description">
50-
Special topics in machine learning
51-
</div>
52-
</a>
53-
</li>
54-
<li class="syn-dropdown-list-item syn-body-2 syn-mb-0">
55-
<a href="/resources" class="syn-ph-48 syn-pv-16 display-block">
56-
<div class="syn-font-weight-bold">Resources</div>
57-
<div class="link-description">
58-
Case studies, videos, and reports
59-
</div>
60-
</a>
61-
</li>
62-
<li class="syn-dropdown-list-item syn-body-2 syn-mb-0">
63-
<a href="/developers" class="syn-ph-48 syn-pv-16 display-block">
64-
<div class="syn-font-weight-bold">Docs</div>
65-
<div class="link-description">
66-
Platform technical documentation
67-
</div>
68-
</a>
69-
</li>
70-
<li class="syn-dropdown-list-item syn-body-2 syn-mb-0">
71-
<a href="/events" class="syn-ph-48 syn-pv-16 display-block">
72-
<div class="syn-font-weight-bold">Events</div>
73-
<div class="link-description">
74-
Webinars, talks, and trade shows
75-
</div>
76-
</a>
77-
</li>
78-
</ul>
79-
</div>
8042
<a
81-
href="/demo"
82-
class="syn-btn text syn-ml-8 syn-link-no-decoration display-inline-flex">
83-
Demo
43+
href="https://www.datarobot.com/blog/"
44+
class="syn-link-no-decoration"
45+
rel="noopener noreferrer"
46+
target="_blank"
47+
>
48+
<button class="syn-btn text syn-ml-8">DataRobot Blog</button>
8449
</a>
85-
<a href="/signup"
86-
class="syn-btn outlined no-capitalize theme-primary syn-visible-lg syn-ml-8 syn-pv-8 syn-link-no-decoration display-inline hide-if-signed-in"
87-
rel="noopener noreferrer">
88-
Try now
50+
<a
51+
href="https://www.datarobot.com/request-a-demo/algorithmia/?utm_source=algorithmia&utm_medium=web&utm_campaign=ALGDR21ALGO"
52+
class="syn-btn syn-ml-8 syn-link-no-decoration display-inline-flex contained theme-primary custom-btn"
53+
>
54+
Request a DataRobot Demo
8955
</a>
9056
</div>
9157
</div>
9258
<div class="syn-page-header-nav mobile-nav-container syn-hidden-lg" >
9359
<nav class="syn-nav syn-pt-16">
9460
<ul class="mobile-nav syn-mb-16">
9561
<li class="syn-list-item"><a class="syn-link syn-font-weight-bold syn-text-base syn-text-primary" href="/mlops">MLOps</a></li>
96-
<li class="syn-list-item"><a class="syn-link syn-font-weight-bold syn-text-base syn-text-primary" href="/product">Product</a></li>
97-
<li class="syn-list-item"><a class="syn-link syn-font-weight-bold syn-text-base syn-text-primary" href="/pricing">Pricing</a></li>
98-
<li class="accordion-button syn-list-item">
99-
100-
<div class="syn-pv-8 syn-ph-16 syn-flex align-center syn-width-full justify-space-between syn-link syn-font-weight-bold" onclick="['accordion-open'].forEach((a) => document.querySelector('.accordion-button').classList.toggle(a))">
101-
<span class="syn-text-base syn-text-primary">Learn</span>
102-
<svg width="14" height="10" viewBox="0 0 7 4" class="accordion-caret syn-ml-4 syn-text-primary"><polygon fill="currentColor" points="0 0 6.688 0 3.344 3.344"></polygon></svg>
103-
</div>
104-
105-
<ul class="learn-accordion syn-ph-24 syn-width-full">
106-
<li class="syn-list-item">
107-
<a href="/blog" class="syn-link syn-font-weight-bold syn-text-primary display-block">
108-
<div class="syn-font-weight-bold syn-text-sm">Blog</div>
109-
<div class="link-description syn-mt-8 syn-font-weight-regular">
110-
Special topics in machine learning
111-
</div>
112-
</a>
113-
</li>
114-
<li class="syn-list-item">
115-
<a href="/resources" class="syn-link syn-font-weight-bold syn-text-primary display-block">
116-
<div class="syn-font-weight-bold syn-text-sm">
117-
Resources
118-
</div>
119-
<div class="link-description syn-mt-8 syn-font-weight-regular">
120-
Case studies, videos, and reports
121-
</div>
122-
</a>
123-
</li>
124-
<li class="syn-list-item">
125-
<a href="/developers" class="syn-link syn-font-weight-bold syn-text-primary display-block">
126-
<div class="syn-font-weight-bold syn-text-sm">Docs</div>
127-
<div class="link-description syn-mt-8 syn-font-weight-regular">
128-
Platform technical documentation
129-
</div>
130-
</a>
131-
</li>
132-
<li class="syn-list-item">
133-
<a href="https://events.algorithmia.com" rel="noopener noreferrer" class="syn-link syn-font-weight-bold syn-text-primary display-block">
134-
<div class="syn-font-weight-bold syn-text-sm">Events</div>
135-
<div class="link-description syn-mt-8 syn-font-weight-regular">
136-
Webinars, talks, and trade shows
137-
</div>
138-
</a>
139-
</li>
140-
</ul>
141-
62+
<li class="syn-list-item">
63+
<a
64+
href="https://www.datarobot.com/platform/?utm_source=algorithmia&utm_medium=web&utm_campaign=AICLOUD21-ALGO"
65+
class="syn-link syn-font-weight-bold syn-text-base syn-text-primary"
66+
rel="noopener noreferrer"
67+
target="_blank"
68+
>
69+
Product
70+
</a>
71+
</li>
72+
<li class="syn-list-item">
73+
<a href="/developers" class="syn-link syn-font-weight-bold syn-text-base syn-text-primary">
74+
Docs
75+
</a>
76+
</li>
77+
<li class="syn-list-item">
78+
<a
79+
href="https://www.datarobot.com/blog/"
80+
class="syn-link syn-font-weight-bold syn-text-base syn-text-primary"
81+
rel="noopener noreferrer"
82+
target="_blank"
83+
>
84+
DataRobot Blog
85+
</a>
14286
</li>
14387
<li class="syn-list-item hide-if-signed-in">
14488
<a href="/signin" class="syn-link syn-font-weight-bold syn-text-base syn-text-primary">
14589
Sign In
14690
</a>
14791
</li>
14892
</ul>
149-
<div class="syn-mb-16 hide-if-signed-in">
150-
<a href="/signup" class="syn-link display-block syn-mh-16 outlined">
151-
<div class="syn-btn no-capitalize theme-primary syn-width-full outlined">
152-
Try now
153-
</div>
154-
</a>
155-
</div>
15693
<div>
157-
<a href="/demo" class="syn-ph-16 display-block">
158-
<div class="syn-btn no-capitalize contained theme-primary syn-width-full">
159-
See a demo
160-
</div>
94+
<a
95+
href="https://www.datarobot.com/request-a-demo/algorithmia/?utm_source=algorithmia&utm_medium=web&utm_campaign=ALGDR21ALGO"
96+
class="custom-btn-mobile font-bold mx-4 my-4 py-2 text-center"
97+
>
98+
Request a DataRobot Demo
16199
</a>
162100
</div>
163101
</nav>

css/devcenter.css

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -168,3 +168,29 @@ header.syn-page-header.nav-open .syn-page-header-nav.mobile-nav-container {
168168
.utility-header {
169169
border-bottom: 1px solid #eef0f2;
170170
}
171+
172+
.syn-btn.theme-primary.contained.custom-btn {
173+
border-radius: 0.25rem;
174+
background-color: rgb(72, 51, 102);
175+
}
176+
177+
.syn-btn.theme-primary.contained.custom-btn:hover {
178+
background-color: #6b547b;
179+
}
180+
181+
a.custom-btn-mobile {
182+
background-color: #483366;
183+
color: #fff;
184+
padding: 0.5rem 0;
185+
margin: 1rem 1rem 0;
186+
display: block;
187+
border-radius: 0.25rem;
188+
font-size: 0.875rem;
189+
text-decoration: none;
190+
}
191+
192+
a.custom-btn-mobile:hover {
193+
background-color: #6b547b;
194+
color: #fff;
195+
text-decoration: none;
196+
}

0 commit comments

Comments
 (0)