Posted on NBA Scoring Options </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div><!-- .entry-content --> </article><!-- #post-## --> <article id="post-4467" class="post-4467 post type-post status-publish format-standard has-post-thumbnail hentry category-blog"> <header class="entry-header"> <div class="entry-meta"><span class="screen-reader-text">Posted on</span> <a href="http://saurabhr.com/evanston-cradle-to-career-poster-design/" rel="bookmark"><time class="entry-date published" datetime=""></time><time class="updated" datetime=""></time></a></div><!-- .entry-meta --><h2 class="entry-title"><a href="http://saurabhr.com/evanston-cradle-to-career-poster-design/" rel="bookmark">Poster Design | Evanston Cradle to Career</a></h2> </header><!-- .entry-header --> <div class="post-thumbnail"> <a href="http://saurabhr.com/evanston-cradle-to-career-poster-design/"> <img width="1201" height="1200" src="http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-Square.png" class="attachment-twentyseventeen-featured-image size-twentyseventeen-featured-image wp-post-image" alt="" srcset="http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-Square.png 2083w, http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-Square-150x150.png 150w, http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-Square-300x300.png 300w, http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-Square-768x768.png 768w, http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-Square-1024x1024.png 1024w, http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-Square-450x450.png 450w, http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-Square-600x600.png 600w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </a> </div><!-- .post-thumbnail --> <div class="entry-content"> <div id="modal-ready"> <div class="elementor elementor-4467"> <div class="elementor-inner"> <div class="elementor-section-wrap"> <section data-id="u7addi7" class="elementor-element elementor-element-u7addi7 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="kv5eh80" class="elementor-element elementor-element-kv5eh80 elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="n4n0alp" class="elementor-element elementor-element-n4n0alp elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="525" height="653" src="http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-823x1024.png" class="attachment-large size-large" alt="" srcset="http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-823x1024.png 823w, http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-241x300.png 241w, http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-768x955.png 768w, http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-450x560.png 450w, http://saurabhr.com/wp-content/uploads/2017/11/Asset-6@3x-600x746.png 600w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="3jp3xjv" class="elementor-element elementor-element-3jp3xjv elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p><span style="font-family: 'Roboto Slab', sans-serif; font-size: 18px; color: #000000;">The above is a poster I made in my Design Communication course for local Evanston charity, Evanston Cradle to Career [Evanston C2C]. </span></p><p><span style="font-family: 'Roboto Slab', sans-serif; font-size: 18px; color: #000000;">This poster was made for Evanston C2C’s summer reading campaign. Students that don’t read over summer often lose learnings from the previous school year and can fall up to 3 grades behind by 5th grade. </span></p><p><span style="font-size: 18px; color: #000000;"><span style="font-family: 'Roboto Slab', sans-serif;">My summers as a kid were spent running around the Los Altos Library – and that library still has a special place in my heart. </span>Hopefully<span style="font-family: 'Roboto Slab', sans-serif;">, Evanston C2C can help local students make a similar bond with the Evanston library.</span></span></p></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div><!-- .entry-content --> </article><!-- #post-## --> <article id="post-4455" class="post-4455 post type-post status-publish format-standard has-post-thumbnail hentry category-blog"> <header class="entry-header"> <div class="entry-meta"><span class="screen-reader-text">Posted on</span> <a href="http://saurabhr.com/nba-analytics-freelance/" rel="bookmark"><time class="entry-date published" datetime=""></time><time class="updated" datetime=""></time></a></div><!-- .entry-meta --><h2 class="entry-title"><a href="http://saurabhr.com/nba-analytics-freelance/" rel="bookmark">Freelance | NBA Analytics</a></h2> </header><!-- .entry-header --> <div class="post-thumbnail"> <a href="http://saurabhr.com/nba-analytics-freelance/"> <img width="495" height="494" src="http://saurabhr.com/wp-content/uploads/2017/11/basketball.png" class="attachment-twentyseventeen-featured-image size-twentyseventeen-featured-image wp-post-image" alt="" srcset="http://saurabhr.com/wp-content/uploads/2017/11/basketball.png 495w, http://saurabhr.com/wp-content/uploads/2017/11/basketball-150x150.png 150w, http://saurabhr.com/wp-content/uploads/2017/11/basketball-300x300.png 300w, http://saurabhr.com/wp-content/uploads/2017/11/basketball-450x449.png 450w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </a> </div><!-- .post-thumbnail --> <div class="entry-content"> <div id="modal-ready"> <div class="elementor elementor-4455"> <div class="elementor-inner"> <div class="elementor-section-wrap"> <section data-id="fqkawfh" class="elementor-element elementor-element-fqkawfh animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="pcfvaaz" class="elementor-element elementor-element-pcfvaaz elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="zowgljr" class="elementor-element elementor-element-zowgljr animated fadeIn elementor-invisible elementor-widget elementor-widget-text-editor" data-settings="{"_animation":"fadeIn"}" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>When I was younger I really wanted to be 6 feet tall, because to 7 year old me that I meant I’d make the NBA. Today I’m 25 years old, 5’9, and not in the NBA. </p><p>I still enjoy basketball quite a bit, particularly the quantification of the game. Sometimes I write about those things, and the following are those sometimes.</p></div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-id="gqnejui" class="elementor-element elementor-element-gqnejui animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="cjrjcbq" class="elementor-element elementor-element-cjrjcbq elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="bjgquoc" class="elementor-element elementor-element-bjgquoc elementor-widget elementor-widget-heading" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">Expected Value in the NBA Draft</p> </div> </div> <div data-id="knypphu" class="elementor-element elementor-element-knypphu elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="980" height="229" src="http://saurabhr.com/wp-content/uploads/2017/11/NC_Header.jpg" class="attachment-full size-full" alt="" srcset="http://saurabhr.com/wp-content/uploads/2017/11/NC_Header.jpg 980w, http://saurabhr.com/wp-content/uploads/2017/11/NC_Header-300x70.jpg 300w, http://saurabhr.com/wp-content/uploads/2017/11/NC_Header-768x179.jpg 768w, http://saurabhr.com/wp-content/uploads/2017/11/NC_Header-450x105.jpg 450w, http://saurabhr.com/wp-content/uploads/2017/11/NC_Header-600x140.jpg 600w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="nsyqlyp" class="elementor-element elementor-element-nsyqlyp elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="https://fansided.com/2016/06/17/freelance-friday-expected-value-in-the-nba-draft/" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Full Article</span> </span> </a> </div> </div> </div> <div data-id="ozsqldt" class="elementor-element elementor-element-ozsqldt elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>A piece discussing how players have performed over their NBA careers based on their draft slot. I look at things like peak performance, where big drop-offs in quality go, and how the NBA lottery affects these odds. </p></div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-id="8wx68gi" class="elementor-element elementor-element-8wx68gi animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="q2ah3dh" class="elementor-element elementor-element-q2ah3dh elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="cc2l8no" class="elementor-element elementor-element-cc2l8no elementor-widget elementor-widget-heading" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">Age and upside in the NBA Draft</p> </div> </div> <div data-id="6g3erth" class="elementor-element elementor-element-6g3erth elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="980" height="229" src="http://saurabhr.com/wp-content/uploads/2017/11/NC_Header.jpg" class="attachment-full size-full" alt="" srcset="http://saurabhr.com/wp-content/uploads/2017/11/NC_Header.jpg 980w, http://saurabhr.com/wp-content/uploads/2017/11/NC_Header-300x70.jpg 300w, http://saurabhr.com/wp-content/uploads/2017/11/NC_Header-768x179.jpg 768w, http://saurabhr.com/wp-content/uploads/2017/11/NC_Header-450x105.jpg 450w, http://saurabhr.com/wp-content/uploads/2017/11/NC_Header-600x140.jpg 600w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="rnzzajh" class="elementor-element elementor-element-rnzzajh elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="https://fansided.com/2016/06/23/age-and-upside-in-the-nba-draft/" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Full Article</span> </span> </a> </div> </div> </div> <div data-id="jietcdg" class="elementor-element elementor-element-jietcdg elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>A sort of follow up to the last piece. The age of potential NBA draftees is a crucial variable when discussing draft projections. Here I look at how age drafted affects when and how high each player’s peak is. </p></div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-id="dezz243" class="elementor-element elementor-element-dezz243 animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="ugjki3o" class="elementor-element elementor-element-ugjki3o elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="uw9ii76" class="elementor-element elementor-element-uw9ii76 elementor-widget elementor-widget-heading" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">Age and upside in the NBA Draft</p> </div> </div> <div data-id="mfcgjub" class="elementor-element elementor-element-mfcgjub elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="452" height="111" src="http://saurabhr.com/wp-content/uploads/2017/11/images.png" class="attachment-full size-full" alt="" srcset="http://saurabhr.com/wp-content/uploads/2017/11/images.png 452w, http://saurabhr.com/wp-content/uploads/2017/11/images-300x74.png 300w, http://saurabhr.com/wp-content/uploads/2017/11/images-450x111.png 450w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="iuyg07z" class="elementor-element elementor-element-iuyg07z elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="https://the-cauldron.com/will-the-warriors-be-too-tired-to-beat-lebron-and-the-cavs-e9e954efb234" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Full Article</span> </span> </a> </div> </div> </div> <div data-id="vmdhsky" class="elementor-element elementor-element-vmdhsky elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>Leading up to the 2016 NBA Playoffs, the Warriors were on a historic pace. Usually, teams that are that far ahead of the pack rest players, however, the Warriors were not. This led to a debate regarding whether they would be fatigued come playoff time. Here I look at how their minutes played compare historically. </p></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div><!-- .entry-content --> </article><!-- #post-## --> <article id="post-4428" class="post-4428 post type-post status-publish format-standard has-post-thumbnail hentry category-blog"> <header class="entry-header"> <div class="entry-meta"><span class="screen-reader-text">Posted on</span> <a href="http://saurabhr.com/the-riddler-fivethirtyeight/" rel="bookmark"><time class="entry-date published" datetime=""></time><time class="updated" datetime=""></time></a></div><!-- .entry-meta --><h2 class="entry-title"><a href="http://saurabhr.com/the-riddler-fivethirtyeight/" rel="bookmark">The Riddler | FiveThirtyEight</a></h2> </header><!-- .entry-header --> <div class="post-thumbnail"> <a href="http://saurabhr.com/the-riddler-fivethirtyeight/"> <img width="200" height="200" src="http://saurabhr.com/wp-content/uploads/2016/06/fivehityeightquestion-e1506550944603.png" class="attachment-twentyseventeen-featured-image size-twentyseventeen-featured-image wp-post-image" alt="" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </a> </div><!-- .post-thumbnail --> <div class="entry-content"> <div id="modal-ready"> <div class="elementor elementor-4428"> <div class="elementor-inner"> <div class="elementor-section-wrap"> <section data-id="plbzifn" class="elementor-element elementor-element-plbzifn animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="lcsolls" class="elementor-element elementor-element-lcsolls elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="7smn7ex" class="elementor-element elementor-element-7smn7ex elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="575" height="431" src="http://saurabhr.com/wp-content/uploads/2017/11/Riddler-Questions.gif" class="attachment-full size-full" alt="" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="ekw0q5r" class="elementor-element elementor-element-ekw0q5r animated fadeIn elementor-invisible elementor-widget elementor-widget-text-editor" data-settings="{"_animation":"fadeIn"}" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>I really like puzzles. Specifically The Riddler series at FiveThirtyEight. The puzzles give me a good excuse to:</p><ul><li>to try new things from a technical perspective</li><li>exercise the more logical part of my brain – often a welcome change after hours of UI design</li><li>tell stories!</li></ul><p> The Riddler, as per Five ThirtyEight description is:</p></div> </div> </div> <div data-id="zvbrzvt" class="elementor-element elementor-element-zvbrzvt elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p style="padding-left: 60px;"><em><span style="font-size: 14px;">Welcome to The Riddler. Every week, I offer up problems related to the things we hold dear around here: math, </span></em><em><span style="font-size: 14px;">logic, and probability. There are two types: Riddler Express for those of you who want something bite-size and Riddler Classic for those of you in the slow-puzzle movement. </span></em></p></div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-id="rgwvvsu" class="elementor-element elementor-element-rgwvvsu animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="dvb6ch8" class="elementor-element elementor-element-dvb6ch8 elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="yzgvpbh" class="elementor-element elementor-element-yzgvpbh elementor-widget elementor-widget-heading" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">Will You (Yes, You) Decide The Election?</p> </div> </div> <div data-id="wfgj518" class="elementor-element elementor-element-wfgj518 elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="480" height="360" src="http://saurabhr.com/wp-content/uploads/2017/11/election.gif" class="attachment-full size-full" alt="" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="xvhmvj2" class="elementor-element elementor-element-xvhmvj2 elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p style="text-align: center;"><span style="font-size: 10px;"><i>Source: Alexa Kerr – <a href="https://mltrk.io/link/https%3A%2F%2Fwww.alexakerr.co.uk%2F/Y8kUY27mRu9mPq4X1fzT" target="_blank" rel="noopener" data-saferedirecturl="https://www.google.com/url?hl=en&q=https://mltrk.io/link/https%253A%252F%252Fwww.alexakerr.co.uk%252F/Y8kUY27mRu9mPq4X1fzT&source=gmail&ust=1516910067247000&usg=AFQjCNFzXe9WD_evBFBrpotbgIlJq90daA">https://www.alexakerr.co.uk/</a></i></span></p></div> </div> </div> <div data-id="pnc3utw" class="elementor-element elementor-element-pnc3utw elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="http://saurabhr.com/the-riddler-will-you-yes-you-decide-the-election/" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Solution</span> </span> </a> </div> </div> </div> <div data-id="0m1n57w" class="elementor-element elementor-element-0m1n57w elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p><span style="font-size: 16px;">You are the only sane voter in a state with two candidates running for Senate. There are N other people in the state, and each of them votes completely randomly! Those voters all act independently and have a 50-50 chance of voting for either candidate. What are the odds that your vote changes the outcome of the election toward your preferred candidate?</span></p><p><span style="font-size: 16px;">More importantly, how do these odds scale with the number of people in the state? For example, if twice as many people lived in the state, how much would your chances of swinging the election change?</span></p></div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-id="5ypeuxp" class="elementor-element elementor-element-5ypeuxp animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="h8kvdfn" class="elementor-element elementor-element-h8kvdfn elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="7lt9o4z" class="elementor-element elementor-element-7lt9o4z elementor-widget elementor-widget-heading" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">Alligators, Sharks, Bridges and Friends</p> </div> </div> <div data-id="erfyyuf" class="elementor-element elementor-element-erfyyuf elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="300" height="225" src="http://saurabhr.com/wp-content/uploads/2017/11/bridge-1-300x225.gif" class="attachment-medium size-medium" alt="" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="9xk01fa" class="elementor-element elementor-element-9xk01fa elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="http://saurabhr.com/alligators-sharks-bridges-friends/" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Solution</span> </span> </a> </div> </div> </div> <div data-id="rxennwd" class="elementor-element elementor-element-rxennwd elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p><span style="font-size: 16px;">Four people have to cross an old, rickety bridge over deep, cold water infested with sharks, alligators, crocodiles and shrieking eels. The bridge is so old that it can hold no more than two people at any given time. It’s the middle of the night, so on every trip across the bridge, the person crossing needs to use the group’s only flashlight to cross safely. The four people who need to cross all walk at different speeds. One of them takes one minute to cross, one takes two minutes, one takes five minutes and one takes 10 minutes. If two people cross together, they need to stay together to share the flashlight, so they cross at the speed of the slower person. For example, the one-minute person can cross with the 10-minute person, and that trip would take 10 minutes.</span></p></div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-id="arrhwls" class="elementor-element elementor-element-arrhwls animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="e0bvxdz" class="elementor-element elementor-element-e0bvxdz elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="r4l20vk" class="elementor-element elementor-element-r4l20vk elementor-widget elementor-widget-heading" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">How Many Bananas Does It Take To Lead A Camel To Market?</p> </div> </div> <div data-id="nnewsab" class="elementor-element elementor-element-nnewsab elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="1200" height="900" src="http://saurabhr.com/wp-content/uploads/2017/11/riddler_4x3_camel.gif" class="attachment-full size-full" alt="" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="exhuryu" class="elementor-element elementor-element-exhuryu elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="http://saurabhr.com/the-riddler-how-many-bananas-does-it-take-to-lead-a-camel-to-market/" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Solution</span> </span> </a> </div> </div> </div> <div data-id="bydfrz5" class="elementor-element elementor-element-bydfrz5 elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><div class="ornamental-rule"><hr /></div><p><span style="font-size: 16px;">You have a camel and 3,000 bananas. (Because of </span>course<span style="font-size: 16px;"> you do.) You would like to sell your bananas at the bazaar 1,000 miles away. Your loyal camel can carry at most 1,000 bananas at a time. However, it has an insatiable appetite and quite the nose for bananas — if you have bananas with you, it will demand one banana per mile traveled. In the absence of bananas on his back, it will happily walk as far as needed to get more bananas, loyal beast that it is. What should you do to get the largest number of bananas to the bazaar? What is that number?</span></p></div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-id="wuqom60" class="elementor-element elementor-element-wuqom60 animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="9hn4jpc" class="elementor-element elementor-element-9hn4jpc elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="91jlnus" class="elementor-element elementor-element-91jlnus elementor-widget elementor-widget-heading" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">Can You Solve The Puzzle Of The Picky Eater?</p> </div> </div> <div data-id="ctq219i" class="elementor-element elementor-element-ctq219i elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="600" height="400" src="http://saurabhr.com/wp-content/uploads/2017/11/sandwich.gif" class="attachment-full size-full" alt="" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="hrx5kjr" class="elementor-element elementor-element-hrx5kjr elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="http://saurabhr.com/puzzle-picky-eater/" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Solution</span> </span> </a> </div> </div> </div> <div data-id="uo3qr80" class="elementor-element elementor-element-uo3qr80 elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><div class="ornamental-rule"><p><span style="font-size: 16px;">Every morning, before heading to work, you make a sandwich for lunch using perfectly square bread. But you <i>hate</i> the crust. You hate the crust so much that you’ll only eat the portion of the sandwich that is closer to its center than to its edges so that you don’t run the risk of accidentally biting down on that charred, stiff perimeter. <i>How much of the sandwich will you eat?</i></span></p><p><span style="font-size: 16px;"><i>Extra credit</i>: What if the bread were another shape — triangular, hexagonal, octagonal, etc.? What’s the most efficient bread shape for a crust-hater like you?</span></p></div></div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-id="zfiqtqo" class="elementor-element elementor-element-zfiqtqo animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="ova02pe" class="elementor-element elementor-element-ova02pe elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="6ei998v" class="elementor-element elementor-element-6ei998v elementor-widget elementor-widget-heading" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">Can You Solve The Puzzle Of The Pirate Booty?</p> </div> </div> <div data-id="u4ppokk" class="elementor-element elementor-element-u4ppokk elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="720" height="486" src="http://saurabhr.com/wp-content/uploads/2017/11/Pirates.gif" class="attachment-full size-full" alt="" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="7qn07k5" class="elementor-element elementor-element-7qn07k5 elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="http://saurabhr.com/the-riddler-can-you-solve-the-puzzle-of-the-pirate-booty/" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Solution</span> </span> </a> </div> </div> </div> <div data-id="vl26rui" class="elementor-element elementor-element-vl26rui elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><div class="ornamental-rule"><p><span style="font-size: 16px;">Ten Perfectly Rational Pirate Logicians (PRPLs) find 10 (indivisible) gold pieces and wish to distribute the booty among themselves.</span></p><p><span style="font-size: 16px;">The pirates each have a unique rank, from the captain on down. The captain puts forth the first plan to divide up the gold, whereupon the pirates (including the captain) vote. If at least half the pirates vote for the plan, it is enacted, and the gold is distributed accordingly. If the plan gets fewer than half the votes, however, the captain is killed, the second-in-command is promoted, and the process starts over. (They’re mutinous, these PRPLs.)</span></p><p><span style="font-size: 16px;">Pirates always vote by the following rules, with the earliest rule taking precedence in a conflict:</span></p><ol><li><span style="font-size: 16px;"><i>Self-preservation</i>: A pirate values his life above all else.</span></li><li><span style="font-size: 16px;"><i>Greed</i>: A pirate seeks as much gold as possible.</span></li><li><span style="font-size: 16px;"><i>Bloodthirst</i>: Failing a threat to his life or bounty, a pirate always votes to kill.</span></li></ol><p><span style="font-size: 16px;">Under this system, <i>how do the PRPLs divide up their gold</i>?</span></p><p><span style="font-size: 16px;"><i>Extra credit</i>: Solve the generalized problem where there are<i> P</i> pirates and <i>G </i></span>gold<span style="font-size: 16px;"> pieces.</span></p></div></div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-id="5zpgn5f" class="elementor-element elementor-element-5zpgn5f animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="pr9a5w4" class="elementor-element elementor-element-pr9a5w4 elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="e3rj8ao" class="elementor-element elementor-element-e3rj8ao elementor-widget elementor-widget-heading" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">Can You Slay The Puzzle Of The Monsters’ Gems?</p> </div> </div> <div data-id="ec7iln7" class="elementor-element elementor-element-ec7iln7 elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="466" height="292" src="http://saurabhr.com/wp-content/uploads/2017/11/monster.gif" class="attachment-full size-full" alt="" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="yeicrdh" class="elementor-element elementor-element-yeicrdh elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="http://saurabhr.com/the-riddler-can-you-slay-the-puzzle-of-the-monsters-gems/" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Solution</span> </span> </a> </div> </div> </div> <div data-id="9m07t1v" class="elementor-element elementor-element-9m07t1v elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><div class="ornamental-rule"><p><span style="font-size: 16px;">A video game requires you to slay monsters to collect gems. Every time you slay a monster, it drops one of three types of gems: a common gem, an uncommon gem or a rare gem. The probabilities of these gems being dropped are in the ratio of 3:2:1 — three common gems for every two uncommon gems for every one rare gem, on average. If you slay monsters until you have at least one of each of the three types of gems, <i>how many of the most common gems will you end up with, on average</i>?</span></p></div></div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-id="krconhl" class="elementor-element elementor-element-krconhl animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="u6xw6bg" class="elementor-element elementor-element-u6xw6bg elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="sd76x81" class="elementor-element elementor-element-sd76x81 elementor-widget elementor-widget-heading" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">Can You Solve This Elevator Button Puzzle?</p> </div> </div> <div data-id="v15zcvm" class="elementor-element elementor-element-v15zcvm elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="500" height="220" src="http://saurabhr.com/wp-content/uploads/2017/11/elf.gif" class="attachment-full size-full" alt="" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="nww30jp" class="elementor-element elementor-element-nww30jp elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="http://saurabhr.com/the-riddler-can-you-solve-this-elevator-button-puzzle/" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Solution</span> </span> </a> </div> </div> </div> <div data-id="4wpzsbx" class="elementor-element elementor-element-4wpzsbx elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><div class="ornamental-rule"><p><span style="font-size: 16px;">In a building’s lobby, some number (<i>N</i>) of people get on an elevator that goes to some number (<i>M</i>) of floors. There may be more people than floors, or more floors than people. Each person is equally likely to choose any floor, independently of one another. When a floor button is pushed, it will light up.</span></p><p><span style="font-size: 16px;"><i>What is the expected number of lit buttons when the elevator begins its ascent?</i></span></p></div></div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-id="3da3l0x" class="elementor-element elementor-element-3da3l0x animated fadeIn elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible elementor-section elementor-top-section" data-settings="{"animation":"fadeIn"}" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="lqomfbb" class="elementor-element elementor-element-lqomfbb elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="hnguvlz" class="elementor-element elementor-element-hnguvlz elementor-widget elementor-widget-heading" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">Perplexing Puzzle of the Proud Partygoers</p> </div> </div> <div data-id="zpyboxk" class="elementor-element elementor-element-zpyboxk elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="480" height="270" src="http://saurabhr.com/wp-content/uploads/2017/11/partgoer.gif" class="attachment-full size-full" alt="" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="z7tlwz9" class="elementor-element elementor-element-z7tlwz9 elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="http://saurabhr.com/puzzle-partygoers/" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Solution</span> </span> </a> </div> </div> </div> <div data-id="tqh5l6g" class="elementor-element elementor-element-tqh5l6g elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><div class="ornamental-rule"><p><span style="font-size: 16px;">It’s Friday and that means it’s party time! A group of <i>N </i>people are in attendance at your shindig, some of whom are friends with each other. (Let’s assume friendship is symmetric — if person A is friends with person B, then B is friends with A.) Suppose that everyone has at least one friend at the </span>party,<span style="font-size: 16px;"> and that a person is “proud” if her number of friends is strictly larger than the average number of friends that her own friends have. (A competitive lot, your guests.) Importantly, more than one person can be proud. <i>How large can the share of proud people at the party be?</i></span></p></div></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div><!-- .entry-content --> </article><!-- #post-## --> <article id="post-4311" class="post-4311 post type-post status-publish format-standard has-post-thumbnail hentry category-portfolio tag-digital tag-product-management"> <header class="entry-header"> <div class="entry-meta"><span class="screen-reader-text">Posted on</span> <a href="http://saurabhr.com/stats/" rel="bookmark"><time class="entry-date published" datetime=""></time><time class="updated" datetime=""></time></a></div><!-- .entry-meta --><h2 class="entry-title"><a href="http://saurabhr.com/stats/" rel="bookmark">STATS | Data Visualization & Product Intern</a></h2> </header><!-- .entry-header --> <div class="post-thumbnail"> <a href="http://saurabhr.com/stats/"> <img width="742" height="743" src="http://saurabhr.com/wp-content/uploads/2017/09/STATS-Title-Tile-1.jpg" class="attachment-twentyseventeen-featured-image size-twentyseventeen-featured-image wp-post-image" alt="" srcset="http://saurabhr.com/wp-content/uploads/2017/09/STATS-Title-Tile-1.jpg 742w, http://saurabhr.com/wp-content/uploads/2017/09/STATS-Title-Tile-1-150x150.jpg 150w, http://saurabhr.com/wp-content/uploads/2017/09/STATS-Title-Tile-1-300x300.jpg 300w, http://saurabhr.com/wp-content/uploads/2017/09/STATS-Title-Tile-1-450x451.jpg 450w, http://saurabhr.com/wp-content/uploads/2017/09/STATS-Title-Tile-1-600x601.jpg 600w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </a> </div><!-- .post-thumbnail --> <div class="entry-content"> <div id="modal-ready"> <div class="elementor elementor-4311"> <div class="elementor-inner"> <div class="elementor-section-wrap"> <section data-id="nyqfvhi" class="elementor-element elementor-element-nyqfvhi elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="zlgqtzt" class="elementor-element elementor-element-zlgqtzt elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="kr8d1jh" class="elementor-element elementor-element-kr8d1jh elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="1000" height="923" src="http://saurabhr.com/wp-content/uploads/2017/11/STATS-Header-11192017.png" class="attachment-full size-full" alt="" srcset="http://saurabhr.com/wp-content/uploads/2017/11/STATS-Header-11192017.png 1000w, http://saurabhr.com/wp-content/uploads/2017/11/STATS-Header-11192017-300x277.png 300w, http://saurabhr.com/wp-content/uploads/2017/11/STATS-Header-11192017-768x709.png 768w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="14erqpf" class="elementor-element elementor-element-14erqpf animated fadeIn elementor-invisible elementor-widget elementor-widget-heading" data-settings="{"_animation":"fadeIn"}" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">project details</p> </div> </div> <div data-id="ysya265" class="elementor-element elementor-element-ysya265 animated fadeIn elementor-invisible elementor-widget elementor-widget-text-editor" data-settings="{"_animation":"fadeIn"}" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>Our team of interns was tasked with building a data visualization platform (now called STATS Infographics) that allowed STATS to better leverage their rich data into products for media clients in an automated way.</p></div> </div> </div> <div data-id="4z49tjj" class="elementor-element elementor-element-4z49tjj animated fadeIn elementor-invisible elementor-widget elementor-widget-heading" data-settings="{"_animation":"fadeIn"}" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">secondary research</p> </div> </div> <div data-id="7j6jlrn" class="elementor-element elementor-element-7j6jlrn animated fadeIn elementor-invisible elementor-widget elementor-widget-text-editor" data-settings="{"_animation":"fadeIn"}" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p><span style="font-size: 18px;">This initially entailed secondary research of how others in the sports analytics industry were leveraging data visualizations. Through that research, we found visualizations fell on a spectrum of accessibility and the potential length of engagement. </span>STATS’s<span style="font-size: 18px;"> next-gen data had the potential for engagement but was often glossed over by the casual fans. This helped identify a clear design direction for the platform – providing </span>STATS’s<span style="font-size: 18px;"> next-gen data in easy to digest infographics with a short engagement-time. </span></p></div> </div> </div> <div data-id="u4zj4je" class="elementor-element elementor-element-u4zj4je animated fadeIn elementor-invisible elementor-widget elementor-widget-image" data-settings="{"_animation":"fadeIn"}" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="525" height="293" src="http://saurabhr.com/wp-content/uploads/2017/09/2by2-1024x572.png" class="attachment-large size-large" alt="" srcset="http://saurabhr.com/wp-content/uploads/2017/09/2by2-1024x572.png 1024w, http://saurabhr.com/wp-content/uploads/2017/09/2by2-300x168.png 300w, http://saurabhr.com/wp-content/uploads/2017/09/2by2-768x429.png 768w, http://saurabhr.com/wp-content/uploads/2017/09/2by2-450x251.png 450w, http://saurabhr.com/wp-content/uploads/2017/09/2by2-600x335.png 600w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="5pjd628" class="elementor-element elementor-element-5pjd628 animated fadeIn elementor-invisible elementor-widget elementor-widget-heading" data-settings="{"_animation":"fadeIn"}" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">user testing & insights</p> </div> </div> <div data-id="xlsbav5" class="elementor-element elementor-element-xlsbav5 animated fadeIn elementor-invisible elementor-widget elementor-widget-text-editor" data-settings="{"_animation":"fadeIn"}" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p><span style="font-size: 18px;">We made various infographic mock-ups in Sketch that was presented to users. The immediate tension we found was that a data visualization by itself was difficult for people to understand in the context of sports – individuals that deal with complex data on a daily basis had difficulty in applying that same rigor to simpler charts shown in the context of sports. </span></p><p><span style="font-size: 18px;">Synthesizing that research helped sharpen our design direction by identifying three key components that would ease the barrier to engagement.</span></p></div> </div> </div> <div data-id="ac0oaih" class="elementor-element elementor-element-ac0oaih animated fadeIn elementor-invisible elementor-widget elementor-widget-image" data-settings="{"_animation":"fadeIn"}" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="2094" height="1051" src="http://saurabhr.com/wp-content/uploads/2017/09/visualiztionBreakdown.png" class="attachment-full size-full" alt="" srcset="http://saurabhr.com/wp-content/uploads/2017/09/visualiztionBreakdown.png 2094w, http://saurabhr.com/wp-content/uploads/2017/09/visualiztionBreakdown-300x151.png 300w, http://saurabhr.com/wp-content/uploads/2017/09/visualiztionBreakdown-768x385.png 768w, http://saurabhr.com/wp-content/uploads/2017/09/visualiztionBreakdown-1024x514.png 1024w, http://saurabhr.com/wp-content/uploads/2017/09/visualiztionBreakdown-450x226.png 450w, http://saurabhr.com/wp-content/uploads/2017/09/visualiztionBreakdown-600x301.png 600w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="bv05af2" class="elementor-element elementor-element-bv05af2 animated fadeIn elementor-invisible elementor-widget elementor-widget-text-editor" data-settings="{"_animation":"fadeIn"}" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>Scaffolding the information with a narrative was particularly crucial in typing the entire visualization together, and it was important that narrative was delivered in a sports-appropriate language. To understand the conversational structural of sports talk we conducted intercept interviews where we’d simply talk to people about their favorite teams. By understanding the conversational UI of sports narratives, we were able to break them down into their component forms.</p></div> </div> </div> <div data-id="v1zcqq7" class="elementor-element elementor-element-v1zcqq7 animated fadeIn elementor-invisible elementor-widget elementor-widget-heading" data-settings="{"_animation":"fadeIn"}" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">development</p> </div> </div> <div data-id="4x886mw" class="elementor-element elementor-element-4x886mw animated fadeIn elementor-invisible elementor-widget elementor-widget-text-editor" data-settings="{"_animation":"fadeIn"}" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>Having finalized a design direction, I developed a platform via Python that took basic user input and queried the appropriate data, c (WordSmith Areated a visualization, and wrapped into an appropriate aesthetic. It leveraged an NLP toolI) to turn the queried data into the sports narrative structure researched earlier.</p><p>I went back to user testing to understand the conversational structural of sports water cooler talk. By understanding the conversational UI of sports narratives, I was able to break them down into their component forms that allowed me to leverage an NLP tool and attach the final piece to the infographic platform.</p><p style="padding-left: 30px; text-align: center;"><strong><span style="font-family: 'Roboto Mono', sans-serif; font-size: 12px;">Which league would you like to see: English Premier League</span></strong></p><p style="padding-left: 30px; text-align: center;"><strong><span style="font-family: 'Roboto Mono', sans-serif; font-size: 12px;">Which matchweek: 25</span></strong></p><p style="padding-left: 30px; text-align: center;"><strong><span style="font-family: 'Roboto Mono', sans-serif; font-size: 12px;">Which Brand: Nike</span></strong></p><p>The final tool was able to take simple text input as shown above and turn it into 50+ topical sports infographics in a matter of minutes.</p></div> </div> </div> <div data-id="8bvper7" class="elementor-element elementor-element-8bvper7 elementor-widget elementor-widget-image" data-element_type="image.default"> <div class="elementor-widget-container"> <div class="elementor-image"> <img width="525" height="230" src="http://saurabhr.com/wp-content/uploads/2017/09/infographic-feed.jpg" class="attachment-large size-large" alt="" srcset="http://saurabhr.com/wp-content/uploads/2017/09/infographic-feed.jpg 910w, http://saurabhr.com/wp-content/uploads/2017/09/infographic-feed-300x131.jpg 300w, http://saurabhr.com/wp-content/uploads/2017/09/infographic-feed-768x336.jpg 768w, http://saurabhr.com/wp-content/uploads/2017/09/infographic-feed-450x197.jpg 450w, http://saurabhr.com/wp-content/uploads/2017/09/infographic-feed-600x262.jpg 600w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </div> </div> </div> <div data-id="4orc22f" class="elementor-element elementor-element-4orc22f animated fadeIn elementor-invisible elementor-widget elementor-widget-heading" data-settings="{"_animation":"fadeIn"}" data-element_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-large">outcome</p> </div> </div> <div data-id="iq1id90" class="elementor-element elementor-element-iq1id90 animated fadeIn elementor-invisible elementor-widget elementor-widget-text-editor" data-settings="{"_animation":"fadeIn"}" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p><span style="font-size: 16px; font-family: 'Roboto Slab', sans-serif;">At the end of the internship, our team pitched the alpha prototype we built to STATS C-Suite.</span></p><p> </p><p><span style="font-size: 16px; font-family: 'Roboto Slab', sans-serif;">The product has since taken on the title STATS Infographics and has moved into development with a slated release date of mid-2017.</span></p></div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-id="gbuwybx" class="elementor-element elementor-element-gbuwybx elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-settings="{"shape_divider_top":"opacity-tilt"}" data-element_type="section"> <div class="elementor-shape elementor-shape-top" data-negative="false"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2600 131.1" preserveAspectRatio="none"> <path class="elementor-shape-fill" d="M0 0L2600 0 2600 69.1 0 0z"/> <path class="elementor-shape-fill" style="opacity:0.5" d="M0 0L2600 0 2600 69.1 0 69.1z"/> <path class="elementor-shape-fill" style="opacity:0.25" d="M2600 0L0 0 0 130.1 2600 69.1z"/> </svg> </div> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div data-id="0m69xts" class="elementor-element elementor-element-0m69xts elementor-column elementor-col-100 elementor-top-column" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div data-id="zccezwn" class="elementor-element elementor-element-zccezwn elementor-widget elementor-widget-spacer" data-element_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div data-id="o7co4ry" class="elementor-element elementor-element-o7co4ry elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p><span style="font-size: 20px;">selected work</span></p></div> </div> </div> <div data-id="howdh0c" class="elementor-element elementor-element-howdh0c elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p><div id="mp_stack_54" class="mp-stack"><div id="mp-brick-4526" mp-stack-id="54" class=" mp_brick mp-brick" ><a class="brick-anchor" mp_stacks_brick_target="portfolio4real"></a><div class="mp-brick-meta"></div><div class="mp-brick-bg" ><div class="mp-brick-bg-inner"></div></div><div class="mp-brick-outer" ><div class="mp-brick-inner"><div class="mp-brick-content-types"><div class="mp-brick-content-types-inner"><div id="mp-brick-4526-first-content-type-container" class="mp-brick-content-type-container mp-brick-centered mp-stacks-content-type-postgrid"><div id="mp-brick-4526-first-content-type" class="mp-brick-first-content-type" ><script type="text/javascript">jQuery(document).ready(function($){ $( document ).on( 'mp_core_animation_set_first_keyframe_trigger.mp-brick-4526', function(event){ $( "#mp-brick-4526 .mp-stacks-grid-item .mp-stacks-postgrid-item-title-holder" ).each( function(){ $(this).velocity( {opacity: "0",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, { duration: 0.000001, begin: function() { }, complete: function() { //console.log( 'set default for' + '#mp-brick-4526 .mp-stacks-grid-item .mp-stacks-postgrid-item-title-holder'); //Remove the visibility:hidden for this element once the javascript has loaded the first keyframe $("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-item-mp-stacks-postgrid-item-title-holder").remove(); } } ); }); }); $( document ).trigger('mp_core_animation_set_first_keyframe_trigger'); //Add this animation event to the mouseenter event $( document ).on( 'mouseenter.mp-brick-4526', '#mp-brick-4526 .mp-stacks-grid-item', function(event){ $(this).css("z-index", "9999999999"); $(this).find('.mp-stacks-postgrid-item-title-holder').velocity("stop").velocity( {opacity: "0",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, {duration: 0}).velocity( {opacity: "1",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, {duration: 500, begin: function() { $( document ).trigger( "mp_core_animation_start" ); $(document).find("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-item-mp-stacks-postgrid-item-title-holder").remove(); }, complete: function() { $( document ).trigger( "mp_core_animation_end" ); } });}); $( document ).on( 'mouseleave.mp-brick-4526', '#mp-brick-4526 .mp-stacks-grid-item', function(event){ $(this).css("z-index", ""); $(this).find('.mp-stacks-postgrid-item-title-holder') .velocity("stop").velocity( {opacity: "1",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, {duration:0}).velocity( {opacity: "0",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, {duration:500, begin: function() { $( document ).trigger( "mp_core_animation_start" ); $( document).find("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-item-mp-stacks-postgrid-item-title-holder").remove(); }, complete: function() { $( document ).trigger( "mp_core_animation_end" ); } });}); });</script><script type="text/javascript">jQuery(document).ready(function($){ $( document ).on( 'mp_core_animation_set_first_keyframe_trigger.mp-brick-4526', function(event){ $( "#mp-brick-4526 .mp-stacks-grid-item .mp-stacks-postgrid-item-excerpt-holder" ).each( function(){ $(this).velocity( {opacity: "0",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, { duration: 0.000001, begin: function() { }, complete: function() { //console.log( 'set default for' + '#mp-brick-4526 .mp-stacks-grid-item .mp-stacks-postgrid-item-excerpt-holder'); //Remove the visibility:hidden for this element once the javascript has loaded the first keyframe $("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-item-mp-stacks-postgrid-item-excerpt-holder").remove(); } } ); }); }); $( document ).trigger('mp_core_animation_set_first_keyframe_trigger'); //Add this animation event to the mouseenter event $( document ).on( 'mouseenter.mp-brick-4526', '#mp-brick-4526 .mp-stacks-grid-item', function(event){ $(this).css("z-index", "9999999999"); $(this).find('.mp-stacks-postgrid-item-excerpt-holder').velocity("stop").velocity( {opacity: "0",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, {duration: 0}).velocity( {opacity: "1",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, {duration: 500, begin: function() { $( document ).trigger( "mp_core_animation_start" ); $(document).find("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-item-mp-stacks-postgrid-item-excerpt-holder").remove(); }, complete: function() { $( document ).trigger( "mp_core_animation_end" ); } });}); $( document ).on( 'mouseleave.mp-brick-4526', '#mp-brick-4526 .mp-stacks-grid-item', function(event){ $(this).css("z-index", ""); $(this).find('.mp-stacks-postgrid-item-excerpt-holder') .velocity("stop").velocity( {opacity: "1",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, {duration:0}).velocity( {opacity: "0",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, {duration:500, begin: function() { $( document ).trigger( "mp_core_animation_start" ); $( document).find("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-item-mp-stacks-postgrid-item-excerpt-holder").remove(); }, complete: function() { $( document ).trigger( "mp_core_animation_end" ); } });}); });</script><script type="text/javascript">jQuery(document).ready(function($){ $( document ).on( 'mp_core_animation_set_first_keyframe_trigger.mp-brick-4526', function(event){ $( "#mp-brick-4526 .mp-stacks-grid-item .mp-stacks-postgrid-item-date-holder" ).each( function(){ $(this).velocity( {opacity: "1",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, { duration: 0.000001, begin: function() { }, complete: function() { //console.log( 'set default for' + '#mp-brick-4526 .mp-stacks-grid-item .mp-stacks-postgrid-item-date-holder'); //Remove the visibility:hidden for this element once the javascript has loaded the first keyframe $("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-item-mp-stacks-postgrid-item-date-holder").remove(); } } ); }); }); $( document ).trigger('mp_core_animation_set_first_keyframe_trigger'); //Add this animation event to the mouseenter event $( document ).on( 'mouseenter.mp-brick-4526', '#mp-brick-4526 .mp-stacks-grid-item', function(event){ $(this).css("z-index", "9999999999"); $(this).find('.mp-stacks-postgrid-item-date-holder').velocity("stop").velocity( {opacity: "1",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, {duration: 0, begin: function() { $( document ).trigger( "mp_core_animation_start" ); $(document).find("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-item-mp-stacks-postgrid-item-date-holder").remove(); }, complete: function() { $( document ).trigger( "mp_core_animation_end" ); } });}); $( document ).on( 'mouseleave.mp-brick-4526', '#mp-brick-4526 .mp-stacks-grid-item', function(event){ $(this).css("z-index", ""); $(this).find('.mp-stacks-postgrid-item-date-holder') .velocity("stop").velocity( {opacity: "1",rotateZ: "0deg",translateX: "0px",translateY: "0px"}, {duration:0, begin: function() { $( document ).trigger( "mp_core_animation_start" ); $( document).find("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-item-mp-stacks-postgrid-item-date-holder").remove(); }, complete: function() { $( document ).trigger( "mp_core_animation_end" ); } });}); });</script><script type="text/javascript">jQuery(document).ready(function($){ $( document ).on( 'mp_core_animation_set_first_keyframe_trigger.mp-brick-4526', function(event){ $( "#mp-brick-4526 .mp-stacks-grid-postgrid .mp-stacks-grid-item .mp-stacks-grid-item-image" ).each( function(){ $(this).velocity( {opacity: "1",rotateZ: "0deg",translateX: "0px",translateY: "0px",scale: "1"}, { duration: 0.000001, begin: function() { }, complete: function() { //console.log( 'set default for' + '#mp-brick-4526 .mp-stacks-grid-postgrid .mp-stacks-grid-item .mp-stacks-grid-item-image'); //Remove the visibility:hidden for this element once the javascript has loaded the first keyframe $("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-postgrid-mp-stacks-grid-item-mp-stacks-grid-item-image").remove(); } } ); }); }); $( document ).trigger('mp_core_animation_set_first_keyframe_trigger'); //Add this animation event to the mouseenter event $( document ).on( 'mouseenter.mp-brick-4526', '#mp-brick-4526 .mp-stacks-grid-postgrid .mp-stacks-grid-item', function(event){ $(this).css("z-index", "9999999999"); $(this).find('.mp-stacks-grid-item-image').velocity("stop").velocity( {opacity: "1",rotateZ: "0deg",translateX: "0px",translateY: "0px",scale: "1"}, {duration: 0, begin: function() { $( document ).trigger( "mp_core_animation_start" ); $(document).find("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-postgrid-mp-stacks-grid-item-mp-stacks-grid-item-image").remove(); }, complete: function() { $( document ).trigger( "mp_core_animation_end" ); } });}); $( document ).on( 'mouseleave.mp-brick-4526', '#mp-brick-4526 .mp-stacks-grid-postgrid .mp-stacks-grid-item', function(event){ $(this).css("z-index", ""); $(this).find('.mp-stacks-grid-item-image') .velocity("stop").velocity( {opacity: "1",rotateZ: "0deg",translateX: "0px",translateY: "0px",scale: "1"}, {duration:0, begin: function() { $( document ).trigger( "mp_core_animation_start" ); $( document).find("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-postgrid-mp-stacks-grid-item-mp-stacks-grid-item-image").remove(); }, complete: function() { $( document ).trigger( "mp_core_animation_end" ); } });}); });</script><script type="text/javascript">jQuery(document).ready(function($){ $( document ).on( 'mp_core_animation_set_first_keyframe_trigger.mp-brick-4526', function(event){ $( "#mp-brick-4526 .mp-stacks-grid-postgrid .mp-stacks-grid-item .mp-stacks-grid-item-image-overlay" ).each( function(){ $(this).velocity( {opacity: "0",backgroundColorRed: "12",backgroundColorGreen: "12",backgroundColorBlue: "12",backgroundColor: "#0c0c0c"}, { duration: 0.000001, begin: function() { }, complete: function() { //console.log( 'set default for' + '#mp-brick-4526 .mp-stacks-grid-postgrid .mp-stacks-grid-item .mp-stacks-grid-item-image-overlay'); //Remove the visibility:hidden for this element once the javascript has loaded the first keyframe $("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-postgrid-mp-stacks-grid-item-mp-stacks-grid-item-image-overlay").remove(); } } ); }); }); $( document ).trigger('mp_core_animation_set_first_keyframe_trigger'); //Add this animation event to the mouseenter event $( document ).on( 'mouseenter.mp-brick-4526', '#mp-brick-4526 .mp-stacks-grid-postgrid .mp-stacks-grid-item', function(event){ $(this).css("z-index", "9999999999"); $(this).find('.mp-stacks-grid-item-image-overlay').velocity("stop").velocity( {opacity: "0",backgroundColorRed: "12",backgroundColorGreen: "12",backgroundColorBlue: "12",backgroundColor: "#0c0c0c"}, {duration: 0}).velocity( {opacity: "0.8",backgroundColorRed: "12",backgroundColorGreen: "12",backgroundColorBlue: "12",backgroundColor: "#0c0c0c"}, {duration: 500, begin: function() { $( document ).trigger( "mp_core_animation_start" ); $(document).find("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-postgrid-mp-stacks-grid-item-mp-stacks-grid-item-image-overlay").remove(); }, complete: function() { $( document ).trigger( "mp_core_animation_end" ); } });}); $( document ).on( 'mouseleave.mp-brick-4526', '#mp-brick-4526 .mp-stacks-grid-postgrid .mp-stacks-grid-item', function(event){ $(this).css("z-index", ""); $(this).find('.mp-stacks-grid-item-image-overlay') .velocity("stop").velocity( {opacity: "0.8",backgroundColorRed: "12",backgroundColorGreen: "12",backgroundColorBlue: "12",backgroundColor: "#0c0c0c"}, {duration:0}).velocity( {opacity: "0",backgroundColorRed: "12",backgroundColorGreen: "12",backgroundColorBlue: "12",backgroundColor: "#0c0c0c"}, {duration:500, begin: function() { $( document ).trigger( "mp_core_animation_start" ); $( document).find("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-postgrid-mp-stacks-grid-item-mp-stacks-grid-item-image-overlay").remove(); }, complete: function() { $( document ).trigger( "mp_core_animation_end" ); } });}); });</script><script type="text/javascript">jQuery(document).ready(function($){ $( document ).on( 'mp_core_animation_set_first_keyframe_trigger.mp-brick-4526', function(event){ $( "#mp-brick-4526 .mp-stacks-grid-postgrid .mp-stacks-grid-item .mp-stacks-grid-item-inner" ).each( function(){ $(this).velocity( {backgroundColor: function() { if ( $(this).attr("mp-default-bg-color") ){ return $(this).attr("mp-default-bg-color"); } else{ return false; } },rotateZ: "0deg",translateX: "0px",translateY: "0px",scale: "1"}, { duration: 0.000001, begin: function() { }, complete: function() { //console.log( 'set default for' + '#mp-brick-4526 .mp-stacks-grid-postgrid .mp-stacks-grid-item .mp-stacks-grid-item-inner'); //Remove the visibility:hidden for this element once the javascript has loaded the first keyframe $("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-postgrid-mp-stacks-grid-item-mp-stacks-grid-item-inner").remove(); } } ); }); }); $( document ).trigger('mp_core_animation_set_first_keyframe_trigger'); //Add this animation event to the mouseenter event $( document ).on( 'mouseenter.mp-brick-4526', '#mp-brick-4526 .mp-stacks-grid-postgrid .mp-stacks-grid-item', function(event){ $(this).css("z-index", "9999999999"); $(this).find('.mp-stacks-grid-item-inner').velocity("stop").velocity( {backgroundColor: function() { if ( $(this).attr("mp-default-bg-color") ){ return $(this).attr("mp-default-bg-color"); } else{ return false; } },rotateZ: "0deg",translateX: "0px",translateY: "0px",scale: "1"}, {duration: 0, begin: function() { $( document ).trigger( "mp_core_animation_start" ); $(document).find("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-postgrid-mp-stacks-grid-item-mp-stacks-grid-item-inner").remove(); }, complete: function() { $( document ).trigger( "mp_core_animation_end" ); } });}); $( document ).on( 'mouseleave.mp-brick-4526', '#mp-brick-4526 .mp-stacks-grid-postgrid .mp-stacks-grid-item', function(event){ $(this).css("z-index", ""); $(this).find('.mp-stacks-grid-item-inner') .velocity("stop").velocity( {backgroundColor: function() { if ( $(this).attr("mp-default-bg-color") ){ return $(this).attr("mp-default-bg-color"); } else{ return false; } },rotateZ: "0deg",translateX: "0px",translateY: "0px",scale: "1"}, {duration:0, begin: function() { $( document ).trigger( "mp_core_animation_start" ); $( document).find("#mp-core-temp-css-mp-brick-4526-mp-stacks-grid-postgrid-mp-stacks-grid-item-mp-stacks-grid-item-inner").remove(); }, complete: function() { $( document ).trigger( "mp_core_animation_end" ); } });}); });</script> <script type="text/javascript"> var masonry_grid_4526 = false; </script><div class="mp-stacks-grid mp-stacks-grid-postgrid" ><div class="mp-stacks-grid-source-0 mp-stacks-grid-item mp-stacks-grid-item-4311 post-4311 post type-post status-publish format-standard has-post-thumbnail category-portfolio tag-digital tag-product-management mp-stacks-grid-no-spacing" mp_stacks_grid_isotope_taxonomy_post_tag="digital, product-management, " ><div class="mp-stacks-grid-item-inner" ><script type="text/javascript">jQuery(document).ready(function($){ $( "#mp-brick-4526 .mp-stacks-grid-isotope-button[data-filter*=\"'digital,'\"]").css( "display", "inline-block" ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-sort-select option[value*=\"'digital,'\"]").attr( "disabled", false ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-button[data-filter*=\"'product-management,'\"]").css( "display", "inline-block" ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-sort-select option[value*=\"'product-management,'\"]").attr( "disabled", false );});</script> <article class="microformats hentry" style="display:none;"> <h2 class="entry-title">STATS | Data Visualization & Product Intern</h2> <span class="author vcard"><span class="fn"></span></span> <time class="published" datetime=""></time> <time class="updated" datetime=""></time> <div class="entry-summary"><p> project details Our team of interns was tasked with building a data visualization platform (now called STATS Infographics) that allowed STATS to better leverage their rich data into products for media clients in an automated way. secondary …</p></div> </article><div class="mp-stacks-grid-item-image-holder"><a href="http://saurabhr.com/stats/" class="mp-stacks-grid-image-link "><div class="mp-stacks-grid-item-image-overlay"></div><img src="http://saurabhr.com/wp-content/uploads/2017/09/STATS-Title-Tile-1-200x200.jpg" class="mp-stacks-grid-item-image" title="STATS | Data Visualization & Product Intern" alt="STATS | Data Visualization & Product Intern" /><div class="mp-stacks-grid-over-image-text-container-top"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div><div class="mp-stacks-grid-over-image-text-container-middle"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"><div class="mp-stacks-postgrid-item-title-holder" ><div class="mp-stacks-postgrid-item-title"><span class="mp-stacks-postgrid-item-title-highlight">STATS | Data Visualization & Product Intern</span></div></div></div></div></div><div class="mp-stacks-grid-over-image-text-container-bottom"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div></a></div></div></div><div class="mp-stacks-grid-source-0 mp-stacks-grid-item mp-stacks-grid-item-4150 post-4150 post type-post status-publish format-standard has-post-thumbnail category-portfolio tag-digital tag-product-management mp-stacks-grid-no-spacing" mp_stacks_grid_isotope_taxonomy_post_tag="digital, product-management, " ><div class="mp-stacks-grid-item-inner" ><script type="text/javascript">jQuery(document).ready(function($){ $( "#mp-brick-4526 .mp-stacks-grid-isotope-button[data-filter*=\"'digital,'\"]").css( "display", "inline-block" ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-sort-select option[value*=\"'digital,'\"]").attr( "disabled", false ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-button[data-filter*=\"'product-management,'\"]").css( "display", "inline-block" ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-sort-select option[value*=\"'product-management,'\"]").attr( "disabled", false );});</script> <article class="microformats hentry" style="display:none;"> <h2 class="entry-title">Harley Davidson | Digital Brand Strategy</h2> <span class="author vcard"><span class="fn"></span></span> <time class="published" datetime=""></time> <time class="updated" datetime=""></time> <div class="entry-summary"><p> project details Harley-Davidson was seeking new business opportunities to engage millennials with the Harley-Davidson brand. Our team, through Northwestern’s Design Strategy course, was asked to identify and design those verticals using a human-centered design approach. User Research We …</p></div> </article><div class="mp-stacks-grid-item-image-holder"><a href="http://saurabhr.com/harley-davidson/" class="mp-stacks-grid-image-link "><div class="mp-stacks-grid-item-image-overlay"></div><img src="http://saurabhr.com/wp-content/uploads/2017/09/harleyTitle-200x200.png" class="mp-stacks-grid-item-image" title="Harley Davidson | Digital Brand Strategy" alt="Harley Davidson | Digital Brand Strategy" /><div class="mp-stacks-grid-over-image-text-container-top"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div><div class="mp-stacks-grid-over-image-text-container-middle"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"><div class="mp-stacks-postgrid-item-title-holder" ><div class="mp-stacks-postgrid-item-title"><span class="mp-stacks-postgrid-item-title-highlight">Harley Davidson | Digital Brand Strategy</span></div></div></div></div></div><div class="mp-stacks-grid-over-image-text-container-bottom"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div></a></div></div></div><div class="mp-stacks-grid-source-0 mp-stacks-grid-item mp-stacks-grid-item-4086 post-4086 post type-post status-publish format-standard has-post-thumbnail category-portfolio tag-digital tag-physical mp-stacks-grid-no-spacing" mp_stacks_grid_isotope_taxonomy_post_tag="digital, physical, " ><div class="mp-stacks-grid-item-inner" ><script type="text/javascript">jQuery(document).ready(function($){ $( "#mp-brick-4526 .mp-stacks-grid-isotope-button[data-filter*=\"'digital,'\"]").css( "display", "inline-block" ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-sort-select option[value*=\"'digital,'\"]").attr( "disabled", false ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-button[data-filter*=\"'physical,'\"]").css( "display", "inline-block" ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-sort-select option[value*=\"'physical,'\"]").attr( "disabled", false );});</script> <article class="microformats hentry" style="display:none;"> <h2 class="entry-title">Skylines | Information & Interaction Design</h2> <span class="author vcard"><span class="fn"></span></span> <time class="published" datetime=""></time> <time class="updated" datetime=""></time> <div class="entry-summary"><p> About the Project As a part of Tangible Interaction and Design and Learning, groups of students re-design museum exhibits leveraging technology in an effort to create a better learning experience. Our group chose to redesign the Skyline exhibit at the …</p></div> </article><div class="mp-stacks-grid-item-image-holder"><a href="http://saurabhr.com/skylines/" class="mp-stacks-grid-image-link "><div class="mp-stacks-grid-item-image-overlay"></div><img src="http://saurabhr.com/wp-content/uploads/2017/08/skyLines-Preview-Tiles-200x200.png" class="mp-stacks-grid-item-image" title="Skylines | Information & Interaction Design" alt="Skylines | Information & Interaction Design" /><div class="mp-stacks-grid-over-image-text-container-top"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div><div class="mp-stacks-grid-over-image-text-container-middle"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"><div class="mp-stacks-postgrid-item-title-holder" ><div class="mp-stacks-postgrid-item-title"><span class="mp-stacks-postgrid-item-title-highlight">Skylines | Information & Interaction Design</span></div></div></div></div></div><div class="mp-stacks-grid-over-image-text-container-bottom"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div></a></div></div></div><div class="mp-stacks-grid-source-0 mp-stacks-grid-item mp-stacks-grid-item-4041 post-4041 post type-post status-publish format-standard has-post-thumbnail category-portfolio tag-digital mp-stacks-grid-no-spacing" mp_stacks_grid_isotope_taxonomy_post_tag="digital, " ><div class="mp-stacks-grid-item-inner" ><script type="text/javascript">jQuery(document).ready(function($){ $( "#mp-brick-4526 .mp-stacks-grid-isotope-button[data-filter*=\"'digital,'\"]").css( "display", "inline-block" ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-sort-select option[value*=\"'digital,'\"]").attr( "disabled", false );});</script> <article class="microformats hentry" style="display:none;"> <h2 class="entry-title">UX/UI Design – HearYe</h2> <span class="author vcard"><span class="fn"></span></span> <time class="published" datetime=""></time> <time class="updated" datetime=""></time> <div class="entry-summary"><p>project scope Through Northwestern’s Interaction Design Studio were tasked to consult companies from Northwestern’s Startup Garage on UX/UI design. We worked with HearYe, a mobile application that is designed to help friends plan casual group outings. At the …</p></div> </article><div class="mp-stacks-grid-item-image-holder"><a href="http://saurabhr.com/uxui-design-hearye/" class="mp-stacks-grid-image-link "><div class="mp-stacks-grid-item-image-overlay"></div><img src="http://saurabhr.com/wp-content/uploads/2017/03/Asset-2-200x200.png" class="mp-stacks-grid-item-image" title="UX/UI Design – HearYe" alt="UX/UI Design – HearYe" /><div class="mp-stacks-grid-over-image-text-container-top"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div><div class="mp-stacks-grid-over-image-text-container-middle"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"><div class="mp-stacks-postgrid-item-title-holder" ><div class="mp-stacks-postgrid-item-title"><span class="mp-stacks-postgrid-item-title-highlight">UX/UI Design – HearYe</span></div></div></div></div></div><div class="mp-stacks-grid-over-image-text-container-bottom"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div></a></div></div></div><div class="mp-stacks-grid-source-0 mp-stacks-grid-item mp-stacks-grid-item-3968 post-3968 post type-post status-publish format-standard has-post-thumbnail category-portfolio tag-physical tag-product-management mp-stacks-grid-no-spacing" mp_stacks_grid_isotope_taxonomy_post_tag="physical, product-management, " ><div class="mp-stacks-grid-item-inner" ><script type="text/javascript">jQuery(document).ready(function($){ $( "#mp-brick-4526 .mp-stacks-grid-isotope-button[data-filter*=\"'physical,'\"]").css( "display", "inline-block" ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-sort-select option[value*=\"'physical,'\"]").attr( "disabled", false ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-button[data-filter*=\"'product-management,'\"]").css( "display", "inline-block" ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-sort-select option[value*=\"'product-management,'\"]").attr( "disabled", false );});</script> <article class="microformats hentry" style="display:none;"> <h2 class="entry-title">Pacific Die Cut Industries | Project Engineer</h2> <span class="author vcard"><span class="fn"></span></span> <time class="published" datetime=""></time> <time class="updated" datetime=""></time> <div class="entry-summary"><p> role overview I spent the first two years out of undergrad as a Project Engineer at Pacific Die Cut Industries (PDCI) – a contract manufacturer servicing the automotive and medical industry. I started supporting engineers on medical and automotive projects …</p></div> </article><div class="mp-stacks-grid-item-image-holder"><a href="http://saurabhr.com/pdci/" class="mp-stacks-grid-image-link "><div class="mp-stacks-grid-item-image-overlay"></div><img src="http://saurabhr.com/wp-content/uploads/2017/01/biosensor-200x200.png" class="mp-stacks-grid-item-image" title="Pacific Die Cut Industries | Project Engineer" alt="Pacific Die Cut Industries | Project Engineer" /><div class="mp-stacks-grid-over-image-text-container-top"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div><div class="mp-stacks-grid-over-image-text-container-middle"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"><div class="mp-stacks-postgrid-item-title-holder" ><div class="mp-stacks-postgrid-item-title"><span class="mp-stacks-postgrid-item-title-highlight">Pacific Die Cut Industries | Project Engineer</span></div></div></div></div></div><div class="mp-stacks-grid-over-image-text-container-bottom"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div></a></div></div></div><div class="mp-stacks-grid-source-0 mp-stacks-grid-item mp-stacks-grid-item-3734 post-3734 post type-post status-publish format-standard has-post-thumbnail category-portfolio tag-physical mp-stacks-grid-no-spacing" mp_stacks_grid_isotope_taxonomy_post_tag="physical, " ><div class="mp-stacks-grid-item-inner" ><script type="text/javascript">jQuery(document).ready(function($){ $( "#mp-brick-4526 .mp-stacks-grid-isotope-button[data-filter*=\"'physical,'\"]").css( "display", "inline-block" ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-sort-select option[value*=\"'physical,'\"]").attr( "disabled", false );});</script> <article class="microformats hentry" style="display:none;"> <h2 class="entry-title">Proctor & Gamble | Packaging Design & Engineering</h2> <span class="author vcard"><span class="fn"></span></span> <time class="published" datetime=""></time> <time class="updated" datetime=""></time> <div class="entry-summary"><p> Project Details Procter & Gamble has decided to pursue Intellectual Property Rights on the final project we designed. Consequently, details about the specific P&G product and the final product are under a confidentiality agreement.Through Northwestern’s Product Design …</p></div> </article><div class="mp-stacks-grid-item-image-holder"><a href="http://saurabhr.com/proctor-gamble/" class="mp-stacks-grid-image-link "><div class="mp-stacks-grid-item-image-overlay"></div><img src="http://saurabhr.com/wp-content/uploads/2017/01/Square-Tile-200x200.jpg" class="mp-stacks-grid-item-image" title="Proctor & Gamble | Packaging Design & Engineering" alt="Proctor & Gamble | Packaging Design & Engineering" /><div class="mp-stacks-grid-over-image-text-container-top"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div><div class="mp-stacks-grid-over-image-text-container-middle"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"><div class="mp-stacks-postgrid-item-title-holder" ><div class="mp-stacks-postgrid-item-title"><span class="mp-stacks-postgrid-item-title-highlight">Proctor & Gamble | Packaging Design & Engineering</span></div></div></div></div></div><div class="mp-stacks-grid-over-image-text-container-bottom"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div></a></div></div></div><div class="mp-stacks-grid-source-0 mp-stacks-grid-item mp-stacks-grid-item-3705 post-3705 post type-post status-publish format-standard has-post-thumbnail category-portfolio tag-digital mp-stacks-grid-no-spacing" mp_stacks_grid_isotope_taxonomy_post_tag="digital, " ><div class="mp-stacks-grid-item-inner" ><script type="text/javascript">jQuery(document).ready(function($){ $( "#mp-brick-4526 .mp-stacks-grid-isotope-button[data-filter*=\"'digital,'\"]").css( "display", "inline-block" ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-sort-select option[value*=\"'digital,'\"]").attr( "disabled", false );});</script> <article class="microformats hentry" style="display:none;"> <h2 class="entry-title">Comparallel – Knight Lab | Data Interaction Design</h2> <span class="author vcard"><span class="fn"></span></span> <time class="published" datetime=""></time> <time class="updated" datetime=""></time> <div class="entry-summary"><p> About the Project Comparallel is a project in conjunction with Northwestern’s Knight Lab.Our team was tasked with making “open data” (e.g. the data the US Government freely releases) more accessible and actionable for journalists. Comparallel can be found …</p></div> </article><div class="mp-stacks-grid-item-image-holder"><a href="http://saurabhr.com/knight-lab-comparallel/" class="mp-stacks-grid-image-link "><div class="mp-stacks-grid-item-image-overlay"></div><img src="http://saurabhr.com/wp-content/uploads/2016/12/title-Tile-200x200.png" class="mp-stacks-grid-item-image" title="Comparallel – Knight Lab | Data Interaction Design" alt="Comparallel – Knight Lab | Data Interaction Design" /><div class="mp-stacks-grid-over-image-text-container-top"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div><div class="mp-stacks-grid-over-image-text-container-middle"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"><div class="mp-stacks-postgrid-item-title-holder" ><div class="mp-stacks-postgrid-item-title"><span class="mp-stacks-postgrid-item-title-highlight">Comparallel – Knight Lab | Data Interaction Design</span></div></div></div></div></div><div class="mp-stacks-grid-over-image-text-container-bottom"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div></a></div></div></div><div class="mp-stacks-grid-source-0 mp-stacks-grid-item mp-stacks-grid-item-199 post-199 post type-post status-publish format-standard has-post-thumbnail category-portfolio tag-physical mp-stacks-grid-no-spacing" mp_stacks_grid_isotope_taxonomy_post_tag="physical, " ><div class="mp-stacks-grid-item-inner" ><script type="text/javascript">jQuery(document).ready(function($){ $( "#mp-brick-4526 .mp-stacks-grid-isotope-button[data-filter*=\"'physical,'\"]").css( "display", "inline-block" ); $( "#mp-brick-4526 .mp-stacks-grid-isotope-sort-select option[value*=\"'physical,'\"]").attr( "disabled", false );});</script> <article class="microformats hentry" style="display:none;"> <h2 class="entry-title">Small Scale Bioreactor | Product Design Engineering</h2> <span class="author vcard"><span class="fn"></span></span> <time class="published" datetime=""></time> <time class="updated" datetime=""></time> <div class="entry-summary"><p> About the Project For my senior capstone at UC San Diego, I, along with 3 other team members (1 engineer, 2 biotechnologists), partnered with a local biotech company, Histogen, to engineer a small-scale bioreactor. Histogen, interested …</p></div> </article><div class="mp-stacks-grid-item-image-holder"><a href="http://saurabhr.com/small-scale-bioreactor/" class="mp-stacks-grid-image-link "><div class="mp-stacks-grid-item-image-overlay"></div><img src="http://saurabhr.com/wp-content/uploads/2016/08/title-Tile-200x201.jpg" class="mp-stacks-grid-item-image" title="Small Scale Bioreactor | Product Design Engineering" alt="Small Scale Bioreactor | Product Design Engineering" /><div class="mp-stacks-grid-over-image-text-container-top"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div><div class="mp-stacks-grid-over-image-text-container-middle"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"><div class="mp-stacks-postgrid-item-title-holder" ><div class="mp-stacks-postgrid-item-title"><span class="mp-stacks-postgrid-item-title-highlight">Small Scale Bioreactor | Product Design Engineering</span></div></div></div></div></div><div class="mp-stacks-grid-over-image-text-container-bottom"><div class="mp-stacks-grid-over-image-text-container-table"><div class="mp-stacks-grid-over-image-text-container-table-cell"></div></div></div></a></div></div></div></div><div class="mp-stacks-grid-load-more-container" style="display:none;"> <div class="mp-stacks-grid-load-more-animation-container" style="display: none;"> <div class="mp-stacks-grid-load-more-animation row clearfix"> <div class="square one"></div> <div class="square two"></div> <div class="square three"></div> </div> <div class="mp-stacks-grid-load-more-animation row clearfix"> <div class="square eight"></div> <div class="square nine"></div> <div class="square four"></div> </div> <div class="mp-stacks-grid-load-more-animation row clearfix"> <div class="square seven"></div> <div class="square six"></div> <div class="square five"></div> </div> </div></div><div class="mp-stacks-grid-item-clearedfix"></div><div class="mp-stacks-grid-after"></div></div></div><div id="mp-brick-4526-second-content-type-container" class="mp-brick-content-type-container mp-brick-centered mp-stacks-content-type-"><div id="mp-brick-4526-second-content-type" class="mp-brick-second-content-type" style="display:block;"></div></div></div></div></div></div></div></div></p></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div><!-- .entry-content --> </article><!-- #post-## --> <article id="post-4299" class="post-4299 post type-post status-publish format-standard has-post-thumbnail hentry category-blog tag-data-viz"> <header class="entry-header"> <div class="entry-meta"><span class="screen-reader-text">Posted on</span> <a href="http://saurabhr.com/kanye-wests-musical-transformation/" rel="bookmark"><time class="entry-date published" datetime=""></time><time class="updated" datetime=""></time></a></div><!-- .entry-meta --><h2 class="entry-title"><a href="http://saurabhr.com/kanye-wests-musical-transformation/" rel="bookmark">Kanye West’s Musical Transformation</a></h2> </header><!-- .entry-header --> <div class="post-thumbnail"> <a href="http://saurabhr.com/kanye-wests-musical-transformation/"> <img width="550" height="550" src="http://saurabhr.com/wp-content/uploads/2017/10/ca0ee2ff4fe66ce44b626e227e98bb80-graduation-bear-bear-art.jpg" class="attachment-twentyseventeen-featured-image size-twentyseventeen-featured-image wp-post-image" alt="" srcset="http://saurabhr.com/wp-content/uploads/2017/10/ca0ee2ff4fe66ce44b626e227e98bb80-graduation-bear-bear-art.jpg 550w, http://saurabhr.com/wp-content/uploads/2017/10/ca0ee2ff4fe66ce44b626e227e98bb80-graduation-bear-bear-art-150x150.jpg 150w, http://saurabhr.com/wp-content/uploads/2017/10/ca0ee2ff4fe66ce44b626e227e98bb80-graduation-bear-bear-art-300x300.jpg 300w, http://saurabhr.com/wp-content/uploads/2017/10/ca0ee2ff4fe66ce44b626e227e98bb80-graduation-bear-bear-art-450x450.jpg 450w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /> </a> </div><!-- .post-thumbnail --> <div class="entry-content"> <div id="modal-ready"><a href="http://saurabhr.com/wp-content/uploads/2017/10/IMG_20170807_094231_747-1.jpg"><img class="aligncenter wp-image-4301 size-full" src="http://saurabhr.com/wp-content/uploads/2017/10/IMG_20170807_094231_747-1.jpg" alt="IMG_20170807_094231_747" width="1009" height="1794" srcset="http://saurabhr.com/wp-content/uploads/2017/10/IMG_20170807_094231_747-1.jpg 1009w, http://saurabhr.com/wp-content/uploads/2017/10/IMG_20170807_094231_747-1-169x300.jpg 169w, http://saurabhr.com/wp-content/uploads/2017/10/IMG_20170807_094231_747-1-768x1366.jpg 768w, http://saurabhr.com/wp-content/uploads/2017/10/IMG_20170807_094231_747-1-576x1024.jpg 576w, http://saurabhr.com/wp-content/uploads/2017/10/IMG_20170807_094231_747-1-450x800.jpg 450w, http://saurabhr.com/wp-content/uploads/2017/10/IMG_20170807_094231_747-1-600x1067.jpg 600w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /></a></p> <p> </p> <p>I recently visited the <a href="https://mcachicago.org/Exhibitions/2017/Takashi-Murakami-The-Octopus-Eats-Its-Own-Leg">Takashi Murakami exhibit at the Chicago Museum of Contemporary Art</a> and was inspired to do a deeper diver into Kanye as an artist. The data was pulled via <a href="http://sortyourmusic.playlistmachinery.com/">Sort Your Music</a>. The individual charts were created through R’s ggplot2 library, and the entire graphic was laid out in Sketch.</div> </div><!-- .entry-content --> </article><!-- #post-## --> <nav class="navigation pagination" role="navigation"> <h2 class="screen-reader-text">Posts navigation</h2> <div class="nav-links"><span class='page-numbers current'><span class="meta-nav screen-reader-text">Page </span>1</span> <a class='page-numbers' href='http://saurabhr.com/author/saurabh-rane/page/2/'><span class="meta-nav screen-reader-text">Page </span>2</a> <span class="page-numbers dots">…</span> <a class='page-numbers' href='http://saurabhr.com/author/saurabh-rane/page/5/'><span class="meta-nav screen-reader-text">Page </span>5</a> <a class="next page-numbers" href="http://saurabhr.com/author/saurabh-rane/page/2/"><span class="screen-reader-text">Next page</span><svg class="icon icon-arrow-right" aria-hidden="true" role="img"> <use href="#icon-arrow-right" xlink:href="#icon-arrow-right"></use> </svg></a></div> </nav> </main><!-- #main --> </div><!-- #primary --> </div><!-- .wrap --> </div><!-- #content --> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="wrap"> <nav class="social-navigation" role="navigation" aria-label="Footer Social Links Menu"> <div class="menu-social-container"><ul id="menu-social" class="social-links-menu"><li id="menu-item-3632" class="menu-item menu-item-type-custom menu-item-object-custom social-icon envelope menu-item-3632"><a href="http://mailto:rane.saurabh7@gmail.com"><span class="screen-reader-text"><i class='icon-2x icon-envelope '></i><span class='fa-hidden'>Email</span></span><svg class="icon icon-envelope-o" aria-hidden="true" role="img"> <use href="#icon-envelope-o" xlink:href="#icon-envelope-o"></use> </svg></a></li> <li id="menu-item-3633" class="menu-item menu-item-type-custom menu-item-object-custom social-icon linkedin menu-item-3633"><a href="http://linkedin.com/saurabhrane"><span class="screen-reader-text"><i class='icon-2x icon-linkedin '></i><span class='fa-hidden'>LinkedIn</span></span><svg class="icon icon-linkedin" aria-hidden="true" role="img"> <use href="#icon-linkedin" xlink:href="#icon-linkedin"></use> </svg></a></li> <li id="menu-item-3634" class="menu-item menu-item-type-custom menu-item-object-custom social-icon github menu-item-3634"><a href="http://github.com/saurabh1975"><span class="screen-reader-text"><i class='icon-2x icon-github '></i><span class='fa-hidden'>Github</span></span><svg class="icon icon-github" aria-hidden="true" role="img"> <use href="#icon-github" xlink:href="#icon-github"></use> </svg></a></li> <li id="menu-item-3635" class="menu-item menu-item-type-custom menu-item-object-custom social-icon twitter menu-item-3635"><a href="http://twitter.com/SaurabhOnTap"><span class="screen-reader-text"><i class='icon-2x icon-twitter '></i><span class='fa-hidden'>Twitter</span></span><svg class="icon icon-twitter" aria-hidden="true" role="img"> <use href="#icon-twitter" xlink:href="#icon-twitter"></use> </svg></a></li> <li id="menu-item-3636" class="menu-item menu-item-type-custom menu-item-object-custom social-icon instagram menu-item-3636"><a href="http://instagram.com/500DaysofSaurabh"><span class="screen-reader-text"><i class='icon-2x icon-instagram '></i><span class='fa-hidden'>Instagram</span></span><svg class="icon icon-instagram" aria-hidden="true" role="img"> <use href="#icon-instagram" xlink:href="#icon-instagram"></use> </svg></a></li> </ul></div> </nav><!-- .social-navigation --> <div class="site-info"> <a href="https://wordpress.org/">Proudly powered by WordPress</a> </div><!-- .site-info --> </div><!-- .wrap --> </footer><!-- #colophon --> </div><!-- .site-content-contain --> </div><!-- #page --> <div class="modal-wrapper styled"><div class="modal"><div class="close-modal">×</div><div id="modal-content"></div></div></div><div style="display: none;"><a href="http://inoplugs.com">WP-Backgrounds Lite by InoPlugs Web Design</a> and <a href="http://schoenmann.at/">Juwelier Schönmann 1010 Wien</a></div><link rel='stylesheet' id='elementor-frontend-css' href='http://saurabhr.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.2.0' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-4455-css' href='http://saurabhr.com/wp-content/uploads/elementor/css/post-4455.css?ver=1535734310' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-4428-css' href='http://saurabhr.com/wp-content/uploads/elementor/css/post-4428.css?ver=1535734310' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-4311-css' href='http://saurabhr.com/wp-content/uploads/elementor/css/post-4311.css?ver=1535733167' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-css' href='http://saurabhr.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=3.8.0' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='http://saurabhr.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/font-awesome.min.css?ver=4.7.0' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-animations-css' href='http://saurabhr.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.2.0' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-global-css' href='http://saurabhr.com/wp-content/uploads/elementor/css/global.css?ver=1535731971' type='text/css' media='all' /> <link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Roboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7COpen+Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&ver=4.8.22' type='text/css' media='all' /> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/landing-pages//shared//shortcodes/js/spin.min.js'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/mp-stacks/includes/js/elementQuery.min.js?ver=1.0.6.3'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/mp-stacks/includes/js/lightbox.js?ver=1.0.6.3'></script> <script type='text/javascript'> /* <![CDATA[ */ var mp_stacks_frontend_vars = {"ajaxurl":"http:\/\/saurabhr.com\/wp-admin\/admin-ajax.php","ajax_nonce_value":"6f362ec0eb","stacks_plugin_url":"http:\/\/saurabhr.com\/wp-content\/plugins\/mp-stacks\/","updating_message":"Updating brick and refreshing..."}; /* ]]> */ </script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/mp-stacks/includes/js/mp-stacks-front-end.js?ver=1.0.6.3'></script> <script type='text/javascript'> /* <![CDATA[ */ var twentyseventeenScreenReaderText = {"quote":"<svg class=\"icon icon-quote-right\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-quote-right\" xlink:href=\"#icon-quote-right\"><\/use> <\/svg>"}; /* ]]> */ </script> <script type='text/javascript' src='http://saurabhr.com/wp-content/themes/twentyseventeen/assets/js/skip-link-focus-fix.js?ver=1.0'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/themes/twentyseventeen/assets/js/global.js?ver=1.0'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/themes/twentyseventeen/assets/js/jquery.scrollTo.js?ver=2.1.2'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/page-links-to/js/new-tab.min.js?ver=3.0.0-beta.1'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/kingcomposer/assets/frontend/js/kingcomposer.min.js?ver=2.9.6'></script> <script type='text/javascript' src='http://saurabhr.com/wp-includes/js/wp-embed.min.js?ver=4.8.22'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/mp-core/includes/js/utility/velocity.min.js?ver=1.0.5.0'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/mp-core/includes/js/utility/waypoints.min.js?ver=1.0.5.0'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/mp-core/includes/js/utility/isotope.pkgd.min.js?ver=1.0.5.0'></script> <script type='text/javascript' src='http://saurabhr.com/wp-includes/js/imagesloaded.min.js?ver=3.2.0'></script> <script type='text/javascript' src='http://saurabhr.com/wp-includes/js/masonry.min.js?ver=3.3.2'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/mp-stacks/includes/js/mp-stacks-grids.js?ver=1.0.6.3'></script> <script type='text/javascript' src='http://saurabhr.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.5.0'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2'></script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.jquery.min.js?ver=4.4.3'></script> <script type='text/javascript'> /* <![CDATA[ */ var elementorFrontendConfig = {"isEditMode":"","is_rtl":"","breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"urls":{"assets":"http:\/\/saurabhr.com\/wp-content\/plugins\/elementor\/assets\/"},"settings":{"general":{"elementor_global_image_lightbox":"yes","elementor_enable_lightbox_in_editor":"yes"}},"post":{"id":0,"title":"saurabh.rane – saurabh.r","excerpt":""}}; /* ]]> */ </script> <script type='text/javascript' src='http://saurabhr.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=2.2.0'></script> <div id="mp-stacks-extra-stacks-css"><style id="mp-brick-css-4526" type="text/css" class="mp-stack-css-54" >#mp-brick-4526 .mp-brick-outer{max-width:1000px;}#mp-brick-4526 .mp-brick-inner{min-height:10px; height:10px;margin-top:0px; margin-bottom:0px;}#mp-brick-4526 .mp-brick-first-content-type{margin: 0px auto; float: none;padding:0 10px 0 10px;}#mp-brick-4526[max-width~='600px'] .mp-brick-first-content-type{max-width:inherit; float:inherit; }#mp-brick-4526 .mp-brick-second-content-type{margin: 0px auto; float: none;padding:0 10px 0 10px;}#mp-brick-4526[max-width~='600px'] .mp-brick-second-content-type{max-width:inherit; float:inherit; } #mp-brick-4526 .mp-stacks-grid-item{color: #ffffff;width: 12.5%;padding: 3px;} #mp-brick-4526 .mp-stacks-grid-item-inner{padding: 0px; }#mp-brick-4526 .mp-stacks-grid-item-image-holder{ max-width: 100px;} #mp-brick-4526 .mp-stacks-grid-item-inner .mp-stacks-grid-item-below-image-holder{padding: 0px; } /*Below image, remove the padding-top (spacing) from the first text item*/ #mp-brick-4526 .mp-stacks-grid-item-inner .mp-stacks-grid-item-below-image-holder [class*="link"]:first-child [class*="holder"]{ } /*Over image, remove the padding-top (spacing) from the first text item*/ #mp-brick-4526 .mp-stacks-grid .mp-stacks-grid-item .mp-stacks-grid-item-inner .mp-stacks-grid-over-image-text-container-table-cell [class*="holder"]:first-child{ padding-top:0px; } #mp-brick-4526 .mp-stacks-grid-item{color: #ffffff;width: 12.5%;padding: 3px;} #mp-brick-4526 .mp-stacks-grid-item-inner{padding: 0px; }#mp-brick-4526 .mp-stacks-grid-item-image-holder{ max-width: 100px;} #mp-brick-4526 .mp-stacks-grid-item-inner .mp-stacks-grid-item-below-image-holder{padding: 0px; } /*Below image, remove the padding-top (spacing) from the first text item*/ #mp-brick-4526 .mp-stacks-grid-item-inner .mp-stacks-grid-item-below-image-holder [class*="link"]:first-child [class*="holder"]{ } /*Over image, remove the padding-top (spacing) from the first text item*/ #mp-brick-4526 .mp-stacks-grid .mp-stacks-grid-item .mp-stacks-grid-item-inner .mp-stacks-grid-over-image-text-container-table-cell [class*="holder"]:first-child{ padding-top:0px; }#mp-brick-4526 .mp-stacks-postgrid-item-title-holder, #mp-brick-4526 .mp-stacks-postgrid-item-title-holder a{ text-align:center; color: #fafafa;font-weight: normal;font-style: normal;font-size: 10px;line-height: 25px;padding-top: 10px;}#mp-brick-4526 .mp-stacks-postgrid-item-title-holder .mp-stacks-postgrid-item-title{ padding: 0px 5px; } #mp-brick-4526 .mp-stacks-postgrid-item-title-holder .mp-stacks-postgrid-item-title .mp-stacks-postgrid-item-title-highlight{ padding:5px; background-color: rgba(165, 165, 165, 0); box-shadow: 5px 0 0 rgba(165, 165, 165, 0), -5px 0 0 rgba(165, 165, 165, 0); }#mp-brick-4526 .mp-stacks-postgrid-item-excerpt-holder, #mp-brick-4526 .mp-stacks-postgrid-item-excerpt-holder a{ text-align:left; color: #ffffff;font-weight: normal;font-style: normal;font-size: 12px;line-height: 27px;padding-top: 3px;}#mp-brick-4526 .mp-stacks-postgrid-item-excerpt-holder .mp-stacks-postgrid-item-excerpt{ padding: 0px 5px; } #mp-brick-4526 .mp-stacks-postgrid-item-excerpt-holder .mp-stacks-postgrid-item-excerpt .mp-stacks-postgrid-item-excerpt-highlight{ padding:5px; background-color: rgba(12, 12, 12, 1); box-shadow: 5px 0 0 rgba(12, 12, 12, 1), -5px 0 0 rgba(12, 12, 12, 1); }#mp-brick-4526 .mp-stacks-postgrid-item-date-holder, #mp-brick-4526 .mp-stacks-postgrid-item-date-holder a{ text-align:left; color: #000;font-weight: normal;font-style: normal;font-size: 13px;line-height: 28px;padding-top: 10px;}#mp-brick-4526 .mp-stacks-postgrid-item-date-holder .mp-stacks-postgrid-item-date{ padding: 0px 5px; } #mp-brick-4526 .mp-stacks-postgrid-item-date-holder .mp-stacks-postgrid-item-date .mp-stacks-postgrid-item-date-highlight{ padding:5px; background-color: rgba(255, 255, 255, 1); box-shadow: 5px 0 0 rgba(255, 255, 255, 1), -5px 0 0 rgba(255, 255, 255, 1); } #mp-brick-4526 .mp-stacks-grid-load-more-container{text-align: center;} #mp-brick-4526 .mp-stacks-grid-load-more-button{color: NULL;background-color: NULL;} #mp-brick-4526 .mp-stacks-grid-load-more-button:hover{color: NULL;background-color: NULL;} #mp-brick-4526 .mp-stacks-grid-over-image-text-container, #mp-brick-4526 .mp-stacks-grid-over-image-text-container-top, #mp-brick-4526 .mp-stacks-grid-over-image-text-container-middle, #mp-brick-4526 .mp-stacks-grid-over-image-text-container-bottom{padding: 0px;}#mp-brick-4526 .mp-brick-content-types > .mp-brick-content-types-inner > .mp-brick-content-type-container .mp-brick-first-content-type{margin-top:0px;margin-bottom:0px; }#mp-brick-4526 .mp-brick-content-types > .mp-brick-content-types-inner > .mp-brick-content-type-container .mp-brick-second-content-type{margin-top:0px;margin-bottom:0px;}#mp-brick-4526 .mp-brick-content-types > .mp-brick-content-types-inner > .mp-brick-content-type-container:nth-child(1){vertical-align:middle;}#mp-brick-4526 .mp-brick-content-types > .mp-brick-content-types-inner > .mp-brick-content-type-container:nth-child(2){vertical-align:middle;}</style><link rel='stylesheet' id='mp-stacks-grid-css-css' href='http://saurabhr.com/wp-content/plugins/mp-stacks/includes/css/mp-stacks-grid-styles.css?ver=4.8.22' type='text/css' media='all' /> </div><div id="mp-stacks-extra-stacks-js"></div><svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-behance" viewBox="0 0 37 32"> <path class="path1" d="M33 6.054h-9.125v2.214h9.125v-2.214zM28.5 13.661q-1.607 0-2.607 0.938t-1.107 2.545h7.286q-0.321-3.482-3.571-3.482zM28.786 24.107q1.125 0 2.179-0.571t1.357-1.554h3.946q-1.786 5.482-7.625 5.482-3.821 0-6.080-2.357t-2.259-6.196q0-3.714 2.33-6.17t6.009-2.455q2.464 0 4.295 1.214t2.732 3.196 0.902 4.429q0 0.304-0.036 0.839h-11.75q0 1.982 1.027 3.063t2.973 1.080zM4.946 23.214h5.286q3.661 0 3.661-2.982 0-3.214-3.554-3.214h-5.393v6.196zM4.946 13.625h5.018q1.393 0 2.205-0.652t0.813-2.027q0-2.571-3.393-2.571h-4.643v5.25zM0 4.536h10.607q1.554 0 2.768 0.25t2.259 0.848 1.607 1.723 0.563 2.75q0 3.232-3.071 4.696 2.036 0.571 3.071 2.054t1.036 3.643q0 1.339-0.438 2.438t-1.179 1.848-1.759 1.268-2.161 0.75-2.393 0.232h-10.911v-22.5z"></path> </symbol> <symbol id="icon-deviantart" viewBox="0 0 18 32"> <path class="path1" d="M18.286 5.411l-5.411 10.393 0.429 0.554h4.982v7.411h-9.054l-0.786 0.536-2.536 4.875-0.536 0.536h-5.375v-5.411l5.411-10.411-0.429-0.536h-4.982v-7.411h9.054l0.786-0.536 2.536-4.875 0.536-0.536h5.375v5.411z"></path> </symbol> <symbol id="icon-medium" viewBox="0 0 32 32"> <path class="path1" d="M10.661 7.518v20.946q0 0.446-0.223 0.759t-0.652 0.313q-0.304 0-0.589-0.143l-8.304-4.161q-0.375-0.179-0.634-0.598t-0.259-0.83v-20.357q0-0.357 0.179-0.607t0.518-0.25q0.25 0 0.786 0.268l9.125 4.571q0.054 0.054 0.054 0.089zM11.804 9.321l9.536 15.464-9.536-4.75v-10.714zM32 9.643v18.821q0 0.446-0.25 0.723t-0.679 0.277-0.839-0.232l-7.875-3.929zM31.946 7.5q0 0.054-4.58 7.491t-5.366 8.705l-6.964-11.321 5.786-9.411q0.304-0.5 0.929-0.5 0.25 0 0.464 0.107l9.661 4.821q0.071 0.036 0.071 0.107z"></path> </symbol> <symbol id="icon-slideshare" viewBox="0 0 32 32"> <path class="path1" d="M15.589 13.214q0 1.482-1.134 2.545t-2.723 1.063-2.723-1.063-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054 2.723 1.054 1.134 2.554zM24.554 13.214q0 1.482-1.125 2.545t-2.732 1.063q-1.589 0-2.723-1.063t-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054q1.607 0 2.732 1.054t1.125 2.554zM28.571 16.429v-11.911q0-1.554-0.571-2.205t-1.982-0.652h-19.857q-1.482 0-2.009 0.607t-0.527 2.25v12.018q0.768 0.411 1.58 0.714t1.446 0.5 1.446 0.33 1.268 0.196 1.25 0.071 1.045 0.009 1.009-0.036 0.795-0.036q1.214-0.018 1.696 0.482 0.107 0.107 0.179 0.161 0.464 0.446 1.089 0.911 0.125-1.625 2.107-1.554 0.089 0 0.652 0.027t0.768 0.036 0.813 0.018 0.946-0.018 0.973-0.080 1.089-0.152 1.107-0.241 1.196-0.348 1.205-0.482 1.286-0.616zM31.482 16.339q-2.161 2.661-6.643 4.5 1.5 5.089-0.411 8.304-1.179 2.018-3.268 2.643-1.857 0.571-3.25-0.268-1.536-0.911-1.464-2.929l-0.018-5.821v-0.018q-0.143-0.036-0.438-0.107t-0.42-0.089l-0.018 6.036q0.071 2.036-1.482 2.929-1.411 0.839-3.268 0.268-2.089-0.643-3.25-2.679-1.875-3.214-0.393-8.268-4.482-1.839-6.643-4.5-0.446-0.661-0.071-1.125t1.071 0.018q0.054 0.036 0.196 0.125t0.196 0.143v-12.393q0-1.286 0.839-2.196t2.036-0.911h22.446q1.196 0 2.036 0.911t0.839 2.196v12.393l0.375-0.268q0.696-0.482 1.071-0.018t-0.071 1.125z"></path> </symbol> <symbol id="icon-snapchat-ghost" viewBox="0 0 30 32"> <path class="path1" d="M15.143 2.286q2.393-0.018 4.295 1.223t2.92 3.438q0.482 1.036 0.482 3.196 0 0.839-0.161 3.411 0.25 0.125 0.5 0.125 0.321 0 0.911-0.241t0.911-0.241q0.518 0 1 0.321t0.482 0.821q0 0.571-0.563 0.964t-1.232 0.563-1.232 0.518-0.563 0.848q0 0.268 0.214 0.768 0.661 1.464 1.83 2.679t2.58 1.804q0.5 0.214 1.429 0.411 0.5 0.107 0.5 0.625 0 1.25-3.911 1.839-0.125 0.196-0.196 0.696t-0.25 0.83-0.589 0.33q-0.357 0-1.107-0.116t-1.143-0.116q-0.661 0-1.107 0.089-0.571 0.089-1.125 0.402t-1.036 0.679-1.036 0.723-1.357 0.598-1.768 0.241q-0.929 0-1.723-0.241t-1.339-0.598-1.027-0.723-1.036-0.679-1.107-0.402q-0.464-0.089-1.125-0.089-0.429 0-1.17 0.134t-1.045 0.134q-0.446 0-0.625-0.33t-0.25-0.848-0.196-0.714q-3.911-0.589-3.911-1.839 0-0.518 0.5-0.625 0.929-0.196 1.429-0.411 1.393-0.571 2.58-1.804t1.83-2.679q0.214-0.5 0.214-0.768 0-0.5-0.563-0.848t-1.241-0.527-1.241-0.563-0.563-0.938q0-0.482 0.464-0.813t0.982-0.33q0.268 0 0.857 0.232t0.946 0.232q0.321 0 0.571-0.125-0.161-2.536-0.161-3.393 0-2.179 0.482-3.214 1.143-2.446 3.071-3.536t4.714-1.125z"></path> </symbol> <symbol id="icon-yelp" viewBox="0 0 27 32"> <path class="path1" d="M13.804 23.554v2.268q-0.018 5.214-0.107 5.446-0.214 0.571-0.911 0.714-0.964 0.161-3.241-0.679t-2.902-1.589q-0.232-0.268-0.304-0.643-0.018-0.214 0.071-0.464 0.071-0.179 0.607-0.839t3.232-3.857q0.018 0 1.071-1.25 0.268-0.339 0.705-0.438t0.884 0.063q0.429 0.179 0.67 0.518t0.223 0.75zM11.143 19.071q-0.054 0.982-0.929 1.25l-2.143 0.696q-4.911 1.571-5.214 1.571-0.625-0.036-0.964-0.643-0.214-0.446-0.304-1.339-0.143-1.357 0.018-2.973t0.536-2.223 1-0.571q0.232 0 3.607 1.375 1.25 0.518 2.054 0.839l1.5 0.607q0.411 0.161 0.634 0.545t0.205 0.866zM25.893 24.375q-0.125 0.964-1.634 2.875t-2.42 2.268q-0.661 0.25-1.125-0.125-0.25-0.179-3.286-5.125l-0.839-1.375q-0.25-0.375-0.205-0.821t0.348-0.821q0.625-0.768 1.482-0.464 0.018 0.018 2.125 0.714 3.625 1.179 4.321 1.42t0.839 0.366q0.5 0.393 0.393 1.089zM13.893 13.089q0.089 1.821-0.964 2.179-1.036 0.304-2.036-1.268l-6.75-10.679q-0.143-0.625 0.339-1.107 0.732-0.768 3.705-1.598t4.009-0.563q0.714 0.179 0.875 0.804 0.054 0.321 0.393 5.455t0.429 6.777zM25.714 15.018q0.054 0.696-0.464 1.054-0.268 0.179-5.875 1.536-1.196 0.268-1.625 0.411l0.018-0.036q-0.411 0.107-0.821-0.071t-0.661-0.571q-0.536-0.839 0-1.554 0.018-0.018 1.339-1.821 2.232-3.054 2.679-3.643t0.607-0.696q0.5-0.339 1.161-0.036 0.857 0.411 2.196 2.384t1.446 2.991v0.054z"></path> </symbol> <symbol id="icon-vine" viewBox="0 0 27 32"> <path class="path1" d="M26.732 14.768v3.536q-1.804 0.411-3.536 0.411-1.161 2.429-2.955 4.839t-3.241 3.848-2.286 1.902q-1.429 0.804-2.893-0.054-0.5-0.304-1.080-0.777t-1.518-1.491-1.83-2.295-1.92-3.286-1.884-4.357-1.634-5.616-1.259-6.964h5.054q0.464 3.893 1.25 7.116t1.866 5.661 2.17 4.205 2.5 3.482q3.018-3.018 5.125-7.25-2.536-1.286-3.982-3.929t-1.446-5.946q0-3.429 1.857-5.616t5.071-2.188q3.179 0 4.875 1.884t1.696 5.313q0 2.839-1.036 5.107-0.125 0.018-0.348 0.054t-0.821 0.036-1.125-0.107-1.107-0.455-0.902-0.92q0.554-1.839 0.554-3.286 0-1.554-0.518-2.357t-1.411-0.804q-0.946 0-1.518 0.884t-0.571 2.509q0 3.321 1.875 5.241t4.768 1.92q1.107 0 2.161-0.25z"></path> </symbol> <symbol id="icon-vk" viewBox="0 0 35 32"> <path class="path1" d="M34.232 9.286q0.411 1.143-2.679 5.25-0.429 0.571-1.161 1.518-1.393 1.786-1.607 2.339-0.304 0.732 0.25 1.446 0.304 0.375 1.446 1.464h0.018l0.071 0.071q2.518 2.339 3.411 3.946 0.054 0.089 0.116 0.223t0.125 0.473-0.009 0.607-0.446 0.491-1.054 0.223l-4.571 0.071q-0.429 0.089-1-0.089t-0.929-0.393l-0.357-0.214q-0.536-0.375-1.25-1.143t-1.223-1.384-1.089-1.036-1.009-0.277q-0.054 0.018-0.143 0.063t-0.304 0.259-0.384 0.527-0.304 0.929-0.116 1.384q0 0.268-0.063 0.491t-0.134 0.33l-0.071 0.089q-0.321 0.339-0.946 0.393h-2.054q-1.268 0.071-2.607-0.295t-2.348-0.946-1.839-1.179-1.259-1.027l-0.446-0.429q-0.179-0.179-0.491-0.536t-1.277-1.625-1.893-2.696-2.188-3.768-2.33-4.857q-0.107-0.286-0.107-0.482t0.054-0.286l0.071-0.107q0.268-0.339 1.018-0.339l4.893-0.036q0.214 0.036 0.411 0.116t0.286 0.152l0.089 0.054q0.286 0.196 0.429 0.571 0.357 0.893 0.821 1.848t0.732 1.455l0.286 0.518q0.518 1.071 1 1.857t0.866 1.223 0.741 0.688 0.607 0.25 0.482-0.089q0.036-0.018 0.089-0.089t0.214-0.393 0.241-0.839 0.17-1.446 0-2.232q-0.036-0.714-0.161-1.304t-0.25-0.821l-0.107-0.214q-0.446-0.607-1.518-0.768-0.232-0.036 0.089-0.429 0.304-0.339 0.679-0.536 0.946-0.464 4.268-0.429 1.464 0.018 2.411 0.232 0.357 0.089 0.598 0.241t0.366 0.429 0.188 0.571 0.063 0.813-0.018 0.982-0.045 1.259-0.027 1.473q0 0.196-0.018 0.75t-0.009 0.857 0.063 0.723 0.205 0.696 0.402 0.438q0.143 0.036 0.304 0.071t0.464-0.196 0.679-0.616 0.929-1.196 1.214-1.92q1.071-1.857 1.911-4.018 0.071-0.179 0.179-0.313t0.196-0.188l0.071-0.054 0.089-0.045t0.232-0.054 0.357-0.009l5.143-0.036q0.696-0.089 1.143 0.045t0.554 0.295z"></path> </symbol> <symbol id="icon-search" viewBox="0 0 30 32"> <path class="path1" d="M20.571 14.857q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zM29.714 29.714q0 0.929-0.679 1.607t-1.607 0.679q-0.964 0-1.607-0.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884 0.991-4.884 2.679-4.018 4.018-2.679 4.884-0.991 4.884 0.991 4.018 2.679 2.679 4.018 0.991 4.884q0 3.929-2.214 7.125l6.125 6.125q0.661 0.661 0.661 1.607z"></path> </symbol> <symbol id="icon-envelope-o" viewBox="0 0 32 32"> <path class="path1" d="M29.714 26.857v-13.714q-0.571 0.643-1.232 1.179-4.786 3.679-7.607 6.036-0.911 0.768-1.482 1.196t-1.545 0.866-1.83 0.438h-0.036q-0.857 0-1.83-0.438t-1.545-0.866-1.482-1.196q-2.821-2.357-7.607-6.036-0.661-0.536-1.232-1.179v13.714q0 0.232 0.17 0.402t0.402 0.17h26.286q0.232 0 0.402-0.17t0.17-0.402zM29.714 8.089v-0.438t-0.009-0.232-0.054-0.223-0.098-0.161-0.161-0.134-0.25-0.045h-26.286q-0.232 0-0.402 0.17t-0.17 0.402q0 3 2.625 5.071 3.446 2.714 7.161 5.661 0.107 0.089 0.625 0.527t0.821 0.67 0.795 0.563 0.902 0.491 0.768 0.161h0.036q0.357 0 0.768-0.161t0.902-0.491 0.795-0.563 0.821-0.67 0.625-0.527q3.714-2.946 7.161-5.661 0.964-0.768 1.795-2.063t0.83-2.348zM32 7.429v19.429q0 1.179-0.839 2.018t-2.018 0.839h-26.286q-1.179 0-2.018-0.839t-0.839-2.018v-19.429q0-1.179 0.839-2.018t2.018-0.839h26.286q1.179 0 2.018 0.839t0.839 2.018z"></path> </symbol> <symbol id="icon-close" viewBox="0 0 25 32"> <path class="path1" d="M23.179 23.607q0 0.714-0.5 1.214l-2.429 2.429q-0.5 0.5-1.214 0.5t-1.214-0.5l-5.25-5.25-5.25 5.25q-0.5 0.5-1.214 0.5t-1.214-0.5l-2.429-2.429q-0.5-0.5-0.5-1.214t0.5-1.214l5.25-5.25-5.25-5.25q-0.5-0.5-0.5-1.214t0.5-1.214l2.429-2.429q0.5-0.5 1.214-0.5t1.214 0.5l5.25 5.25 5.25-5.25q0.5-0.5 1.214-0.5t1.214 0.5l2.429 2.429q0.5 0.5 0.5 1.214t-0.5 1.214l-5.25 5.25 5.25 5.25q0.5 0.5 0.5 1.214z"></path> </symbol> <symbol id="icon-angle-down" viewBox="0 0 21 32"> <path class="path1" d="M19.196 13.143q0 0.232-0.179 0.411l-8.321 8.321q-0.179 0.179-0.411 0.179t-0.411-0.179l-8.321-8.321q-0.179-0.179-0.179-0.411t0.179-0.411l0.893-0.893q0.179-0.179 0.411-0.179t0.411 0.179l7.018 7.018 7.018-7.018q0.179-0.179 0.411-0.179t0.411 0.179l0.893 0.893q0.179 0.179 0.179 0.411z"></path> </symbol> <symbol id="icon-folder-open" viewBox="0 0 34 32"> <path class="path1" d="M33.554 17q0 0.554-0.554 1.179l-6 7.071q-0.768 0.911-2.152 1.545t-2.563 0.634h-19.429q-0.607 0-1.080-0.232t-0.473-0.768q0-0.554 0.554-1.179l6-7.071q0.768-0.911 2.152-1.545t2.563-0.634h19.429q0.607 0 1.080 0.232t0.473 0.768zM27.429 10.857v2.857h-14.857q-1.679 0-3.518 0.848t-2.929 2.134l-6.107 7.179q0-0.071-0.009-0.223t-0.009-0.223v-17.143q0-1.643 1.179-2.821t2.821-1.179h5.714q1.643 0 2.821 1.179t1.179 2.821v0.571h9.714q1.643 0 2.821 1.179t1.179 2.821z"></path> </symbol> <symbol id="icon-twitter" viewBox="0 0 30 32"> <path class="path1" d="M28.929 7.286q-1.196 1.75-2.893 2.982 0.018 0.25 0.018 0.75 0 2.321-0.679 4.634t-2.063 4.437-3.295 3.759-4.607 2.607-5.768 0.973q-4.839 0-8.857-2.589 0.625 0.071 1.393 0.071 4.018 0 7.161-2.464-1.875-0.036-3.357-1.152t-2.036-2.848q0.589 0.089 1.089 0.089 0.768 0 1.518-0.196-2-0.411-3.313-1.991t-1.313-3.67v-0.071q1.214 0.679 2.607 0.732-1.179-0.786-1.875-2.054t-0.696-2.75q0-1.571 0.786-2.911 2.161 2.661 5.259 4.259t6.634 1.777q-0.143-0.679-0.143-1.321 0-2.393 1.688-4.080t4.080-1.688q2.5 0 4.214 1.821 1.946-0.375 3.661-1.393-0.661 2.054-2.536 3.179 1.661-0.179 3.321-0.893z"></path> </symbol> <symbol id="icon-facebook" viewBox="0 0 19 32"> <path class="path1" d="M17.125 0.214v4.714h-2.804q-1.536 0-2.071 0.643t-0.536 1.929v3.375h5.232l-0.696 5.286h-4.536v13.554h-5.464v-13.554h-4.554v-5.286h4.554v-3.893q0-3.321 1.857-5.152t4.946-1.83q2.625 0 4.071 0.214z"></path> </symbol> <symbol id="icon-github" viewBox="0 0 27 32"> <path class="path1" d="M13.714 2.286q3.732 0 6.884 1.839t4.991 4.991 1.839 6.884q0 4.482-2.616 8.063t-6.759 4.955q-0.482 0.089-0.714-0.125t-0.232-0.536q0-0.054 0.009-1.366t0.009-2.402q0-1.732-0.929-2.536 1.018-0.107 1.83-0.321t1.679-0.696 1.446-1.188 0.946-1.875 0.366-2.688q0-2.125-1.411-3.679 0.661-1.625-0.143-3.643-0.5-0.161-1.446 0.196t-1.643 0.786l-0.679 0.429q-1.661-0.464-3.429-0.464t-3.429 0.464q-0.286-0.196-0.759-0.482t-1.491-0.688-1.518-0.241q-0.804 2.018-0.143 3.643-1.411 1.554-1.411 3.679 0 1.518 0.366 2.679t0.938 1.875 1.438 1.196 1.679 0.696 1.83 0.321q-0.696 0.643-0.875 1.839-0.375 0.179-0.804 0.268t-1.018 0.089-1.17-0.384-0.991-1.116q-0.339-0.571-0.866-0.929t-0.884-0.429l-0.357-0.054q-0.375 0-0.518 0.080t-0.089 0.205 0.161 0.25 0.232 0.214l0.125 0.089q0.393 0.179 0.777 0.679t0.563 0.911l0.179 0.411q0.232 0.679 0.786 1.098t1.196 0.536 1.241 0.125 0.991-0.063l0.411-0.071q0 0.679 0.009 1.58t0.009 0.973q0 0.321-0.232 0.536t-0.714 0.125q-4.143-1.375-6.759-4.955t-2.616-8.063q0-3.732 1.839-6.884t4.991-4.991 6.884-1.839zM5.196 21.982q0.054-0.125-0.125-0.214-0.179-0.054-0.232 0.036-0.054 0.125 0.125 0.214 0.161 0.107 0.232-0.036zM5.75 22.589q0.125-0.089-0.036-0.286-0.179-0.161-0.286-0.054-0.125 0.089 0.036 0.286 0.179 0.179 0.286 0.054zM6.286 23.393q0.161-0.125 0-0.339-0.143-0.232-0.304-0.107-0.161 0.089 0 0.321t0.304 0.125zM7.036 24.143q0.143-0.143-0.071-0.339-0.214-0.214-0.357-0.054-0.161 0.143 0.071 0.339 0.214 0.214 0.357 0.054zM8.054 24.589q0.054-0.196-0.232-0.286-0.268-0.071-0.339 0.125t0.232 0.268q0.268 0.107 0.339-0.107zM9.179 24.679q0-0.232-0.304-0.196-0.286 0-0.286 0.196 0 0.232 0.304 0.196 0.286 0 0.286-0.196zM10.214 24.5q-0.036-0.196-0.321-0.161-0.286 0.054-0.25 0.268t0.321 0.143 0.25-0.25z"></path> </symbol> <symbol id="icon-bars" viewBox="0 0 27 32"> <path class="path1" d="M27.429 24v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 14.857v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 5.714v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804z"></path> </symbol> <symbol id="icon-google-plus" viewBox="0 0 41 32"> <path class="path1" d="M25.661 16.304q0 3.714-1.554 6.616t-4.429 4.536-6.589 1.634q-2.661 0-5.089-1.036t-4.179-2.786-2.786-4.179-1.036-5.089 1.036-5.089 2.786-4.179 4.179-2.786 5.089-1.036q5.107 0 8.768 3.429l-3.554 3.411q-2.089-2.018-5.214-2.018-2.196 0-4.063 1.107t-2.955 3.009-1.089 4.152 1.089 4.152 2.955 3.009 4.063 1.107q1.482 0 2.723-0.411t2.045-1.027 1.402-1.402 0.875-1.482 0.384-1.321h-7.429v-4.5h12.357q0.214 1.125 0.214 2.179zM41.143 14.125v3.75h-3.732v3.732h-3.75v-3.732h-3.732v-3.75h3.732v-3.732h3.75v3.732h3.732z"></path> </symbol> <symbol id="icon-linkedin" viewBox="0 0 27 32"> <path class="path1" d="M6.232 11.161v17.696h-5.893v-17.696h5.893zM6.607 5.696q0.018 1.304-0.902 2.179t-2.42 0.875h-0.036q-1.464 0-2.357-0.875t-0.893-2.179q0-1.321 0.92-2.188t2.402-0.866 2.375 0.866 0.911 2.188zM27.429 18.714v10.143h-5.875v-9.464q0-1.875-0.723-2.938t-2.259-1.063q-1.125 0-1.884 0.616t-1.134 1.527q-0.196 0.536-0.196 1.446v9.875h-5.875q0.036-7.125 0.036-11.554t-0.018-5.286l-0.018-0.857h5.875v2.571h-0.036q0.357-0.571 0.732-1t1.009-0.929 1.554-0.777 2.045-0.277q3.054 0 4.911 2.027t1.857 5.938z"></path> </symbol> <symbol id="icon-quote-right" viewBox="0 0 30 32"> <path class="path1" d="M13.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429zM29.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429z"></path> </symbol> <symbol id="icon-mail-reply" viewBox="0 0 32 32"> <path class="path1" d="M32 20q0 2.964-2.268 8.054-0.054 0.125-0.188 0.429t-0.241 0.536-0.232 0.393q-0.214 0.304-0.5 0.304-0.268 0-0.42-0.179t-0.152-0.446q0-0.161 0.045-0.473t0.045-0.42q0.089-1.214 0.089-2.196 0-1.804-0.313-3.232t-0.866-2.473-1.429-1.804-1.884-1.241-2.375-0.759-2.75-0.384-3.134-0.107h-4v4.571q0 0.464-0.339 0.804t-0.804 0.339-0.804-0.339l-9.143-9.143q-0.339-0.339-0.339-0.804t0.339-0.804l9.143-9.143q0.339-0.339 0.804-0.339t0.804 0.339 0.339 0.804v4.571h4q12.732 0 15.625 7.196 0.946 2.393 0.946 5.946z"></path> </symbol> <symbol id="icon-youtube" viewBox="0 0 27 32"> <path class="path1" d="M17.339 22.214v3.768q0 1.196-0.696 1.196-0.411 0-0.804-0.393v-5.375q0.393-0.393 0.804-0.393 0.696 0 0.696 1.196zM23.375 22.232v0.821h-1.607v-0.821q0-1.214 0.804-1.214t0.804 1.214zM6.125 18.339h1.911v-1.679h-5.571v1.679h1.875v10.161h1.786v-10.161zM11.268 28.5h1.589v-8.821h-1.589v6.75q-0.536 0.75-1.018 0.75-0.321 0-0.375-0.375-0.018-0.054-0.018-0.625v-6.5h-1.589v6.982q0 0.875 0.143 1.304 0.214 0.661 1.036 0.661 0.857 0 1.821-1.089v0.964zM18.929 25.857v-3.518q0-1.304-0.161-1.768-0.304-1-1.268-1-0.893 0-1.661 0.964v-3.875h-1.589v11.839h1.589v-0.857q0.804 0.982 1.661 0.982 0.964 0 1.268-0.982 0.161-0.482 0.161-1.786zM24.964 25.679v-0.232h-1.625q0 0.911-0.036 1.089-0.125 0.643-0.714 0.643-0.821 0-0.821-1.232v-1.554h3.196v-1.839q0-1.411-0.482-2.071-0.696-0.911-1.893-0.911-1.214 0-1.911 0.911-0.5 0.661-0.5 2.071v3.089q0 1.411 0.518 2.071 0.696 0.911 1.929 0.911 1.286 0 1.929-0.946 0.321-0.482 0.375-0.964 0.036-0.161 0.036-1.036zM14.107 9.375v-3.75q0-1.232-0.768-1.232t-0.768 1.232v3.75q0 1.25 0.768 1.25t0.768-1.25zM26.946 22.786q0 4.179-0.464 6.25-0.25 1.054-1.036 1.768t-1.821 0.821q-3.286 0.375-9.911 0.375t-9.911-0.375q-1.036-0.107-1.83-0.821t-1.027-1.768q-0.464-2-0.464-6.25 0-4.179 0.464-6.25 0.25-1.054 1.036-1.768t1.839-0.839q3.268-0.357 9.893-0.357t9.911 0.357q1.036 0.125 1.83 0.839t1.027 1.768q0.464 2 0.464 6.25zM9.125 0h1.821l-2.161 7.125v4.839h-1.786v-4.839q-0.25-1.321-1.089-3.786-0.661-1.839-1.161-3.339h1.893l1.268 4.696zM15.732 5.946v3.125q0 1.446-0.5 2.107-0.661 0.911-1.893 0.911-1.196 0-1.875-0.911-0.5-0.679-0.5-2.107v-3.125q0-1.429 0.5-2.089 0.679-0.911 1.875-0.911 1.232 0 1.893 0.911 0.5 0.661 0.5 2.089zM21.714 3.054v8.911h-1.625v-0.982q-0.946 1.107-1.839 1.107-0.821 0-1.054-0.661-0.143-0.429-0.143-1.339v-7.036h1.625v6.554q0 0.589 0.018 0.625 0.054 0.393 0.375 0.393 0.482 0 1.018-0.768v-6.804h1.625z"></path> </symbol> <symbol id="icon-dropbox" viewBox="0 0 32 32"> <path class="path1" d="M7.179 12.625l8.821 5.446-6.107 5.089-8.75-5.696zM24.786 22.536v1.929l-8.75 5.232v0.018l-0.018-0.018-0.018 0.018v-0.018l-8.732-5.232v-1.929l2.625 1.714 6.107-5.071v-0.036l0.018 0.018 0.018-0.018v0.036l6.125 5.071zM9.893 2.107l6.107 5.089-8.821 5.429-6.036-4.821zM24.821 12.625l6.036 4.839-8.732 5.696-6.125-5.089zM22.125 2.107l8.732 5.696-6.036 4.821-8.821-5.429z"></path> </symbol> <symbol id="icon-instagram" viewBox="0 0 27 32"> <path class="path1" d="M18.286 16q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM20.75 16q0 2.929-2.054 4.982t-4.982 2.054-4.982-2.054-2.054-4.982 2.054-4.982 4.982-2.054 4.982 2.054 2.054 4.982zM22.679 8.679q0 0.679-0.482 1.161t-1.161 0.482-1.161-0.482-0.482-1.161 0.482-1.161 1.161-0.482 1.161 0.482 0.482 1.161zM13.714 4.75q-0.125 0-1.366-0.009t-1.884 0-1.723 0.054-1.839 0.179-1.277 0.33q-0.893 0.357-1.571 1.036t-1.036 1.571q-0.196 0.518-0.33 1.277t-0.179 1.839-0.054 1.723 0 1.884 0.009 1.366-0.009 1.366 0 1.884 0.054 1.723 0.179 1.839 0.33 1.277q0.357 0.893 1.036 1.571t1.571 1.036q0.518 0.196 1.277 0.33t1.839 0.179 1.723 0.054 1.884 0 1.366-0.009 1.366 0.009 1.884 0 1.723-0.054 1.839-0.179 1.277-0.33q0.893-0.357 1.571-1.036t1.036-1.571q0.196-0.518 0.33-1.277t0.179-1.839 0.054-1.723 0-1.884-0.009-1.366 0.009-1.366 0-1.884-0.054-1.723-0.179-1.839-0.33-1.277q-0.357-0.893-1.036-1.571t-1.571-1.036q-0.518-0.196-1.277-0.33t-1.839-0.179-1.723-0.054-1.884 0-1.366 0.009zM27.429 16q0 4.089-0.089 5.661-0.179 3.714-2.214 5.75t-5.75 2.214q-1.571 0.089-5.661 0.089t-5.661-0.089q-3.714-0.179-5.75-2.214t-2.214-5.75q-0.089-1.571-0.089-5.661t0.089-5.661q0.179-3.714 2.214-5.75t5.75-2.214q1.571-0.089 5.661-0.089t5.661 0.089q3.714 0.179 5.75 2.214t2.214 5.75q0.089 1.571 0.089 5.661z"></path> </symbol> <symbol id="icon-flickr" viewBox="0 0 27 32"> <path class="path1" d="M22.286 2.286q2.125 0 3.634 1.509t1.509 3.634v17.143q0 2.125-1.509 3.634t-3.634 1.509h-17.143q-2.125 0-3.634-1.509t-1.509-3.634v-17.143q0-2.125 1.509-3.634t3.634-1.509h17.143zM12.464 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679zM22.536 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679z"></path> </symbol> <symbol id="icon-tumblr" viewBox="0 0 19 32"> <path class="path1" d="M16.857 23.732l1.429 4.232q-0.411 0.625-1.982 1.179t-3.161 0.571q-1.857 0.036-3.402-0.464t-2.545-1.321-1.696-1.893-0.991-2.143-0.295-2.107v-9.714h-3v-3.839q1.286-0.464 2.304-1.241t1.625-1.607 1.036-1.821 0.607-1.768 0.268-1.58q0.018-0.089 0.080-0.152t0.134-0.063h4.357v7.571h5.946v4.5h-5.964v9.25q0 0.536 0.116 1t0.402 0.938 0.884 0.741 1.455 0.25q1.393-0.036 2.393-0.518z"></path> </symbol> <symbol id="icon-dribbble" viewBox="0 0 27 32"> <path class="path1" d="M18.286 26.786q-0.75-4.304-2.5-8.893h-0.036l-0.036 0.018q-0.286 0.107-0.768 0.295t-1.804 0.875-2.446 1.464-2.339 2.045-1.839 2.643l-0.268-0.196q3.286 2.679 7.464 2.679 2.357 0 4.571-0.929zM14.982 15.946q-0.375-0.875-0.946-1.982-5.554 1.661-12.018 1.661-0.018 0.125-0.018 0.375 0 2.214 0.786 4.223t2.214 3.598q0.893-1.589 2.205-2.973t2.545-2.223 2.33-1.446 1.777-0.857l0.661-0.232q0.071-0.018 0.232-0.063t0.232-0.080zM13.071 12.161q-2.143-3.804-4.357-6.75-2.464 1.161-4.179 3.321t-2.286 4.857q5.393 0 10.821-1.429zM25.286 17.857q-3.75-1.071-7.304-0.518 1.554 4.268 2.286 8.375 1.982-1.339 3.304-3.384t1.714-4.473zM10.911 4.625q-0.018 0-0.036 0.018 0.018-0.018 0.036-0.018zM21.446 7.214q-3.304-2.929-7.732-2.929-1.357 0-2.768 0.339 2.339 3.036 4.393 6.821 1.232-0.464 2.321-1.080t1.723-1.098 1.17-1.018 0.67-0.723zM25.429 15.875q-0.054-4.143-2.661-7.321l-0.018 0.018q-0.161 0.214-0.339 0.438t-0.777 0.795-1.268 1.080-1.786 1.161-2.348 1.152q0.446 0.946 0.786 1.696 0.036 0.107 0.116 0.313t0.134 0.295q0.643-0.089 1.33-0.125t1.313-0.036 1.232 0.027 1.143 0.071 1.009 0.098 0.857 0.116 0.652 0.107 0.446 0.080zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-skype" viewBox="0 0 27 32"> <path class="path1" d="M20.946 18.982q0-0.893-0.348-1.634t-0.866-1.223-1.304-0.875-1.473-0.607-1.563-0.411l-1.857-0.429q-0.536-0.125-0.786-0.188t-0.625-0.205-0.536-0.286-0.295-0.375-0.134-0.536q0-1.375 2.571-1.375 0.768 0 1.375 0.214t0.964 0.509 0.679 0.598 0.714 0.518 0.857 0.214q0.839 0 1.348-0.571t0.509-1.375q0-0.982-1-1.777t-2.536-1.205-3.25-0.411q-1.214 0-2.357 0.277t-2.134 0.839-1.589 1.554-0.598 2.295q0 1.089 0.339 1.902t1 1.348 1.429 0.866 1.839 0.58l2.607 0.643q1.607 0.393 2 0.643 0.571 0.357 0.571 1.071 0 0.696-0.714 1.152t-1.875 0.455q-0.911 0-1.634-0.286t-1.161-0.688-0.813-0.804-0.821-0.688-0.964-0.286q-0.893 0-1.348 0.536t-0.455 1.339q0 1.643 2.179 2.813t5.196 1.17q1.304 0 2.5-0.33t2.188-0.955 1.58-1.67 0.589-2.348zM27.429 22.857q0 2.839-2.009 4.848t-4.848 2.009q-2.321 0-4.179-1.429-1.375 0.286-2.679 0.286-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884q0-1.304 0.286-2.679-1.429-1.857-1.429-4.179 0-2.839 2.009-4.848t4.848-2.009q2.321 0 4.179 1.429 1.375-0.286 2.679-0.286 2.554 0 4.884 0.991t4.018 2.679 2.679 4.018 0.991 4.884q0 1.304-0.286 2.679 1.429 1.857 1.429 4.179z"></path> </symbol> <symbol id="icon-foursquare" viewBox="0 0 23 32"> <path class="path1" d="M17.857 7.75l0.661-3.464q0.089-0.411-0.161-0.714t-0.625-0.304h-12.714q-0.411 0-0.688 0.304t-0.277 0.661v19.661q0 0.125 0.107 0.018l5.196-6.286q0.411-0.464 0.679-0.598t0.857-0.134h4.268q0.393 0 0.661-0.259t0.321-0.527q0.429-2.321 0.661-3.411 0.071-0.375-0.205-0.714t-0.652-0.339h-5.25q-0.518 0-0.857-0.339t-0.339-0.857v-0.75q0-0.518 0.339-0.848t0.857-0.33h6.179q0.321 0 0.625-0.241t0.357-0.527zM21.911 3.786q-0.268 1.304-0.955 4.759t-1.241 6.25-0.625 3.098q-0.107 0.393-0.161 0.58t-0.25 0.58-0.438 0.589-0.688 0.375-1.036 0.179h-4.839q-0.232 0-0.393 0.179-0.143 0.161-7.607 8.821-0.393 0.446-1.045 0.509t-0.866-0.098q-0.982-0.393-0.982-1.75v-25.179q0-0.982 0.679-1.83t2.143-0.848h15.857q1.696 0 2.268 0.946t0.179 2.839zM21.911 3.786l-2.821 14.107q0.071-0.304 0.625-3.098t1.241-6.25 0.955-4.759z"></path> </symbol> <symbol id="icon-wordpress" viewBox="0 0 32 32"> <path class="path1" d="M2.268 16q0-2.911 1.196-5.589l6.554 17.946q-3.5-1.696-5.625-5.018t-2.125-7.339zM25.268 15.304q0 0.339-0.045 0.688t-0.179 0.884-0.205 0.786-0.313 1.054-0.313 1.036l-1.357 4.571-4.964-14.75q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-1.339-0.018-3.607-0.179-0.214-0.018-0.366 0.089t-0.205 0.268-0.027 0.33 0.161 0.295 0.348 0.143l1.429 0.143 2.143 5.857-3 9-5-14.857q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-0.125 0-0.411-0.009t-0.464-0.009q1.875-2.857 4.902-4.527t6.563-1.67q2.625 0 5.009 0.946t4.259 2.661h-0.179q-0.982 0-1.643 0.723t-0.661 1.705q0 0.214 0.036 0.429t0.071 0.384 0.143 0.411 0.161 0.375 0.214 0.402 0.223 0.375 0.259 0.429 0.25 0.411q1.125 1.911 1.125 3.786zM16.232 17.196l4.232 11.554q0.018 0.107 0.089 0.196-2.25 0.786-4.554 0.786-2 0-3.875-0.571zM28.036 9.411q1.696 3.107 1.696 6.589 0 3.732-1.857 6.884t-4.982 4.973l4.196-12.107q1.054-3.018 1.054-4.929 0-0.75-0.107-1.411zM16 0q3.25 0 6.214 1.268t5.107 3.411 3.411 5.107 1.268 6.214-1.268 6.214-3.411 5.107-5.107 3.411-6.214 1.268-6.214-1.268-5.107-3.411-3.411-5.107-1.268-6.214 1.268-6.214 3.411-5.107 5.107-3.411 6.214-1.268zM16 31.268q3.089 0 5.92-1.214t4.875-3.259 3.259-4.875 1.214-5.92-1.214-5.92-3.259-4.875-4.875-3.259-5.92-1.214-5.92 1.214-4.875 3.259-3.259 4.875-1.214 5.92 1.214 5.92 3.259 4.875 4.875 3.259 5.92 1.214z"></path> </symbol> <symbol id="icon-stumbleupon" viewBox="0 0 34 32"> <path class="path1" d="M18.964 12.714v-2.107q0-0.75-0.536-1.286t-1.286-0.536-1.286 0.536-0.536 1.286v10.929q0 3.125-2.25 5.339t-5.411 2.214q-3.179 0-5.42-2.241t-2.241-5.42v-4.75h5.857v4.679q0 0.768 0.536 1.295t1.286 0.527 1.286-0.527 0.536-1.295v-11.071q0-3.054 2.259-5.214t5.384-2.161q3.143 0 5.393 2.179t2.25 5.25v2.429l-3.482 1.036zM28.429 16.679h5.857v4.75q0 3.179-2.241 5.42t-5.42 2.241q-3.161 0-5.411-2.223t-2.25-5.366v-4.786l2.339 1.089 3.482-1.036v4.821q0 0.75 0.536 1.277t1.286 0.527 1.286-0.527 0.536-1.277v-4.911z"></path> </symbol> <symbol id="icon-digg" viewBox="0 0 37 32"> <path class="path1" d="M5.857 5.036h3.643v17.554h-9.5v-12.446h5.857v-5.107zM5.857 19.661v-6.589h-2.196v6.589h2.196zM10.964 10.143v12.446h3.661v-12.446h-3.661zM10.964 5.036v3.643h3.661v-3.643h-3.661zM16.089 10.143h9.518v16.821h-9.518v-2.911h5.857v-1.464h-5.857v-12.446zM21.946 19.661v-6.589h-2.196v6.589h2.196zM27.071 10.143h9.5v16.821h-9.5v-2.911h5.839v-1.464h-5.839v-12.446zM32.911 19.661v-6.589h-2.196v6.589h2.196z"></path> </symbol> <symbol id="icon-spotify" viewBox="0 0 27 32"> <path class="path1" d="M20.125 21.607q0-0.571-0.536-0.911-3.446-2.054-7.982-2.054-2.375 0-5.125 0.607-0.75 0.161-0.75 0.929 0 0.357 0.241 0.616t0.634 0.259q0.089 0 0.661-0.143 2.357-0.482 4.339-0.482 4.036 0 7.089 1.839 0.339 0.196 0.589 0.196 0.339 0 0.589-0.241t0.25-0.616zM21.839 17.768q0-0.714-0.625-1.089-4.232-2.518-9.786-2.518-2.732 0-5.411 0.75-0.857 0.232-0.857 1.143 0 0.446 0.313 0.759t0.759 0.313q0.125 0 0.661-0.143 2.179-0.589 4.482-0.589 4.982 0 8.714 2.214 0.429 0.232 0.679 0.232 0.446 0 0.759-0.313t0.313-0.759zM23.768 13.339q0-0.839-0.714-1.25-2.25-1.304-5.232-1.973t-6.125-0.67q-3.643 0-6.5 0.839-0.411 0.125-0.688 0.455t-0.277 0.866q0 0.554 0.366 0.929t0.92 0.375q0.196 0 0.714-0.143 2.375-0.661 5.482-0.661 2.839 0 5.527 0.607t4.527 1.696q0.375 0.214 0.714 0.214 0.518 0 0.902-0.366t0.384-0.92zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-soundcloud" viewBox="0 0 41 32"> <path class="path1" d="M14 24.5l0.286-4.304-0.286-9.339q-0.018-0.179-0.134-0.304t-0.295-0.125q-0.161 0-0.286 0.125t-0.125 0.304l-0.25 9.339 0.25 4.304q0.018 0.179 0.134 0.295t0.277 0.116q0.393 0 0.429-0.411zM19.286 23.982l0.196-3.768-0.214-10.464q0-0.286-0.232-0.429-0.143-0.089-0.286-0.089t-0.286 0.089q-0.232 0.143-0.232 0.429l-0.018 0.107-0.179 10.339q0 0.018 0.196 4.214v0.018q0 0.179 0.107 0.304 0.161 0.196 0.411 0.196 0.196 0 0.357-0.161 0.161-0.125 0.161-0.357zM0.625 17.911l0.357 2.286-0.357 2.25q-0.036 0.161-0.161 0.161t-0.161-0.161l-0.304-2.25 0.304-2.286q0.036-0.161 0.161-0.161t0.161 0.161zM2.161 16.5l0.464 3.696-0.464 3.625q-0.036 0.161-0.179 0.161-0.161 0-0.161-0.179l-0.411-3.607 0.411-3.696q0-0.161 0.161-0.161 0.143 0 0.179 0.161zM3.804 15.821l0.446 4.375-0.446 4.232q0 0.196-0.196 0.196-0.179 0-0.214-0.196l-0.375-4.232 0.375-4.375q0.036-0.214 0.214-0.214 0.196 0 0.196 0.214zM5.482 15.696l0.411 4.5-0.411 4.357q-0.036 0.232-0.25 0.232-0.232 0-0.232-0.232l-0.375-4.357 0.375-4.5q0-0.232 0.232-0.232 0.214 0 0.25 0.232zM7.161 16.018l0.375 4.179-0.375 4.393q-0.036 0.286-0.286 0.286-0.107 0-0.188-0.080t-0.080-0.205l-0.357-4.393 0.357-4.179q0-0.107 0.080-0.188t0.188-0.080q0.25 0 0.286 0.268zM8.839 13.411l0.375 6.786-0.375 4.393q0 0.125-0.089 0.223t-0.214 0.098q-0.286 0-0.321-0.321l-0.321-4.393 0.321-6.786q0.036-0.321 0.321-0.321 0.125 0 0.214 0.098t0.089 0.223zM10.518 11.875l0.339 8.357-0.339 4.357q0 0.143-0.098 0.241t-0.241 0.098q-0.321 0-0.357-0.339l-0.286-4.357 0.286-8.357q0.036-0.339 0.357-0.339 0.143 0 0.241 0.098t0.098 0.241zM12.268 11.161l0.321 9.036-0.321 4.321q-0.036 0.375-0.393 0.375-0.339 0-0.375-0.375l-0.286-4.321 0.286-9.036q0-0.161 0.116-0.277t0.259-0.116q0.161 0 0.268 0.116t0.125 0.277zM19.268 24.411v0 0zM15.732 11.089l0.268 9.107-0.268 4.268q0 0.179-0.134 0.313t-0.313 0.134-0.304-0.125-0.143-0.321l-0.25-4.268 0.25-9.107q0-0.196 0.134-0.321t0.313-0.125 0.313 0.125 0.134 0.321zM17.5 11.429l0.25 8.786-0.25 4.214q0 0.196-0.143 0.339t-0.339 0.143-0.339-0.143-0.161-0.339l-0.214-4.214 0.214-8.786q0.018-0.214 0.161-0.357t0.339-0.143 0.33 0.143 0.152 0.357zM21.286 20.214l-0.25 4.125q0 0.232-0.161 0.393t-0.393 0.161-0.393-0.161-0.179-0.393l-0.107-2.036-0.107-2.089 0.214-11.357v-0.054q0.036-0.268 0.214-0.429 0.161-0.125 0.357-0.125 0.143 0 0.268 0.089 0.25 0.143 0.286 0.464zM41.143 19.875q0 2.089-1.482 3.563t-3.571 1.473h-14.036q-0.232-0.036-0.393-0.196t-0.161-0.393v-16.054q0-0.411 0.5-0.589 1.518-0.607 3.232-0.607 3.482 0 6.036 2.348t2.857 5.777q0.946-0.393 1.964-0.393 2.089 0 3.571 1.482t1.482 3.589z"></path> </symbol> <symbol id="icon-codepen" viewBox="0 0 32 32"> <path class="path1" d="M3.857 20.875l10.768 7.179v-6.411l-5.964-3.982zM2.75 18.304l3.446-2.304-3.446-2.304v4.607zM17.375 28.054l10.768-7.179-4.804-3.214-5.964 3.982v6.411zM16 19.25l4.857-3.25-4.857-3.25-4.857 3.25zM8.661 14.339l5.964-3.982v-6.411l-10.768 7.179zM25.804 16l3.446 2.304v-4.607zM23.339 14.339l4.804-3.214-10.768-7.179v6.411zM32 11.125v9.75q0 0.732-0.607 1.143l-14.625 9.75q-0.375 0.232-0.768 0.232t-0.768-0.232l-14.625-9.75q-0.607-0.411-0.607-1.143v-9.75q0-0.732 0.607-1.143l14.625-9.75q0.375-0.232 0.768-0.232t0.768 0.232l14.625 9.75q0.607 0.411 0.607 1.143z"></path> </symbol> <symbol id="icon-twitch" viewBox="0 0 32 32"> <path class="path1" d="M16 7.75v7.75h-2.589v-7.75h2.589zM23.107 7.75v7.75h-2.589v-7.75h2.589zM23.107 21.321l4.518-4.536v-14.196h-21.321v18.732h5.821v3.875l3.875-3.875h7.107zM30.214 0v18.089l-7.75 7.75h-5.821l-3.875 3.875h-3.875v-3.875h-7.107v-20.679l1.946-5.161h26.482z"></path> </symbol> <symbol id="icon-meanpath" viewBox="0 0 27 32"> <path class="path1" d="M23.411 15.036v2.036q0 0.429-0.241 0.679t-0.67 0.25h-3.607q-0.429 0-0.679-0.25t-0.25-0.679v-2.036q0-0.429 0.25-0.679t0.679-0.25h3.607q0.429 0 0.67 0.25t0.241 0.679zM14.661 19.143v-4.464q0-0.946-0.58-1.527t-1.527-0.58h-2.375q-1.214 0-1.714 0.929-0.5-0.929-1.714-0.929h-2.321q-0.946 0-1.527 0.58t-0.58 1.527v4.464q0 0.393 0.375 0.393h0.982q0.393 0 0.393-0.393v-4.107q0-0.429 0.241-0.679t0.688-0.25h1.679q0.429 0 0.679 0.25t0.25 0.679v4.107q0 0.393 0.375 0.393h0.964q0.393 0 0.393-0.393v-4.107q0-0.429 0.25-0.679t0.679-0.25h1.732q0.429 0 0.67 0.25t0.241 0.679v4.107q0 0.393 0.393 0.393h0.982q0.375 0 0.375-0.393zM25.179 17.429v-2.75q0-0.946-0.589-1.527t-1.536-0.58h-4.714q-0.946 0-1.536 0.58t-0.589 1.527v7.321q0 0.375 0.393 0.375h0.982q0.375 0 0.375-0.375v-3.214q0.554 0.75 1.679 0.75h3.411q0.946 0 1.536-0.58t0.589-1.527zM27.429 6.429v19.143q0 1.714-1.214 2.929t-2.929 1.214h-19.143q-1.714 0-2.929-1.214t-1.214-2.929v-19.143q0-1.714 1.214-2.929t2.929-1.214h19.143q1.714 0 2.929 1.214t1.214 2.929z"></path> </symbol> <symbol id="icon-pinterest-p" viewBox="0 0 23 32"> <path class="path1" d="M0 10.661q0-1.929 0.67-3.634t1.848-2.973 2.714-2.196 3.304-1.393 3.607-0.464q2.821 0 5.25 1.188t3.946 3.455 1.518 5.125q0 1.714-0.339 3.357t-1.071 3.161-1.786 2.67-2.589 1.839-3.375 0.688q-1.214 0-2.411-0.571t-1.714-1.571q-0.179 0.696-0.5 2.009t-0.42 1.696-0.366 1.268-0.464 1.268-0.571 1.116-0.821 1.384-1.107 1.545l-0.25 0.089-0.161-0.179q-0.268-2.804-0.268-3.357 0-1.643 0.384-3.688t1.188-5.134 0.929-3.625q-0.571-1.161-0.571-3.018 0-1.482 0.929-2.786t2.357-1.304q1.089 0 1.696 0.723t0.607 1.83q0 1.179-0.786 3.411t-0.786 3.339q0 1.125 0.804 1.866t1.946 0.741q0.982 0 1.821-0.446t1.402-1.214 1-1.696 0.679-1.973 0.357-1.982 0.116-1.777q0-3.089-1.955-4.813t-5.098-1.723q-3.571 0-5.964 2.313t-2.393 5.866q0 0.786 0.223 1.518t0.482 1.161 0.482 0.813 0.223 0.545q0 0.5-0.268 1.304t-0.661 0.804q-0.036 0-0.304-0.054-0.911-0.268-1.616-1t-1.089-1.688-0.58-1.929-0.196-1.902z"></path> </symbol> <symbol id="icon-get-pocket" viewBox="0 0 31 32"> <path class="path1" d="M27.946 2.286q1.161 0 1.964 0.813t0.804 1.973v9.268q0 3.143-1.214 6t-3.259 4.911-4.893 3.259-5.973 1.205q-3.143 0-5.991-1.205t-4.902-3.259-3.268-4.911-1.214-6v-9.268q0-1.143 0.821-1.964t1.964-0.821h25.161zM15.375 21.286q0.839 0 1.464-0.589l7.214-6.929q0.661-0.625 0.661-1.518 0-0.875-0.616-1.491t-1.491-0.616q-0.839 0-1.464 0.589l-5.768 5.536-5.768-5.536q-0.625-0.589-1.446-0.589-0.875 0-1.491 0.616t-0.616 1.491q0 0.911 0.643 1.518l7.232 6.929q0.589 0.589 1.446 0.589z"></path> </symbol> <symbol id="icon-vimeo" viewBox="0 0 32 32"> <path class="path1" d="M30.518 9.25q-0.179 4.214-5.929 11.625-5.946 7.696-10.036 7.696-2.536 0-4.286-4.696-0.786-2.857-2.357-8.607-1.286-4.679-2.804-4.679-0.321 0-2.268 1.357l-1.375-1.75q0.429-0.375 1.929-1.723t2.321-2.063q2.786-2.464 4.304-2.607 1.696-0.161 2.732 0.991t1.446 3.634q0.786 5.125 1.179 6.661 0.982 4.446 2.143 4.446 0.911 0 2.75-2.875 1.804-2.875 1.946-4.393 0.232-2.482-1.946-2.482-1.018 0-2.161 0.464 2.143-7.018 8.196-6.821 4.482 0.143 4.214 5.821z"></path> </symbol> <symbol id="icon-reddit-alien" viewBox="0 0 32 32"> <path class="path1" d="M32 15.107q0 1.036-0.527 1.884t-1.42 1.295q0.214 0.821 0.214 1.714 0 2.768-1.902 5.125t-5.188 3.723-7.143 1.366-7.134-1.366-5.179-3.723-1.902-5.125q0-0.839 0.196-1.679-0.911-0.446-1.464-1.313t-0.554-1.902q0-1.464 1.036-2.509t2.518-1.045q1.518 0 2.589 1.125 3.893-2.714 9.196-2.893l2.071-9.304q0.054-0.232 0.268-0.375t0.464-0.089l6.589 1.446q0.321-0.661 0.964-1.063t1.411-0.402q1.107 0 1.893 0.777t0.786 1.884-0.786 1.893-1.893 0.786-1.884-0.777-0.777-1.884l-5.964-1.321-1.857 8.429q5.357 0.161 9.268 2.857 1.036-1.089 2.554-1.089 1.482 0 2.518 1.045t1.036 2.509zM7.464 18.661q0 1.107 0.777 1.893t1.884 0.786 1.893-0.786 0.786-1.893-0.786-1.884-1.893-0.777q-1.089 0-1.875 0.786t-0.786 1.875zM21.929 25q0.196-0.196 0.196-0.464t-0.196-0.464q-0.179-0.179-0.446-0.179t-0.464 0.179q-0.732 0.75-2.161 1.107t-2.857 0.357-2.857-0.357-2.161-1.107q-0.196-0.179-0.464-0.179t-0.446 0.179q-0.196 0.179-0.196 0.455t0.196 0.473q0.768 0.768 2.116 1.214t2.188 0.527 1.625 0.080 1.625-0.080 2.188-0.527 2.116-1.214zM21.875 21.339q1.107 0 1.884-0.786t0.777-1.893q0-1.089-0.786-1.875t-1.875-0.786q-1.107 0-1.893 0.777t-0.786 1.884 0.786 1.893 1.893 0.786z"></path> </symbol> <symbol id="icon-hashtag" viewBox="0 0 32 32"> <path class="path1" d="M17.696 18.286l1.143-4.571h-4.536l-1.143 4.571h4.536zM31.411 9.286l-1 4q-0.125 0.429-0.554 0.429h-5.839l-1.143 4.571h5.554q0.268 0 0.446 0.214 0.179 0.25 0.107 0.5l-1 4q-0.089 0.429-0.554 0.429h-5.839l-1.446 5.857q-0.125 0.429-0.554 0.429h-4q-0.286 0-0.464-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-4.536l-1.446 5.857q-0.125 0.429-0.554 0.429h-4.018q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-5.554q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1-4q0.125-0.429 0.554-0.429h5.839l1.143-4.571h-5.554q-0.268 0-0.446-0.214-0.179-0.25-0.107-0.5l1-4q0.089-0.429 0.554-0.429h5.839l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h4.536l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h5.554q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5z"></path> </symbol> <symbol id="icon-chain" viewBox="0 0 30 32"> <path class="path1" d="M26 21.714q0-0.714-0.5-1.214l-3.714-3.714q-0.5-0.5-1.214-0.5-0.75 0-1.286 0.571 0.054 0.054 0.339 0.33t0.384 0.384 0.268 0.339 0.232 0.455 0.063 0.491q0 0.714-0.5 1.214t-1.214 0.5q-0.268 0-0.491-0.063t-0.455-0.232-0.339-0.268-0.384-0.384-0.33-0.339q-0.589 0.554-0.589 1.304 0 0.714 0.5 1.214l3.679 3.696q0.482 0.482 1.214 0.482 0.714 0 1.214-0.464l2.625-2.607q0.5-0.5 0.5-1.196zM13.446 9.125q0-0.714-0.5-1.214l-3.679-3.696q-0.5-0.5-1.214-0.5-0.696 0-1.214 0.482l-2.625 2.607q-0.5 0.5-0.5 1.196 0 0.714 0.5 1.214l3.714 3.714q0.482 0.482 1.214 0.482 0.75 0 1.286-0.554-0.054-0.054-0.339-0.33t-0.384-0.384-0.268-0.339-0.232-0.455-0.063-0.491q0-0.714 0.5-1.214t1.214-0.5q0.268 0 0.491 0.063t0.455 0.232 0.339 0.268 0.384 0.384 0.33 0.339q0.589-0.554 0.589-1.304zM29.429 21.714q0 2.143-1.518 3.625l-2.625 2.607q-1.482 1.482-3.625 1.482-2.161 0-3.643-1.518l-3.679-3.696q-1.482-1.482-1.482-3.625 0-2.196 1.571-3.732l-1.571-1.571q-1.536 1.571-3.714 1.571-2.143 0-3.643-1.5l-3.714-3.714q-1.5-1.5-1.5-3.643t1.518-3.625l2.625-2.607q1.482-1.482 3.625-1.482 2.161 0 3.643 1.518l3.679 3.696q1.482 1.482 1.482 3.625 0 2.196-1.571 3.732l1.571 1.571q1.536-1.571 3.714-1.571 2.143 0 3.643 1.5l3.714 3.714q1.5 1.5 1.5 3.643z"></path> </symbol> <symbol id="icon-thumb-tack" viewBox="0 0 21 32"> <path class="path1" d="M8.571 15.429v-8q0-0.25-0.161-0.411t-0.411-0.161-0.411 0.161-0.161 0.411v8q0 0.25 0.161 0.411t0.411 0.161 0.411-0.161 0.161-0.411zM20.571 21.714q0 0.464-0.339 0.804t-0.804 0.339h-7.661l-0.911 8.625q-0.036 0.214-0.188 0.366t-0.366 0.152h-0.018q-0.482 0-0.571-0.482l-1.357-8.661h-7.214q-0.464 0-0.804-0.339t-0.339-0.804q0-2.196 1.402-3.955t3.17-1.759v-9.143q-0.929 0-1.607-0.679t-0.679-1.607 0.679-1.607 1.607-0.679h11.429q0.929 0 1.607 0.679t0.679 1.607-0.679 1.607-1.607 0.679v9.143q1.768 0 3.17 1.759t1.402 3.955z"></path> </symbol> <symbol id="icon-arrow-left" viewBox="0 0 43 32"> <path class="path1" d="M42.311 14.044c-0.178-0.178-0.533-0.356-0.711-0.356h-33.778l10.311-10.489c0.178-0.178 0.356-0.533 0.356-0.711 0-0.356-0.178-0.533-0.356-0.711l-1.6-1.422c-0.356-0.178-0.533-0.356-0.889-0.356s-0.533 0.178-0.711 0.356l-14.578 14.933c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l14.756 14.933c0 0.178 0.356 0.356 0.533 0.356s0.533-0.178 0.711-0.356l1.6-1.6c0.178-0.178 0.356-0.533 0.356-0.711s-0.178-0.533-0.356-0.711l-10.311-10.489h33.778c0.178 0 0.533-0.178 0.711-0.356 0.356-0.178 0.533-0.356 0.533-0.711v-2.133c0-0.356-0.178-0.711-0.356-0.889z"></path> </symbol> <symbol id="icon-arrow-right" viewBox="0 0 43 32"> <path class="path1" d="M0.356 17.956c0.178 0.178 0.533 0.356 0.711 0.356h33.778l-10.311 10.489c-0.178 0.178-0.356 0.533-0.356 0.711 0 0.356 0.178 0.533 0.356 0.711l1.6 1.6c0.178 0.178 0.533 0.356 0.711 0.356s0.533-0.178 0.711-0.356l14.756-14.933c0.178-0.356 0.356-0.711 0.356-0.889s-0.178-0.533-0.356-0.711l-14.756-14.933c0-0.178-0.356-0.356-0.533-0.356s-0.533 0.178-0.711 0.356l-1.6 1.6c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l10.311 10.489h-33.778c-0.178 0-0.533 0.178-0.711 0.356-0.356 0.178-0.533 0.356-0.533 0.711v2.311c0 0.178 0.178 0.533 0.356 0.711z"></path> </symbol> <symbol id="icon-play" viewBox="0 0 22 28"> <path d="M21.625 14.484l-20.75 11.531c-0.484 0.266-0.875 0.031-0.875-0.516v-23c0-0.547 0.391-0.781 0.875-0.516l20.75 11.531c0.484 0.266 0.484 0.703 0 0.969z"></path> </symbol> <symbol id="icon-pause" viewBox="0 0 24 28"> <path d="M24 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1zM10 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1z"></path> </symbol> </defs> </svg> </body> </html> <!-- Page generated by LiteSpeed Cache 3.6.4 on 2023-09-20 10:27:10 -->