PageSourceSearch

https://uncharteddata.netlify.app/about

html uncharteddata.netlify.app collected 2026-10-03 11:33:34 UTC 31,315 bytes, 902 lines download raw bytes

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">&#9776;</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.