Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 595f9fd

Browse files
author
Joseph Damiba
committed
updating nav_menu to sync with main marketing site
1 parent 80d09ec commit 595f9fd

File tree

6 files changed

+251
-103
lines changed

6 files changed

+251
-103
lines changed

‎_data/cache_bust_css.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
1-
77c14d82285744015875e752ccfc8d6e ../all_static/css/main.css
1+
69383f08d3dae20a63b78b6f50ea8247 ../all_static/css/main.css
22
a5765df8bc2358dd61c19edcc0cbef7d ../all_static/css/normalize.css

‎_includes/_new/_page-components/_header-main.html

Lines changed: 201 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -1,74 +1,204 @@
11
<header data-spy="affix" data-offset-top="80" class="header-main --default">
2-
<div class="--wrap">
3-
<div class="--wrap-left"><a href="https://plot.ly/feed/" target="_blank" class="-identity">
4-
<div class="-identity">
5-
<div class="logo">
6-
<svg width="50px" height="50px" viewBox="0 0 66 66" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
7-
<g id="Asset-Exporting" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8-
<g id="Artboard-3" transform="translate(-50.000000, -123.000000)">
9-
<g id="Group" transform="translate(50.000000, 123.000000)">
10-
<path d="M3,66 L63,66 C64.6565,66 66,64.6565 66,63 L66,3 C66,1.3435 64.6565,0 63,0 L3,0 C1.3435,0 0,1.3435 0,3 L0,63 C0,64.6565 1.3435,66 3,66" id="background" fill="#119DFF"></path>
11-
<g id="chart" transform="translate(12.000000, 12.000000)">
12-
<path d="M30,15 C30,16.6565 28.6565,18 27,18 C25.3435,18 24,16.6565 24,15 C24,13.3435 25.3435,12 27,12 C28.6565,12 30,13.3435 30,15" id="Fill-17" fill="#09FFFF"></path>
13-
<path d="M42,3 C42,4.6565 40.6565,6 39,6 C37.3435,6 36,4.6565 36,3 C36,1.3435 37.3435,0 39,0 C40.6565,0 42,1.3435 42,3" id="Fill-19" fill="#09FFFF"></path>
14-
<path d="M30,3 C30,4.6565 28.6565,6 27,6 C25.3435,6 24,4.6565 24,3 C24,1.3435 25.3435,0 27,0 C28.6565,0 30,1.3435 30,3" id="Fill-21" fill="#09FFFF"></path>
15-
<path d="M18,3 C18,4.6565 16.6565,6 15,6 C13.3435,6 12,4.6565 12,3 C12,1.3435 13.3435,0 15,0 C16.6565,0 18,1.3435 18,3" id="Fill-23" fill="#09FFFF"></path>
16-
<path d="M6,3 C6,4.6565 4.6565,6 3,6 C1.3435,6 5.55111512e-17,4.6565 5.55111512e-17,3 C5.55111512e-17,1.3435 1.3435,0 3,0 C4.6565,0 6,1.3435 6,3" id="Fill-25" fill="#09FFFF"></path>
17-
<path d="M6,15 C6,16.6565 4.6565,18 3,18 C1.3435,18 5.55111512e-17,16.6565 5.55111512e-17,15 C5.55111512e-17,13.3435 1.3435,12 3,12 C4.6565,12 6,13.3435 6,15" id="Fill-27" fill="#09FFFF"></path>
18-
<path d="M3,24 C1.343,24 5.55111512e-17,25.3435 5.55111512e-17,27 L5.55111512e-17,39 C5.55111512e-17,40.6565 1.343,42 3,42 C4.6565,42 6,40.6565 6,39 L6,27 C6,25.3435 4.6565,24 3,24" id="Fill-29" fill="#FFFFFF"></path>
19-
<path d="M27,24 C25.343,24 24,25.3435 24,27 L24,39 C24,40.6565 25.343,42 27,42 C28.6565,42 30,40.6565 30,39 L30,27 C30,25.3435 28.6565,24 27,24" id="Fill-31" fill="#FFFFFF"></path>
20-
<path d="M15,12 C13.343,12 12,13.3435 12,15 L12,39 C12,40.6565 13.343,42 15,42 C16.6565,42 18,40.6565 18,39 L18,15 C18,13.3435 16.6565,12 15,12" id="Fill-33" fill="#FFFFFF"></path>
21-
<path d="M39,12 C37.343,12 36,13.3435 36,15 L36,39 C36,40.6565 37.343,42 39,42 C40.6565,42 42,40.6565 42,39 L42,15 C42,13.3435 40.6565,12 39,12" id="Fill-35" fill="#FFFFFF"></path>
22-
</g>
23-
</g>
24-
</g>
25-
</g>
26-
</svg>
27-
</div>
28-
<h1 class="--name">plotly</h1>
29-
</div></a>
30-
<nav class="--nav-site">
31-
<ul>
32-
<li><a href="https://dash.plot.ly/" target="_blank"><span class="--item">Dash</span></a></li>
33-
<li><a href="https://plot.ly/products/consulting-and-oem/" target="_blank"><span class="--item">Consulting</span></a></li>
34-
</ul>
35-
</nav>
36-
</div>
37-
<div class="--wrap-right">
38-
<nav class="--nav-meta" role="navigation">
39-
<ul>
40-
<li><a id="toolsignin" href="/settings" target="_self" class="button --enterprise-quaternary">SIGN IN</a></li>
41-
<li><a id="signup" href="/settings" target="_self" class="button --enterprise-quaternary">SIGN UP</a></li>
42-
<li><a href="https://plotly.typeform.com/to/seG7Vb" data-mode="1" target="_blank" onclick="window.mixpanel.track('Typeform demo request');" class="typeform-share button --enterprise-quaternary">REQUEST DEMO</a></li>
43-
<!-- Adding product dropdown here -->
44-
<!-- <li><a href="https://plot.ly/create/" class="button">PRODUCTS</a></li> -->
45-
</ul>
46-
</nav>
47-
<div class="mobile-menu-btn" ng-click="mobile = !mobile" ng-class="{'active': mobile}" style="cursor: pointer;">
48-
49-
50-
<div href="#" class="menu"><span></span></div>
51-
52-
</div>
53-
<nav class="--nav-mobile">
54-
<ul>
55-
<li><a href="https://plot.ly/feed/" target="_blank"><span class="--item">Feed</span></a></li>
56-
<li><a href="https://plot.ly/products/cloud/" target="_blank"><span class="--item">Pricing</span></a></li>
57-
<li><a href="https://plot.ly/api/" onmouseover="dropDownMenu('api-menu')" onmouseout="hideDropDownMenu('api-menu')" target="_self"><span class="--item">API
58-
<div class="icon">
59-
<svg style="width:24px;height:24px" viewbox="0 0 24 24"></svg>
60-
<path fill="#000000" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"></path>
61-
</div></span></a></li>
62-
<li class="tablet"><a id="toolsignin" href="/settings" target="_self" class="headerbar-nav-item --product-header">
63-
Sign
64-
In</a></li>
65-
<li class="tablet"><a id="signup" href="/settings" target="_self" class="button --enterprise-quaternary">SIGN UP</a></li>
66-
<li class="tablet"><a href="https://plot.ly/products/cloud/" class="button">UPGRADE</a></li>
67-
<li class="tablet"><a href="https://plotly.typeform.com/to/seG7Vb" data-mode="1" target="_blank" onclick="window.mixpanel.track('Typeform demo request');" class="typeform-share button --enterprise-quaternary">
68-
REQUEST
69-
DEMO</a></li>
70-
</ul>
71-
</nav>
72-
</div>
2+
<div class="--wrap">
3+
<div class="--wrap-left">
4+
<a href="https://plot.ly/feed/" target="_blank" class="-identity">
5+
<div class="-identity">
6+
<div class="logo">
7+
<svg
8+
width="50px"
9+
height="50px"
10+
viewBox="0 0 66 66"
11+
version="1.1"
12+
xmlns="http://www.w3.org/2000/svg"
13+
xmlns:xlink="http://www.w3.org/1999/xlink"
14+
>
15+
<g
16+
id="Asset-Exporting"
17+
stroke="none"
18+
stroke-width="1"
19+
fill="none"
20+
fill-rule="evenodd"
21+
>
22+
<g
23+
id="Artboard-3"
24+
transform="translate(-50.000000, -123.000000)"
25+
>
26+
<g id="Group" transform="translate(50.000000, 123.000000)">
27+
<path
28+
d="M3,66 L63,66 C64.6565,66 66,64.6565 66,63 L66,3 C66,1.3435 64.6565,0 63,0 L3,0 C1.3435,0 0,1.3435 0,3 L0,63 C0,64.6565 1.3435,66 3,66"
29+
id="background"
30+
fill="#119DFF"
31+
></path>
32+
<g id="chart" transform="translate(12.000000, 12.000000)">
33+
<path
34+
d="M30,15 C30,16.6565 28.6565,18 27,18 C25.3435,18 24,16.6565 24,15 C24,13.3435 25.3435,12 27,12 C28.6565,12 30,13.3435 30,15"
35+
id="Fill-17"
36+
fill="#09FFFF"
37+
></path>
38+
<path
39+
d="M42,3 C42,4.6565 40.6565,6 39,6 C37.3435,6 36,4.6565 36,3 C36,1.3435 37.3435,0 39,0 C40.6565,0 42,1.3435 42,3"
40+
id="Fill-19"
41+
fill="#09FFFF"
42+
></path>
43+
<path
44+
d="M30,3 C30,4.6565 28.6565,6 27,6 C25.3435,6 24,4.6565 24,3 C24,1.3435 25.3435,0 27,0 C28.6565,0 30,1.3435 30,3"
45+
id="Fill-21"
46+
fill="#09FFFF"
47+
></path>
48+
<path
49+
d="M18,3 C18,4.6565 16.6565,6 15,6 C13.3435,6 12,4.6565 12,3 C12,1.3435 13.3435,0 15,0 C16.6565,0 18,1.3435 18,3"
50+
id="Fill-23"
51+
fill="#09FFFF"
52+
></path>
53+
<path
54+
d="M6,3 C6,4.6565 4.6565,6 3,6 C1.3435,6 5.55111512e-17,4.6565 5.55111512e-17,3 C5.55111512e-17,1.3435 1.3435,0 3,0 C4.6565,0 6,1.3435 6,3"
55+
id="Fill-25"
56+
fill="#09FFFF"
57+
></path>
58+
<path
59+
d="M6,15 C6,16.6565 4.6565,18 3,18 C1.3435,18 5.55111512e-17,16.6565 5.55111512e-17,15 C5.55111512e-17,13.3435 1.3435,12 3,12 C4.6565,12 6,13.3435 6,15"
60+
id="Fill-27"
61+
fill="#09FFFF"
62+
></path>
63+
<path
64+
d="M3,24 C1.343,24 5.55111512e-17,25.3435 5.55111512e-17,27 L5.55111512e-17,39 C5.55111512e-17,40.6565 1.343,42 3,42 C4.6565,42 6,40.6565 6,39 L6,27 C6,25.3435 4.6565,24 3,24"
65+
id="Fill-29"
66+
fill="#FFFFFF"
67+
></path>
68+
<path
69+
d="M27,24 C25.343,24 24,25.3435 24,27 L24,39 C24,40.6565 25.343,42 27,42 C28.6565,42 30,40.6565 30,39 L30,27 C30,25.3435 28.6565,24 27,24"
70+
id="Fill-31"
71+
fill="#FFFFFF"
72+
></path>
73+
<path
74+
d="M15,12 C13.343,12 12,13.3435 12,15 L12,39 C12,40.6565 13.343,42 15,42 C16.6565,42 18,40.6565 18,39 L18,15 C18,13.3435 16.6565,12 15,12"
75+
id="Fill-33"
76+
fill="#FFFFFF"
77+
></path>
78+
<path
79+
d="M39,12 C37.343,12 36,13.3435 36,15 L36,39 C36,40.6565 37.343,42 39,42 C40.6565,42 42,40.6565 42,39 L42,15 C42,13.3435 40.6565,12 39,12"
80+
id="Fill-35"
81+
fill="#FFFFFF"
82+
></path>
83+
</g>
84+
</g>
85+
</g>
86+
</g>
87+
</svg>
88+
</div>
89+
<h1 class="--name">plotly</h1>
90+
</div></a
91+
>
7392
</div>
93+
<div class="--wrap-right">
94+
<nav class="--nav-meta" role="navigation">
95+
<ul>
96+
<li>
97+
<a
98+
href="https://plot.ly/products/consulting-and-oem/"
99+
target="_blank"
100+
><span class="--item">PRODUCTS</span><span class="mdi mdi-chevron-down"/></a
101+
>
102+
</li>
103+
<li>
104+
<a
105+
href="https://plot.ly/products/consulting-and-oem/"
106+
target="_blank"
107+
><span class="--item ">PRICING</span><span class="mdi mdi-chevron-down"/></a
108+
>
109+
</li>
110+
<li>
111+
<a
112+
href="https://plot.ly/products/consulting-and-oem/"
113+
target="_blank"
114+
><span class="--item">SIGN UP</span><span class="mdi mdi-chevron-down"/></a
115+
>
116+
</li>
117+
<li>
118+
<a
119+
href="https://plotly.typeform.com/to/seG7Vb"
120+
data-mode="1"
121+
target="_blank"
122+
onclick="window.mixpanel.track('Typeform demo request');"
123+
class="typeform-share button --enterprise-quaternary"
124+
>SCHEDULE A DEMO</a
125+
>
126+
</li>
127+
<!-- Adding product dropdown here -->
128+
<!-- <li><a href="https://plot.ly/create/" class="button">PRODUCTS</a></li> -->
129+
</ul>
130+
</nav>
131+
<div
132+
class="mobile-menu-btn"
133+
ng-click="mobile = !mobile"
134+
ng-class="{'active': mobile}"
135+
style="cursor: pointer;"
136+
>
137+
<div href="#" class="menu"><span></span></div>
138+
</div>
139+
<nav class="--nav-mobile">
140+
<ul>
141+
<li>
142+
<a href="https://plot.ly/feed/" target="_blank"
143+
><span class="--item">Feed</span></a
144+
>
145+
</li>
146+
<li>
147+
<a href="https://plot.ly/products/cloud/" target="_blank"
148+
><span class="--item">Pricing</span></a
149+
>
150+
</li>
151+
<li>
152+
<a
153+
href="https://plot.ly/api/"
154+
onmouseover="dropDownMenu('api-menu')"
155+
onmouseout="hideDropDownMenu('api-menu')"
156+
target="_self"
157+
><span class="--item"
158+
>API
159+
<div class="icon">
160+
<svg style="width:24px;height:24px" viewbox="0 0 24 24"></svg>
161+
<path
162+
fill="#000000"
163+
d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"
164+
></path></div></span
165+
></a>
166+
</li>
167+
<li class="tablet">
168+
<a
169+
id="toolsignin"
170+
href="/settings"
171+
target="_self"
172+
class="headerbar-nav-item --product-header"
173+
>
174+
Sign In</a
175+
>
176+
</li>
177+
<li class="tablet">
178+
<a
179+
id="signup"
180+
href="/settings"
181+
target="_self"
182+
class="button --enterprise-quaternary"
183+
>SIGN UP</a
184+
>
185+
</li>
186+
<li class="tablet">
187+
<a href="https://plot.ly/products/cloud/" class="button">UPGRADE</a>
188+
</li>
189+
<li class="tablet">
190+
<a
191+
href="https://plotly.typeform.com/to/seG7Vb"
192+
data-mode="1"
193+
target="_blank"
194+
onclick="window.mixpanel.track('Typeform demo request');"
195+
class="typeform-share button --enterprise-quaternary"
196+
>
197+
REQUEST DEMO</a
198+
>
199+
</li>
200+
</ul>
201+
</nav>
202+
</div>
203+
</div>
74204
</header>

‎_includes/head.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@
2727
<!-- Main Stylesheets -->
2828
<link rel="stylesheet" type="text/css" href="https://images.plot.ly/assets/css/normalize.css">
2929
<link rel="stylesheet" type="text/css" href="{{site.staticurl}}/css/main.css?version={{ site.data.cache_bust_css | truncate: 10, '' }}">
30+
<link rel="stylesheet" href="//cdn.materialdesignicons.com/3.5.95/css/materialdesignicons.min.css">
3031

3132
<!-- LOCAL DEV STYLESHEET -->
3233
<!--<link rel="stylesheet" type="text/css" href="http://api.plotly.dev/all_static/css/main.css">-->

‎_sass/components/_icons-material-design.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -780,4 +780,4 @@ $mdi-list-icons: (
780780
.#{$mdi-prefix}#{$mdi-icon-name}:before {
781781
content: unicode($mdi-icon-value);
782782
}
783-
}
783+
}

‎all_static/css/main.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -494,10 +494,10 @@ body {
494494
border: solid;
495495
-webkit-border-radius: 8px;
496496
border-radius: 8px;
497-
border-width: .1em;
497+
border-width: 0.1em;
498498
padding: 30px;
499499
padding-top: 20px;
500-
opacity: .98;
500+
opacity: 0.98;
501501
text-decoration: none; }
502502
.header-large--wrap .header--blue-bg .header--meta-content .banner-button {
503503
border: solid;
@@ -802,7 +802,7 @@ header.header-main {
802802
opacity: 0.95;
803803
color: #447bdc; }
804804
header.header-main .\--wrap .button::before {
805-
content: '';
805+
content: "";
806806
position: absolute;
807807
width: 100%;
808808
height: 100%;

0 commit comments

Comments
 (0)