1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head> 3 4<meta charset="utf-8"> 5<meta name="generator" content="quarto-1.8.25"> 6 7<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> 8 9 10<title>2nd highest cancer burden â SCAN360</title> 11<style> 12code{white-space: pre-wrap;} 13span.smallcaps{font-variant: small-caps;} 14div.columns{display: flex; gap: min(4vw, 1.5em);} 15div.column{flex: auto; overflow-x: auto;} 16div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} 17ul.task-list{list-style: none;} 18ul.task-list li input[type="checkbox"] { 19 width: 0.8em; 20 margin: 0 0.8em 0.2em -1em; /* quarto-specific, see https://github.com/quarto-dev/quarto-cli/issues/4556 */ 21 vertical-align: middle; 22} 23</style> 24 25
26<script src="site_libs/quarto-nav/quarto-nav.js"></script>
vendor: 1 bytes, line 26
26
27<script src="site_libs/clipboard/clipboard.min.js"></script>
vendor: 1 bytes, line 27
27
28<script src="site_libs/quarto-search/autocomplete.umd.js"></script>
vendor: 1 bytes, line 28
28
29<script src="site_libs/quarto-search/fuse.min.js"></script>
vendor: 1 bytes, line 29
29
30<script src="site_libs/quarto-search/quarto-search.js"></script>
30 31<meta name="quarto:offset" content="./"> 32<link href="./www/favicon.svg" rel="icon" type="image/svg+xml">
33<script src="site_libs/quarto-html/quarto.js" type="module"></script>
vendor: 1 bytes, line 33
33
34<script src="site_libs/quarto-html/tabsets/tabsets.js" type="module"></script>
vendor: 1 bytes, line 34
34
35<script src="site_libs/quarto-html/axe/axe-check.js" type="module"></script>
vendor: 1 bytes, line 35
35
36<script src="site_libs/quarto-html/popper.min.js"></script>
vendor: 1 bytes, line 36
36
37<script src="site_libs/quarto-html/tippy.umd.min.js"></script>
vendor: 1 bytes, line 37
37
38<script src="site_libs/quarto-html/anchor.min.js"></script>
38 39<link href="site_libs/quarto-html/tippy.css" rel="stylesheet"> 40<link href="site_libs/quarto-html/quarto-syntax-highlighting-7b89279ff1a6dce999919e0e67d4d9ec.css" rel="stylesheet" id="quarto-text-highlighting-styles">
41<script src="site_libs/bootstrap/bootstrap.min.js"></script>
41 42<link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet"> 43<link href="site_libs/bootstrap/bootstrap-0648354f31e181f8a1ef37b3127ab8f3.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
44<script id="quarto-search-options" type="application/json">{ 45 "location": "navbar", 46 "copy-button": false, 47 "collapse-after": 3, 48 "panel-placement": "end", 49 "type": "overlay", 50 "limit": 50, 51 "keyboard-shortcut": [ 52 "f", 53 "/", 54 "s" 55 ], 56 "show-item-context": false, 57 "language": { 58 "search-no-results-text": "No results", 59 "search-matching-documents-text": "matching documents", 60 "search-copy-link-title": "Copy link to search", 61 "search-hide-matches-text": "Hide additional matches", 62 "search-more-match-text": "more match in this document", 63 "search-more-matches-text": "more matches in this document", 64 "search-clear-button-title": "Clear", 65 "search-text-placeholder": "", 66 "search-detached-cancel-button-title": "Cancel", 67 "search-submit-button-title": "Submit", 68 "search-label": "Search" 69 } 70}</script>
vendor: 67 bytes, lines 70-71
70 71<script async="" src="https://www.googletagmanager.com/gtag/js?id=
71G-Z5HE57757M
vendor: 13 bytes, lines 71-72
71"></script> 72
73<script type="text/javascript"> 74
vendor: 127 bytes, lines 75-78
75window.dataLayer = window.dataLayer || []; 76function gtag(){dataLayer.push(arguments);} 77gtag('js', new Date()); 78gtag('config', '
78G-Z5HE57757M
vendor: 29 bytes, line 78
78', { 'anonymize_ip': true});
79</script>
79 80<style> 81 82 .quarto-title-block .quarto-title-banner { 83 background: #f47321; 84 } 85</style> 86<link href="site_libs/htmltools-fill-0.5.9/fill.css" rel="stylesheet">
87<script src="site_libs/bslib-component-js-0.11.0/components.min.js"></script>
vendor: 1 bytes, line 87
87
88<script src="site_libs/bslib-component-js-0.11.0/web-components.min.js" type="module"></script>
88 89<link href="site_libs/bslib-component-css-0.11.0/components.css" rel="stylesheet">
90<script src="site_libs/bslib-tag-require-0.11.0/tag-require.js"></script>
90 91 92 93<link rel="stylesheet" href="www/styles.css"> 94<link rel="stylesheet" href="www/bslib_fix.css"> 95</head> 96 97<body class="nav-fixed quarto-light"> 98 99<div id="quarto-search-results"></div> 100 <header id="quarto-header" class="headroom fixed-top quarto-banner"> 101 <nav class="navbar navbar-expand-lg " data-bs-theme="dark"> 102 <div class="navbar-container container-fluid"> 103 <div class="navbar-brand-container mx-auto"> 104 <a href="./index.html" class="navbar-brand navbar-brand-logo"> 105 <img src="./www/scan_logo_nourl_transparent.png" alt="SCAN360" class="navbar-logo light-content"> 106 <img src="./www/scan_logo_nourl_transparent.png" alt="SCAN360" class="navbar-logo dark-content"> 107 </a> 108 </div> 109 <div id="quarto-search" class="" title="Search"></div> 110 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" role="menu" aria-expanded="false" aria-label="Toggle navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }"> 111 <span class="navbar-toggler-icon"></span> 112</button> 113 <div class="collapse navbar-collapse" id="navbarCollapse"> 114 <ul class="navbar-nav navbar-nav-scroll me-auto"> 115 <li class="nav-item"> 116 <a class="nav-link active" href="./index.html" aria-current="page"> 117<span class="menu-text">Home</span></a> 118 </li> 119 <li class="nav-item"> 120 <a class="nav-link" href="./data_explorer.html"> 121<span class="menu-text">Explore Data</span></a> 122 </li> 123 <li class="nav-item"> 124 <a class="nav-link" href="./neighborhood_profiles.html"> 125<span class="menu-text">Neighborhood Profiles</span></a> 126 </li> 127 <li class="nav-item dropdown "> 128 <a class="nav-link dropdown-toggle" href="#" id="nav-menu-fact-sheets" role="link" data-bs-toggle="dropdown" aria-expanded="false"> 129 <span class="menu-text">Fact Sheets</span> 130 </a> 131 <ul class="dropdown-menu" aria-labelledby="nav-menu-fact-sheets"> 132 <li> 133 <a class="dropdown-item" href="./fact_sheet_risk_factors.html"> 134 <span class="dropdown-text">Risk Factors</span></a> 135 </li> 136 <li> 137 <a class="dropdown-item" href="./fact_sheet_food_deserts.html"> 138 <span class="dropdown-text">Food Deserts & Obesity</span></a> 139 </li> 140 </ul> 141 </li> 142 <li class="nav-item"> 143 <a class="nav-link" href="./community_resources.html"> 144<span class="menu-text">Community Resources</span></a> 145 </li> 146</ul> 147 <ul class="navbar-nav navbar-nav-scroll ms-auto"> 148 <li class="nav-item dropdown "> 149 <a class="nav-link dropdown-toggle" href="#" id="nav-menu-about" role="link" data-bs-toggle="dropdown" aria-expanded="false"> 150 <span class="menu-text">About</span> 151 </a> 152 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="nav-menu-about"> 153 <li> 154 <a class="dropdown-item" href="./about.html"> 155 <span class="dropdown-text">About, Office Hours & Contact</span></a> 156 </li> 157 <li> 158 <a class="dropdown-item" href="./about_publications.html"> 159 <span class="dropdown-text">Publications</span></a> 160 </li> 161 <li> 162 <a class="dropdown-item" href="./methods.html"> 163 <span class="dropdown-text">Data & Methods</span></a> 164 </li> 165 </ul> 166 </li> 167</ul> 168 </div> <!-- /navcollapse --> 169 <div class="quarto-navbar-tools"> 170</div> 171 </div> <!-- /container-fluid --> 172 </nav> 173</header> 174<!-- content --> 175<header id="title-block-header" class="quarto-title-block default page-columns page-full"> 176 <div class="quarto-title-banner page-columns page-full"> 177 <div class="quarto-title column-page"> 178 <h1 class="title">2nd highest cancer burden</h1> 179 <p class="subtitle lead">in the nation. Florida has over 110,000 new cases each year. Are you concerned about cancer in your community?</p> 180 </div> 181 </div> 182 183 184 <div class="quarto-title-meta column-page"> 185 186 187 188 189 </div> 190 191 192 </header><div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-full page-navbar"> 193<!-- sidebar --> 194<!-- margin-sidebar --> 195 <div id="quarto-margin-sidebar" class="sidebar margin-sidebar zindex-bottom"> 196 197 </div> 198<!-- main --> 199<main class="content quarto-banner-title-block column-page" id="quarto-document-content"> 200 201 202 203 204 205<div class="cell col_wrap"> 206<div class="cell-output-display">
207<div class="bslib-grid bslib-mb-spacing html-fill-item" data-require-bs-caller="layout_column_wrap()" data-require-bs-version="5" style="grid-template-columns:repeat(auto-fit, minmax(min(250px, 100%), 1fr));grid-auto-rows:1fr;--bslib-grid-height:auto;--bslib-grid-height-mobile:auto;"> 208<div class="bslib-grid-item bslib-gap-spacing html-fill-container"> 209<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container bslib-value-box default showcase-left-center" data-bslib-card-init="" data-require-bs-caller="card() value_box()" data-require-bs-version="5 5"> 210<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto; padding:0;"> 211<div class="value-box-grid html-fill-item" style="--bslib-grid-height:auto;--bslib-grid-height-mobile:auto;---bslib-value-box-showcase-w:30%;---bslib-value-box-showcase-w-fs:1fr;---bslib-value-box-showcase-max-h:100px;---bslib-value-box-showcase-max-h-fs:67%;"> 212<div class="value-box-showcase html-fill-item html-fill-container"> 213<img src="img/fl_counties_no_data_green.png" width="200"> 214</div> 215<div class="value-box-area html-fill-item html-fill-container"> 216<p class="value-box-title">Get a 360° view of factors contributing to cancer risk where you live</p> 217<p class="value-box-value">Cancer Data for Florida</p> 218<p>Cancer risk varies across our communities. While nearly a third of the most common cancers are due to lifestyle factors, like poor diet, obesity, and physical inactivity, characteristics â ranging from our genetics to our lifestyles and the environment in which we live â impact cancer risk, survival, and quality of life.</p> 219</div> 220</div> 221</div>
222<script data-bslib-card-init="">bslib.Card.initializeAllCards();</script>
222 223</div> 224</div> 225</div> 226</div> 227<div class="cell-output-display"> 228<div class="bslib-grid bslib-mb-spacing html-fill-item" data-require-bs-caller="layout_column_wrap()" data-require-bs-version="5" style="grid-template-columns:repeat(auto-fit, minmax(min(250px, 100%), 1fr));grid-auto-rows:1fr;--bslib-grid-height:auto;--bslib-grid-height-mobile:auto;"> 229<div class="bslib-grid-item bslib-gap-spacing html-fill-container"> 230<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container bslib-value-box default showcase-left-center" data-bslib-card-init="" data-require-bs-caller="card() value_box()" data-require-bs-version="5 5"> 231<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto; padding:0;"> 232<div class="value-box-grid html-fill-item" style="--bslib-grid-height:auto;--bslib-grid-height-mobile:auto;---bslib-value-box-showcase-w:30%;---bslib-value-box-showcase-w-fs:1fr;---bslib-value-box-showcase-max-h:100px;---bslib-value-box-showcase-max-h-fs:67%;"> 233<div class="value-box-showcase html-fill-item html-fill-container"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-map " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M15.817.113A.5.5 0 0 1 16 .5v14a.5.5 0 0 1-.402.49l-5 1a.502.502 0 0 1-.196 0L5.5 15.01l-4.902.98A.5.5 0 0 1 0 15.5v-14a.5.5 0 0 1 .402-.49l5-1a.5.5 0 0 1 .196 0L10.5.99l4.902-.98a.5.5 0 0 1 .415.103zM10 1.91l-4-.8v12.98l4 .8V1.91zm1 12.98 4-.8V1.11l-4 .8v12.98zm-6-.8V1.11l-4 .8v12.98l4-.8z"></path></svg></div> 234<div class="value-box-area html-fill-item html-fill-container"> 235<p class="value-box-title">Compare Data Across Florida</p> 236<a href="data_explorer.html" class="value-box-value">SCAN360 Data Explorer</a> 237<ul> 238<li>Analyze Risk Factors</li> 239<li>View Local Statistics</li> 240<li>Identify Variability in Disease Burden</li> 241</ul> 242</div> 243</div> 244</div>
245<script data-bslib-card-init="">bslib.Card.initializeAllCards();</script>
245 246</div> 247</div> 248<div class="bslib-grid-item bslib-gap-spacing html-fill-container"> 249<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container bslib-value-box default showcase-left-center" data-bslib-card-init="" data-require-bs-caller="card() value_box()" data-require-bs-version="5 5"> 250<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto; padding:0;"> 251<div class="value-box-grid html-fill-item" style="--bslib-grid-height:auto;--bslib-grid-height-mobile:auto;---bslib-value-box-showcase-w:30%;---bslib-value-box-showcase-w-fs:1fr;---bslib-value-box-showcase-max-h:100px;---bslib-value-box-showcase-max-h-fs:67%;"> 252<div class="value-box-showcase html-fill-item html-fill-container"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-graph-up " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M0 0h1v15h15v1H0V0Zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07Z"></path></svg></div> 253<div class="value-box-area html-fill-item html-fill-container"> 254<p class="value-box-title">Sylvester Catchment Area</p> 255<a href="fact_sheets.html" class="value-box-value">Fact Sheets</a> 256<p>Our Fact Sheets compare the counties of the Sylvester Catchment Area to Florida and the US.</p> 257<ul> 258<li>Priority Cancers</li> 259<li>Behavioral Risk Factrs</li> 260</ul> 261</div> 262</div> 263</div>
264<script data-bslib-card-init="">bslib.Card.initializeAllCards();</script>
264 265</div> 266</div> 267</div> 268</div> 269<div class="cell-output-display"> 270<div class="bslib-grid bslib-mb-spacing html-fill-item" data-require-bs-caller="layout_column_wrap()" data-require-bs-version="5" style="grid-template-columns:repeat(auto-fit, minmax(min(250px, 100%), 1fr));grid-auto-rows:1fr;--bslib-grid-height:auto;--bslib-grid-height-mobile:auto;"> 271<div class="bslib-grid-item bslib-gap-spacing html-fill-container"> 272<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container bslib-value-box default sylvester-box showcase-top-right" data-bslib-card-init="" data-require-bs-caller="card() value_box()" data-require-bs-version="5 5"> 273<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto; padding:0;"> 274<div class="value-box-grid html-fill-item" style="--bslib-grid-height:auto;--bslib-grid-height-mobile:auto;---bslib-value-box-showcase-w:40%;---bslib-value-box-showcase-w-fs:1fr;---bslib-value-box-showcase-max-h:75px;---bslib-value-box-showcase-max-h-fs:67%;"> 275<div class="value-box-showcase html-fill-item html-fill-container"> 276<img src="img/Sylvester.jpg" style="border-radius: 50%; object-fit: cover; width: 190px; height: 190px;"> 277</div> 278<div class="value-box-area html-fill-item html-fill-container"> 279<p class="value-box-title">Cancer Care and Research for South Florida</p> 280<p class="value-box-value">Sylvester Cancer Center</p> 281<p>Since its inception, the University of Miami Sylvester Cancer Center has been dedicated to reducing the human burde
281n from cancer through research, education, prevention, and the delivery of quality patient care. As the only university-based NCI-designated cancer center in South Florida, Sylvester has transformed cancer research and treatment in South Florida.</p> 282</div> 283</div> 284</div>
285<script data-bslib-card-init="">bslib.Card.initializeAllCards();</script>
285 286</div> 287</div> 288</div> 289</div> 290<div class="cell-output-display"> 291<div class="bslib-grid bslib-mb-spacing html-fill-item" data-require-bs-caller="layout_column_wrap()" data-require-bs-version="5" style="grid-template-columns:repeat(auto-fit, minmax(min(250px, 100%), 1fr));grid-auto-rows:1fr;--bslib-grid-height:auto;--bslib-grid-height-mobile:auto;"> 292<div class="bslib-grid-item bslib-gap-spacing html-fill-container"> 293<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container green" data-bslib-card-init="" data-require-bs-caller="card()" data-require-bs-version="5"> 294<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;"> 295<img src="img/analyze_factors_1.svg"> 296<p class="green-card-title">Analyze Risk Factors</p> 297<p>Examine factors, including risk behaviors, environmental elements, access to care, and others.</p> 298</div>
299<script data-bslib-card-init="">bslib.Card.initializeAllCards();</script>
299 300</div> 301</div> 302<div class="bslib-grid-item bslib-gap-spacing html-fill-container"> 303<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container green" data-bslib-card-init="" data-require-bs-caller="card()" data-require-bs-version="5"> 304<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;"> 305<img src="img/view_local_stats_1.svg"> 306<p class="green-card-title">View Local Statistics</p> 307<p>Find out how cancer affects your neighborhood by looking at cancer incidence, late stage diagnosis, mortality, and years of potential life lost.</p> 308</div>
309<script data-bslib-card-init="">bslib.Card.initializeAllCards();</script>
309 310</div> 311</div> 312<div class="bslib-grid-item bslib-gap-spacing html-fill-container"> 313<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container green" data-bslib-card-init="" data-require-bs-caller="card()" data-require-bs-version="5"> 314<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;"> 315<img src="img/identify_disparities_1.svg"> 316<p class="green-card-title">Identify Variability in Disease Burden</p> 317<p>Explore a variety of indicators, including sociodemographics, screening rates, prevalence of other chronic disease, and more.</p> 318</div>
319<script data-bslib-card-init="">bslib.Card.initializeAllCards();</script>
319 320</div> 321</div> 322</div> 323</div> 324</div> 325<div class="cell"> 326<style type="text/css"> 327div.col_wrap div.bslib-column-wrap { 328 display: grid; 329} 330</style> 331</div> 332 333 334 335</main> <!-- /main -->
336<script id="quarto-html-after-body" type="application/javascript"> 337 window.document.addEventListener("DOMContentLoaded", function (event) { 338 const icon = "î§"; 339 const anchorJS = new window.AnchorJS(); 340 anchorJS.options = { 341 placement: 'right', 342 icon: icon 343 }; 344 anchorJS.add('.anchored'); 345 const isCodeAnnotation = (el) => { 346 for (const clz of el.classList) { 347 if (clz.startsWith('code-annotation-')) { 348 return true; 349 } 350 } 351 return false; 352 } 353 const onCopySuccess = function(e) { 354 // button target 355 const button = e.trigger; 356 // don't keep focus 357 button.blur(); 358 // flash "checked" 359 button.classList.add('code-copy-button-checked'); 360 var currentTitle = button.getAttribute("title"); 361 button.setAttribute("title", "Copied!"); 362 let tooltip; 363 if (window.bootstrap) { 364 button.setAttribute("data-bs-toggle", "tooltip"); 365 button.setAttribute("data-bs-placement", "left"); 366 button.setAttribute("data-bs-title", "Copied!"); 367 tooltip = new bootstrap.Tooltip(button, 368 { trigger: "manual", 369 customClass: "code-copy-button-tooltip", 370 offset: [0, -8]}); 371 tooltip.show(); 372 } 373 setTimeout(function() { 374 if (tooltip) { 375 tooltip.hide(); 376 button.removeAttribute("data-bs-title"); 377 button.removeAttribute("data-bs-toggle"); 378 button.removeAttribute("data-bs-placement"); 379 } 380 button.setAttribute("title", currentTitle); 381 button.classList.remove('code-copy-button-checked'); 382 }, 1000); 383 // clear code selection 384 e.clearSelection(); 385 } 386 const getTextToCopy = function(trigger) { 387 const outerScaffold = trigger.parentElement.cloneNode(true); 388 const codeEl = outerScaffold.querySelector('code'); 389 for (const childEl of codeEl.children) { 390 if (isCodeAnnotation(childEl)) { 391 childEl.remove(); 392 } 393 } 394 return codeEl.innerText; 395 } 396 const clipboard = new window.ClipboardJS('.code-copy-button:not([data-in-quarto-modal])', { 397 text: getTextToCopy 398 }); 399 clipboard.on('success', onCopySuccess); 400 if (window.document.getElementById('quarto-embedded-source-code-modal')) { 401 const clipboardModal = new window.ClipboardJS('.code-copy-button[data-in-quarto-modal]', { 402 text: getTextToCopy, 403 container: window.document.getElementById('quarto-embedded-source-code-modal') 404 }); 405 clipboardModal.on('success', onCopySuccess); 406 } 407 var localhostRegex = new RegExp(/^(?:http|https):\/\/localhost\:?[0-9]*\//); 408 var mailtoRegex = new RegExp(/^mailto:/); 409 var filterRegex = new RegExp('/' + window.location.host + '/'); 410 var isInternal = (href) => { 411 return filterRegex.test(href) || localhostRegex.test(href) || mailtoRegex.test(href); 412 } 413 // Inspect non-navigation links and adorn them if external 414 var links = window.document.querySelectorAll('a[href]:not(.nav-link):not(.navbar-brand):not(.toc-action):not(.sidebar-link):not(.sidebar-item-toggle):not(.pagination-link):not(.no-external):not([aria-hidden]):not(.dropdown-item):not(.quarto-navigation-tool):not(.about-link)'); 415 for (var i=0; i<links.length; i++) { 416 const link = links[i]; 417 if (!isInternal(link.href)) { 418 // undo the damage that might have been done by quarto-nav.js in the case of 419 // links that we want to consider external 420 if (link.dataset.originalHref !== undefined) { 421 link.href = link.dataset.originalHref; 422 } 423 } 424 } 425 function tippyHover(el, contentFn, onTriggerFn, onUntriggerFn) { 426 const config = { 427 allowHTML: true, 428 maxWidth: 500, 429 delay: 100, 430 arrow: false, 431 appendTo: function(el) { 432 return el.parentElement; 433 }, 434 interactive: true, 435 interactiveBorder: 10, 436 theme: 'quarto', 437 placement: 'bottom-start', 438 }; 439 if (contentFn) { 440 config.content = contentFn; 441 } 442 if (onTriggerFn) { 443 config.onTrigger = onTriggerFn; 444 } 445 if (onUntriggerFn) { 446 config.onUntrigger = onUntriggerFn; 447 } 448 window.tippy(el, config); 449 } 450 const noterefs = window.document.querySelectorAll('a[role="doc-noteref"]'); 451 for (var i=0; i<noterefs.length; i++) { 452 const ref = noterefs[i]; 453 tippyHover(ref, function() { 454 // use id or data attribute instead here 455 let href = ref.getAttribute('data-footnote-href') || ref.getAttribute('href'); 456 try { href = new URL(href).hash; } catch {} 457 const id = href.replace(/^#\/?/, ""); 458 const note = window.document.getElementById(id); 459 if (note) { 460 return note.innerHTML; 461 } else { 462 return ""; 463 } 464 }); 465 } 466 const xrefs = window.document.querySelectorAll('a.quarto-xref'); 467 const processXRef = (id, note) => { 468 // Strip column container classes 469 const stripColumnClz = (el) => { 470 el.classList.remove("page-full", "page-columns"); 471 if (el.children) { 472 for (const child of el.children) {
473 stripColumnClz(child); 474 } 475 } 476 } 477 stripColumnClz(note) 478 if (id === null || id.startsWith('sec-')) { 479 // Special case sections, only their first couple elements 480 const container = document.createElement("div"); 481 if (note.children && note.children.length > 2) { 482 container.appendChild(note.children[0].cloneNode(true)); 483 for (let i = 1; i < note.children.length; i++) { 484 const child = note.children[i]; 485 if (child.tagName === "P" && child.innerText === "") { 486 continue; 487 } else { 488 container.appendChild(child.cloneNode(true)); 489 break; 490 } 491 } 492 if (window.Quarto?.typesetMath) { 493 window.Quarto.typesetMath(container); 494 } 495 return container.innerHTML 496 } else { 497 if (window.Quarto?.typesetMath) { 498 window.Quarto.typesetMath(note); 499 } 500 return note.innerHTML; 501 } 502 } else { 503 // Remove any anchor links if they are present 504 const anchorLink = note.querySelector('a.anchorjs-link'); 505 if (anchorLink) { 506 anchorLink.remove(); 507 } 508 if (window.Quarto?.typesetMath) { 509 window.Quarto.typesetMath(note); 510 } 511 if (note.classList.contains("callout")) { 512 return note.outerHTML; 513 } else { 514 return note.innerHTML; 515 } 516 } 517 } 518 for (var i=0; i<xrefs.length; i++) { 519 const xref = xrefs[i]; 520 tippyHover(xref, undefined, function(instance) { 521 instance.disable(); 522 let url = xref.getAttribute('href'); 523 let hash = undefined; 524 if (url.startsWith('#')) { 525 hash = url; 526 } else { 527 try { hash = new URL(url).hash; } catch {} 528 } 529 if (hash) { 530 const id = hash.replace(/^#\/?/, ""); 531 const note = window.document.getElementById(id); 532 if (note !== null) { 533 try { 534 const html = processXRef(id, note.cloneNode(true)); 535 instance.setContent(html); 536 } finally { 537 instance.enable(); 538 instance.show(); 539 } 540 } else { 541 // See if we can fetch this 542 fetch(url.split('#')[0]) 543 .then(res => res.text()) 544 .then(html => { 545 const parser = new DOMParser(); 546 const htmlDoc = parser.parseFromString(html, "text/html"); 547 const note = htmlDoc.getElementById(id); 548 if (note !== null) { 549 const html = processXRef(id, note); 550 instance.setContent(html); 551 } 552 }).finally(() => { 553 instance.enable(); 554 instance.show(); 555 }); 556 } 557 } else { 558 // See if we can fetch a full url (with no hash to target) 559 // This is a special case and we should probably do some content thinning / targeting 560 fetch(url) 561 .then(res => res.text()) 562 .then(html => { 563 const parser = new DOMParser(); 564 const htmlDoc = parser.parseFromString(html, "text/html"); 565 const note = htmlDoc.querySelector('main.content'); 566 if (note !== null) { 567 // This should only happen for chapter cross references 568 // (since there is no id in the URL) 569 // remove the first header 570 if (note.children.length > 0 && note.children[0].tagName === "HEADER") { 571 note.children[0].remove(); 572 } 573 const html = processXRef(null, note); 574 instance.setContent(html); 575 } 576 }).finally(() => { 577 instance.enable(); 578 instance.show(); 579 }); 580 } 581 }, function(instance) { 582 }); 583 } 584 let selectedAnnoteEl; 585 const selectorForAnnotation = ( cell, annotation) => { 586 let cellAttr = 'data-code-cell="' + cell + '"'; 587 let lineAttr = 'data-code-annotation="' + annotation + '"'; 588 const selector = 'span[' + cellAttr + '][' + lineAttr + ']'; 589 return selector; 590 } 591 const selectCodeLines = (annoteEl) => { 592 const doc = window.document; 593 const targetCell = annoteEl.getAttribute("data-target-cell"); 594 const targetAnnotation = annoteEl.getAttribute("data-target-annotation"); 595 const annoteSpan = window.document.querySelector(selectorForAnnotation(targetCell, targetAnnotation)); 596 const lines = annoteSpan.getAttribute("data-code-lines").split(","); 597 const lineIds = lines.map((line) => { 598 return targetCell + "-" + line; 599 }) 600 let top = null; 601 let height = null; 602 let parent = null; 603 if (lineIds.length > 0) { 604 //compute the position of the single el (top and bottom and make a div) 605 const el = window.document.getElementById(lineIds[0]); 606 top = el.offsetTop; 607 height = el.offsetHeight; 608 parent = el.parentElement.parentElement; 609 if (lineIds.length > 1) { 610 const lastEl = window.document.getElementById(lineIds[lineIds.length - 1]); 611 const bottom = lastEl.offsetTop + lastEl.offsetHeight; 612 height = bottom - top; 613 } 614 if (top !== null && height !== null && parent !== null) { 615 // cook up a div (if necessary) and position it 616 let div = window.document.getElementById("code-annotation-line-highlight"); 617 if (div === null) { 618 div = window.document.createElement("div"); 619 div.setAttribute("id", "code-annotation-line-highlight"); 620 div.style.position = 'absolute'; 621 parent.appendChild(div); 622 } 623 div.style.top = top - 2 + "px"; 624 div.style.height = height + 4 + "px"; 625 div.style.left = 0; 626 let gutterDiv = window.document.getElementById("code-annotation-line-highlight-gutter"); 627 if (gutterDiv === null) { 628 gutterDiv = window.document.createElement("div"); 629 gutterDiv.setAttribute("id", "code-annotation-line-highlight-gutter"); 630 gutterDiv.style.position = 'absolute'; 631 const codeCell = window.document.getElementById(targetCell); 632 const gutter = codeCell.querySelector('.code-annotation-gutter'); 633 gutter.appendChild(gutterDiv); 634 } 635 gutterDiv.style.top = top - 2 + "px"; 636 gutterDiv.style.height = height + 4 + "px"; 637 } 638 selectedAnnoteEl = annoteEl; 639 } 640 }; 641 const unselectCodeLines = () => { 642 const elementsIds = ["code-annotation-line-highlight", "code-annotation-line-highlight-gutter"]; 643 elementsIds.forEach((elId) => { 644 const div = window.document.getElementById(elId); 645 if (div) { 646 div.remove(); 647 } 648 }); 649 selectedAnnoteEl = undefined; 650 }; 651 // Handle positioning of the toggle 652 window.addEventListener( 653 "resize", 654 throttle(() => { 655 elRect = undefined; 656 if (selectedAnnoteEl) { 657 selectCodeLines(selectedAnnoteEl); 658 } 659 }, 10) 660 ); 661 function throttle(fn, ms) { 662 let throttle = false;
663 let timer; 664 return (...args) => { 665 if(!throttle) { // first call gets through 666 fn.apply(this, args); 667 throttle = true; 668 } else { // all the others get throttled 669 if(timer) clearTimeout(timer); // cancel #2 670 timer = setTimeout(() => { 671 fn.apply(this, args); 672 timer = throttle = false; 673 }, ms); 674 } 675 }; 676 } 677 // Attach click handler to the DT 678 const annoteDls = window.document.querySelectorAll('dt[data-target-cell]'); 679 for (const annoteDlNode of annoteDls) { 680 annoteDlNode.addEventListener('click', (event) => { 681 const clickedEl = event.target; 682 if (clickedEl !== selectedAnnoteEl) { 683 unselectCodeLines(); 684 const activeEl = window.document.querySelector('dt[data-target-cell].code-annotation-active'); 685 if (activeEl) { 686 activeEl.classList.remove('code-annotation-active'); 687 } 688 selectCodeLines(clickedEl); 689 clickedEl.classList.add('code-annotation-active'); 690 } else { 691 // Unselect the line 692 unselectCodeLines(); 693 clickedEl.classList.remove('code-annotation-active'); 694 } 695 }); 696 } 697 const findCites = (el) => { 698 const parentEl = el.parentElement; 699 if (parentEl) { 700 const cites = parentEl.dataset.cites; 701 if (cites) { 702 return { 703 el, 704 cites: cites.split(' ') 705 }; 706 } else { 707 return findCites(el.parentElement) 708 } 709 } else { 710 return undefined; 711 } 712 }; 713 var bibliorefs = window.document.querySelectorAll('a[role="doc-biblioref"]'); 714 for (var i=0; i<bibliorefs.length; i++) { 715 const ref = bibliorefs[i]; 716 const citeInfo = findCites(ref); 717 if (citeInfo) { 718 tippyHover(citeInfo.el, function() { 719 var popup = window.document.createElement('div'); 720 citeInfo.cites.forEach(function(cite) { 721 var citeDiv = window.document.createElement('div'); 722 citeDiv.classList.add('hanging-indent'); 723 citeDiv.classList.add('csl-entry'); 724 var biblioDiv = window.document.getElementById('ref-' + cite); 725 if (biblioDiv) { 726 citeDiv.innerHTML = biblioDiv.innerHTML; 727 } 728 popup.appendChild(citeDiv); 729 }); 730 return popup.innerHTML; 731 }); 732 } 733 } 734 }); 735 </script>
735 736</div> <!-- /content --> 737<footer class="footer"> 738 <div class="nav-footer"> 739 <div class="nav-footer-left"> 740<p>©2024 Sylvester Comprehensive Cancer Center</p> 741</div> 742 <div class="nav-footer-center"> 743 744 </div> 745 <div class="nav-footer-right"> 746 747 </div> 748 </div> 749</footer> 750 751 752 753 754</body></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.