@@ -83,53 +83,32 @@ export const MenuIcon = ({ size = MENU_ICON_SIZE, ...props }) => (
83
83
)
84
84
85
85
const LogoContainer = styled . span `
86
- svg {
87
- width: 130px;
88
- }
89
86
display: flex;
90
87
align-items: center;
91
- color: rgb(14, 30, 37);
88
+
89
+ svg {
90
+ display: block;
91
+ width: 140px;
92
+ height: auto;
93
+ }
92
94
`
93
95
94
96
const NetlifyLogo = ( ) => (
95
97
< LogoContainer >
96
- < svg width = "182" height = "40" viewBox = "0 0 182 40" fill = "none " xmlns = "http://www.w3.org/2000/svg" >
98
+ < svg viewBox = "0 0 122 40" xmlns = "http://www.w3.org/2000/svg" >
97
99
< path
98
- d = "m53.37 12.978.123 2.198c1.403-1.7 3.245-2.55 5.525-2.55 3.951 0 5.962 2.268 6.032 6.804v12.568h-4.26V19.676c0-1.207-.26-2.101-.78-2.681-.52-.58-1.371-.87-2.552-.87-1.719 0-3 .78-3.84 2.338v13.535h-4.262v-19.02h4.016ZM77.748 32.35c-2.7 0-4.89-.852-6.567-2.557-1.678-1.705-2.517-3.976-2.517-6.812v-.527c0-1.898.365-3.595 1.096-5.089.73-1.494 1.757-2.657 3.078-3.49 1.321-.831 2.794-1.247 4.42-1.247 2.583 0 4.58.826 5.988 2.478 1.41 1.653 2.114 3.99 2.114 7.014v1.723h-12.4c.13 1.57.653 2.812 1.57 3.726.918.914 2.073 1.371 3.464 1.371 1.952 0 3.542-.79 4.77-2.373l2.297 2.198c-.76 1.136-1.774 2.018-3.042 2.645-1.269.627-2.692.94-4.27.94Zm-.508-16.294c-1.17 0-2.114.41-2.833 1.23-.719.82-1.177 1.963-1.376 3.428h8.12v-.317c-.094-1.43-.474-2.51-1.14-3.243-.667-.732-1.59-1.098-2.771-1.098Zm16.765-7.7v4.623h3.35v3.164h-3.35V26.76c0 .726.144 1.25.43 1.573.287.322.798.483 1.535.483a6.55 6.55 0 0 0 1.49-.175v3.304c-.97.27-1.906.404-2.806.404-3.273 0-4.91-1.81-4.91-5.431V16.142H86.62v-3.164h3.122V8.355h4.261Zm11.137 23.643h-4.262v-27h4.262v27Zm9.172 0h-4.262v-19.02h4.262v19.02Zm-4.525-23.96c0-.655.207-1.2.622-1.634.416-.433 1.009-.65 1.781-.65.771 0 1.367.217 1.788.65.421.434.632.979.632 1.635 0 .644-.211 1.18-.632 1.608-.421.428-1.017.642-1.788.642-.772 0-1.365-.214-1.781-.642-.415-.427-.622-.964-.622-1.608Zm10.663 23.96V16.142h-2.894v-3.164h2.894v-1.74c0-2.11.584-3.738 1.753-4.887 1.169-1.148 2.806-1.722 4.911-1.722a9.83 9.83 0 0 1 2.385.316l-.105 3.34a8.382 8.382 0 0 0-1.631-.14c-2.035 0-3.052 1.048-3.052 3.146v1.687h3.858v3.164h-3.858v15.856h-4.261Zm17.87-6.117 3.858-12.903h4.542l-7.541 21.903c-1.157 3.199-3.121 4.798-5.892 4.798-.62 0-1.304-.105-2.052-.316v-3.305l.807.053c1.075 0 1.885-.196 2.429-.589.543-.392.973-1.051 1.289-1.977l.613-1.635-6.664-18.932h4.595l4.016 12.903Z"
99
- fill = "#0e1e25 "
100
+ d = "M86.99 19.93c0-2.35 1.06-3.62 2.98-3.62 1.7 0 2.35.85 2.56 1.7l.21.21h1.7l.22-.2c-.21-1.93-1.7-3.63-4.69-3.63-3.2 0-5.12 2.13-5.12 5.54s1.92 5.54 5.12 5.54c2.99 0 4.48-1.7 4.7-3.62l-.22-.21h-1.7l-.22.2c-.21.86-.85 1.71-2.56 1.71-1.92 0-2.98-1.27-2.98-3.62Zm11.71 5.12v-14.5l-.21-.21h-1.7l-.22.2v14.5l.21.22h1.71l.21-.21Zm4.69-12.37v-1.7l-.22-.22h-1.7l-.21.22v1.7l.2.21h1.71l.22-.2Zm0 12.37V14.8l-.22-.21h-1.7l-.21.21v10.24l.2.21h1.71l.22-.21Z"
101
+ fill = "#778089 "
100
102
/>
101
103
< path
102
- d = "m27.887 14.135-.014-.006c-.008-.003-.016-.006-.023-.013a.11.11 0 0 1-.028-.093l.773-4.726 3.625 3.625-3.77 1.605a.083.083 0 0 1-.033.006h-.015a.104.104 0 0 1-.02-.017 1.716 1.716 0 0 0-.495-.381Zm5.258-.288 3.876 3.876c.805.806 1.208 1.208 1.355 1.674.022.069.04.138.054.209l-9.263-3.923a.728.728 0 0 0-.015-.006c-.037-.015-.08-.032-.08-.07 0-.038.044-.056.081-.071l.012-.005 3.98-1.684Zm5.127 7.003c-.2.376-.59.766-1.25 1.427l-4.37 4.369L27 25.469l-.03-.006c-.05-.008-.103-.017-.103-.063a1.706 1.706 0 0 0-.655-1.192c-.023-.023-.017-.059-.01-.092 0-.005 0-.01.002-.014l1.063-6.526.003-.022c.007-.05.016-.108.062-.108a1.73 1.73 0 0 0 1.16-.665c.008-.01.014-.021.026-.027.032-.015.07 0 .103.014l9.65 4.082Zm-6.625 6.801-7.186 7.186 1.23-7.56.002-.01a.136.136 0 0 1 .006-.029c.01-.024.036-.035.061-.044l.012-.005a1.85 1.85 0 0 0 .695-.517c.024-.028.053-.055.09-.06a.09.09 0 0 1 .029 0l5.06 1.04Zm-8.707 8.707-.81.81-8.955-12.942a.424.424 0 0 0-.01-.014c-.014-.019-.029-.038-.026-.06 0-.016.011-.03.022-.042l.01-.013c.027-.04.05-.08.075-.123l.02-.035.003-.003c.014-.024.027-.047.051-.06.021-.01.05-.006.073-.001l9.921 2.046a.164.164 0 0 1 .076.033c.013.013.016.027.019.043a1.757 1.757 0 0 0 1.028 1.175c.028.014.016.045.003.078a.238.238 0 0 0-.015.045c-.125.76-1.197 7.298-1.485 9.063Zm-1.692 1.691c-.597.591-.949.904-1.347 1.03a2 2 0 0 1-1.206 0c-.466-.148-.869-.55-1.674-1.356L8.028 28.73l2.349-3.643a.15.15 0 0 1 .04-.047c.025-.018.061-.01.091 0a2.434 2.434 0 0 0 1.638-.083c.027-.01.054-.017.075.002a.19.19 0 0 1 .028.032l8.999 13.058ZM7.16 27.863 5.098 25.8l4.074-1.737a.084.084 0 0 1 .033-.007c.034 0 .054.034.072.065a2.91 2.91 0 0 0 .13.184l.013.016c.012.017.004.034-.008.05l-2.25 3.493Zm-2.976-2.976-2.61-2.61c-.444-.444-.766-.766-.99-1.043L8.52 22.88a.84.84 0 0 0 .03.005c.049.008.103.017.103.063 0 .05-.059.073-.109.092l-.023.01-4.337 1.837ZM.13 19.892a2 2 0 0 1 .09-.495c.148-.466.55-.868 1.356-1.674l3.34-3.34a2175.525 2175.525 0 0 0 4.626 6.687c.027.036.057.076.026.106a2.776 2.776 0 0 0-.395.528.16.16 0 0 1-.05.062c-.013.008-.027.005-.042.002h-.002l-8.95-1.877Zm5.68-6.403 4.49-4.491c.423.185 1.96.834 3.333 1.414 1.04.44 1.988.84 2.286.97.03.012.057.024.07.054.008.018.004.041 0 .06a2.003 2.003 0 0 0 .523 1.828c.03.03 0 .073-.026.11l-.014.021-4.56 7.063a.138.138 0 0 1-.043.05c-.024.015-.058.008-.086.001a2.274 2.274 0 0 0-.543-.074c-.164 0-.342.03-.522.063h-.001c-.02.003-.038.007-.054-.005a.21.21 0 0 1-.045-.051L5.81 13.489Zm5.398-5.398 5.814-5.814c.805-.806 1.208-1.208 1.674-1.355a2 2 0 0 1 1.206 0c.466.147.869.55 1.674 1.355l1.26 1.26L18.7 9.94a.155.155 0 0 1-.041.048c-.025.017-.06.01-.09 0a2.098 2.098 0 0 0-1.92.37c-.027.028-.067.012-.101-.003-.54-.235-4.74-2.01-5.341-2.265Zm12.505-3.676 3.82 3.818-.92 5.698-.002.015a.135.135 0 0 1-.008.038c-.009.02-.028.024-.05.03a1.83 1.83 0 0 0-.548.273.154.154 0 0 0-.019.017c-.011.012-.022.023-.04.024a.114.114 0 0 1-.043-.006l-5.818-2.472-.011-.005c-.037-.015-.081-.033-.081-.071a2.198 2.198 0 0 0-.31-.915c-.028-.046-.059-.094-.035-.141l4.066-6.303Zm-3.93 8.606 5.453 2.31c.03.014.063.027.076.058a.106.106 0 0 1 0 .057c-.016.08-.03.171-.03.263v.153c0 .037-.039.054-.075.069l-.011.004c-.864.369-12.13 5.173-12.147 5.173-.017 0-.035 0-.052-.017-.03-.03 0-.072.027-.11a.76.76 0 0 0 .014-.02l4.482-6.94.008-.012c.026-.042.056-.089.104-.089l.045.007c.102.014.192.027.283.027.68 0 1.31-.331 1.69-.897a.16.16 0 0 1 .034-.04c.027-.02.067-.01.098.004Zm-6.247 9.184 12.28-5.236s.018 0 .035.017c.067.067.124.112.178.154l.028.017c.025.014.05.03.052.056 0 .01 0 .016-.002.025L25.054 23.7l-.004.026c-.007.05-.014.107-.062.107a1.729 1.729 0 0 0-1.372.847l-.005.008c-.014.023-.027.045-.05.057-.021.01-.048.006-.07.001l-9.793-2.02c-.01-.002-.152-.519-.163-.52Z"
103
- fill = "url(#paint0_radial) "
104
+ d = "M22.8 39.8V29.68l.2-.21h2.53l.2.2V39.8l-.2.21H23l-.2-.2Zm0-29.49V.21L23 0h2.53l.2.2v10.11l-.2.21H23l-.2-.2Zm-8.7 22.38h-.35l-1.73-1.74v-.35l3.25-3.26h1.84l.25.25v1.84l-3.26 3.26Zm-2.08-23.2v-.35l1.73-1.73h.35l3.26 3.25v1.84l-.25.25h-1.84l-3.25-3.26ZM.58 18.52H14.9l.2.21v2.53l-.2.21H.58l-.2-.2v-2.54l.2-.2Z"
105
+ fill = "#05BDBA "
104
106
/>
105
107
< path
106
- d = "M157.09 29.697c1.16 0 2.174-.351 3.041-1.054.867-.704 1.348-1.582 1.441-2.637h3.076c-.058 1.09-.433 2.127-1.125 3.111-.691.985-1.617 1.77-2.777 2.356a7.934 7.934 0 0 1-3.656.879c-2.59 0-4.652-.862-6.188-2.584-1.523-1.735-2.285-4.102-2.285-7.102v-.545c0-1.851.34-3.498 1.02-4.94.679-1.44 1.652-2.56 2.918-3.357 1.277-.797 2.783-1.195 4.517-1.195 2.133 0 3.903.639 5.309 1.916 1.418 1.277 2.174 2.935 2.267 4.975h-3.076c-.093-1.23-.562-2.239-1.406-3.024-.832-.797-1.863-1.195-3.094-1.195-1.652 0-2.935.597-3.849 1.793-.903 1.183-1.354 2.9-1.354 5.15v.615c0 2.192.451 3.88 1.354 5.063.902 1.183 2.191 1.775 3.867 1.775ZM171.118 32h-3.252V5h3.252v27Zm8.034 0H175.9V12.98h3.252V32Zm-3.516-24.064c0-.528.158-.973.475-1.336.328-.364.808-.545 1.441-.545s1.113.181 1.442.545c.328.363.492.808.492 1.336 0 .527-.164.966-.492 1.318-.329.351-.809.527-1.442.527-.633 0-1.113-.176-1.441-.527-.317-.352-.475-.791-.475-1.318Z"
107
- fill = "url(#paint1_radial) "
108
+ d = "M29 25.27h-2.52l-.21-.21v-5.92c0-1.05-.41-1.87-1.68-1.9-.66 0-1.4 0-2.2.04l-.12.12v7.65l-.21.21h-2.53l-.2-.2V14.94l.2-.21h5.69a4 4 0 0 1 4 4v6.31l-.22.21Zm12.24-4.43-.21.21H34.5l-.21.21c0 .42.42 1.68 2.1 1.68.64 0 1.27-.2 1.48-.63l.21-.2h2.53l.2.2c-.2 1.27-1.26 3.16-4.42 3.16-3.58 0-5.26-2.52-5.26-5.47 0-2.95 1.68-5.48 5.05-5.48s5.06 2.53 5.06 5.48v.84Zm-3.16-2.1c0-.22-.21-1.7-1.9-1.7a1.78 1.78 0 0 0-1.9 1.7l.22.2h3.37l.2-.2Zm9.06 3.36c0 .43.2.64.63.64h1.9l.2.2v2.11l-.2.21h-1.9c-1.9 0-3.58-.84-3.58-3.16v-4.63l-.21-.21H42.5l-.2-.21v-2.1l.2-.22h1.48l.2-.2v-1.9l.22-.21h2.52l.21.2v1.9l.21.21h2.32l.2.21v2.1l-.2.22h-2.32l-.2.2v4.64Zm7.79 3.17H52.4l-.2-.21V10.73l.2-.21h2.53l.21.21v14.32l-.2.21Zm5.69-12.22h-2.53l-.2-.21v-2.11l.2-.21h2.53l.2.21v2.1l-.2.22Zm0 12.22h-2.53l-.2-.21V14.94l.2-.2h2.53l.2.2v10.12l-.2.2Zm9.9-14.54v2.1l-.2.22h-1.9c-.43 0-.64.2-.64.63v.84l.21.21h2.11l.21.21v2.1l-.2.22h-2.12l-.2.2v7.59l-.22.2h-2.52l-.21-.2v-7.58l-.21-.21h-1.48l-.2-.21v-2.1l.2-.22h1.48l.2-.2v-.85c0-2.32 1.7-3.16 3.59-3.16h1.9l.2.2v.01Zm7.79 14.74c-.84 2.11-1.68 3.37-4.63 3.37h-1.06l-.2-.2v-2.11l.2-.21h1.06c1.05 0 1.26-.21 1.47-.84v-.21l-3.37-8.22v-2.1l.21-.22h1.9l.2.21 2.53 7.17h.21l2.53-7.17.2-.2h1.9l.21.2v2.11l-3.37 8.43h.01Z"
109
+ fill = "#014847 "
108
110
/>
109
- < defs >
110
- < radialGradient
111
- id = "paint0_radial"
112
- cx = "0"
113
- cy = "0"
114
- r = "1"
115
- gradientUnits = "userSpaceOnUse"
116
- gradientTransform = "matrix(0 38.3009 -44.2199 0 -1.156 19.46)"
117
- >
118
- < stop stopColor = "#20c6b7" />
119
- < stop offset = "1" stopColor = "#4d9abf" />
120
- </ radialGradient >
121
- < radialGradient
122
- id = "paint1_radial"
123
- cx = "0"
124
- cy = "0"
125
- r = "1"
126
- gradientUnits = "userSpaceOnUse"
127
- gradientTransform = "matrix(0 41.9536 -40.4089 0 145.825 19.408)"
128
- >
129
- < stop stopColor = "#20c6b7" />
130
- < stop offset = "1" stopColor = "#4d9abf" />
131
- </ radialGradient >
132
- </ defs >
111
+ < path d = "M106.66 18.52h14.32l.2.21v2.53l-.2.21h-14.32l-.2-.2v-2.54l.2-.2Z" fill = "#05BDBA" />
133
112
</ svg >
134
113
</ LogoContainer >
135
114
)
@@ -167,12 +146,16 @@ const Link = styled((props) => (
167
146
) ) ( [ ] , ( ) => ( {
168
147
borderLeft : '4px solid' ,
169
148
borderColor : 'transparent' ,
170
- '&.active, &:focus' : {
171
- color : '#00c2b2' ,
149
+ display : 'block' ,
150
+ '&.active, &.active:hover' : {
151
+ color : '#04a29f' ,
172
152
outline : 'none' ,
173
153
} ,
154
+ '&:hover, &:focus' : {
155
+ color : '#02807d' ,
156
+ } ,
174
157
'&:focus' : {
175
- borderColor : 'inherit ' ,
158
+ borderColor : 'currentColor ' ,
176
159
} ,
177
160
} ) )
178
161
@@ -188,7 +171,7 @@ const format = (str, data) => {
188
171
}
189
172
190
173
const NavBar = ( { logo } ) => (
191
- < Toolbar color = "inherit" bg = "transparent" >
174
+ < Toolbar color = "inherit" bg = "transparent" minHeight = "70px" >
192
175
{ logo }
193
176
< Heading px = { 2 } fontSize = { 1 } >
194
177
< a href = "/" style = { { textDecoration : 'none' } } >
@@ -208,7 +191,8 @@ const SearchBoxWrapper = styled.div`
208
191
font-size: 14px;
209
192
padding: 7px 8px;
210
193
width: 80%;
211
- border: 1px solid black;
194
+ border: 1px solid #9da7b2;
195
+ border-radius: 4px;
212
196
-webkit-appearance: initial;
213
197
}
214
198
button {
0 commit comments