@@ -2,19 +2,20 @@
< html dir ="ltr " lang ="en "> < head > < title > Oh No Bro! - </ title >
< meta name ="viewport " content ="width=device-width, initial-scale=1 ">
< meta http-equiv ="content-type " content ="text/html; charset=utf-8 " />
< meta name ="generator " content ="The Grid the-composer/ds-nick-jones/0.0.108 ">
< meta name ="the-grid-solution " content ="e5432feb-25a1-4b7a-ba0b-ac798989e9f8 ">
< meta name ="generator " content ="The Grid the-composer/ds-nick-jones/0.0.116 ">
< meta name ="the-grid-solution " content ="e417a486-7626-40f9-b7f3-fb6a9b7097f3 ">
< script src ="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js "> </ script >
< script type ="text/javascript " src ="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.9.1/polyfill.js "> </ script >
< link rel ="stylesheet " href ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.108/assets/styles/css/style.css " type ="text/css " />
< link rel ="stylesheet " href ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.108/assets/styles/css/animations.css " type ="text/css " />
< link rel ="stylesheet " href ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.108/assets/styles/css/props.css " type ="text/css " />
< link rel ="stylesheet " href ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.108/assets/styles/css/focalpoint.css " type ="text/css " />
< script src ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.108/ds-nick-jones-components.dist.min.js "> </ script >
< style id ="web-font-binder " type ="text/css "> html { font-family : 'Georgia' , 'Times New Roman' , 'Times' , 'serif' ;font-weight : 400 ; } html .wf-active { font-family : 'Arvo' , 'Georgia' , 'Times New Roman' , 'Times' , 'serif' ;font-weight : 400 ; } .wf-active .font-title , .wf-active .font-headline , .wf-active .font-h1 , .wf-active .font-h2 , .wf-active .font-h3 { font-family : 'Montserrat' , '-apple-system' , '.SFNSText-Regular' , 'San Francisco' , 'Roboto' , 'Segoe UI' , 'Helvetica Neue' , 'Lucida Grande' , 'sans-serif' ;font-weight : 400 ; } .wf-active .font-subtitle , .wf-active .font-h4 , .wf-active .font-h5 , .wf-active .font-h6 { font-family : 'Montserrat' , '-apple-system' , '.SFNSText-Regular' , 'San Francisco' , 'Roboto' , 'Segoe UI' , 'Helvetica Neue' , 'Lucida Grande' , 'sans-serif' ;font-weight : 400 ; } .wf-active .font-text , .wf-active .font-list { font-family : 'Arvo' , 'Georgia' , 'Times New Roman' , 'Times' , 'serif' ; } .wf-active .font-quote { font-family : 'Montserrat' , '-apple-system' , '.SFNSText-Regular' , 'San Francisco' , 'Roboto' , 'Segoe UI' , 'Helvetica Neue' , 'Lucida Grande' , 'sans-serif' ;font-weight : 400 ;font-style : normal; } .wf-active .font-cta { font-family : 'Montserrat' , '-apple-system' , '.SFNSText-Regular' , 'San Francisco' , 'Roboto' , 'Segoe UI' , 'Helvetica Neue' , 'Lucida Grande' , 'sans-serif' ; }</ style > < meta property ="og:site_name " content ="Oh No Bro! "/>< link rel ="alternate " type ="application/rss+xml " title ="RSS " href ="./rss.xml "/></ head > < body > < div id ="app " data-reactroot ="" data-reactid ="1 " data-react-checksum ="1898719716 "> < div id ="wrapper " class ="System color-bg m-t-0 hero-transition-none Vignelli section-h-padding-large section-v-padding-medium hero-transition-none colors-light colors-global " data-reactid ="2 "> < span style ="display:hidden; " data-reactid ="3 "> </ span > < section id ="0 " class ="Section Section--components-1 Section--nav color-box title-size-medium pos-r colors-light colors-global " data-reactid ="4 "> < div class ="Component ls-fx-r j-c-between a-i-stretch p-1 ls-p-2 h-a " data-reactid ="5 "> < div class ="Site-title color-text-pop p-0 pos-r f-s-m f-w-700 ls-max-w-320px bd-b p-b-1 ls-p-b-0 bd-w-1 ls-bd-none fx-c j-c-end " data-reactid ="6 "> <!-- react-empty: 7 --> < span data-reactid ="8 "> < a data-reactid ="9 "> Oh No Bro!</ a > </ span > </ div > <!-- react-text: 10 --> <!-- /react-text --> </ div > </ section > < div class ="min-h-80vh " data-reactid ="11 "> < section id ="1 " class ="Section Section--components-1 color-title title-size-medium p-0 ls-p-h-13vw ls-p-v-3 color-bg text-align-left colors-light colors-local " data-reactid ="12 "> < div class ="Component p-1 " data-reactid ="13 "> < div class ="Group Group--column min-w-240px p-1 " data-reactid ="14 "> <!-- react-empty: 15 --> < div class ="System-font ls-max-w-0 Headline " data-reactid ="16 "> < h1 data-reactid ="17 "> < span class ="" data-reactid ="18 "> < span class ="font-title " data-reactid ="19 "> Oh No Bro!</ span > </ span > </ h1 > </ div > <!-- react-empty: 20 --> <!-- react-empty: 21 --> </ div > </ div > </ section > < section id ="2 " class ="Section Section--article color-bg color-title color-text w-100p p-1 colors-light colors-local " data-reactid ="22 "> < div class ="Component max-w-768px m-a pos-r " data-reactid ="23 "> < p > Today, I did something. This is the post I did.</ p > </ div > </ section > </ div > < section id ="3 " class ="Section Section--components-2 Section--footer color-bg color-title z-30 p-1 ls-p-h-2vw colors-white colors-local " data-reactid ="24 "> < div class ="fx-1 bd-none ls-bd-r ls-bd-w-1 " data-reactid ="25 "> < div class ="Group Group-heading ls-p-r-4 " data-reactid ="26 "> < div class ="Site-title color-text-pop " data-reactid ="27 "> < span data-reactid ="28 "> <!-- react-empty: 29 --> < h2 data-reactid ="30 "> < a data-reactid ="31 "> Oh No Bro!</ a > </ h2 > </ span > </ div > </ div > </ div > < div class ="fx-1 " data-reactid ="32 "> < div class ="Group Group--links " data-reactid ="33 "> < div class ="Group Group--links f-s-m ls-f-s-s w-s-wrap ls-w-s-nowrap " data-reactid ="34 "> </ div > </ div > </ div > < div data-reactid ="35 "> </ div > </ section > </ div > </ div >
< script src ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.108/assets/scripts/placeholder.js "> </ script >
< script src ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.108/assets/scripts/hero-transition.js "> </ script >
< script id ="pageReactInitState "> window . pageReactInitState = { "globalComponentsKey" :"dsNickJones" , "items" :{ "site-navigation-item" :{ "id" :"site-navigation-item" , "index" :0 , "metadata" :{ "@type" :"navigation" , "starred" :true } , "content" :[ { "id" :"site-navigation-block" , "type" :"navigation" , "html" :"" , "metadata" :{ "starred" :true } , "navigation" :[ { "href" :"index.html" , "title" :"Oh No Bro!" , "rel" :"home" , "type" :"MainPage" } ] } ] } , "header-item-0" :{ "id" :"header-item-0" , "index" :1 , "metadata" :{ "@type" :"header" , "starred" :true } , "content" :[ { "id" :"cta-title-1" , "type" :"h1" , "html" :"<h1>Oh No Bro!</h1>" , "metadata" :{ "starred" :true } , "text" :"Oh No Bro!" } ] } , "1c22b171-c1fa-44eb-9dfa-17e51e60710c" :{ "id" :"1c22b171-c1fa-44eb-9dfa-17e51e60710c" , "index" :2 , "created_by" :"62ed8934-10ab-4308-aea4-cb385d3e72f8" , "updated_by" :null , "created_at" :"2016-02-21T20:51:16.614Z" , "updated_at" :null , "published" :true , "score" :0 , "path" :"_posts/2016-02-21-1c22b171-c1fa-44eb-9dfa-17e51e60710c.md" , "_title" :"" , "metadata" :{ "@type" :"Article" , "url" :"1c22b171-c1fa-44eb-9dfa-17e51e60710c/index.html" , "inLanguage" :null , "starred" :false , "inFeed" :true , "hasPage" :true , "inNav" :false , "keywords" :[ ] } , "content" :[ { "id" :"072f895d-4583-463d-bce7-3f4798c27e9f" , "item" :"1c22b171-c1fa-44eb-9dfa-17e51e60710c" , "type" :"text" , "html" :"<p>Today, I did something. This is the post I did.</p>" , "src" :null , "created_at" :null , "updated_at" :null , "metadata" :{ "isBasedOnUrl" :null , "inLanguage" :null , "starred" :true , "inFeed" :true , "hasPage" :false , "inNav" :false , "keywords" :[ ] } , "text" :"Today, I did something. This is the post I did." } ] } , "site-footer-item" :{ "id" :"site-footer-item" , "index" :3 , "metadata" :{ "@type" :"footer" , "starred" :true } , "content" :[ { "id" :"site-footer-block" , "type" :"footer" , "html" :"" , "metadata" :{ "starred" :true } , "footer" :{ "rss" :{ "href" :"rss.xml" , "rel" :"alternate" , "title" :"Oh No Bro! RSS" , "type" :"application/rss+xml" } } } ] } } , "sections" :[ { "componentId" :"ArticleSiteHeaderFallback" , "itemsToRenderIds" :[ "header-item-0" ] , "contracts" :{ "the-beautician" :{ "$item_index" :1 , "sectionsBeautyverse" :{ "section-height" :{ "$class" :[ "section-height-fullscreen" ] } , "text-align" :{ "$class" :[ "text-align-left" ] } , "group-order" :{ "$class" :[ "group-order-normal" ] } , "group-graphical-shape" :{ "$class" :[ "group-graphical-shape-none" ] } } , "$class" :[ "group-graphical-shape-none" , "group-order-normal" , "text-align-left" , "section-height-fullscreen" , "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "header-item-0" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" , "ArticleSiteHeaderFallback" ] } , "the-colorist" :{ "$item_index" :1 , "colorverse" :{ "colors-solution" :{ "$class" :[ "colors-light" ] } , "colors-locality" :{ "$class" :[ "colors-local" ] } } , "$class" :[ "colors-local" , "colors-light" , "site:colors-global" , "site:colors-light" ] , "colorsSolution" :{ "isLight" :true , "isDark" :false , "lightnessClass" :"is-light" , "base" :{ "r" :252 , "g" :254 , "b" :249 } , "bg" :{ "r" :245 , "g" :247 , "b" :244 } , "box" :{ "r" :252 , "g" :254 , "b" :249 } , "boxShadow" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.1 } , "boxPop" :{ "r" :130 , "g" :123 , "b" :91 } , "boxPopText" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPop2" :{ "r" :62 , "g" :48 , "b" :17 } , "boxPop2Text" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPopTextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPop2TextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPopMostVibrant" :{ "r" :226 , "g" :169 , "b" :54 } , "boxPopMostVibrantText" :{ "r" :0 , "g" :0 , "b" :0 } , "selectionText" :{ "r" :0 , "g" :0 , "b" :0 } , "selection" :{ "r" :226 , "g" :169 , "b" :54 , "a" :0.5 } , "header" :{ "r" :250 , "g" :252 , "b" :248 } , "zebraStripe" :{ "r" :249 , "g" :251 , "b" :246 } , "line" :{ "r" :238 , "g" :239 , "b" :232 } , "mediaBorder" :{ "css" :"1px solid hsl(69, 18%, 92%)" , "width" :1 , "type" :"solid" , "color" :{ "r" :238 , "g" :239 , "b" :232 } } , "mediaShadowColor" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "mediaInsetColor" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "mediaShadows" :[ { "css" :"0 1px 2px rgba(0, 0, 0, 0.2)" , "x" :0 , "y" :1 , "blur" :2 , "color" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "inset" :false } , { "css" :"inset 0 1px 1px rgba(255, 255, 255, 0.1)" , "x" :0 , "y" :1 , "blur" :1 , "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "inset" :true } ] , "title" :{ "r" :80 , "g" :62 , "b" :22 } , "title2" :{ "r" :132 , "g" :120 , "b" :90 } , "subTitle" :{ "r" :194 , "g" :192 , "b" :179 } , "text" :{ "r" :60 , "g" :46 , "b" :16 } , "text2" :{ "r" :156 , "g" :150 , "b" :133 } , "textShadow" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "textShadowProps" :{ "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "x" :0 , "y" :1 , "blur" :0 } , "textPop" :{ "r" :100 , "g" :87 , "b" :56 } , "textPop2" :{ "r" :130 , "g" :123 , "b" :91 } , "meta" :{ "r" :194 , "g" :192 , "b" :179 } , "metaHover" :{ "r" :169 , "g" :166 , "b" :147 } , "icon" :{ "r" :100 , "g" :87 , "b" :56 } , "iconSelected" :{ "r" :100 , "g" :87 , "b" :56 } , "iconOver" :{ "r" :100 , "g" :87 , "b" :56 } , "palette" :[ { "r" :252 , "g" :254 , "b" :249 } , { "r" :197 , "g" :179 , "b" :143 } , { "r" :100 , "g" :87 , "b" :56 } , { "r" :130 , "g" :123 , "b" :91 } , { "r" :62 , "g" :48 , "b" :17 } ] } } , "the-lensman" :{ "filter" :{ "$class" :[ "insta_hefe" ] , "graph" :"insta_hefe" , "config" :null } } , "itemsClasses" :[ "header-item-0" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" ] , "siteClasses" :[ "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site:colors-global" , "site:colors-light" ] , "componentClasses" :[ "ArticleSiteHeaderFallback" ] } , "sectionIndex" :0 } , { "componentId" :"ArticleFallback" , "itemsToRenderIds" :[ "1c22b171-c1fa-44eb-9dfa-17e51e60710c" ] , "contracts" :{ "the-beautician" :{ "$item_index" :2 , "sectionsBeautyverse" :{ "section-height" :{ "$class" :[ "section-height-fullscreen" ] } , "text-align" :{ "$class" :[ "text-align-left" ] } , "group-order" :{ "$class" :[ "group-order-normal" ] } , "group-graphical-shape" :{ "$class" :[ "group-graphical-shape-none" ] } } , "$class" :[ "group-graphical-shape-none" , "group-order-normal" , "text-align-left" , "section-height-fullscreen" , "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "1c22b171-c1fa-44eb-9dfa-17e51e60710c" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" , "ArticleFallback" ] } , "the-colorist" :{ "$item_index" :2 , "colorverse" :{ "colors-solution" :{ "$class" :[ "colors-light" ] } , "colors-locality" :{ "$class" :[ "colors-local" ] } } , "$class" :[ "colors-local" , "colors-light" , "site:colors-global" , "site:colors-light" ] , "colorsSolution" :{ "isLight" :true , "isDark" :false , "lightnessClass" :"is-light" , "base" :{ "r" :252 , "g" :254 , "b" :249 } , "bg" :{ "r" :245 , "g" :247 , "b" :244 } , "box" :{ "r" :252 , "g" :254 , "b" :249 } , "boxShadow" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.1 } , "boxPop" :{ "r" :130 , "g" :123 , "b" :91 } , "boxPopText" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPop2" :{ "r" :62 , "g" :48 , "b" :17 } , "boxPop2Text" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPopTextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPop2TextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPopMostVibrant" :{ "r" :226 , "g" :169 , "b" :54 } , "boxPopMostVibrantText" :{ "r" :0 , "g" :0 , "b" :0 } , "selectionText" :{ "r" :0 , "g" :0 , "b" :0 } , "selection" :{ "r" :226 , "g" :169 , "b" :54 , "a" :0.5 } , "header" :{ "r" :250 , "g" :252 , "b" :248 } , "zebraStripe" :{ "r" :249 , "g" :251 , "b" :246 } , "line" :{ "r" :238 , "g" :239 , "b" :232 } , "mediaBorder" :{ "css" :"1px solid hsl(69, 18%, 92%)" , "width" :1 , "type" :"solid" , "color" :{ "r" :238 , "g" :239 , "b" :232 } } , "mediaShadowColor" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "mediaInsetColor" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "mediaShadows" :[ { "css" :"0 1px 2px rgba(0, 0, 0, 0.2)" , "x" :0 , "y" :1 , "blur" :2 , "color" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "inset" :false } , { "css" :"inset 0 1px 1px rgba(255, 255, 255, 0.1)" , "x" :0 , "y" :1 , "blur" :1 , "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "inset" :true } ] , "title" :{ "r" :80 , "g" :62 , "b" :22 } , "title2" :{ "r" :132 , "g" :120 , "b" :90 } , "subTitle" :{ "r" :194 , "g" :192 , "b" :179 } , "text" :{ "r" :60 , "g" :46 , "b" :16 } , "text2" :{ "r" :156 , "g" :150 , "b" :133 } , "textShadow" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "textShadowProps" :{ "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "x" :0 , "y" :1 , "blur" :0 } , "textPop" :{ "r" :100 , "g" :87 , "b" :56 } , "textPop2" :{ "r" :130 , "g" :123 , "b" :91 } , "meta" :{ "r" :194 , "g" :192 , "b" :179 } , "metaHover" :{ "r" :169 , "g" :166 , "b" :147 } , "icon" :{ "r" :100 , "g" :87 , "b" :56 } , "iconSelected" :{ "r" :100 , "g" :87 , "b" :56 } , "iconOver" :{ "r" :100 , "g" :87 , "b" :56 } , "palette" :[ { "r" :252 , "g" :254 , "b" :249 } , { "r" :197 , "g" :179 , "b" :143 } , { "r" :100 , "g" :87 , "b" :56 } , { "r" :130 , "g" :123 , "b" :91 } , { "r" :62 , "g" :48 , "b" :17 } ] } } , "the-lensman" :{ "filter" :{ "$class" :[ "insta_hefe" ] , "graph" :"insta_hefe" , "config" :null } } , "itemsClasses" :[ "1c22b171-c1fa-44eb-9dfa-17e51e60710c" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" ] , "siteClasses" :[ "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site:colors-global" , "site:colors-light" ] , "componentClasses" :[ "ArticleFallback" ] } , "sectionIndex" :1 } ] , "contracts" :{ "the-typographer" :{ "typography" :{ "fonts" :{ "display" :{ "$formality" :- 0.2727272727272727 , "$type" :[ "sans" , "geometric" ] , "foundry" :"google" , "family" :"Montserrat" , "name" :"Montserrat" , "tags" :[ "sans serif" ] , "links" :[ "https://www.google.com/fonts/specimen/Montserrat" , "http://theultralinx.com/2015/04/best-google-web-font-combinations/" ] , "description" :"Montserrat is easily one of the best fonts for headings. It has an awesome blocky look to it that commands attention and can look classy when used with lots of letter spacing." , "license" :"ofl" , "normal" :4 , "bold" :7 } , "screen" :{ "$formality" :0.09090909090909083 , "$type" :[ "slab" , "egyptian" ] , "$weight" :2 , "$width" :2 , "$xheight" :2 , "$contrast" :2 , "$caps" :"normal" , "family" :"Arvo" , "name" :"Arvo" , "foundry" :"google" , "license" :"ofl" , "similar_to" :[ "Karnak" , "Calvert" ] , "description" :"Arvo is a geometric slab-serif typeface family suited for screen and print.\nThe family includes 4 cuts: Roman, Italic, Roman Bold, Bold Italic. It is a\nlibre font, first published in Google Fonts. The flavour of the font is\nrather mixed. Its monolinear-ish, but has a tiny bit of contrast (which\nincreases the legibility a little in Mac OS X.)\n\nThe name Arvo is a typical Estonian man's name, but is not widely used\ntoday. In the Finnish language, Arvo means \"number, value, worth.\"\nConsidering how much programming is involved in hinting, all these meanings\nare true." , "links" :[ "https://www.google.com/fonts/specimen/arvo" , "https://www.typewolf.com/site-of-the-day/fonts/arvo" ] , "normal" :4 , "bold" :7 } } , "styles" :"html { font-family: 'Georgia', 'Times New Roman', 'Times', 'serif';font-weight: 400; } html.wf-active { font-family: 'Arvo', 'Georgia', 'Times New Roman', 'Times', 'serif';font-weight: 400; } .wf-active .font-title, .wf-active .font-headline, .wf-active .font-h1, .wf-active .font-h2, .wf-active .font-h3 { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif';font-weight: 400; } .wf-active .font-subtitle, .wf-active .font-h4, .wf-active .font-h5, .wf-active .font-h6 { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif';font-weight: 400; } .wf-active .font-text, .wf-active .font-list { font-family: 'Arvo', 'Georgia', 'Times New Roman', 'Times', 'serif'; } .wf-active .font-quote { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif';font-weight: 400;font-style: normal; } .wf-active .font-cta { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif'; }" , "webfontconfig" :{ "google" :{ "families" :[ "Montserrat:400,700" , "Arvo:400,400italic,700,700italic" ] } } } , "htmlStyleTagContent" :"html { font-family: 'Georgia', 'Times New Roman', 'Times', 'serif';font-weight: 400; } html.wf-active { font-family: 'Arvo', 'Georgia', 'Times New Roman', 'Times', 'serif';font-weight: 400; } .wf-active .font-title, .wf-active .font-headline, .wf-active .font-h1, .wf-active .font-h2, .wf-active .font-h3 { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif';font-weight: 400; } .wf-active .font-subtitle, .wf-active .font-h4, .wf-active .font-h5, .wf-active .font-h6 { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif';font-weight: 400; } .wf-active .font-text, .wf-active .font-list { font-family: 'Arvo', 'Georgia', 'Times New Roman', 'Times', 'serif'; } .wf-active .font-quote { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif';font-weight: 400;font-style: normal; } .wf-active .font-cta { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif'; }" , "htmlScriptTagContent" :"\n if (window.WebFont) {\n WebFont.load({\"google\":{\"families\":[\"Montserrat:400,700\",\"Arvo:400,400italic,700,700italic\"]}});\n }\n " } , "the-beautician" :{ "$item_index" :0 , "siteBeautyverse" :{ "design-style" :{ "$class" :[ "Vignelli" ] } , "section-h-padding" :{ "$class" :[ "section-h-padding-large" ] } , "section-v-padding" :{ "$class" :[ "section-v-padding-medium" ] } , "hero-transition" :{ "$class" :[ "hero-transition-none" ] } } , "$class" :[ "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site:w-multiple-item" ] } , "the-colorist" :{ "$item_index" :0 , "colorverse" :{ "colors-solution" :{ "$class" :[ "colors-light" ] } , "colors-locality" :{ "$class" :[ "colors-global" ] } } , "$class" :[ "colors-global" , "colors-light" , "site:w-multiple-item" ] , "colorsSolution" :{ "isLight" :true , "isDark" :false , "lightnessClass" :"is-light" , "base" :{ "r" :252 , "g" :254 , "b" :249 } , "bg" :{ "r" :245 , "g" :247 , "b" :244 } , "box" :{ "r" :252 , "g" :254 , "b" :249 } , "boxShadow" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.1 } , "boxPop" :{ "r" :130 , "g" :123 , "b" :91 } , "boxPopText" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPop2" :{ "r" :62 , "g" :48 , "b" :17 } , "boxPop2Text" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPopTextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPop2TextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPopMostVibrant" :{ "r" :226 , "g" :169 , "b" :54 } , "boxPopMostVibrantText" :{ "r" :0 , "g" :0 , "b" :0 } , "selectionText" :{ "r" :0 , "g" :0 , "b" :0 } , "selection" :{ "r" :226 , "g" :169 , "b" :54 , "a" :0.5 } , "header" :{ "r" :250 , "g" :252 , "b" :248 } , "zebraStripe" :{ "r" :249 , "g" :251 , "b" :246 } , "line" :{ "r" :238 , "g" :239 , "b" :232 } , "mediaBorder" :{ "css" :"1px solid hsl(69, 18%, 92%)" , "width" :1 , "type" :"solid" , "color" :{ "r" :238 , "g" :239 , "b" :232 } } , "mediaShadowColor" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "mediaInsetColor" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "mediaShadows" :[ { "css" :"0 1px 2px rgba(0, 0, 0, 0.2)" , "x" :0 , "y" :1 , "blur" :2 , "color" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "inset" :false } , { "css" :"inset 0 1px 1px rgba(255, 255, 255, 0.1)" , "x" :0 , "y" :1 , "blur" :1 , "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "inset" :true } ] , "title" :{ "r" :80 , "g" :62 , "b" :22 } , "title2" :{ "r" :132 , "g" :120 , "b" :90 } , "subTitle" :{ "r" :194 , "g" :192 , "b" :179 } , "text" :{ "r" :60 , "g" :46 , "b" :16 } , "text2" :{ "r" :156 , "g" :150 , "b" :133 } , "textShadow" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "textShadowProps" :{ "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "x" :0 , "y" :1 , "blur" :0 } , "textPop" :{ "r" :100 , "g" :87 , "b" :56 } , "textPop2" :{ "r" :130 , "g" :123 , "b" :91 } , "meta" :{ "r" :194 , "g" :192 , "b" :179 } , "metaHover" :{ "r" :169 , "g" :166 , "b" :147 } , "icon" :{ "r" :100 , "g" :87 , "b" :56 } , "iconSelected" :{ "r" :100 , "g" :87 , "b" :56 } , "iconOver" :{ "r" :100 , "g" :87 , "b" :56 } , "palette" :[ { "r" :252 , "g" :254 , "b" :249 } , { "r" :197 , "g" :179 , "b" :143 } , { "r" :100 , "g" :87 , "b" :56 } , { "r" :130 , "g" :123 , "b" :91 } , { "r" :62 , "g" :48 , "b" :17 } ] } } } , "siteData" :{ "id" :"24f22c43-f4c1-4bda-949e-88a46c486a3d" , "ordered" :true , "site" :"the-domains/oh-no-bro" , "title" :"" , "navigable" :false , "type" :"permalink" , "siteUrl" :"https://thegrid.ai/oh-no-bro/" , "siteId" :"34f75c92-ddf0-4bc7-b396-a3a8d47bf41b" , "user" :"62ed8934-10ab-4308-aea4-cb385d3e72f8" , "config" :{ "name" :"Oh No Bro!" , "title" :"Oh No Bro!" , "style" :"the-composer" , "favicon" :null , "cta" :{ "domain" :null , "bucket" :null , "version" :null } , "analytics" :{ "google" :null , "facebook" :null , "twitter" :null } , "opengraph" :{ "image" :null , "type" :null , "appId" :null } , "collections" :[ { "index" :{ "path" :"/" , "number" :15 , "navigable" :true , "paginate" :true } , "feed" :{ "path" :"/rss.xml" , "format" :"rss" , "number" :10 } , "permalink" :{ "path" :"/:title/" } } ] , "color" :{ "brandColors" :[ "#fcfef9" , "#c5b38f" , "#645738" , "#827b5b" , "#3e3011" ] , "brandStrength" :0.4375 , "lightness" :0.7237024889327586 , "saturation" :0.25 , "rhythmicContrast" :0.6824951337184757 } , "layout_spectrum" :0.04691930813714862 , "typography_spectrum" :0.301775615895167 } , "navigation" :[ { "href" :"index.html" , "title" :"Oh No Bro!" , "rel" :"home" , "type" :"MainPage" } ] , "links" :[ { "href" :"rss.xml" , "rel" :"alternate" , "title" :"Oh No Bro! RSS" , "type" :"application/rss+xml" } ] } , "navigation" :{ "componentId" :"NavFallback" , "itemsToRenderIds" :[ "site-navigation-item" ] , "contracts" :{ "the-beautician" :{ "$item_index" :0 , "sectionsBeautyverse" :{ "section-height" :{ "$class" :[ "section-height-fullscreen" ] } , "text-align" :{ "$class" :[ "text-align-left" ] } , "group-order" :{ "$class" :[ "group-order-normal" ] } , "group-graphical-shape" :{ "$class" :[ "group-graphical-shape-square" ] } } , "$class" :[ "group-graphical-shape-square" , "group-order-normal" , "text-align-left" , "section-height-fullscreen" , "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site-navigation-item" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" , "item:is-navigation" , "NavFallback" ] } , "the-colorist" :{ "$item_index" :0 , "colorverse" :{ "colors-solution" :{ "$class" :[ "colors-light" ] } , "colors-locality" :{ "$class" :[ "colors-global" ] } } , "$class" :[ "colors-global" , "colors-light" , "site:colors-global" , "site:colors-light" ] , "colorsSolution" :{ "isLight" :true , "isDark" :false , "lightnessClass" :"is-light" , "base" :{ "r" :252 , "g" :254 , "b" :249 } , "bg" :{ "r" :245 , "g" :247 , "b" :244 } , "box" :{ "r" :252 , "g" :254 , "b" :249 } , "boxShadow" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.1 } , "boxPop" :{ "r" :130 , "g" :123 , "b" :91 } , "boxPopText" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPop2" :{ "r" :62 , "g" :48 , "b" :17 } , "boxPop2Text" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPopTextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPop2TextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPopMostVibrant" :{ "r" :226 , "g" :169 , "b" :54 } , "boxPopMostVibrantText" :{ "r" :0 , "g" :0 , "b" :0 } , "selectionText" :{ "r" :0 , "g" :0 , "b" :0 } , "selection" :{ "r" :226 , "g" :169 , "b" :54 , "a" :0.5 } , "header" :{ "r" :250 , "g" :252 , "b" :248 } , "zebraStripe" :{ "r" :249 , "g" :251 , "b" :246 } , "line" :{ "r" :238 , "g" :239 , "b" :232 } , "mediaBorder" :{ "css" :"1px solid hsl(69, 18%, 92%)" , "width" :1 , "type" :"solid" , "color" :{ "r" :238 , "g" :239 , "b" :232 } } , "mediaShadowColor" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "mediaInsetColor" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "mediaShadows" :[ { "css" :"0 1px 2px rgba(0, 0, 0, 0.2)" , "x" :0 , "y" :1 , "blur" :2 , "color" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "inset" :false } , { "css" :"inset 0 1px 1px rgba(255, 255, 255, 0.1)" , "x" :0 , "y" :1 , "blur" :1 , "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "inset" :true } ] , "title" :{ "r" :80 , "g" :62 , "b" :22 } , "title2" :{ "r" :132 , "g" :120 , "b" :90 } , "subTitle" :{ "r" :194 , "g" :192 , "b" :179 } , "text" :{ "r" :60 , "g" :46 , "b" :16 } , "text2" :{ "r" :156 , "g" :150 , "b" :133 } , "textShadow" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "textShadowProps" :{ "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "x" :0 , "y" :1 , "blur" :0 } , "textPop" :{ "r" :100 , "g" :87 , "b" :56 } , "textPop2" :{ "r" :130 , "g" :123 , "b" :91 } , "meta" :{ "r" :194 , "g" :192 , "b" :179 } , "metaHover" :{ "r" :169 , "g" :166 , "b" :147 } , "icon" :{ "r" :100 , "g" :87 , "b" :56 } , "iconSelected" :{ "r" :100 , "g" :87 , "b" :56 } , "iconOver" :{ "r" :100 , "g" :87 , "b" :56 } , "palette" :[ { "r" :252 , "g" :254 , "b" :249 } , { "r" :197 , "g" :179 , "b" :143 } , { "r" :100 , "g" :87 , "b" :56 } , { "r" :130 , "g" :123 , "b" :91 } , { "r" :62 , "g" :48 , "b" :17 } ] } } , "the-lensman" :{ "filter" :{ "$class" :[ "passthrough" ] , "graph" :"passthrough" , "config" :null } } , "itemsClasses" :[ "site-navigation-item" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" , "item:is-navigation" ] , "siteClasses" :[ "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site:colors-global" , "site:colors-light" ] , "componentClasses" :[ "NavFallback" ] } } , "footer" :{ "componentId" :"Footer3col" , "itemsToRenderIds" :[ "site-footer-item" ] , "contracts" :{ "the-beautician" :{ "$item_index" :3 , "sectionsBeautyverse" :{ "section-height" :{ "$class" :[ "section-height-fullscreen" ] } , "text-align" :{ "$class" :[ "text-align-left" ] } , "group-order" :{ "$class" :[ "group-order-normal" ] } , "group-graphical-shape" :{ "$class" :[ "group-graphical-shape-circle" ] } } , "$class" :[ "group-graphical-shape-circle" , "group-order-normal" , "text-align-left" , "section-height-fullscreen" , "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site-footer-item" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" , "item:is-footer" , "Footer3col" ] } , "the-colorist" :{ "$item_index" :3 , "colorverse" :{ "colors-solution" :{ "$class" :[ "colors-white" ] } , "colors-locality" :{ "$class" :[ "colors-local" ] } } , "$class" :[ "colors-local" , "colors-white" , "site:colors-global" , "site:colors-light" ] , "colorsSolution" :{ "isLight" :true , "isDark" :false , "lightnessClass" :"is-light" , "base" :{ "r" :255 , "g" :255 , "b" :255 } , "bg" :{ "r" :247 , "g" :247 , "b" :247 } , "box" :{ "r" :255 , "g" :255 , "b" :255 } , "boxShadow" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.1 } , "boxPop" :{ "r" :130 , "g" :123 , "b" :91 } , "boxPopText" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPop2" :{ "r" :62 , "g" :48 , "b" :17 } , "boxPop2Text" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPopTextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPop2TextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPopMostVibrant" :{ "r" :226 , "g" :169 , "b" :54 } , "boxPopMostVibrantText" :{ "r" :0 , "g" :0 , "b" :0 } , "selectionText" :{ "r" :0 , "g" :0 , "b" :0 } , "selection" :{ "r" :226 , "g" :169 , "b" :54 , "a" :0.5 } , "header" :{ "r" :253 , "g" :253 , "b" :253 } , "zebraStripe" :{ "r" :252 , "g" :252 , "b" :251 } , "line" :{ "r" :241 , "g" :240 , "b" :238 } , "mediaBorder" :{ "css" :"1px solid hsl(40, 10%, 94%)" , "width" :1 , "type" :"solid" , "color" :{ "r" :241 , "g" :240 , "b" :238 } } , "mediaShadowColor" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "mediaInsetColor" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "mediaShadows" :[ { "css" :"0 1px 2px rgba(0, 0, 0, 0.2)" , "x" :0 , "y" :1 , "blur" :2 , "color" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "inset" :false } , { "css" :"inset 0 1px 1px rgba(255, 255, 255, 0.1)" , "x" :0 , "y" :1 , "blur" :1 , "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "inset" :true } ] , "title" :{ "r" :80 , "g" :62 , "b" :22 } , "title2" :{ "r" :133 , "g" :120 , "b" :92 } , "subTitle" :{ "r" :197 , "g" :193 , "b" :184 } , "text" :{ "r" :60 , "g" :46 , "b" :16 } , "text2" :{ "r" :158 , "g" :151 , "b" :136 } , "textShadow" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "textShadowProps" :{ "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "x" :0 , "y" :1 , "blur" :0 } , "textPop" :{ "r" :100 , "g" :87 , "b" :56 } , "textPop2" :{ "r" :130 , "g" :123 , "b" :91 } , "meta" :{ "r" :197 , "g" :193 , "b" :184 } , "metaHover" :{ "r" :172 , "g" :167 , "b" :154 } , "icon" :{ "r" :100 , "g" :87 , "b" :56 } , "iconSelected" :{ "r" :100 , "g" :87 , "b" :56 } , "iconOver" :{ "r" :100 , "g" :87 , "b" :56 } , "palette" :[ { "r" :252 , "g" :254 , "b" :249 } , { "r" :197 , "g" :179 , "b" :143 } , { "r" :100 , "g" :87 , "b" :56 } , { "r" :130 , "g" :123 , "b" :91 } , { "r" :62 , "g" :48 , "b" :17 } ] } } , "the-lensman" :{ "filter" :{ "$class" :[ "insta_1977" ] , "graph" :"insta_1977" , "config" :null } } , "itemsClasses" :[ "site-footer-item" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" , "item:is-footer" ] , "siteClasses" :[ "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site:colors-global" , "site:colors-light" ] , "componentClasses" :[ "Footer3col" ] } } } </ script > < script type ="text/javascript ">
< link rel ="stylesheet " href ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.116/assets/styles/css/style.css " type ="text/css " />
< link rel ="stylesheet " href ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.116/assets/styles/css/animations.css " type ="text/css " />
< link rel ="stylesheet " href ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.116/assets/styles/css/props.css " type ="text/css " />
< link rel ="stylesheet " href ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.116/assets/styles/css/focalpoint.css " type ="text/css " />
< script src ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.116/ds-nick-jones-components.dist.min.js "> </ script >
< style id ="web-font-binder " type ="text/css "> html { font-family : 'Georgia' , 'Times New Roman' , 'Times' , 'serif' ;font-weight : 400 ; } html .wf-active { font-family : 'Arvo' , 'Georgia' , 'Times New Roman' , 'Times' , 'serif' ;font-weight : 400 ; } .wf-active .font-title , .wf-active .font-headline , .wf-active .font-h1 , .wf-active .font-h2 , .wf-active .font-h3 { font-family : 'Montserrat' , '-apple-system' , '.SFNSText-Regular' , 'San Francisco' , 'Roboto' , 'Segoe UI' , 'Helvetica Neue' , 'Lucida Grande' , 'sans-serif' ;font-weight : 400 ; } .wf-active .font-subtitle , .wf-active .font-h4 , .wf-active .font-h5 , .wf-active .font-h6 { font-family : 'Montserrat' , '-apple-system' , '.SFNSText-Regular' , 'San Francisco' , 'Roboto' , 'Segoe UI' , 'Helvetica Neue' , 'Lucida Grande' , 'sans-serif' ;font-weight : 400 ; } .wf-active .font-text , .wf-active .font-list { font-family : 'Arvo' , 'Georgia' , 'Times New Roman' , 'Times' , 'serif' ; } .wf-active .font-quote { font-family : 'Montserrat' , '-apple-system' , '.SFNSText-Regular' , 'San Francisco' , 'Roboto' , 'Segoe UI' , 'Helvetica Neue' , 'Lucida Grande' , 'sans-serif' ;font-weight : 400 ;font-style : normal; } .wf-active .font-cta { font-family : 'Montserrat' , '-apple-system' , '.SFNSText-Regular' , 'San Francisco' , 'Roboto' , 'Segoe UI' , 'Helvetica Neue' , 'Lucida Grande' , 'sans-serif' ; }</ style > < meta property ="og:site_name " content ="Oh No Bro! "/>< link rel ="alternate " type ="application/rss+xml " title ="RSS " href ="./rss.xml "/></ head > < body > < div id ="app " data-reactroot ="" data-reactid ="1 " data-react-checksum ="252129441 "> < div id ="wrapper " class ="System color-bg m-t-0 hero-transition-none Vignelli section-h-padding-large section-v-padding-medium hero-transition-none colors-light colors-global " data-reactid ="2 "> < span style ="display:hidden; " data-reactid ="3 "> </ span > < section id ="0 " class ="Section Section--components-1 Section--nav color-box title-size-medium pos-r colors-light colors-global " data-reactid ="4 "> < div class ="Component ls-fx-r j-c-between a-i-stretch p-1 ls-p-2 h-a " data-reactid ="5 "> < div class ="Site-title color-text-pop p-0 pos-r f-s-m f-w-700 ls-max-w-320px bd-b p-b-1 ls-p-b-0 bd-w-1 ls-bd-none fx-c j-c-end " data-reactid ="6 "> <!-- react-empty: 7 --> < span data-reactid ="8 "> < a data-reactid ="9 "> Oh No Bro!</ a > </ span > </ div > <!-- react-text: 10 --> <!-- /react-text --> </ div > </ section > < div class ="min-h-80vh " data-reactid ="11 "> < section id ="1 " class ="Section Section--components-1 color-title title-size-medium p-0 ls-p-h-13vw ls-p-v-3 color-bg text-align-left colors-light colors-local " data-reactid ="12 "> < div class ="Component p-1 " data-reactid ="13 "> < div class ="Group Group--column min-w-240px p-1 " data-reactid ="14 "> <!-- react-empty: 15 --> <!-- react-empty: 16 --> < div class ="System-font ls-max-w-0 Headline " data-reactid ="17 "> < h1 data-reactid ="18 "> < span class ="" data-reactid ="19 "> < span class ="font-title " data-reactid ="20 "> Oh No Bro!</ span > </ span > </ h1 > </ div > <!-- react-empty: 21 --> <!-- react-empty: 22 --> </ div > </ div > </ section > < section id ="2 " class ="Section Section--article color-bg color-title color-text w-100p p-1 colors-light colors-local " data-reactid ="23 "> < div class ="Component max-w-768px m-a pos-r " data-reactid ="24 "> < p > Today, I did something. This is the post I did.</ p > </ div > </ section > </ div > < section id ="3 " class ="Section Section--components-2 Section--footer color-bg color-title z-30 p-1 ls-p-h-2vw colors-white colors-local " data-reactid ="25 "> < div class ="fx-1 bd-none ls-bd-r ls-bd-w-1 " data-reactid ="26 "> < div class ="Group Group-heading ls-p-r-4 " data-reactid ="27 "> < div class ="Site-title color-text-pop " data-reactid ="28 "> < span data-reactid ="29 "> <!-- react-empty: 30 --> < h2 data-reactid ="31 "> < a data-reactid ="32 "> Oh No Bro!</ a > </ h2 > </ span > </ div > </ div > </ div > < div class ="fx-1 " data-reactid ="33 "> < div class ="Group Group--links " data-reactid ="34 "> < div class ="Group Group--links f-s-m ls-f-s-s w-s-wrap ls-w-s-nowrap " data-reactid ="35 "> </ div > </ div > </ div > < div data-reactid ="36 "> </ div > </ section > </ div > </ div >
< script src ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.116/assets/scripts/placeholder.js "> </ script >
< script src ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.116/assets/scripts/hero-transition.js "> </ script >
< script src ="https://cdn.thegrid.io/design-systems/the-composer/ds-nick-jones/v0.0.116/assets/scripts/slider.js "> </ script >
< script id ="pageReactInitState "> window . pageReactInitState = { "globalComponentsKey" :"dsNickJones" , "items" :{ "site-navigation-item" :{ "id" :"site-navigation-item" , "index" :0 , "metadata" :{ "@type" :"navigation" , "starred" :true } , "content" :[ { "id" :"site-navigation-block" , "type" :"navigation" , "_html" :"" , "metadata" :{ "starred" :true } , "navigation" :[ { "href" :"index.html" , "title" :"Oh No Bro!" , "rel" :"home" , "type" :"MainPage" } ] } ] } , "header-item-0" :{ "id" :"header-item-0" , "index" :1 , "metadata" :{ "@type" :"header" , "starred" :true } , "content" :[ { "id" :"cta-title-1" , "type" :"h1" , "_text" :"Oh No Bro!" , "_html" :"<h1>Oh No Bro!</h1>" , "metadata" :{ "starred" :true } } ] } , "1c22b171-c1fa-44eb-9dfa-17e51e60710c" :{ "id" :"1c22b171-c1fa-44eb-9dfa-17e51e60710c" , "index" :2 , "created_by" :"62ed8934-10ab-4308-aea4-cb385d3e72f8" , "updated_by" :null , "created_at" :"2016-02-21T20:51:16.614Z" , "updated_at" :null , "published" :true , "score" :0 , "path" :"_posts/2016-02-21-1c22b171-c1fa-44eb-9dfa-17e51e60710c.md" , "_title" :"" , "metadata" :{ "@type" :"Article" , "url" :"1c22b171-c1fa-44eb-9dfa-17e51e60710c/index.html" , "inLanguage" :null , "starred" :false , "inFeed" :true , "hasPage" :true , "inNav" :false , "_description" :"" , "keywords" :[ ] } , "content" :[ { "id" :"072f895d-4583-463d-bce7-3f4798c27e9f" , "item" :"1c22b171-c1fa-44eb-9dfa-17e51e60710c" , "type" :"text" , "src" :null , "created_at" :null , "updated_at" :null , "_text" :"Today, I did something. This is the post I did." , "_html" :"<p>Today, I did something. This is the post I did.</p>" , "metadata" :{ "isBasedOnUrl" :null , "inLanguage" :null , "starred" :true , "inFeed" :true , "hasPage" :false , "inNav" :false , "_description" :"" , "keywords" :[ ] } } ] } , "site-footer-item" :{ "id" :"site-footer-item" , "index" :3 , "metadata" :{ "@type" :"footer" , "starred" :true } , "content" :[ { "id" :"site-footer-block" , "type" :"footer" , "_html" :"" , "metadata" :{ "starred" :true } , "footer" :{ "rss" :{ "href" :"rss.xml" , "rel" :"alternate" , "title" :"Oh No Bro! RSS" , "type" :"application/rss+xml" } } } ] } } , "sections" :[ { "componentId" :"ArticleSiteHeaderFallback" , "itemsToRenderIds" :[ "header-item-0" ] , "contracts" :{ "the-beautician" :{ "$item_index" :1 , "sectionsBeautyverse" :{ "section-height" :{ "$class" :[ "section-height-fullscreen" ] } , "text-align" :{ "$class" :[ "text-align-left" ] } , "group-order" :{ "$class" :[ "group-order-normal" ] } , "group-graphical-shape" :{ "$class" :[ "group-graphical-shape-none" ] } } , "$class" :[ "group-graphical-shape-none" , "group-order-normal" , "text-align-left" , "section-height-fullscreen" , "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "header-item-0" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" , "ArticleSiteHeaderFallback" ] } , "the-colorist" :{ "$item_index" :1 , "colorverse" :{ "colors-solution" :{ "color" :"light" , "$class" :[ "colors-light" ] } , "colors-locality" :{ "locality" :"local" , "$class" :[ "colors-local" ] } } , "$class" :[ "colors-local" , "colors-light" , "site:colors-global" , "site:colors-light" ] , "colorsSolution" :{ "isLight" :true , "isDark" :false , "lightnessClass" :"is-light" , "base" :{ "r" :252 , "g" :254 , "b" :249 } , "bg" :{ "r" :245 , "g" :247 , "b" :244 } , "box" :{ "r" :252 , "g" :254 , "b" :249 } , "boxShadow" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.1 } , "boxPop" :{ "r" :130 , "g" :123 , "b" :91 } , "boxPopText" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPop2" :{ "r" :62 , "g" :48 , "b" :17 } , "boxPop2Text" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPopTextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPop2TextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPopMostVibrant" :{ "r" :226 , "g" :169 , "b" :54 } , "boxPopMostVibrantText" :{ "r" :0 , "g" :0 , "b" :0 } , "selectionText" :{ "r" :0 , "g" :0 , "b" :0 } , "selection" :{ "r" :226 , "g" :169 , "b" :54 , "a" :0.5 } , "header" :{ "r" :250 , "g" :252 , "b" :248 } , "zebraStripe" :{ "r" :249 , "g" :251 , "b" :246 } , "line" :{ "r" :238 , "g" :239 , "b" :232 } , "mediaBorder" :{ "css" :"1px solid hsl(69, 18%, 92%)" , "width" :1 , "type" :"solid" , "color" :{ "r" :238 , "g" :239 , "b" :232 } } , "mediaShadowColor" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "mediaInsetColor" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "mediaShadows" :[ { "css" :"0 1px 2px rgba(0, 0, 0, 0.2)" , "x" :0 , "y" :1 , "blur" :2 , "color" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "inset" :false } , { "css" :"inset 0 1px 1px rgba(255, 255, 255, 0.1)" , "x" :0 , "y" :1 , "blur" :1 , "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "inset" :true } ] , "title" :{ "r" :80 , "g" :62 , "b" :22 } , "title2" :{ "r" :132 , "g" :120 , "b" :90 } , "subTitle" :{ "r" :194 , "g" :192 , "b" :179 } , "text" :{ "r" :60 , "g" :46 , "b" :16 } , "text2" :{ "r" :156 , "g" :150 , "b" :133 } , "textShadow" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "textShadowProps" :{ "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "x" :0 , "y" :1 , "blur" :0 } , "textPop" :{ "r" :100 , "g" :87 , "b" :56 } , "textPop2" :{ "r" :130 , "g" :123 , "b" :91 } , "meta" :{ "r" :194 , "g" :192 , "b" :179 } , "metaHover" :{ "r" :169 , "g" :166 , "b" :147 } , "icon" :{ "r" :100 , "g" :87 , "b" :56 } , "iconSelected" :{ "r" :100 , "g" :87 , "b" :56 } , "iconOver" :{ "r" :100 , "g" :87 , "b" :56 } , "palette" :[ { "r" :252 , "g" :254 , "b" :249 } , { "r" :197 , "g" :179 , "b" :143 } , { "r" :100 , "g" :87 , "b" :56 } , { "r" :130 , "g" :123 , "b" :91 } , { "r" :62 , "g" :48 , "b" :17 } ] } } , "the-lensman" :{ "filter" :{ "$class" :[ "insta_hefe" ] , "graph" :"insta_hefe" , "config" :null } } , "itemsClasses" :[ "header-item-0" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" ] , "siteClasses" :[ "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site:colors-global" , "site:colors-light" ] , "componentClasses" :[ "ArticleSiteHeaderFallback" ] } , "sectionIndex" :0 } , { "componentId" :"ArticleFallback" , "itemsToRenderIds" :[ "1c22b171-c1fa-44eb-9dfa-17e51e60710c" ] , "contracts" :{ "the-beautician" :{ "$item_index" :2 , "sectionsBeautyverse" :{ "section-height" :{ "$class" :[ "section-height-fullscreen" ] } , "text-align" :{ "$class" :[ "text-align-left" ] } , "group-order" :{ "$class" :[ "group-order-normal" ] } , "group-graphical-shape" :{ "$class" :[ "group-graphical-shape-none" ] } } , "$class" :[ "group-graphical-shape-none" , "group-order-normal" , "text-align-left" , "section-height-fullscreen" , "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "1c22b171-c1fa-44eb-9dfa-17e51e60710c" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" , "ArticleFallback" ] } , "the-colorist" :{ "$item_index" :2 , "colorverse" :{ "colors-solution" :{ "color" :"light" , "$class" :[ "colors-light" ] } , "colors-locality" :{ "locality" :"local" , "$class" :[ "colors-local" ] } } , "$class" :[ "colors-local" , "colors-light" , "site:colors-global" , "site:colors-light" ] , "colorsSolution" :{ "isLight" :true , "isDark" :false , "lightnessClass" :"is-light" , "base" :{ "r" :252 , "g" :254 , "b" :249 } , "bg" :{ "r" :245 , "g" :247 , "b" :244 } , "box" :{ "r" :252 , "g" :254 , "b" :249 } , "boxShadow" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.1 } , "boxPop" :{ "r" :130 , "g" :123 , "b" :91 } , "boxPopText" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPop2" :{ "r" :62 , "g" :48 , "b" :17 } , "boxPop2Text" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPopTextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPop2TextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPopMostVibrant" :{ "r" :226 , "g" :169 , "b" :54 } , "boxPopMostVibrantText" :{ "r" :0 , "g" :0 , "b" :0 } , "selectionText" :{ "r" :0 , "g" :0 , "b" :0 } , "selection" :{ "r" :226 , "g" :169 , "b" :54 , "a" :0.5 } , "header" :{ "r" :250 , "g" :252 , "b" :248 } , "zebraStripe" :{ "r" :249 , "g" :251 , "b" :246 } , "line" :{ "r" :238 , "g" :239 , "b" :232 } , "mediaBorder" :{ "css" :"1px solid hsl(69, 18%, 92%)" , "width" :1 , "type" :"solid" , "color" :{ "r" :238 , "g" :239 , "b" :232 } } , "mediaShadowColor" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "mediaInsetColor" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "mediaShadows" :[ { "css" :"0 1px 2px rgba(0, 0, 0, 0.2)" , "x" :0 , "y" :1 , "blur" :2 , "color" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "inset" :false } , { "css" :"inset 0 1px 1px rgba(255, 255, 255, 0.1)" , "x" :0 , "y" :1 , "blur" :1 , "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "inset" :true } ] , "title" :{ "r" :80 , "g" :62 , "b" :22 } , "title2" :{ "r" :132 , "g" :120 , "b" :90 } , "subTitle" :{ "r" :194 , "g" :192 , "b" :179 } , "text" :{ "r" :60 , "g" :46 , "b" :16 } , "text2" :{ "r" :156 , "g" :150 , "b" :133 } , "textShadow" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "textShadowProps" :{ "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "x" :0 , "y" :1 , "blur" :0 } , "textPop" :{ "r" :100 , "g" :87 , "b" :56 } , "textPop2" :{ "r" :130 , "g" :123 , "b" :91 } , "meta" :{ "r" :194 , "g" :192 , "b" :179 } , "metaHover" :{ "r" :169 , "g" :166 , "b" :147 } , "icon" :{ "r" :100 , "g" :87 , "b" :56 } , "iconSelected" :{ "r" :100 , "g" :87 , "b" :56 } , "iconOver" :{ "r" :100 , "g" :87 , "b" :56 } , "palette" :[ { "r" :252 , "g" :254 , "b" :249 } , { "r" :197 , "g" :179 , "b" :143 } , { "r" :100 , "g" :87 , "b" :56 } , { "r" :130 , "g" :123 , "b" :91 } , { "r" :62 , "g" :48 , "b" :17 } ] } } , "the-lensman" :{ "filter" :{ "$class" :[ "insta_hefe" ] , "graph" :"insta_hefe" , "config" :null } } , "itemsClasses" :[ "1c22b171-c1fa-44eb-9dfa-17e51e60710c" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" ] , "siteClasses" :[ "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site:colors-global" , "site:colors-light" ] , "componentClasses" :[ "ArticleFallback" ] } , "sectionIndex" :1 } ] , "contracts" :{ "the-typographer" :{ "typography" :{ "fonts" :{ "display" :{ "$formality" :- 0.2727272727272727 , "$type" :[ "sans" , "geometric" ] , "foundry" :"google" , "family" :"Montserrat" , "name" :"Montserrat" , "tags" :[ "sans serif" ] , "links" :[ "https://www.google.com/fonts/specimen/Montserrat" , "http://theultralinx.com/2015/04/best-google-web-font-combinations/" ] , "description" :"Montserrat is easily one of the best fonts for headings. It has an awesome blocky look to it that commands attention and can look classy when used with lots of letter spacing." , "license" :"ofl" , "normal" :4 , "bold" :7 } , "screen" :{ "$formality" :0.09090909090909083 , "$type" :[ "slab" , "egyptian" ] , "$weight" :2 , "$width" :2 , "$xheight" :2 , "$contrast" :2 , "$caps" :"normal" , "family" :"Arvo" , "name" :"Arvo" , "foundry" :"google" , "license" :"ofl" , "similar_to" :[ "Karnak" , "Calvert" ] , "description" :"Arvo is a geometric slab-serif typeface family suited for screen and print.\nThe family includes 4 cuts: Roman, Italic, Roman Bold, Bold Italic. It is a\nlibre font, first published in Google Fonts. The flavour of the font is\nrather mixed. Its monolinear-ish, but has a tiny bit of contrast (which\nincreases the legibility a little in Mac OS X.)\n\nThe name Arvo is a typical Estonian man's name, but is not widely used\ntoday. In the Finnish language, Arvo means \"number, value, worth.\"\nConsidering how much programming is involved in hinting, all these meanings\nare true." , "links" :[ "https://www.google.com/fonts/specimen/arvo" , "https://www.typewolf.com/site-of-the-day/fonts/arvo" ] , "normal" :4 , "bold" :7 } } , "styles" :"html { font-family: 'Georgia', 'Times New Roman', 'Times', 'serif';font-weight: 400; } html.wf-active { font-family: 'Arvo', 'Georgia', 'Times New Roman', 'Times', 'serif';font-weight: 400; } .wf-active .font-title, .wf-active .font-headline, .wf-active .font-h1, .wf-active .font-h2, .wf-active .font-h3 { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif';font-weight: 400; } .wf-active .font-subtitle, .wf-active .font-h4, .wf-active .font-h5, .wf-active .font-h6 { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif';font-weight: 400; } .wf-active .font-text, .wf-active .font-list { font-family: 'Arvo', 'Georgia', 'Times New Roman', 'Times', 'serif'; } .wf-active .font-quote { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif';font-weight: 400;font-style: normal; } .wf-active .font-cta { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif'; }" , "webfontconfig" :{ "google" :{ "families" :[ "Montserrat:400,700" , "Arvo:400,400italic,700,700italic" ] } } } , "htmlStyleTagContent" :"html { font-family: 'Georgia', 'Times New Roman', 'Times', 'serif';font-weight: 400; } html.wf-active { font-family: 'Arvo', 'Georgia', 'Times New Roman', 'Times', 'serif';font-weight: 400; } .wf-active .font-title, .wf-active .font-headline, .wf-active .font-h1, .wf-active .font-h2, .wf-active .font-h3 { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif';font-weight: 400; } .wf-active .font-subtitle, .wf-active .font-h4, .wf-active .font-h5, .wf-active .font-h6 { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif';font-weight: 400; } .wf-active .font-text, .wf-active .font-list { font-family: 'Arvo', 'Georgia', 'Times New Roman', 'Times', 'serif'; } .wf-active .font-quote { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif';font-weight: 400;font-style: normal; } .wf-active .font-cta { font-family: 'Montserrat', '-apple-system', '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', 'sans-serif'; }" , "htmlScriptTagContent" :"\n if (window.WebFont) {\n WebFont.load({\"google\":{\"families\":[\"Montserrat:400,700\",\"Arvo:400,400italic,700,700italic\"]}});\n }\n " } , "the-beautician" :{ "$item_index" :0 , "siteBeautyverse" :{ "design-style" :{ "$class" :[ "Vignelli" ] } , "section-h-padding" :{ "$class" :[ "section-h-padding-large" ] } , "section-v-padding" :{ "$class" :[ "section-v-padding-medium" ] } , "hero-transition" :{ "$class" :[ "hero-transition-none" ] } } , "$class" :[ "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site:w-multiple-item" ] } , "the-colorist" :{ "$item_index" :0 , "colorverse" :{ "colors-solution" :{ "color" :"light" , "$class" :[ "colors-light" ] } , "colors-locality" :{ "locality" :"global" , "$class" :[ "colors-global" ] } } , "$class" :[ "colors-global" , "colors-light" , "site:w-multiple-item" ] , "colorsSolution" :{ "isLight" :true , "isDark" :false , "lightnessClass" :"is-light" , "base" :{ "r" :252 , "g" :254 , "b" :249 } , "bg" :{ "r" :245 , "g" :247 , "b" :244 } , "box" :{ "r" :252 , "g" :254 , "b" :249 } , "boxShadow" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.1 } , "boxPop" :{ "r" :130 , "g" :123 , "b" :91 } , "boxPopText" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPop2" :{ "r" :62 , "g" :48 , "b" :17 } , "boxPop2Text" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPopTextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPop2TextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPopMostVibrant" :{ "r" :226 , "g" :169 , "b" :54 } , "boxPopMostVibrantText" :{ "r" :0 , "g" :0 , "b" :0 } , "selectionText" :{ "r" :0 , "g" :0 , "b" :0 } , "selection" :{ "r" :226 , "g" :169 , "b" :54 , "a" :0.5 } , "header" :{ "r" :250 , "g" :252 , "b" :248 } , "zebraStripe" :{ "r" :249 , "g" :251 , "b" :246 } , "line" :{ "r" :238 , "g" :239 , "b" :232 } , "mediaBorder" :{ "css" :"1px solid hsl(69, 18%, 92%)" , "width" :1 , "type" :"solid" , "color" :{ "r" :238 , "g" :239 , "b" :232 } } , "mediaShadowColor" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "mediaInsetColor" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "mediaShadows" :[ { "css" :"0 1px 2px rgba(0, 0, 0, 0.2)" , "x" :0 , "y" :1 , "blur" :2 , "color" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "inset" :false } , { "css" :"inset 0 1px 1px rgba(255, 255, 255, 0.1)" , "x" :0 , "y" :1 , "blur" :1 , "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "inset" :true } ] , "title" :{ "r" :80 , "g" :62 , "b" :22 } , "title2" :{ "r" :132 , "g" :120 , "b" :90 } , "subTitle" :{ "r" :194 , "g" :192 , "b" :179 } , "text" :{ "r" :60 , "g" :46 , "b" :16 } , "text2" :{ "r" :156 , "g" :150 , "b" :133 } , "textShadow" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "textShadowProps" :{ "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "x" :0 , "y" :1 , "blur" :0 } , "textPop" :{ "r" :100 , "g" :87 , "b" :56 } , "textPop2" :{ "r" :130 , "g" :123 , "b" :91 } , "meta" :{ "r" :194 , "g" :192 , "b" :179 } , "metaHover" :{ "r" :169 , "g" :166 , "b" :147 } , "icon" :{ "r" :100 , "g" :87 , "b" :56 } , "iconSelected" :{ "r" :100 , "g" :87 , "b" :56 } , "iconOver" :{ "r" :100 , "g" :87 , "b" :56 } , "palette" :[ { "r" :252 , "g" :254 , "b" :249 } , { "r" :197 , "g" :179 , "b" :143 } , { "r" :100 , "g" :87 , "b" :56 } , { "r" :130 , "g" :123 , "b" :91 } , { "r" :62 , "g" :48 , "b" :17 } ] } } } , "siteData" :{ "id" :"24f22c43-f4c1-4bda-949e-88a46c486a3d" , "ordered" :true , "site" :"the-domains/oh-no-bro" , "title" :"" , "navigable" :false , "type" :"permalink" , "siteUrl" :"https://thegrid.ai/oh-no-bro/" , "siteId" :"34f75c92-ddf0-4bc7-b396-a3a8d47bf41b" , "user" :"62ed8934-10ab-4308-aea4-cb385d3e72f8" , "config" :{ "name" :"Oh No Bro!" , "title" :"Oh No Bro!" , "style" :"the-composer" , "favicon" :null , "cta" :{ "domain" :null , "bucket" :null , "version" :null } , "analytics" :{ "google" :null , "facebook" :null , "twitter" :null } , "opengraph" :{ "image" :null , "type" :null , "appId" :null } , "collections" :[ { "index" :{ "path" :"/" , "number" :15 , "navigable" :true , "paginate" :true } , "feed" :{ "path" :"/rss.xml" , "format" :"rss" , "number" :10 } , "permalink" :{ "path" :"/:title/" } } ] , "color" :{ "brandColors" :[ "#fcfef9" , "#c5b38f" , "#645738" , "#827b5b" , "#3e3011" ] , "brandStrength" :0.4375 , "lightness" :0.7237024889327586 , "saturation" :0.25 , "rhythmicContrast" :0.6824951337184757 } , "layout_spectrum" :0.04691930813714862 , "typography_spectrum" :0.301775615895167 } , "navigation" :[ { "href" :"index.html" , "title" :"Oh No Bro!" , "rel" :"home" , "type" :"MainPage" } ] , "links" :[ { "href" :"rss.xml" , "rel" :"alternate" , "title" :"Oh No Bro! RSS" , "type" :"application/rss+xml" } ] } , "navigation" :{ "componentId" :"NavFallback" , "itemsToRenderIds" :[ "site-navigation-item" ] , "contracts" :{ "the-beautician" :{ "$item_index" :0 , "sectionsBeautyverse" :{ "section-height" :{ "$class" :[ "section-height-fullscreen" ] } , "text-align" :{ "$class" :[ "text-align-left" ] } , "group-order" :{ "$class" :[ "group-order-normal" ] } , "group-graphical-shape" :{ "$class" :[ "group-graphical-shape-square" ] } } , "$class" :[ "group-graphical-shape-square" , "group-order-normal" , "text-align-left" , "section-height-fullscreen" , "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site-navigation-item" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" , "item:is-navigation" , "NavFallback" ] } , "the-colorist" :{ "$item_index" :0 , "colorverse" :{ "colors-solution" :{ "color" :"light" , "$class" :[ "colors-light" ] } , "colors-locality" :{ "locality" :"global" , "$class" :[ "colors-global" ] } } , "$class" :[ "colors-global" , "colors-light" , "site:colors-global" , "site:colors-light" ] , "colorsSolution" :{ "isLight" :true , "isDark" :false , "lightnessClass" :"is-light" , "base" :{ "r" :252 , "g" :254 , "b" :249 } , "bg" :{ "r" :245 , "g" :247 , "b" :244 } , "box" :{ "r" :252 , "g" :254 , "b" :249 } , "boxShadow" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.1 } , "boxPop" :{ "r" :130 , "g" :123 , "b" :91 } , "boxPopText" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPop2" :{ "r" :62 , "g" :48 , "b" :17 } , "boxPop2Text" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPopTextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPop2TextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPopMostVibrant" :{ "r" :226 , "g" :169 , "b" :54 } , "boxPopMostVibrantText" :{ "r" :0 , "g" :0 , "b" :0 } , "selectionText" :{ "r" :0 , "g" :0 , "b" :0 } , "selection" :{ "r" :226 , "g" :169 , "b" :54 , "a" :0.5 } , "header" :{ "r" :250 , "g" :252 , "b" :248 } , "zebraStripe" :{ "r" :249 , "g" :251 , "b" :246 } , "line" :{ "r" :238 , "g" :239 , "b" :232 } , "mediaBorder" :{ "css" :"1px solid hsl(69, 18%, 92%)" , "width" :1 , "type" :"solid" , "color" :{ "r" :238 , "g" :239 , "b" :232 } } , "mediaShadowColor" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "mediaInsetColor" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "mediaShadows" :[ { "css" :"0 1px 2px rgba(0, 0, 0, 0.2)" , "x" :0 , "y" :1 , "blur" :2 , "color" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "inset" :false } , { "css" :"inset 0 1px 1px rgba(255, 255, 255, 0.1)" , "x" :0 , "y" :1 , "blur" :1 , "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "inset" :true } ] , "title" :{ "r" :80 , "g" :62 , "b" :22 } , "title2" :{ "r" :132 , "g" :120 , "b" :90 } , "subTitle" :{ "r" :194 , "g" :192 , "b" :179 } , "text" :{ "r" :60 , "g" :46 , "b" :16 } , "text2" :{ "r" :156 , "g" :150 , "b" :133 } , "textShadow" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "textShadowProps" :{ "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "x" :0 , "y" :1 , "blur" :0 } , "textPop" :{ "r" :100 , "g" :87 , "b" :56 } , "textPop2" :{ "r" :130 , "g" :123 , "b" :91 } , "meta" :{ "r" :194 , "g" :192 , "b" :179 } , "metaHover" :{ "r" :169 , "g" :166 , "b" :147 } , "icon" :{ "r" :100 , "g" :87 , "b" :56 } , "iconSelected" :{ "r" :100 , "g" :87 , "b" :56 } , "iconOver" :{ "r" :100 , "g" :87 , "b" :56 } , "palette" :[ { "r" :252 , "g" :254 , "b" :249 } , { "r" :197 , "g" :179 , "b" :143 } , { "r" :100 , "g" :87 , "b" :56 } , { "r" :130 , "g" :123 , "b" :91 } , { "r" :62 , "g" :48 , "b" :17 } ] } } , "the-lensman" :{ "filter" :{ "$class" :[ "passthrough" ] , "graph" :"passthrough" , "config" :null } } , "itemsClasses" :[ "site-navigation-item" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" , "item:is-navigation" ] , "siteClasses" :[ "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site:colors-global" , "site:colors-light" ] , "componentClasses" :[ "NavFallback" ] } } , "footer" :{ "componentId" :"Footer3col" , "itemsToRenderIds" :[ "site-footer-item" ] , "contracts" :{ "the-beautician" :{ "$item_index" :3 , "sectionsBeautyverse" :{ "section-height" :{ "$class" :[ "section-height-fullscreen" ] } , "text-align" :{ "$class" :[ "text-align-left" ] } , "group-order" :{ "$class" :[ "group-order-normal" ] } , "group-graphical-shape" :{ "$class" :[ "group-graphical-shape-circle" ] } } , "$class" :[ "group-graphical-shape-circle" , "group-order-normal" , "text-align-left" , "section-height-fullscreen" , "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site-footer-item" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" , "item:is-footer" , "Footer3col" ] } , "the-colorist" :{ "$item_index" :3 , "colorverse" :{ "colors-solution" :{ "color" :"white" , "$class" :[ "colors-white" ] } , "colors-locality" :{ "locality" :"local" , "$class" :[ "colors-local" ] } } , "$class" :[ "colors-local" , "colors-white" , "site:colors-global" , "site:colors-light" ] , "colorsSolution" :{ "isLight" :true , "isDark" :false , "lightnessClass" :"is-light" , "base" :{ "r" :255 , "g" :255 , "b" :255 } , "bg" :{ "r" :247 , "g" :247 , "b" :247 } , "box" :{ "r" :255 , "g" :255 , "b" :255 } , "boxShadow" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.1 } , "boxPop" :{ "r" :130 , "g" :123 , "b" :91 } , "boxPopText" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPop2" :{ "r" :62 , "g" :48 , "b" :17 } , "boxPop2Text" :{ "r" :255 , "g" :255 , "b" :255 } , "boxPopTextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPop2TextHover" :{ "r" :204 , "g" :204 , "b" :204 } , "boxPopMostVibrant" :{ "r" :226 , "g" :169 , "b" :54 } , "boxPopMostVibrantText" :{ "r" :0 , "g" :0 , "b" :0 } , "selectionText" :{ "r" :0 , "g" :0 , "b" :0 } , "selection" :{ "r" :226 , "g" :169 , "b" :54 , "a" :0.5 } , "header" :{ "r" :253 , "g" :253 , "b" :253 } , "zebraStripe" :{ "r" :252 , "g" :252 , "b" :251 } , "line" :{ "r" :241 , "g" :240 , "b" :238 } , "mediaBorder" :{ "css" :"1px solid hsl(40, 10%, 94%)" , "width" :1 , "type" :"solid" , "color" :{ "r" :241 , "g" :240 , "b" :238 } } , "mediaShadowColor" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "mediaInsetColor" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "mediaShadows" :[ { "css" :"0 1px 2px rgba(0, 0, 0, 0.2)" , "x" :0 , "y" :1 , "blur" :2 , "color" :{ "r" :0 , "g" :0 , "b" :0 , "a" :0.2 } , "inset" :false } , { "css" :"inset 0 1px 1px rgba(255, 255, 255, 0.1)" , "x" :0 , "y" :1 , "blur" :1 , "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.1 } , "inset" :true } ] , "title" :{ "r" :80 , "g" :62 , "b" :22 } , "title2" :{ "r" :133 , "g" :120 , "b" :92 } , "subTitle" :{ "r" :197 , "g" :193 , "b" :184 } , "text" :{ "r" :60 , "g" :46 , "b" :16 } , "text2" :{ "r" :158 , "g" :151 , "b" :136 } , "textShadow" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "textShadowProps" :{ "color" :{ "r" :255 , "g" :255 , "b" :255 , "a" :0.5 } , "x" :0 , "y" :1 , "blur" :0 } , "textPop" :{ "r" :100 , "g" :87 , "b" :56 } , "textPop2" :{ "r" :130 , "g" :123 , "b" :91 } , "meta" :{ "r" :197 , "g" :193 , "b" :184 } , "metaHover" :{ "r" :172 , "g" :167 , "b" :154 } , "icon" :{ "r" :100 , "g" :87 , "b" :56 } , "iconSelected" :{ "r" :100 , "g" :87 , "b" :56 } , "iconOver" :{ "r" :100 , "g" :87 , "b" :56 } , "palette" :[ { "r" :252 , "g" :254 , "b" :249 } , { "r" :197 , "g" :179 , "b" :143 } , { "r" :100 , "g" :87 , "b" :56 } , { "r" :130 , "g" :123 , "b" :91 } , { "r" :62 , "g" :48 , "b" :17 } ] } } , "the-lensman" :{ "filter" :{ "$class" :[ "insta_1977" ] , "graph" :"insta_1977" , "config" :null } } , "itemsClasses" :[ "site-footer-item" , "item:can-cover-filter" , "item:can-cover-crop" , "item:can-cover-overlay" , "item:is-footer" ] , "siteClasses" :[ "site:w-multiple-item" , "hero-transition-none" , "section-v-padding-medium" , "section-h-padding-large" , "Vignelli" , "site:colors-global" , "site:colors-light" ] , "componentClasses" :[ "Footer3col" ] } } } </ script > < script type ="text/javascript ">
window . theGridSiteType = 'permalink' ;
var mountApp = dsNickJones . default . mountApp ;
mountApp ( document . getElementById ( 'app' ) , window . pageReactInitState ) ;