diff --git a/src/collections/members/lee-calcote/index.mdx b/src/collections/members/lee-calcote/index.mdx index 4aa415724b53..0472f195e957 100644 --- a/src/collections/members/lee-calcote/index.mdx +++ b/src/collections/members/lee-calcote/index.mdx @@ -19,4 +19,14 @@ badges: location: Austin, Texas, USA bio: "Lee Calcote is an innovative product and technology leader, passionate about empowering engineers and enabling organizations. As Founder of Layer5, he is at the forefront of the cloud native movement. Open source, advanced and emerging technologies have been a consistent focus through Calcote’s time at SolarWinds, Seagate, Cisco and Schneider Electric. An advisor, author, and speaker, Calcote is active in the community as a Docker Captain, Cloud Native Ambassador and GSoC, GSoD, and LFX Mentor." published: true +executive_bio: available +executive_image: ./lee-calcote-exec.jpeg +executive_position: Founder and CEO +company: Layer5 --- + +Lee Calcote is an innovative product and technology leader, passionate about empowering engineers and enabling organizations. As Founder and CEO of Layer5, Lee Calcote is at the forefront of the cloud native movement. Previously, Calcote stewarded technology strategy and innovation across SolarWinds as head of CTO technology initiatives. He led software-defined data center engineering at Seagate, delivering predictive analytics and modern systems management. Calcote held various leadership positions at Cisco, where he created Cisco’s cloud management platform, pioneered software-defined network orchestration, and autonomic remote management services. + +In addition to his role at Layer5, Calcote is a maintainer of open source projects: Meshery, Service Mesh Performance (SMP), and Service Mesh Interface (SMI). Calcote serves as chair of the Cloud Native Computing Foundation (CNCF) TAG Network, and formerly, in the Distributed Management Task Foundation (DMTF) delivering Redfish 1.0, and in the Center for Internet Security (CIS) delivering the Docker Benchmark 1.0. + +Calcote serves on Cisco’s advisory board, and formerly advised startups Twistlock and Octarine, acquired by Palo Alto Networks and VMware, respectively. As a Docker Captain and Cloud Native Ambassador, he is a frequent speaker in the cloud native ecosystem. Calcote is the author of The Enterprise Path to Service Mesh Architectures, Istio: Up and Running, and Service Mesh Patterns with O’Reilly and title with other publishers. He holds a bachelor’s degree in Computer Science, a master’s degree in Business Administration and retains a list of industry certifications. \ No newline at end of file diff --git a/src/collections/members/lee-calcote/lee-calcote-exec.jpeg b/src/collections/members/lee-calcote/lee-calcote-exec.jpeg new file mode 100644 index 000000000000..d16873fed34a Binary files /dev/null and b/src/collections/members/lee-calcote/lee-calcote-exec.jpeg differ diff --git a/src/sections/Community/Member-single/executiveBioModal.js b/src/sections/Community/Member-single/executiveBioModal.js new file mode 100644 index 000000000000..3c0e7ff6fb6b --- /dev/null +++ b/src/sections/Community/Member-single/executiveBioModal.js @@ -0,0 +1,48 @@ +import React from "react"; +import { FaUserTie } from "@react-icons/all-files/fa/FaUserTie"; +import Button from "../../../reusecore/Button"; +import { MDXRenderer } from "gatsby-plugin-mdx"; +import { SRLWrapper } from "simple-react-lightbox"; +import Modal from "react-modal"; +import { GrFormClose } from "@react-icons/all-files/gr/GrFormClose"; +import Image from "../../../components/image"; + + +export const Executive_Bio = ({ executive_image, executive_position, company, name, body }) => { + + const [modalIsOpen,setIsOpen] = React.useState(false); + const openModal = () => setIsOpen(true); + const closeModal = () => setIsOpen(false); + + return ( +
+ + + +
+

Executive Bio

+ {name} +

{name}

+

{executive_position}

+

{company}

+
+
+ + {body} + +
+ +
+ ); +}; \ No newline at end of file diff --git a/src/sections/Community/Member-single/index.js b/src/sections/Community/Member-single/index.js index b75b468c7921..86f38435aa22 100644 --- a/src/sections/Community/Member-single/index.js +++ b/src/sections/Community/Member-single/index.js @@ -1,4 +1,4 @@ -import React from "react"; +import React, { useState } from "react"; import { Link } from "gatsby"; import { MemberSingleWrapper } from "./memberSingle.style"; import { FaTwitter } from "@react-icons/all-files/fa/FaTwitter"; @@ -17,8 +17,9 @@ import NighthawkLogo from "../../../assets/images/nighthawk/icon-only/SVG/nighth import imageHubLogo from "../../../assets/images/image-hub/layer5-image-hub.svg"; import communityLogo from "../../../assets/images/community/community-green.svg"; import Button from "../../../reusecore/Button"; +import { Executive_Bio } from "./executiveBioModal"; -const MemberSingle = ({ frontmatter }) => { +const MemberSingle = ({ frontmatter, body }) => { const { name, position, @@ -30,7 +31,12 @@ const MemberSingle = ({ frontmatter }) => { location, badges, bio, + executive_bio, + executive_image, + executive_position, + company, } = frontmatter; + return ( @@ -161,6 +167,17 @@ const MemberSingle = ({ frontmatter }) => {