remove internal build flags and begin adding essentials content

Author: Kelly Churchill

src/components/Homepage/Homepage.js

@@ -8,21 +8,13 @@ export class HomepageHeader extends React.Component {
   }
 
   render() {
-    const { GATSBY_ENV } = process.env;
-    const isInternal = GATSBY_ENV == 'internal';
     // Banner image
     const bannerImg = require('../../content/homepage/images/homepage_image.jpg');
 
-    const homeTitle = isInternal ? (
-      <h3 className="homepage--header__title">
-        FED@IBM
-      </h3>
-    ) : (
-      <h3 className="homepage--header__title">
-        Front-end  <br />
-        Development at IBM
-      </h3>
-    );
+    <h3 className="homepage--header__title">
+      Front-end  <br />
+      Development at IBM
+    </h3>
 
     return (
       <div>

src/components/Layouts/index.js

@@ -116,8 +116,6 @@ class Layout extends React.Component {
   };
 
   render() {
-    const { GATSBY_ENV } = process.env;
-    const isInternal = GATSBY_ENV == 'internal';
     const { children } = this.props;
     const version = Packages.dependencies['carbon-components'];
     const reactVersion = Packages.dependencies['carbon-components-react'];
@@ -147,9 +145,7 @@ class Layout extends React.Component {
           <>
             <Helmet
               title={
-                isInternal
-                  ? data.site.siteMetadata.titleInternal
-                  : data.site.siteMetadata.title
+                data.site.siteMetadata.title
               }
               meta={[
                 {
@@ -189,7 +185,6 @@ class Layout extends React.Component {
                 <span>IBM</span>&nbsp;Front-end&nbsp;<span>Development</span>
               </HeaderName>
                <HeaderGlobalBar>
-                {/* {isInternal ? null : <GlobalSearch />} */}
               </HeaderGlobalBar>
             </Header>
 

src/components/LeftNav/LeftNav.js

@@ -17,13 +17,6 @@ import { Launch16 } from '@carbon/icons-react';
 export default class LeftNav extends React.Component {
   renderNavItems = (nav, loc) =>
     Object.keys(nav).map(item => {
-      const { GATSBY_ENV } = process.env;
-      const hideInternal =
-        GATSBY_ENV !== 'internal' && nav[item].internal;
-
-      if (hideInternal) {
-        return '';
-      }
       return (
         <LeftNavItem
           isCurrentCategory={loc.pathname.includes(item) ? true : false}
@@ -37,7 +30,6 @@ export default class LeftNav extends React.Component {
 
   render() {
     const { GATSBY_ENV } = process.env;
-    const isInternal = GATSBY_ENV == 'internal';
 
     const { isLeftNavOpen, isLeftNavFinal, is404Page } = this.props;
 

src/components/LeftNav/LeftNavItem.js

@@ -56,9 +56,7 @@ export default class LeftNavItem extends React.Component {
 
   renderSubNavItems = (subItems, location, itemSlug) => {
     return Object.keys(subItems).map(item => {
-      const { GATSBY_ENV } = process.env;
-      const hideInternal =
-        GATSBY_ENV !== 'internal' && subItems[item].internal;
+
       // Check that the itemSlug (top most nav item w/ chidlren) matches the
       // zeroeth indexed normalized path array item. This is so we avoid conflicting
       // children with similar names but disimilar parents.
@@ -75,10 +73,6 @@ export default class LeftNavItem extends React.Component {
         navItemProps['aria-current'] = 'page';
       }
 
-      if (hideInternal) {
-        return '';
-      }
-
       return (
         <SideNavMenuItem {...navItemProps}>
           {subItems[item].title}

src/components/SideNav/SideNav.js

@@ -11,13 +11,6 @@ import navigation from '../../data/navigation/navigation.json';
 export default class SideNav extends React.Component {
   renderNavItems = (nav, loc) =>
     Object.keys(nav).map(item => {
-      const { GATSBY_ENV } = process.env;
-      const hideInternal =
-        GATSBY_ENV !== 'internal' && nav[item].internal;
-
-      if (hideInternal) {
-        return '';
-      }
       return (
         <SideNavItem
           itemSlug={item}
@@ -36,9 +29,6 @@ export default class SideNav extends React.Component {
     };
 
   render() {
-    const { GATSBY_ENV } = process.env;
-    const isInternal = GATSBY_ENV == 'internal';
-
     const { isOpen, isFinal } = this.props;
 
     const classNames = classnames({
@@ -70,19 +60,10 @@ export default class SideNav extends React.Component {
               </a>
               <nav className={classNames}>
                 <div className="side-nav--header">
-                  
-                  {isInternal ? (
                     <Link to="/" className="side-nav__logo">
-                      IBM <span>Product Design</span>
+                      <span>Carbon</span> Design System
                     </Link>
-                  ) : (
-                    <>
-                      <Link to="/" className="side-nav__logo">
-                        <span>Carbon</span> Design System
-                      </Link>
-                      <GlobalSearch />
-                    </>
-                  )}
+                    <GlobalSearch />
                 </div>
                 <div className="side-nav--items">
                   <ul role="menu" className="side-nav__nav-items">{navItems}</ul>

src/content/essentials/essentials.md

@@ -1,4 +1,37 @@
 ---
 title: Design System Developer Essentials
-internal: true
----
+---
+
+The Design System Developer Essentials Learning Bundles provide developers with an introduction to using the Design System to implement UIs designed with the IBM Design Language. Learning is being delivered in two methods: Distance Learning or Classroom Immersive.
+
+## Distance Learning
+
+Over the course of five instructor-led sessions, participants will be led through a live presentation of the session content. Following the live presentation, participants will be provided with learning materials including hands-on coding activities. These activities can be done on your own or you can join one of our proctor-led in-person sessions at multiple IBM sites.
+
+All insructor-led sessions will be held live via WebEx at 10 am US Central Time. 
+
+### Instructor-Led Sessions
+Lab 1 - Getting Started<br />
+May 28, 2019
+
+Lab 2 - Layout & Grid<br />
+June 4, 2019
+
+Lab 3 - Content & Polish<br />
+June 11, 2019
+
+Lab 4 - Builds & Performance<br />
+June 18, 2019
+
+Lab 5 - Using APIs & GraphQL<br />
+June 25, 2019
+
+[Register info]
+
+## Classroom Immersive
+
+Week-long in-person immersive learning enabling product teams to get up and running quickly using the Design System. Beginning in July, 2019, we will conduct classroom immersive workshops. In this week-long session, product teams will be led through the material delivered in the Distance Learning sessions and will begin implementing the Design System into their actual product UI. This course is geared to developers who are working in the front-end or UI layer, regardless of their role.
+
+When you register your team for this approach, we will work with you to schedule the week-long event at your location.
+
+[Register your team]

src/data/navigation/navigation.json

@@ -3,8 +3,7 @@
     "title": "Program"
   },
   "essentials": {
-    "title": "Design System Essentials",
-    "internal": true
+    "title": "Design System Essentials"
   },
   "people": {
     "title": "People",
@@ -41,8 +40,7 @@
     }
   },
   "branches": {
-    "title": "Local Branches",
-    "internal": true
+    "title": "Local Branches"
   },
 
   "feducation": {
@@ -64,7 +62,6 @@
   },
   "fedcast": { 
     "title": "Career Careening FEDcast",
-    "internal": true,
     "sub-nav": {
       "upcoming": {
         "title": "Upcoming Shows"

src/styles/_home.scss

@@ -398,24 +398,4 @@
   top: 4rem;
   left: 4rem;
   z-index: 1;
-}
-
-
-// Internal only
-.overview-page__banner.overview-page__banner--internal {
-  background: $ibm-colors__black;
-  color: $ibm-colors__gray--10;
-  align-items: normal;
-  height: 560px;
-  display: flex;
-  justify-content: flex-end;
-}   
-
-.overview-page__banner--internal {
-  .banner__logo {
-    text-transform: none;
-    padding: 0 0 16px 120px;
-    font-size: 122px;
-    letter-spacing: 0px;
-  }
 }

src/styles/index.scss

@@ -15,6 +15,7 @@ $feature-flags: (
   components-x: true,
   ui-shell: true,
 );
+
 @import '@carbon/layout/scss/layout.scss';
 .container {
   //need this to avoid conflicts with old grid code

src/templates/page.js

@@ -97,19 +97,9 @@ export default ({ data }) => {
   let currentPage = post.fields.currentPage;
   let slug = post.fields.slug;
   let tabs = post.frontmatter.tabs;
-  let internal = post.frontmatter.internal;
-
-  const { GATSBY_ENV } = process.env;
-  const isInternal = GATSBY_ENV !== 'internal' && internal == true;
   const homepage = (post.frontmatter.title === 'Homepage') == true;
 
-  if (isInternal) {
-    return (
-      <Layout>
-        <FourOhFour />
-      </Layout>
-    );
-  } else if (homepage) {
+  if (homepage) {
     if (typeof document !== 'undefined') {
       document.body.style.background = '#282828';
     }
@@ -166,7 +156,6 @@ export const query = graphql`
         title
         label
         tabs
-        internal
       }
     }
   }