diff --git a/src/collections/service-mesh-books/service-mesh-patterns/index.mdx b/src/collections/service-mesh-books/service-mesh-patterns/index.mdx index 11cb870890a9..77c550965487 100644 --- a/src/collections/service-mesh-books/service-mesh-patterns/index.mdx +++ b/src/collections/service-mesh-books/service-mesh-patterns/index.mdx @@ -2,7 +2,7 @@ title: "Service Mesh Patterns" date: 2020-04-08 21:15:05 +0000 cover: ./service-mesh-patterns.webp -thumbnail: ./service-mesh-patterns-small.webp +thumbnail: ./service-mesh-patterns.webp author: Lee Calcote and Nic Jackson abstract: "Patterns, recipes and best practices for deploying and operating service meshes." published: true diff --git a/src/collections/service-mesh-books/the-enterprise-path-to-service-mesh-architectures-2nd-Edition/index.mdx b/src/collections/service-mesh-books/the-enterprise-path-to-service-mesh-architectures-2nd-Edition/index.mdx index 18a66b5aa364..a2649eb1e1cd 100644 --- a/src/collections/service-mesh-books/the-enterprise-path-to-service-mesh-architectures-2nd-Edition/index.mdx +++ b/src/collections/service-mesh-books/the-enterprise-path-to-service-mesh-architectures-2nd-Edition/index.mdx @@ -2,7 +2,7 @@ title: "The Enterprise Path to Service Mesh Architectures (2nd Edition)" date: 2020-10-23 21:15:05 +0000 cover: ./The-Enterprise-path-to-service-mesh-Architectures-2nd-Edition.webp -thumbnail: ./The-Enterprise-path-to-service-mesh-Architectures-2nd-Edition-small.webp +thumbnail: ./The-Enterprise-path-to-service-mesh-Architectures-2nd-Edition.webp author: "Lee Calcote" abstract: "Planning to build a microservice-driven cloud native application or looking to modernize existing application services?" published: true diff --git a/src/components/Terminal/Terminal.style.js b/src/components/Terminal/Terminal.style.js index ac22912fb6d4..216ee7cf762f 100644 --- a/src/components/Terminal/Terminal.style.js +++ b/src/components/Terminal/Terminal.style.js @@ -16,6 +16,7 @@ export const TerminalWrapper = styled.div` --terminal-body-color: var(--gray-1); width: 837px; + max-width: 90%; .title-bar { display: flex; @@ -59,7 +60,6 @@ export const TerminalWrapper = styled.div` background: var(--terminal-body-color); border-radius: 0 0 var(--terminal-radius) var(--terminal-radius); padding: 24px 32px; - @media (min-width: 768px) { height: 525px; } @@ -80,9 +80,9 @@ export const TerminalWrapper = styled.div` width: 0; height: 0; } - + .code-wrapper { - pre { + pre { padding: 0; margin: 0; width: 100%; @@ -106,6 +106,8 @@ export const TerminalWrapper = styled.div` color: var(--white); } + wrap-word: normal; + @media (min-width: 768px){ font-size: 13.5px; line-height: 26px; diff --git a/src/sections/General/Navigation/index.js b/src/sections/General/Navigation/index.js index e7c49fbfe622..97248ac74dc5 100644 --- a/src/sections/General/Navigation/index.js +++ b/src/sections/General/Navigation/index.js @@ -33,10 +33,9 @@ const Navigation = () => { thumbnail { childImageSharp { gatsbyImageData( - width: 240 - height: 160 - transformOptions: {cropFocus: CENTER} - layout: FIXED + width: 1050 + height:1360 + layout: CONSTRAINED ) } publicURL diff --git a/src/sections/Home/Projects-home/index.js b/src/sections/Home/Projects-home/index.js index 16eafb756a94..82cea6630e8e 100644 --- a/src/sections/Home/Projects-home/index.js +++ b/src/sections/Home/Projects-home/index.js @@ -46,7 +46,7 @@ const Projects = () => {
- +

Meshery

Cloud Native Management and Governance

@@ -64,14 +64,14 @@ const Projects = () => {
- +

Nighthawk

Distributed Performance Management for Microservices

- +
{/* */} diff --git a/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate-banner.js b/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate-banner.js index 19e47a035607..d63ad955c9c6 100644 --- a/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate-banner.js +++ b/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate-banner.js @@ -57,7 +57,7 @@ const CollaborationBannerWrapper = styled.div` /* font-size: 4rem; */ position: relative; display: inline-block; - color: ${props => props.theme.primaryColor}; + /* color: ${props => props.theme.primaryColor}; */ transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); /* @media only screen and (min-width: 500px) { @@ -195,7 +195,7 @@ const MeshmapCollaborateBanner = () => {

Collaborate with the team.
Build solutions together

Designer and Visualizer live side-by-side, so all design work, from ideation to operation, can be found in one place.

-
diff --git a/src/sections/Playground/images/playground-feature-2.svg b/src/sections/Playground/images/playground-feature-2.svg index 389660b93f36..c9f1924b85b6 100644 --- a/src/sections/Playground/images/playground-feature-2.svg +++ b/src/sections/Playground/images/playground-feature-2.svg @@ -1,4 +1,9 @@ + @@ -898,7 +903,7 @@ - + diff --git a/src/sections/Playground/index.js b/src/sections/Playground/index.js index 9ec66be1c23c..9a2bb39bc32e 100644 --- a/src/sections/Playground/index.js +++ b/src/sections/Playground/index.js @@ -1,5 +1,4 @@ import React from "react"; -import styled from "styled-components"; import Reviews from "../Pricing/review-slider"; import PlaygroundHero from "./playground-hero"; import PlaygroundFeatures from "./playground-features"; diff --git a/src/sections/Playground/playground-features.js b/src/sections/Playground/playground-features.js index 788a3d25b06d..b4ab8965923a 100644 --- a/src/sections/Playground/playground-features.js +++ b/src/sections/Playground/playground-features.js @@ -14,6 +14,12 @@ const PlaygroundFeaturesWrapper = styled.div` align-items: center; margin: 5% 0%; + svg { + .playground-feature-2_svg__text { + fill: ${props => props.theme.whiteToBlack}; + transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); + } + } h1 { margin-bottom: 8px; } diff --git a/src/sections/Projects/Project-grid/index.js b/src/sections/Projects/Project-grid/index.js index 504231990757..05e0acd07b14 100644 --- a/src/sections/Projects/Project-grid/index.js +++ b/src/sections/Projects/Project-grid/index.js @@ -108,7 +108,7 @@ const ProjectPage = () => {
diff --git a/src/sections/app.style.js b/src/sections/app.style.js index 3a4ab4c900de..c0c280457e3e 100644 --- a/src/sections/app.style.js +++ b/src/sections/app.style.js @@ -21,6 +21,11 @@ const GlobalStyle = createGlobalStyle` outline: none; } + #___gatsby { + background: ${(props) => props.theme.body}; + transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); + } + html{ box-sizing: border-box; -ms-overflow-style: scrollbar;