gillkyle

let css = "text-shadow: -1px -1px hsl(0,100%,50%),1px 1px hsl(27, 100%, 50%),3px 2px hsl(54, 100%, 50%),5px 3px hsl(81, 100%, 50%),7px 4px hsl(135, 100%, 50%),9px 5px hsl(162, 100%, 50%),11px 6px hsl(189, 100%, 50%),13px 7px hsl(243, 100%, 50%),14px 8px hsl(270, 100%, 50%),16px 9px hsl(297, 100%, 50%); font-size: 40px;";

console.log("%c Wow this is atrocious", css);

gillkyle

console.log('%c Look at that!', 'background: #d9ecff; color: #2783e1; border-radius: 20px; font-size: 10px; padding: 5px 10px; font-family: Montserrat;');

gillkyle

Gmail and GitHub

Create new filters and create new labels.

Pull Request

from:([email protected]) AND {"Patch Links" "approved this pull request." "requested changes on this pull request." "commented on this pull request." "pushed 1 commit." "pushed 2 commits." "pushed 3 commits."}

label: gh-pull-request

gillkyle

➜  ~ blc -g -r -f -e https://www.gatsbyjs.org
Getting links from: https://www.gatsbyjs.org/
├───OK─── https://www.gatsbyjs.org/docs/
├───OK─── https://www.gatsbyjs.org/tutorial/
├───OK─── https://www.gatsbyjs.org/plugins/
├───OK─── https://www.gatsbyjs.org/features/
├───OK─── https://www.gatsbyjs.org/blog/
├───OK─── https://www.gatsbyjs.org/showcase/
├───OK─── https://www.gatsbyjs.org/contributing/
├───OK─── https://www.gatsbyjs.org/docs/deploying-to-aws-amplify

gillkyle

https://www.gatsbyjs.org/tutorial/image-tutorial/images/wordpress-image-tutorial.gif
https://www.gatsbyjs.org/tutorial/image-tutorial/images/network.png
https://www.gatsbyjs.org/tutorial/image-tutorial/images/slow-3g.png
https://www.gatsbyjs.org/blog/2019-05-07-advanced-sitemap-plugin-for-seo/images/advanced_sitemaps.png
https://www.gatsbyjs.org/blog/2019-05-07-advanced-sitemap-plugin-for-seo/images/seo_results.png
https://www.gatsbyjs.org/blog/2018-12-17-ibm-case-study/images/lighthouse.png
https://www.gatsbyjs.org/blog/2018-11-27-gatsby-days/images/gatsby-days.png
https://www.gatsbyjs.org/blog/2018-10-25-using-gatsby-without-graphql/data_sources.png
https://www.gatsbyjs.org/blog/2018-10-25-using-gatsby-without-graphql/integration_layer.png
https://www.gatsbyjs.org/blog/2018-10-04-journey-to-the-content-mesh/modular-cms-architecture.png

gillkyle

# make sure that you have an iTerm2 profile called "Egghead" to apply it with this command
alias egghead="echo -e '\033]50;SetProfile=Egghead\x7' && export PS1='\\$ ' && clear"

gillkyle

{
  "name": "gatsby-starter-default",
  "private": true,
  "description": "A simple starter to get up and developing quickly with Gatsby",
  "version": "0.1.0",
  "author": "Kyle Mathews <[email protected]>",
  "dependencies": {
    "gatsby": "^2.13.42",
    "gatsby-image": "^2.2.7",
    "gatsby-plugin-manifest": "^2.2.4",

gillkyle

/* removes content from page layout but keeps information available to accessibility APIs */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;

gillkyle

await new Promise(f => setTimeout(f, 5000))

gillkyle

{
  "New React file": {
    "prefix": "nr",
    "body": [
      "import React from \"react\"",
      "",
      "const $1 = ({ $2 }) => {",
      "  $3",
      "}",
      "",