(site) Update color scheme (#196)

tmr08c · web-flow · commit 0e45a94be82e · 2021-09-04T19:47:36.000-04:00
Use emerald green as main color with a light purple for some accent/link hovering.

Additionally, update `Header` and `Footer` component.

* Update header to always fetch SiteName

Originally, I didn't have the SiteName in the headers on the home page.
Due to the size of the site name, this would cause the other elements to
shift when switching between the home page and other pages on the site.

Instead, we will now always include the site name to keep the header
standard.

Since we are now keeping the site name, we could move the `StaticQuery`
to fetch it from the Gatsby site metadata out of the `Layout` and into
the header itself.

* Update the footer to better leverage flexbox
diff --git a/content/data/talks.json b/content/data/talks.json
@@ -18,7 +18,7 @@
         "presentationDate": { "year": 2014, "month": 2 }
       },
       {
-        "description": "This talk was given during a UCF ACM meeting. It starts with a quick introduction to the syntax of Ruby but the bulk of the talk was walking through creating a demo Rails application. The walkthrough for the demo Rails application can be found <a href='https://gist.github.com/tmr08c/102cacf255d09e2122ce' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>here</a>. The application is an attendance app that allows meetings to be created and users to sign in as having attended a meeting.",
+        "description": "This talk was given during a UCF ACM meeting. It starts with a quick introduction to the syntax of Ruby but the bulk of the talk was walking through creating a demo Rails application. The walkthrough for the demo Rails application can be found <a href='https://gist.github.com/tmr08c/102cacf255d09e2122ce' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>here</a>. The application is an attendance app that allows meetings to be created and users to sign in as having attended a meeting.",
         "name": "Creating a Ruby on Rails Application - A Brief Introduction to Magic",
         "presentationDate": { "year": 2014, "month": 10 }
       }
@@ -30,13 +30,13 @@
       {
         "name": "An Introduction to Ruby…with a functional perspective",
         "link": "https://docs.google.com/presentation/d/1_RjmWwWcQIodywIDzq92JhejtG7GGSyWCAfd1b-0rGw/edit?usp=sharing",
-        "description": "This talk was given as a guest lecture in a <a href='http://www.eecs.ucf.edu/~leavens/COP4020/' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>Programming Languages course at UCF</a>. This course has a large focus on the functional programming paradigm so it was asked to include some of these paradigms in my introduction to Ruby. This talk cover Ruby basics, functional programming with Ruby, object-oriented programming with Ruby, and metaprogramming.",
+        "description": "This talk was given as a guest lecture in a <a href='http://www.eecs.ucf.edu/~leavens/COP4020/' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>Programming Languages course at UCF</a>. This course has a large focus on the functional programming paradigm so it was asked to include some of these paradigms in my introduction to Ruby. This talk cover Ruby basics, functional programming with Ruby, object-oriented programming with Ruby, and metaprogramming.",
         "presentationDate": { "year": 2015, "month": 3 }
       },
       {
         "name": "Couch To 5K Your Career",
         "link": "https://docs.google.com/presentation/d/1hMABDuoPNcRz75Rt2dGHLhntjrFbG_XH2dHXUiJ8yV8/edit?usp=sharing",
-        "description": "This talk was given during <a href='http://barcamporlando.org/' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>BarCamp Orlando</a>. Inspired by completing the <a href='http://www.c25k.com/' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>Couch To 5K Program</a> I explore following a similar model to excel in your career. Discusses creating achievable, incremental goals in a measurable manner and the effect that has on actually following through with them.",
+        "description": "This talk was given during <a href='http://barcamporlando.org/' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>BarCamp Orlando</a>. Inspired by completing the <a href='http://www.c25k.com/' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>Couch To 5K Program</a> I explore following a similar model to excel in your career. Discusses creating achievable, incremental goals in a measurable manner and the effect that has on actually following through with them.",
         "presentationDate": { "year": 2015, "month": 4 }
       }
     ]
@@ -47,7 +47,7 @@
       {
         "name": "Building a Function as a Service with TypeScript",
         "link": "https://www.icloud.com/keynote/0NVf0OADqbNQtreCtb2Y4vC4A#Building_a_Function_as_a_Service_with_TypeScript",
-        "description": "This talk was given at a meeting for the <a href='https://www.ncsu.edu/' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>North Carolina State University’s</a> <a href='https://acm-ncsu.github.io/about/' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>ACM chapter</a>. The talk covers some of the history of DevOps at ROI Revolution and why we are excited about the idea serverless/Faas. You can also find sample code <a href='https://github.com/tmr08c/faas-with-typescript' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>here</a>.",
+        "description": "This talk was given at a meeting for the <a href='https://www.ncsu.edu/' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>North Carolina State University’s</a> <a href='https://acm-ncsu.github.io/about/' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>ACM chapter</a>. The talk covers some of the history of DevOps at ROI Revolution and why we are excited about the idea serverless/FaaS. You can also find sample code <a href='https://github.com/tmr08c/faas-with-typescript' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>here</a>.",
         "presentationDate": {
           "year": 2018,
           "month": 4
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -1,45 +1,46 @@
 import { Link } from "gatsby";
 import * as React from "react";
 
-const Footer: React.SFC = () => (
-  <div className="flex py-4 bg-living-coral-500 text-gray-800">
-    <ul className="flex-grow pl-5 my-auto">
-      <li>
-        <Link to="/" className="hover:text-white">
+function Footer() {
+  return (
+    <div className="flex justify-between py-4 px-1 bg-green-800 text-white">
+      <div className="flex flex-col pl-5 my-auto">
+        <Link to="/" className="hover:text-black">
           Home
         </Link>
-      </li>
-      <li className="group">
-        <a href="https://github.com/tmr08c/" target="blank">
-          {/* GitHub Logo SVG generated from Jekyll version of blog */}
-          <svg
-            viewBox="0 0 16 16"
-            className="w-5 h-5 inline fill-current group-hover:text-white"
+        <div className="group">
+          <a
+            href="https://github.com/tmr08c/"
+            target="blank"
+            className="group-hover:text-black"
           >
-            <path d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z" />
-          </svg>
-          <span className="text-sm ml-1 group-hover:text-white">@tmr08c</span>
-        </a>
-      </li>
-    </ul>
-    <div className="flex flex-col items-end pr-5 my-auto">
-      <Link to="/talks" className="hover:text-white">
-        Talks
-      </Link>
-      <div className="flex items-center">
-        <Link to="/rss.xml" className="hover:text-white mr-3">
-          {/* Logo thanks to https://www.svgrepo.com/svg/95552/rss-sign  */}
-          <svg viewBox="0 0 461.432 461.432" className="h-3 w-3 fill-current">
-            <defs />
-            <path d="M125.896 398.928c0 33.683-27.308 60.999-61.022 60.999-33.684 0-61.006-27.316-61.006-60.999 0-33.729 27.322-61.038 61.006-61.038 33.714 0 61.022 27.308 61.022 61.038zM0 229.636c0 8.441 6.606 15.379 15.036 15.809 60.318 3.076 100.885 25.031 138.248 62.582 36.716 36.864 60.071 89.759 64.082 137.769.686 8.202 7.539 14.524 15.77 14.524h56.701c4.344 0 8.498-1.784 11.488-4.935a15.852 15.852 0 004.333-11.729c-8.074-158.152-130.669-278.332-289.013-286.23a15.846 15.846 0 00-11.709 4.344A15.848 15.848 0 000 173.247v56.389z" />
-            <path d="M0 73.411c0 8.51 6.713 15.482 15.216 15.819 194.21 7.683 350.315 161.798 358.098 355.879.34 8.491 7.32 15.208 15.818 15.208h56.457c4.297 0 8.408-1.744 11.393-4.834a15.857 15.857 0 004.441-11.552C453.181 199.412 261.024 9.27 16.38 1.121A15.844 15.844 0 004.838 5.568 15.842 15.842 0 000 16.954v56.457z" />
-          </svg>
-        </Link>
-        <Link to="/blog" className="hover:text-white">
-          Blog
+            {/* GitHub Logo SVG generated from Jekyll version of blog */}
+            <svg viewBox="0 0 16 16" className="w-5 h-5 inline fill-current">
+              <path d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z" />
+            </svg>
+            <span className="text-sm ml-1 group-hover:text-black">@tmr08c</span>
+          </a>
+        </div>
+      </div>
+      <div className="flex flex-col items-end pr-5 my-auto">
+        <Link to="/talks" className="hover:text-black">
+          Talks
         </Link>
+        <div className="flex items-center">
+          <Link to="/rss.xml" className="mr-3 hover:text-black">
+            {/* Logo thanks to https://www.svgrepo.com/svg/95552/rss-sign  */}
+            <svg viewBox="0 0 461.432 461.432" className="h-3 w-3 fill-current">
+              <defs />
+              <path d="M125.896 398.928c0 33.683-27.308 60.999-61.022 60.999-33.684 0-61.006-27.316-61.006-60.999 0-33.729 27.322-61.038 61.006-61.038 33.714 0 61.022 27.308 61.022 61.038zM0 229.636c0 8.441 6.606 15.379 15.036 15.809 60.318 3.076 100.885 25.031 138.248 62.582 36.716 36.864 60.071 89.759 64.082 137.769.686 8.202 7.539 14.524 15.77 14.524h56.701c4.344 0 8.498-1.784 11.488-4.935a15.852 15.852 0 004.333-11.729c-8.074-158.152-130.669-278.332-289.013-286.23a15.846 15.846 0 00-11.709 4.344A15.848 15.848 0 000 173.247v56.389z" />
+              <path d="M0 73.411c0 8.51 6.713 15.482 15.216 15.819 194.21 7.683 350.315 161.798 358.098 355.879.34 8.491 7.32 15.208 15.818 15.208h56.457c4.297 0 8.408-1.744 11.393-4.834a15.857 15.857 0 004.441-11.552C453.181 199.412 261.024 9.27 16.38 1.121A15.844 15.844 0 004.838 5.568 15.842 15.842 0 000 16.954v56.457z" />
+            </svg>
+          </Link>
+          <Link to="/blog" className="hover:text-black">
+            Blog
+          </Link>
+        </div>
       </div>
     </div>
-  </div>
-);
+  );
+}
 export default Footer;
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -1,36 +1,43 @@
-import { Link } from "gatsby";
+import { Link, StaticQuery, graphql } from "gatsby";
 import * as React from "react";
 
-interface HeaderProps {
-  siteTitle?: string;
-}
-
-const Header: React.SFC<HeaderProps> = ({ siteTitle }) => (
-  <nav className="flex items-center justify-between flex-wrap bg-living-coral-500 p-6 mb-5">
-    <div className="flex flex-no-shrink">
-      <Link
-        to="/"
-        className="font-semibold text-xl tracking-tighter text-black hover:text-white"
-      >
-        {siteTitle}
-      </Link>
-    </div>
-    <div className="justify-end flex mr-4">
-      <div className="text-xl">
-        <Link to="/talks" className="text-black hover:text-white mr-2">
-          Talks
-        </Link>
+function Header(): JSX.Element {
+  return (
+    <StaticQuery
+      query={graphql`
+        query SiteTitleQuery {
+          site {
+            siteMetadata {
+              title
+            }
+          }
+        }
+      `}
+      render={(data) => (
+        <nav className="flex items-center justify-between flex-wrap bg-green-800 px-6 py-12 mb-5 text-white">
+          <div className="flex flex-no-shrink">
+            <Link
+              to="/"
+              className="font-semibold text-4xl tracking-tighter hover:underline hover:animate-wiggle"
+            >
+              {data.site.siteMetadata.title}
+            </Link>
+          </div>
+          <div className="justify-end flex mr-4">
+            <div className="text-xl">
+              <Link to="/talks" className="mr-6 hover:text-black">
+                Talks
+              </Link>
 
-        <Link to="/blog" className="text-black hover:text-white">
-          Blog
-        </Link>
-      </div>
-    </div>
-  </nav>
-);
-
-Header.defaultProps = {
-  siteTitle: "",
-};
+              <Link to="/blog" className="hover:text-black">
+                Blog
+              </Link>
+            </div>
+          </div>
+        </nav>
+      )}
+    />
+  );
+}
 
 export default Header;
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -1,30 +1,16 @@
-import { graphql, StaticQuery } from "gatsby";
 import * as React from "react";
 
 import Footer from "./Footer";
 import Header from "./Header";
 
 const Layout: React.SFC = ({ children }) => (
-  <StaticQuery
-    query={graphql`
-      query SiteTitleQuery {
-        site {
-          siteMetadata {
-            title
-          }
-        }
-      }
-    `}
-    render={(data) => (
-      <>
-        <Header siteTitle={data.site.siteMetadata.title} />
-        <main className="min-h-screen mx-auto px-4 py-8 max-w-2xl sm:px-6 sm:py-12 lg:max-w-3xl lg:py-16 2xl:max-w-4xl xl:px-0">
-          {children}
-        </main>
-        <Footer />
-      </>
-    )}
-  />
+  <>
+    <Header />
+    <main className="min-h-screen mx-auto px-4 py-8 max-w-2xl sm:px-6 sm:py-12 lg:max-w-3xl lg:py-16 2xl:max-w-4xl xl:px-0">
+      {children}
+    </main>
+    <Footer />
+  </>
 );
 
 export default Layout;
diff --git a/src/components/talks/Talk.tsx b/src/components/talks/Talk.tsx
@@ -13,7 +13,7 @@ const Talk: React.SFC<TalkProps> = ({ talk }) => {
             href={talk.link}
             target="_blank"
             rel="nofollow noopener noreferrer"
-            className="border-red-300 border-solid border-b-4"
+            className="border-solid border-b-4 hover:text-purple-400 duration-300 transition-colors"
           >
             {talk.name}
           </a>
diff --git a/src/pages/blog.tsx b/src/pages/blog.tsx
@@ -43,7 +43,7 @@ class IndexPage extends React.Component<IndexPageProps, {}> {
             const title = node.frontmatter.title || node.fields.slug;
             return (
               <div className="post mb-10" key={node.fields.slug}>
-                <h3 className="text-3xl">
+                <h3 className="text-3xl hover:text-purple-400 duration-300 transition-colors">
                   <Link to={node.fields.slug}>{title}</Link>
                 </h3>
                 <small className="italic text-gray-600">
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -10,7 +10,7 @@ class IndexPage extends React.Component<{}, {}> {
   render() {
     return (
       <>
-        <div className="object-cover min-h-screen bg-living-coral-500">
+        <div className="object-cover min-h-screen bg-green-800">
           <SEO
             title="Home"
             keywords={[
@@ -32,7 +32,7 @@ class IndexPage extends React.Component<{}, {}> {
 
           <Header />
 
-          <div className="flex flex-col justify-center text-center text-black">
+          <div className="flex flex-col justify-center text-center text-white">
             <h1
               className="text-5xl lg:text-8xl p-10 pb-4 "
               style={{ fontFamily: "Chewy" }}
@@ -48,89 +48,6 @@ class IndexPage extends React.Component<{}, {}> {
           </div>
         </div>
 
-        <div className="flex flex-col lg:flex-row lg:justify-around bg-living-coral-500">
-          <AboutBox
-            customStyle={{ backgroundColor: "#FCE21A", color: "#1e3859" }}
-            sectionTitle="Work"
-          >
-            <p className="my-2">
-              I am a full-time Engineering Manger and Software Developer mostly
-              working with open-source web technologies including
-              <span className="text-xl ml-1" style={{ color: "#284E80" }}>
-                TypeScript
-              </span>
-              ,
-              <span className="text-xl ml-1" style={{ color: "#4e2a8e" }}>
-                Elixir
-              </span>
-              , and
-              <span className="text-xl ml-1" style={{ color: "#A51601" }}>
-                Ruby
-              </span>
-              .
-            </p>
-            <p className="my-2">
-              In addition to working with different languages and frameworks, I
-              like testing
-              <HomePageLink
-                destination="https://www.vim.org/"
-                displayText="different"
-              />
-              <HomePageLink
-                destination="https://code.visualstudio.com/"
-                displayText="text"
-              />
-              <HomePageLink
-                destination="http://spacemacs.org/"
-                displayText="editors"
-              />
-              .
-            </p>
-            <p className="my-2">
-              You can find some of my work on
-              <HomePageLink
-                destination="https://github.com/tmr08c/"
-                displayText="GitHub"
-              />
-              .
-            </p>
-          </AboutBox>
-
-          <AboutBox
-            customStyle={{ backgroundColor: "#50e1c7", color: "#1E3859" }}
-            sectionTitle="Home"
-          >
-            <p className="my-2">
-              Whether working or not, I am generally well caffeinated and use
-              almost as many
-              <HomePageLink
-                destination="https://aeropress.com/"
-                displayText="coffee"
-              />
-              <HomePageLink
-                destination="https://www.chemexcoffeemaker.com/"
-                displayText="brewing"
-              />
-              <HomePageLink
-                destination="https://www.hario.jp/sp_v60series.html"
-                displayText="options"
-              />
-              &nbsp;as I do text editors.
-            </p>
-            <p className="my-2">
-              When I'm not working, you can usually find me listening to
-              podcasts, walking my dogs, rock climbing, or spending time my
-              <HomePageLink
-                destination="http://rhimerchant.com/"
-                displayText="amazing girlfriend"
-              />
-              &nbsp;who created my awesome avatar for me.
-            </p>
-          </AboutBox>
-        </div>
-
-        <div className="bg-living-coral-500 h-32" />
-
         <Footer />
       </>
     );
diff --git a/src/templates/blog-post.tsx b/src/templates/blog-post.tsx
diff --git a/tailwind.config.js b/tailwind.config.js

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@`
`18`	`18`	`"presentationDate": { "year": 2014, "month": 2 }`
`19`	`19`	`},`
`20`	`20`	`{`
`21`		- "description": "This talk was given during a UCF ACM meeting. It starts with a quick introduction to the syntax of Ruby but the bulk of the talk was walking through creating a demo Rails application. The walkthrough for the demo Rails application can be found <a href='https://gist.github.com/tmr08c/102cacf255d09e2122ce' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>here</a>. The application is an attendance app that allows meetings to be created and users to sign in as having attended a meeting.",
	`21`	+ "description": "This talk was given during a UCF ACM meeting. It starts with a quick introduction to the syntax of Ruby but the bulk of the talk was walking through creating a demo Rails application. The walkthrough for the demo Rails application can be found <a href='https://gist.github.com/tmr08c/102cacf255d09e2122ce' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>here</a>. The application is an attendance app that allows meetings to be created and users to sign in as having attended a meeting.",
`22`	`22`	`"name": "Creating a Ruby on Rails Application - A Brief Introduction to Magic",`
`23`	`23`	`"presentationDate": { "year": 2014, "month": 10 }`
`24`	`24`	`}`
`@@ -30,13 +30,13 @@`
`30`	`30`	`{`
`31`	`31`	`"name": "An Introduction to Ruby…with a functional perspective",`
`32`	`32`	`"link": "https://docs.google.com/presentation/d/1_RjmWwWcQIodywIDzq92JhejtG7GGSyWCAfd1b-0rGw/edit?usp=sharing",`
`33`		- "description": "This talk was given as a guest lecture in a <a href='http://www.eecs.ucf.edu/~leavens/COP4020/' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>Programming Languages course at UCF</a>. This course has a large focus on the functional programming paradigm so it was asked to include some of these paradigms in my introduction to Ruby. This talk cover Ruby basics, functional programming with Ruby, object-oriented programming with Ruby, and metaprogramming.",
	`33`	+ "description": "This talk was given as a guest lecture in a <a href='http://www.eecs.ucf.edu/~leavens/COP4020/' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>Programming Languages course at UCF</a>. This course has a large focus on the functional programming paradigm so it was asked to include some of these paradigms in my introduction to Ruby. This talk cover Ruby basics, functional programming with Ruby, object-oriented programming with Ruby, and metaprogramming.",
`34`	`34`	`"presentationDate": { "year": 2015, "month": 3 }`
`35`	`35`	`},`
`36`	`36`	`{`
`37`	`37`	`"name": "Couch To 5K Your Career",`
`38`	`38`	`"link": "https://docs.google.com/presentation/d/1hMABDuoPNcRz75Rt2dGHLhntjrFbG_XH2dHXUiJ8yV8/edit?usp=sharing",`
`39`		- "description": "This talk was given during <a href='http://barcamporlando.org/' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>BarCamp Orlando</a>. Inspired by completing the <a href='http://www.c25k.com/' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>Couch To 5K Program</a> I explore following a similar model to excel in your career. Discusses creating achievable, incremental goals in a measurable manner and the effect that has on actually following through with them.",
	`39`	+ "description": "This talk was given during <a href='http://barcamporlando.org/' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>BarCamp Orlando</a>. Inspired by completing the <a href='http://www.c25k.com/' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>Couch To 5K Program</a> I explore following a similar model to excel in your career. Discusses creating achievable, incremental goals in a measurable manner and the effect that has on actually following through with them.",
`40`	`40`	`"presentationDate": { "year": 2015, "month": 4 }`
`41`	`41`	`}`
`42`	`42`	`]`
`@@ -47,7 +47,7 @@`
`47`	`47`	`{`
`48`	`48`	`"name": "Building a Function as a Service with TypeScript",`
`49`	`49`	`"link": "https://www.icloud.com/keynote/0NVf0OADqbNQtreCtb2Y4vC4A#Building_a_Function_as_a_Service_with_TypeScript",`
`50`		- "description": "This talk was given at a meeting for the <a href='https://www.ncsu.edu/' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>North Carolina State University’s</a> <a href='https://acm-ncsu.github.io/about/' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>ACM chapter</a>. The talk covers some of the history of DevOps at ROI Revolution and why we are excited about the idea serverless/Faas. You can also find sample code <a href='https://github.com/tmr08c/faas-with-typescript' class='border-solid border-red-200 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>here</a>.",
	`50`	+ "description": "This talk was given at a meeting for the <a href='https://www.ncsu.edu/' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>North Carolina State University’s</a> <a href='https://acm-ncsu.github.io/about/' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>ACM chapter</a>. The talk covers some of the history of DevOps at ROI Revolution and why we are excited about the idea serverless/FaaS. You can also find sample code <a href='https://github.com/tmr08c/faas-with-typescript' class='border-solid hover:text-purple-400 border-b-2' target='_blank' rel='nofollow noopener noreferrer'>here</a>.",
`51`	`51`	`"presentationDate": {`
`52`	`52`	`"year": 2018,`
`53`	`53`	`"month": 4`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ const Talk: React.SFC<TalkProps> = ({ talk }) => {`
`13`	`13`	`href={talk.link}`
`14`	`14`	`target="_blank"`
`15`	`15`	`rel="nofollow noopener noreferrer"`
`16`		`- className="border-red-300 border-solid border-b-4"`
	`16`	`+ className="border-solid border-b-4 hover:text-purple-400 duration-300 transition-colors"`
`17`	`17`	`>`
`18`	`18`	`{talk.name}`
`19`	`19`	`</a>`