1<!DOCTYPE HTML> 2<html> 3 <head> 4 5 <title>Juan Shishido | A Data Portfolio</title> 6 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 7 <meta name="description" content="Juan Shishido's portfolio" /> 8 <meta name="keywords" content="data science, python, visualization, analytics, resume" /> 9 10 <link rel="shortcut icon" href="images/hexagon.ico" /> 11 12
12<script src="js/jquery.min.js"></script>
12 13
13<script src="js/jquery.scrolly.min.js"></script>
13 14
14<script src="js/jquery.scrollgress.min.js"></script>
14 15
15<script src="js/skel.min.js"></script>
15 16
16<script src="js/skel-layers.min.js"></script>
16 17
17<script src="js/init.js"></script>
17 18 19 <noscript> 20 <link rel="stylesheet" href="css/skel.css" /> 21 <link rel="stylesheet" href="css/style.css" /> 22 <link rel="stylesheet" href="css/style-wide.css" /> 23 <link rel="stylesheet" href="css/style-noscript.css" /> 24 </noscript> 25 26
26<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
26 27
27<script src="js/smoothscroll.js"></script>
27 28 29
29<script>
vendor: 395 bytes, lines 29-35
29 30 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 31 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 32 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 33 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 34 35 ga('create', '
35UA-68428630-1
vendor: 60 bytes, lines 35-38
35', 'auto'); 36 ga('send', 'pageview'); 37 38
38</script>
38 39 40 </head> 41 42 43 <body class="index"> 44 45 <!-- Header --> 46 <header id="header" class="alt" style="position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1030;"> 47 <h1 id="logo"><a href="#banner">Juan Shishido</a></h1> 48 <nav id="nav"> 49 <ul> 50 <li><a href="#projects">Projects</a></li> 51 <li><a href="#posts">Posts</a></li> 52 <li><a href="#about">About</a></li> 53 <li><a href="/resume.html">Resume</a></li> 54 </ul> 55 </nav> 56 </header> 57 58 <!-- Banner --> 59 <section id="banner"> 60 61 <!-- 62 ".inner" is set up as an inline-block so it automatically expands 63 in both directions to fit whatever's inside it. This means it won't 64 automatically wrap lines, so be sure to use line breaks where 65 appropriate (<br/>). 66 --> 67 <div class="inner"> 68 69 <p>Inspiring <strong>data</strong> use</p> 70 71 </div> 72 73 </section> 74 75 <!-- Main --> 76 <article id="main"> 77 78 <header class="special container"> 79 <span class="icon fa-bar-chart-o"></span> 80 <h2> 81 <ul> 82 <li>Powered by data</li> 83 <li>Equipped with code</li> 84 <li>Statistically defined</li> 85 </ul> 86 </h2> 87 </header> 88 89 <!-- One --> 90 <div id="projects"> 91 <section class="wrapper style3 container special"> 92 93 <header> 94 <h2> 95 <center>Projects</center> 96 </h2> 97 </header> 98 99 <div class="row"> 100 <div class="6u"> 101 102 <section> 103 <a href="jeopardy.html"><img style="border:1px solid gray;" src="images/jeopardy.png" alt="" height="auto" width="100%"/></a> 104 <header> 105 <h3><a href="jeopardy.html">Jeopardy!</a></h3> 106 </header> 107 <p><center>An interactive visualization of the show's winnings.</center></p> 108 </section> 109 110 </div> 111 <div class="6u"> 112 113 <section> 114 <a href="tufte.html"><img style="border:1px solid gray;" src="images/tufte.png" alt="" height="auto" width="100%"/></a> 115 <header> 116 <h3><a href="tufte.html">Tufte</a></h3> 117 </header> 118 <p><center>Tufte-inspired plots in Python.</center></p> 119 </section> 120 121 </div> 122 </div> 123 <div class="row"> 124 <div class="6u"> 125 126 <section> 127 <a href="locationhistoryhex.html"><img style="border:1px solid gray;" src="images/hexmap.png" alt="" height="auto" width="100%"/></a> 128 <header> 129 <h3><a href="locationhistoryhex.html">Location History</a></h3> 130 </header> 131 <p><center>A dynamic hexbin map using D3 and Leaflet.</center></p> 132 </section> 133 134 </div> 135 <div class="6u"> 136 137 <section> 138 <a href="sftraffic.html"><img style="border:1px solid gray;" src="images/sftraffic.png" alt="" height="auto" width="100%"/></a> 139 <header> 140 <h3><a href="sftraffic.html">Analyzing Traffic Data</a></h3> 141 </header> 142 <p><center>Accessing San Francisco open data, via <a href="https://data.sfgov.org/" target="_blank">DataSF</a>.</center></p> 143 </section> 144 145 </div> 146 </div> 147 148 </section> 149 </div> 150 151 <!-- Two --> 152 <div id="posts"> 153 <section class="wrapper style3 container"> 154 155 <header> 156 <h2> 157 <center>Posts</center> 158 </h2> 159 </header> 160 <p> 161 April 5, 2016<br/> 162 <a href="logisticcoefficients.html"><strong>Interpreting Logistic Regression Coefficients</strong></a> 163 </p> 164 <p> 165 November 8, 2015<br/> 166 <a href="generallinearmodels.html"><strong>General Linear Models</strong></a> 167 </p> 168 <p> 169 October 7, 2015<br/> 170 <a href="markdownlatex.html"><strong>Using Markdown and LaTeX</strong></a> 171 </p> 172 <p> 173 October 2, 2015<br/> 174 <a href="pythonsetup.html"><strong>Setting Up Your Python Environment</strong></a> 175 </p> 176 177 </section> 178 </div> 179 180 <!-- Four --> 181 <div id="about"> 182 <section class="wrapper style3 container special"> 183 184 <header> 185 <h2> 186 <center>About</center> 187 </h2> 188 <h2> 189 <img src="images/js.png" alt="Juan Shishido" height="40%" width="40%"/></br> 190 <ul> 191 <li><strong>Juan Shishido</strong></li> 192 <li>Ex-Twitter</li> 193 </ul> 194 </h2> 195 </header> 196 197 <center> 198 <p> 199 As a Product Manager for Twitter's Ads API, Juan focused 200 on understanding advertiser needs and then building API 201 products that enabled developers to build solutions for 202 those advertisers. In addition, he worked on improving 203 the developer experience during his time as a Partner 204 Engineer, ensuring API interfaces were consistent and 205 predictable. 206 </p> 207 <p> 208 He is motivated by helping customers solve their 209 problems, whether by creating products or helping make 210 it easier to use those products. Juan takes a hands-on 211 approach to ensuring a product's success, from design 212 and implementation to go-to-market and adoption. 213 </p> 214 </center> 215 216 </section> 217 </div> 218 </article> 219 220 <!-- Footer --> 221 <div id="contact"> 222 <footer id="footer"> 223 224 <h2><strong>Contact</strong></h2> 225 <ul class="icons"> 226 <li> 227 <a href="https://github.com/juanshishido" 228 class="icon circle fa-github" target="_blank">
229 <span class="label">Github</span></a> 230 </li> 231 <li> 232 <a href="https://twitter.com/juanshishido" 233 class="icon circle fa-twitter" target="_blank"> 234 <span class="label">Twitter</span></a> 235 </li> 236 </ul> 237 238 <ul class="copyright"> 239 <li> 240 <a href="#banner">Juan Shishido</a> 241 </li> 242 <li> 243 Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a> 244 </li> 245 </ul> 246 247 </footer> 248 </div> 249 250
250<script> 251 252 $(window).scroll(function() { 253 if ($(this).scrollTop() > 1){ 254 $('#header').removeClass("alt"); 255 } 256 else{ 257 $('#header').addClass("alt"); 258 } 259 }); 260 261 </script>
261 262 263 264 </body> 265</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.