1<!doctype html> 2<html lang="en"> 3 <head> 4 <!-- Required meta tags --> 5 <meta charset="utf-8"> 6<!-- This site is hosted on Netlify. Anyone can build and deploy a site 7 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=675cd8ca-41e9-4a55-a2f9-b7251525eb51 8 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 9 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 10 11 <!-- Bootstrap CSS --> 12 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"> 13 14 <title>Kyle Cuilla</title> 15 16 17 <!--radix_placeholder_navigation_in_header--> 18 <meta name="distill:offset" content=""/> 19 20
20<script type="application/javascript"> 21 22 window.headroom_prevent_pin = false; 23 24 window.document.addEventListener("DOMContentLoaded", function (event) { 25 26 // initialize headroom for banner 27 var header = $('header').get(0); 28 var headerHeight = header.offsetHeight; 29 var headroom = new Headroom(header, { 30 tolerance: 5, 31 onPin : function() { 32 if (window.headroom_prevent_pin) { 33 window.headroom_prevent_pin = false; 34 headroom.unpin(); 35 } 36 } 37 }); 38 headroom.init(); 39 if(window.location.hash) 40 headroom.unpin(); 41 $(header).addClass('headroom--transition'); 42 43 // offset scroll location for banner on hash change 44 // (see: https://github.com/WickyNilliams/headroom.js/issues/38) 45 window.addEventListener("hashchange", function(event) { 46 window.scrollTo(0, window.pageYOffset - (headerHeight + 25)); 47 }); 48 49 // responsive menu 50 $('.distill-site-header').each(function(i, val) { 51 var topnav = $(this); 52 var toggle = topnav.find('.nav-toggle'); 53 toggle.on('click', function() { 54 topnav.toggleClass('responsive'); 55 }); 56 }); 57 58 // nav dropdowns 59 $('.nav-dropbtn').click(function(e) { 60 $(this).next('.nav-dropdown-content').toggleClass('nav-dropdown-active'); 61 $(this).parent().siblings('.nav-dropdown') 62 .children('.nav-dropdown-content').removeClass('nav-dropdown-active'); 63 }); 64 $("body").click(function(e){ 65 $('.nav-dropdown-content').removeClass('nav-dropdown-active'); 66 }); 67 $(".nav-dropdown").click(function(e){ 68 e.stopPropagation(); 69 }); 70 }); 71 </script>
71 72 73 <style type="text/css"> 74 75 /* Theme (user-documented overrideables for nav appearance) */ 76 77 .distill-site-nav { 78 color: rgba(255, 255, 255, 0.8); 79 background-color: #0F2E3D; 80 font-size: 15px; 81 font-weight: 300; 82 } 83 84 .distill-site-nav a { 85 color: inherit; 86 text-decoration: none; 87 } 88 89 .distill-site-nav a:hover { 90 color: white; 91 } 92 93 @media print { 94 .distill-site-nav { 95 display: none; 96 } 97 } 98 99 .distill-site-header { 100 101 } 102 103 .distill-site-footer { 104 105 } 106 107 108 /* Site Header */ 109 110 .distill-site-header { 111 width: 100%; 112 box-sizing: border-box; 113 z-index: 3; 114 } 115 116 .distill-site-header .nav-left { 117 display: inline-block; 118 margin-left: 8px; 119 } 120 121 @media screen and (max-width: 768px) { 122 .distill-site-header .nav-left { 123 margin-left: 0; 124 } 125 } 126 127 128 .distill-site-header .nav-right { 129 float: right; 130 margin-right: 8px; 131 } 132 133 .distill-site-header a, 134 .distill-site-header .title { 135 display: inline-block; 136 text-align: center; 137 padding: 14px 10px 14px 10px; 138 } 139 140 .distill-site-header .title { 141 font-size: 18px; 142 min-width: 150px; 143 } 144 145 .distill-site-header .logo { 146 padding: 0; 147 } 148 149 .distill-site-header .logo img { 150 display: none; 151 max-height: 20px; 152 width: auto; 153 margin-bottom: -4px; 154 } 155 156 .distill-site-header .nav-image img { 157 max-height: 18px; 158 width: auto; 159 display: inline-block; 160 margin-bottom: -3px; 161 } 162 163 164 165 @media screen and (min-width: 1000px) { 166 .distill-site-header .logo img { 167 display: inline-block; 168 } 169 .distill-site-header .nav-left { 170 margin-left: 20px; 171 } 172 .distill-site-header .nav-right { 173 margin-right: 20px; 174 } 175 .distill-site-header .title { 176 padding-left: 12px; 177 } 178 } 179 180 181 .distill-site-header .nav-toggle { 182 display: none; 183 } 184 185 .nav-dropdown { 186 display: inline-block; 187 position: relative; 188 } 189 190 .nav-dropdown .nav-dropbtn { 191 border: none; 192 outline: none; 193 color: rgba(255, 255, 255, 0.8); 194 padding: 16px 10px; 195 background-color: transparent; 196 font-family: inherit; 197 font-size: inherit; 198 font-weight: inherit; 199 margin: 0;
200 margin-top: 1px; 201 z-index: 2; 202 } 203 204 .nav-dropdown-content { 205 display: none; 206 position: absolute; 207 background-color: white; 208 min-width: 200px; 209 border: 1px solid rgba(0,0,0,0.15); 210 border-radius: 4px; 211 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); 212 z-index: 1; 213 margin-top: 2px; 214 white-space: nowrap; 215 padding-top: 4px; 216 padding-bottom: 4px; 217 } 218 219 .nav-dropdown-content hr { 220 margin-top: 4px; 221 margin-bottom: 4px; 222 border: none; 223 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 224 } 225 226 .nav-dropdown-active { 227 display: block; 228 } 229 230 .nav-dropdown-content a, .nav-dropdown-content .nav-dropdown-header { 231 color: black; 232 padding: 6px 24px; 233 text-decoration: none; 234 display: block; 235 text-align: left; 236 } 237 238 .nav-dropdown-content .nav-dropdown-header { 239 display: block; 240 padding: 5px 24px; 241 padding-bottom: 0; 242 text-transform: uppercase; 243 font-size: 14px; 244 color: #999999; 245 white-space: nowrap; 246 } 247 248 .nav-dropdown:hover .nav-dropbtn { 249 color: white; 250 } 251 252 .nav-dropdown-content a:hover { 253 background-color: #ddd; 254 color: black; 255 } 256 257 .nav-right .nav-dropdown-content { 258 margin-left: -45%; 259 right: 0; 260 } 261 262 @media screen and (max-width: 768px) { 263 .distill-site-header a, .distill-site-header .nav-dropdown {display: none;} 264 .distill-site-header a.nav-toggle { 265 float: right; 266 display: block; 267 } 268 .distill-site-header .title { 269 margin-left: 0; 270 } 271 .distill-site-header .nav-right { 272 margin-right: 0; 273 } 274 .distill-site-header { 275 overflow: hidden; 276 } 277 .nav-right .nav-dropdown-content { 278 margin-left: 0; 279 } 280 } 281 282 283 @media screen and (max-width: 768px) { 284 .distill-site-header.responsive {position: relative; min-height: 500px; } 285 .distill-site-header.responsive a.nav-toggle { 286 position: absolute; 287 right: 0; 288 top: 0; 289 } 290 .distill-site-header.responsive a, 291 .distill-site-header.responsive .nav-dropdown { 292 display: block; 293 text-align: left; 294 } 295 .distill-site-header.responsive .nav-left, 296 .distill-site-header.responsive .nav-right { 297 width: 100%; 298 } 299 .distill-site-header.responsive .nav-dropdown {float: none;} 300 .distill-site-header.responsive .nav-dropdown-content {position: relative;} 301 .distill-site-header.responsive .nav-dropdown .nav-dropbtn { 302 display: block; 303 width: 100%; 304 text-align: left; 305 } 306 } 307 308 /* Site Footer */ 309 310 .distill-site-footer { 311 width: 100%; 312 overflow: hidden; 313 box-sizing: border-box; 314 z-index: 3; 315 margin-top: 30px; 316 padding-top: 30px; 317 padding-bottom: 30px; 318 text-align: center; 319 } 320 321 /* Headroom */ 322 323 d-title { 324 padding-top: 6rem; 325 } 326 327 @media print { 328 d-title { 329 padding-top: 4rem; 330 } 331 } 332 333 .headroom { 334 z-index: 1000; 335 position: fixed; 336 top: 0; 337 left: 0; 338 right: 0; 339 } 340 341 .headroom--transition { 342 transition: all .4s ease-in-out; 343 } 344 345 .headroom--unpinned { 346 top: -100px; 347 } 348 349 .headroom--pinned { 350 top: 0; 351 } 352 353 /* adjust viewport for navbar height */ 354 /* helps vertically center bootstrap (non-distill) content */ 355 .min-vh-100 { 356 min-height: calc(100vh - 100px) !important; 357 } 358 359 </style> 360 361
361<script src="site_libs/jquery-3.6.0/jquery-3.6.0.min.js"></script>
361 362 <link href="site_libs/font-awesome-5.1.0/css/all.css" rel="stylesheet"/> 363 <link href="site_libs/font-awesome-5.1.0/css/v4-shims.css" rel="stylesheet"/> 364
364<script src="site_libs/headroom-0.9.4/headroom.min.js"></script>
364 365
365<script src="site_libs/autocomplete-0.37.1/autocomplete.min.js"></script>
365 366
366<script src="site_libs/fuse-6.4.1/fuse.min.js"></script>
366 367 368
368<script type="application/javascript"> 369 370 function getMeta(metaName) { 371 var metas = document.getElementsByTagName('meta'); 372 for (let i = 0; i < metas.length; i++) { 373 if (metas[i].getAttribute('name') === metaName) { 374 return metas[i].getAttribute('content'); 375 } 376 } 377 return ''; 378 } 379 380 function offsetURL(url) { 381 var offset = getMeta('distill:offset'); 382 return offset ? offset + '/' + url : url; 383 } 384 385 function createFuseIndex() { 386 387 // create fuse index 388 var options = { 389 keys: [ 390 { name: 'title', weight: 20 }, 391 { name: 'categories', weight: 15 }, 392 { name: 'description', weight: 10 }, 393 { name: 'contents', weight: 5 }, 394 ], 395 ignoreLocation: true, 396 threshold: 0 397 }; 398 var fuse = new window.Fuse([], options); 399 400 // fetch the main search.json 401 return fetch(offsetURL('search.json')) 402 .then(function(response) { 403 if (response.status == 200) { 404 return response.json().then(function(json) { 405 // index main articles 406 json.articles.forEach(function(article) { 407 fuse.add(article); 408 }); 409 // download collections and index their articles 410 return Promise.all(json.collections.map(function(collection) { 411 return fetch(offsetURL(collection)).then(function(response) { 412 if (response.status === 200) { 413 return response.json().then(function(articles) { 414 articles.forEach(function(article) { 415 fuse.add(article); 416 }); 417 }) 418 } else { 419 return Promise.reject( 420 new Error('Unexpected status from search index request: ' + 421 response.status) 422 ); 423 } 424 }); 425 })).then(function() { 426 return fuse; 427 }); 428 }); 429 430 } else { 431 return Promise.reject( 432 new Error('Unexpected status from search index request: ' + 433 response.status) 434 ); 435 } 436 }); 437 } 438 439 window.document.addEventListener("DOMContentLoaded", function (event) { 440 441 // get search element (bail if we don't have one) 442 var searchEl = window.document.getElementById('distill-search'); 443 if (!searchEl) 444 return; 445 446 createFuseIndex() 447 .then(function(fuse) { 448 449 // make search box visible 450 searchEl.classList.remove('hidden'); 451 452 // initialize autocomplete 453 var options = { 454 autoselect: true, 455 hint: false, 456 minLength: 2, 457 }; 458 window.autocomplete(searchEl, options, [{ 459 source: function(query, callback) { 460 const searchOptions = { 461 isCaseSensitive: false, 462 shouldSort: true, 463 minMatchCharLength: 2, 464 limit: 10, 465 }; 466 var results = fuse.search(query, searchOptions); 467 callback(results 468 .map(function(result) { return result.item; }) 469 ); 470 }, 471 templates: { 472 suggestion: function(suggestion) { 473 var img = suggestion.preview && Object.keys(suggestion.preview).length > 0 474 ? `<img src="${offsetURL(suggestion.preview)}"</img>` 475 : ''; 476 var html = ` 477 <div class="search-item"> 478 <h3>${suggestion.title}</h3> 479 <div class="search-item-description"> 480 ${suggestion.description || ''} 481 </div> 482 <div class="search-item-preview"> 483 ${img} 484 </div> 485 </div> 486 `; 487 return html; 488 } 489 } 490 }]).on('autocomplete:selected', function(event, suggestion) { 491 window.location.href = offsetURL(suggestion.path); 492 }); 493 // remove inline display style on autocompleter (we want to 494 // manage responsive display via css) 495 $('.algolia-autocomplete').css("display", ""); 496 }) 497 .catch(function(error) { 498 console.log(error); 499 }); 500 501 }); 502 503 </script>
503 504 505 <style type="text/css"> 506 507 .nav-search { 508 font-size: x-small; 509 } 510 511 /* Algolioa Autocomplete */ 512 513 .algolia-autocomplete { 514 display: inline-block; 515 margin-left: 10px; 516 vertical-align: sub; 517 background-color: white; 518 color: black; 519 padding: 6px; 520 padding-top: 8px; 521 padding-bottom: 0; 522 border-radius: 6px; 523 border: 1px #0F2E3D solid; 524 width: 180px; 525 } 526 527 528 @media screen and (max-width: 768px) { 529 .distill-site-nav .algolia-autocomplete { 530 display: none; 531 visibility: hidden; 532 } 533 .distill-site-nav.responsive .algolia-autocomplete { 534 display: inline-block; 535 visibility: visible; 536 } 537 .distill-site-nav.responsive .algolia-autocomplete .aa-dropdown-menu { 538 margin-left: 0; 539 width: 400px; 540 max-height: 400px; 541 } 542 } 543 544 .algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint { 545 width: 90%; 546 outline: none; 547 border: none; 548 } 549 550 .algolia-autocomplete .aa-hint { 551 color: #999; 552 } 553 .algolia-autocomplete .aa-dropdown-menu { 554 width: 550px; 555 max-height: 70vh; 556 overflow-x: visible; 557 overflow-y: scroll; 558 padding: 5px; 559 margin-top: 3px; 560 margin-left: -150px; 561 background-color: #fff; 562 border-radius: 5px; 563 border: 1px solid #999; 564 border-top: none; 565 } 566 567 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion { 568 cursor: pointer; 569 padding: 5px 4px; 570 border-bottom: 1px solid #eee; 571 } 572 573 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion:last-of-type { 574 border-bottom: none; 575 margin-bottom: 2px; 576 } 577 578 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion .search-item { 579 overflow: hidden; 580 font-size: 0.8em; 581 line-height: 1.4em; 582 } 583 584 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion .search-item h3 { 585 font-size: 1rem; 586 margin-block-start: 0; 587 margin-block-end: 5px; 588 } 589 590 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion .search-item-description { 591 display: inline-block; 592 overflow: hidden; 593 height: 2.8em; 594 width: 80%; 595 margin-right: 4%; 596 } 597 598 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion .search-item-preview { 599 display: inline-block; 600 width: 15%; 601 } 602 603 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion .search-item-preview img { 604 height: 3em; 605 width: auto; 606 display: none; 607 } 608 609 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion .search-item-preview img[src] { 610 display: initial; 611 } 612 613 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor { 614 background-color: #eee; 615 } 616 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion em { 617 font-weight: bold; 618 font-style: normal; 619 } 620 621 </style> 622 623 624 <!--/radix_placeholder_navigation_in_header--> 625 <!--radix_placeholder_site_in_header-->
vendor: 123 bytes, lines 625-626
625 626 <script type="text/javascript" cookie-consent="tracking" async src="https://www.googletagmanager.com/gtag/js?id=
626UA-155982987-2
vendor: 22 bytes, lines 626-627
626"></script> 627
627<script type="text/javascript" cookie-consent="tracking"> 628
vendor: 157 bytes, lines 628-631
628window.dataLayer = window.dataLayer || []; 629 function gtag(){dataLayer.push(arguments);} 630 gtag('js', new Date()); 631 gtag('config', '
631UA-155982987-2
vendor: 14 bytes, lines 631-632
631'); 632
632</script>
632 633 <style type="text/css"> 634 @import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:300, 300i&display=swap'); 635 @import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700&display=swap'); 636 @import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono&display=swap'); 637 638 html { 639 /*-- Main font sizes --*/ 640 --title-size: 50px; 641 --body-size: 1.06rem; 642 --code-size: 14px; 643 --aside-size: 12px; 644 --fig-cap-size: 13px; 645 /*-- Main font colors --*/ 646 --title-color: #000000; 647 --header-color: rgba(0, 0, 0, 0.8); 648 --body-color: rgba(0, 0, 0, 0.8); 649 --aside-color: rgba(0, 0, 0, 0.6); 650 --fig-cap-color: rgba(0, 0, 0, 0.6); 651 /*-- Specify custom fonts ~~~ must be imported above --*/ 652 --heading-font: "Noto Serif JP", sans-serif; 653 --mono-font: "IBM Plex Mono", monospace; 654 --body-font: "Lato", sans-serif; 655 --navbar-font: "Lato", sans-serif; 656 } 657 658 /*-- ARTICLE METADATA --*/ 659 d-byline { 660 --heading-size: 0.9rem; 661 --heading-color: rgba(0, 0, 0, 0.5); 662 --body-size: 0.95rem; 663 --body-color: rgba(0, 0, 0, 0.8); 664 } 665 666 /*-- ARTICLE TABLE OF CONTENTS --*/ 667 .d-contents { 668 --heading-size: 18px; 669 --contents-size: 13px; 670 } 671 672 /*-- ARTICLE APPENDIX --*/ 673 d-appendix { 674 --heading-size: 15px; 675 --heading-color: rgba(0, 0, 0, 0.65); 676 --text-size: 0.9rem; 677 } 678 679 /*-- WEBSITE HEADER + FOOTER --*/ 680 /* These properties only apply to Distill sites and blogs */ 681 682 .distill-site-header { 683 --title-size: 18px; 684 --text-color: #000; 685 --text-size: 15px; 686 --hover-color: #ff00ff; 687 --bkgd-color: #fff; 688 --background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255,255,255,0.5)); 689 --background-color: transparent; 690 } 691 692 .distill-site-footer { 693 --text-color: rgba(255, 255, 255, 0.8); 694 --text-size: 15px; 695 --hover-color: white; 696 --bkgd-color: #0F2E3D; 697 } 698 699 /*-- Additional custom styles --*/ 700 701 .categories li > a:hover { 702 color: #1e90ff; 703 border-bottom: 1px #1e90ff; 704 } 705 706 p a:hover { 707 color: #1e90ff; 708 } 709 710 ul > li::marker { 711 font-weight: 700; 712 font-size: 1.125em; 713 } 714 715 716 h1, h2, h3, h4, h5, h6 { 717 letter-spacing: 1.5px; 718 font-weight: 700; 719 } 720 721 d-title h1, 722 d-article h2, 723 .posts-list .description h2, 724 .posts-list > h1 { 725 font-weight: 700; 726 } 727 728 /*d-article pre { 729 background: rgba(15, 46, 61, 0.5); 730 }*/ 731 732 .angolia-autocomplete { 733 width: 300px; 734 } 735 736 .posts-list .dt-tags .dt-tag { 737 font-family: 'Noto Serif JP'; 738 font-weight: bold; 739 letter-spacing: 1px; 740 background-color: rgba(0, 0, 0, 0.65); 741 color: white; 742 } 743 </style> 744 <!--/radix_placeholder_site_in_header--> 745 746 <style type="text/css"> 747 body { 748 padding-top: 60px; 749 } 750 </style> 751
751<script src="C:\Users\Kyle\AppData\Local\R\win-library\4.2\rmarkdown\rmd\h\pandoc\header-attrs.js"></script>
751 752 753 754 </head> 755 <body> 756 757 <!--radix_placeholder_navigation_before_body--> 758 <header class="header header--fixed" role="banner"> 759 <nav class="distill-site-nav distill-site-header"> 760 <div class="nav-left"> 761 <a class='title' href='/'>UNCHARTED DATA</a> 762 <input id="distill-search" class="nav-search hidden" type="text" placeholder="Search..."/> 763 </div> 764 <div class="nav-right"> 765 <a href='/'>Home</a> 766 <a href='/about'>About</a> 767 <a href="javascript:void(0);" class="nav-toggle">☰</a> 768 </div> 769 </nav> 770 </header> 771 <!--/radix_placeholder_navigation_before_body--> 772 <!--radix_placeholder_site_before_body--> 773 <!--/radix_placeholder_site_before_body--> 774 775 <div class="container min-vh-100"> 776 <div class="row min-vh-100 justify-content-center align-items-center"> 777 <div class="col-12 text-center"> 778 <img src="img/avatar.jpg" style="height:10rem" class="rounded-circle"> 779 <div class="mt-3"> 780 <h1>Kyle Cuilla</h1> 781 </div> 782 <div class="row justify-content-center align-items-center"> 783 <div class="col-6 mt-3 text-center d-none d-sm-block"> 784 <p>This site is primarily centered around R. In fact, it 785 was created in R using the {distill} package. Iâve been 786 programming in R since 2015 when I was first introduced to 787 it while pursuing a Masterâs degree in Data Analytics from 788 Penn State. Since then, I have worked in various analytics 789 roles, and currently Iâm a Lead Data Scientist within the 790 fintech industry.</p> 791 <p>My interests include sports analytics, renewable energy 792 and the environment, and all things data science.</p> 793 <p>Iâm also passionate about data visualization and making 794 processes more efficient. Those passions led me to 795 creating <a 796 href="https://kcuilla.github.io/reactablefmtr/index.html">{reactablefmtr}</a>, 797 an R package designed to simplify and enhance the styling 798 and customization of interactive data tables made with 799 {reactable}.</p> 800 <p>Thank you for visiting my site, hope you enjoy!</p> 801 </div> 802 <div class="col-11 mt-3 text-center d-block d-sm-none"> 803 <p>This site is primarily centered around R. In fact, it 804 was created in R using the {distill} package. Iâve been 805 programming in R since 2015 when I was first introduced to 806 it while pursuing a Masterâs degree in Data Analytics from 807 Penn State. Since then, I have worked in various analytics 808 roles, and currently Iâm a Lead Data Scientist within the 809 fintech industry.</p> 810 <p>My interests include sports analytics, renewable energy 811 and the environment, and all things data science.</p> 812 <p>Iâm also passionate about data visualization and making 813 processes more efficient. Those passions led me to 814 creating <a 815 href="https://kcuilla.github.io/reactablefmtr/index.html">{reactablefmtr}</a>, 816 an R package designed to simplify and enhance the styling 817 and customization of interactive data tables made with 818 {reactable}.</p> 819 <p>Thank you for visiting my site, hope you enjoy!</p> 820 </div> 821 </div> 822 823 <hr style="width:60%;"/> 824 825 <div class="row justify-content-center align-items-center"> 826 <div class="col-8 text-center d-none d-sm-block"> 827 <ul class="list-inline"> 828 <li class="list-inline-item"> 829 <a href=https://www.linkedin.com/in/kylecuilla/> 830 <button type="button" class="btn btn-outline-dark mb-2"> 831 LinkedIn 832 </button> 833 </a> 834 </li> 835 <li class="list-inline-item"> 836 <a href=https://twitter.com/kc_analytics> 837 <button type="button" class="btn btn-outline-dark mb-2"> 838 Twitter 839 </button> 840 </a> 841 </li> 842 <li class="list-inline-item"> 843 <a href=https://github.com/kcuilla> 844 <button type="button" class="btn btn-outline-dark mb-2"> 845 GitHub 846 </button> 847 </a> 848 </li> 849 <li class="list-inline-item"> 850 <a href=mailto:[email protected]> 851 <button type="button" class="btn btn-outline-dark mb-2"> 852 Email 853 </button> 854 </a> 855 </li> 856 </ul> 857 </div> 858 </div> 859 860 <div class="row justify-content-center align-items-center"> 861 <div class="col-8 m-1 text-center d-block d-sm-none"> 862 <div class="list-group"> 863 <a href=https://www.linkedin.com/in/kylecuilla/> 864 <button type="button" class="list-group-item list-group-item-action my-1 rounded"> 865 LinkedIn 866 </button> 867 </a> 868 <a href=https://twitter.com/kc_analytics> 869 <button type="button" class="list-group-item list-group-item-action my-1 rounded"> 870 Twitter 871 </button> 872 </a> 873 <a href=https://github.com/kcuilla> 874 <button type="button" class="list-group-item list-group-item-action my-1 rounded"> 875 GitHub 876 </button> 877 </a> 878 <a href=mailto:[email protected]> 879 <button type="button" class="list-group-item list-group-item-action my-1 rounded"> 880 Email 881 </button> 882 </a> 883 </div> 884 </div> 885 </div> 886 </div> 887 </div> 888 </div> 889 890 <!-- Optional JavaScript --> 891 <!-- jQuery first, then Popper.js, then Bootstrap JS --> 892
892<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
892 893
893<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
893 894
894<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
894 895 896 <!--radix_placeholder_site_after_body--> 897 <!--/radix_placeholder_site_after_body--> 898 <!--radix_placeholder_navigation_after_body--> 899 <!--/radix_placeholder_navigation_after_body--> 900 901 </body> 902</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.