1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>Deafness Variation Database</title> 7 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 8
8<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ngl.js"></script>
8 9 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 10 11 <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"> 12
12<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
12 13 14 <!--
14<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
14 --> 15 16 17 <link rel="preload" as="style" href="https://deafnessvariationdatabase.org/build/assets/app-Dt0Blgoj.css" /><link rel="stylesheet" href="https://deafnessvariationdatabase.org/build/assets/app-Dt0Blgoj.css" data-navigate-track="reload" /> <link rel="preload" as="style" href="https://deafnessvariationdatabase.org/build/assets/navlink-CWB5S5G6.css" /><link rel="stylesheet" href="https://deafnessvariationdatabase.org/build/assets/navlink-CWB5S5G6.css" data-navigate-track="reload" /> <link rel="preload" as="style" href="https://deafnessvariationdatabase.org/build/assets/loading-BvsBmD9-.css" /><link rel="stylesheet" href="https://deafnessvariationdatabase.org/build/assets/loading-BvsBmD9-.css" data-navigate-track="reload" /> <link rel="modulepreload" href="https://deafnessvariationdatabase.org/build/assets/cards-flUAEUvI.js" />
17<script type="module" src="https://deafnessvariationdatabase.org/build/assets/cards-flUAEUvI.js" data-navigate-track="reload"></script>
17 <link rel="modulepreload" href="https://deafnessvariationdatabase.org/build/assets/ipgv-BvzPhI9w.js" />
17<script type="module" src="https://deafnessvariationdatabase.org/build/assets/ipgv-BvzPhI9w.js" data-navigate-track="reload"></script>
17 <link rel="preload" as="style" href="https://deafnessvariationdatabase.org/build/assets/variant-table-9i1y9qwb.css" /><link rel="modulepreload" href="https://deafnessvariationdatabase.org/build/assets/variant-table-a-xfOUaz.js" /><link rel="stylesheet" href="https://deafnessvariationdatabase.org/build/assets/variant-table-9i1y9qwb.css" data-navigate-track="reload" />
17<script type="module" src="https://deafnessvariationdatabase.org/build/assets/variant-table-a-xfOUaz.js" data-navigate-track="reload"></script>
17 18 19 <style> 20 .sidebar { 21 width: 260px; 22 position: fixed; 23 top: 0; 24 left: 0; 25 height: 100vh; 26 background: #000000; 27 padding-top: 0; 28 padding-left: 1rem; 29 padding-right: 1rem; 30 overflow-y: auto; 31 transition: transform 0.3s ease-in-out; 32 z-index: 1050; 33 } 34 35 .sidebar-overlay { 36 display: none; 37 position: fixed; 38 top: 0; 39 left: 0; 40 width: 100%; 41 height: 100%; 42 background: rgba(0, 0, 0, 0.5); 43 z-index: 1040; 44 } 45 46 .sidebar-toggle { 47 display: none; 48 background: none; 49 border: none; 50 font-size: 1.5rem; 51 z-index: 1100; 52 } 53 54 .search-modal { 55 display: none; 56 position: fixed; 57 top: 0; 58 left: 0; 59 width: 100vw; 60 height: 100vh; 61 background-color: rgba(0, 0, 0, 0.7); 62 z-index: 1100; 63 justify-content: center; 64 align-items: center; 65 } 66 67 .search-modal.show { 68 display: flex; 69 } 70 71 .search-form-wrapper { 72 background: white; 73 padding: 1rem; 74 border-radius: 0.5rem; 75 width: 90%; 76 max-width: 500px; 77 } 78 79 .mobile-search-icon { 80 display: none; 81 font-size: 1.5rem; 82 cursor: pointer; 83 } 84 85 @media (max-width: 1000px) { 86 .sidebar { 87 transform: translateX(-100%); 88 } 89 90 .sidebar.show { 91 transform: translateX(0); 92 } 93 94 .sidebar-overlay.show { 95 display: block; 96 } 97 98 .sidebar-toggle { 99 display: block; 100 } 101 102 .content { 103 margin-left: 0 !important; 104 } 105 106 .desktop-search { 107 display: none !important; 108 } 109 110 .mobile-search-icon { 111 display: inline-block; 112 } 113 } 114 115 </style> 116</head> 117<body class="bg-light"> 118<div class="sidebar-overlay" id="sidebarOverlay" onclick="toggleSidebar()"></div> 119 <div class="content sticky-top pages"> 120 <header class="d-flex justify-content-between align-items-center pages-header sticky-top" 121 style="top: 0; z-index: 1000; background-color: white;"> 122 <!-- Sidebar Toggle on Mobile --> 123 <button class="sidebar-toggle d-md-none position-absolute top-0 start-0 m-2" onclick="toggleSidebar()"> 124 <i class="bi bi-list"></i> 125 </button> 126 127 <!-- Left: Heading --> 128 <div class="ms-md-5"> 129 <h1 class="fw-bold pb-2 mb-2 mb-md-0"><a href="/" style="color: black; text-decoration: none;">Deafness Variation Database</a></h1> 130 </div> 131 132 <!-- Right: Search Form --> 133 <div class="d-flex align-items-center gap-2 justify-content-end "> 134 <div class="desktop-search position-absolute end-0 top-50 translate-middle-y me-4"> 135 <!--
135<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
135 --> 136<form method="GET" action="https://deafnessvariationdatabase.org/search" class="w-100"> 137 <div class="d-flex align-items-center gap-2 w-100"> 138 139 <input 140 type="text" 141 class="form-control flex-grow-1 search-hover h-100" 142 name="query" 143 placeholder="Search genes or coordinates by chr:pos, chr:pos-range, chr:pos:ref>alt" 144 value="" 145 > 146 <div class="flex-shrink:0;"> 147 <select name="build" class="form-select"> 148 <option value="GRCH38" >GRCh38</option> 149 <option value="GRCH37" >GRCh37</option> 150 </select> 151 </div> 152 153 <!-- <div x-data="{ build: 'GRCH38' }" class="flex-shrink-0 h-100"> 154 <input type="hidden" name="build" x-model="build"> 155 <button 156 title="Click to switch reference" 157 type="button" 158 class="btn h-100" 159 :class="build === 'GRCH38' ? 'btn-primary' : 'btn-outline-primary'" 160 @click="build = (build === 'GRCH38') ? 'GRCH37' : 'GRCH38'" 161 x-text="build" 162 ></button> 163 </div> --> 164 165 <button type="submit" class="btn btn-primary flex-shrink-0 h-100"> 166 <i class="bi bi-search"></i> 167 </button> 168 </div> 169</form> 170 </div> 171 <i class="bi bi-search mobile-search-icon d-md-none" onclick="toggleSearchModal()"></i> 172 </div> 173 174 </header> 175 176 <main class="container-xl px-4 py-4"> 177 <h3 class="fw-bold mt-4 border-bottom pb-2"> 178 B 179 </h3> 180 <br> 181 <div class="container"> 182 <div class="row mb-4"> 183 <div class="col-md-3"> 184 <div class="gene-section"> 185 <ul class="list-unstyled" id="B"> 186 <li class="py-1"> 187 <a href="/genes/BCS1L" class="text-dark text-decoration-none fs-3 fw-bold fst-italic"> 188 BCS1L 189 </a> 190 </li> 191 <li class="py-1"> 192 <a href="/genes/BDP1" class="text-dark text-decoration-none fs-3 fw-bold fst-italic"> 193 BDP1 194 </a> 195 </li> 196 <li class="py-1"> 197 <a href="/genes/BSND" class="text-dark text-decoration-none fs-3 fw-bold fst-italic"> 198 BSND 199 </a> 200 </li> 201 <li class="py-1"> 202 <a href="/genes/BTD" class="text-dark text-decoration-none fs-3 fw-bold fst-italic"> 203 BTD 204 </a> 205 </li> 206 </ul> 207 </div> 208 </div> 209 </div> 210 </div> 211 </main> 212</div> 213 214<div class="search-modal" id="searchModal"> 215 <div class="search-form-wrapper"> 216 <div class="mb-3"> 217 <!--
217<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
217 --> 218<form method="GET" action="https://deafnessvariationdatabase.org/search" class="w-100"> 219 <div class="d-flex align-items-center gap-2 w-100"> 220 221 <input 222 type="text" 223 class="form-control flex-grow-1 search-hover h-100" 224 name="query" 225 placeholder="Search genes or coordinates by chr:pos, chr:pos-range, chr:pos:ref>alt" 226 value="" 227 > 228 <div class="flex-shrink:0;"> 229 <select name="build" class="form-select"> 230 <option value="GRCH38" >GRCh38</option> 231 <option value="GRCH37" >GRCh37</option> 232 </select> 233 </div> 234 235 <!-- <div x-data="{ build: 'GRCH38' }" class="flex-shrink-0 h-100"> 236 <input type="hidden" name="build" x-model="build"> 237 <button 238 title="Click to switch reference" 239 type="button" 240 class="btn h-100" 241 :class="build === 'GRCH38' ? 'btn-primary' : 'btn-outline-primary'" 242 @click="build = (build === 'GRCH38') ? 'GRCH37' : 'GRCH38'" 243 x-text="build" 244 ></button> 245 </div> --> 246 247 <button type="submit" class="btn btn-primary flex-shrink-0 h-100"> 248 <i class="bi bi-search"></i> 249 </button> 250 </div> 251</form> 252 </div> 253 <div class="d-flex justify-content-between"> 254 <button type="submit" class="btn btn-primary">Search</button> 255 <button type="button" class="btn btn-secondary" onclick="toggleSearchModal()">Cancel</button> 256 </div> 257 </div> 258</div> 259 260<div class="sidebar" id="sidebar"> 261 <div class="morl-image-wrapper"> 262 <a href="https://morl.lab.uiowa.edu" title="MORL UIowa Website" target="_blank"> 263 <img src="https://deafnessvariationdatabase.org/assets/img/morl_white_cropped.png" class="morl-image" alt="MORL Logo"/> 264 </a> 265 </div> 266 <div class="sidebar-contents mt-3"> 267 <div class="letter-table"> 268 <h6 class="border-bottom" style="color:white;">Browse by Gene</h6> 269 <div class="letters"> 270 <div class="letter-flex"> 271 <a 272 href="https://deafnessvariationdatabase.org/genes/a" 273 class="letter " 274 > 275 A 276 </a> 277 <a 278 href="https://deafnessvariationdatabase.org/genes/b" 279 class="letter " 280 > 281 B 282 </a> 283 <a 284 href="https://deafnessvariationdatabase.org/genes/c" 285 class="letter " 286 > 287 C 288 </a> 289 <a 290 href="https://deafnessvariationdatabase.org/genes/d" 291 class="letter " 292 > 293 D 294 </a> 295 <a 296 href="https://deafnessvariationdatabase.org/genes/e" 297 class="letter " 298 > 299 E 300 </a> 301 <a 302 href="https://deafnessvariationdatabase.org/genes/f" 303 class="letter " 304 > 305 F 306 </a> 307 <a 308 href="https://deafnessvariationdatabase.org/genes/g" 309 class="letter " 310 > 311 G 312 </a> 313 <a 314 href="https://deafnessvariationdatabase.org/genes/h" 315 class="letter " 316 > 317 H 318 </a> 319 <a 320 href="https://deafnessvariationdatabase.org/genes/i" 321 class="letter " 322 > 323 I 324 </a> 325 <a 326 href="#" 327 class="letter disabled-letter" 328 > 329 J 330 </a> 331 <a 332 href="https://deafnessvariationdatabase.org/genes/k" 333 class="letter " 334 > 335 K 336 </a> 337 <a 338 href="https://deafnessvariationdatabase.org/genes/l" 339 class="letter " 340 > 341 L 342 </a> 343 <a 344 href="https://deafnessvariationdatabase.org/genes/m" 345 class="letter " 346 > 347 M 348 </a> 349 <a 350 href="https://deafnessvariationdatabase.org/genes/n" 351 class="letter " 352 > 353 N 354 </a> 355 <a 356 href="https://deafnessvariationdatabase.org/genes/o" 357 class="letter " 358 > 359 O 360 </a> 361 <a 362 href="https://deafnessvariationdatabase.org/genes/p" 363 class="letter " 364 > 365 P 366 </a> 367 <a 368 href="#" 369 class="letter disabled-letter" 370 > 371 Q 372 </a> 373 <a 374 href="https://deafnessvariationdatabase.org/genes/r" 375 class="letter " 376 > 377 R 378 </a> 379 <a 380 href="https://deafnessvariationdatabase.org/genes/s" 381 class="letter " 382 > 383 S 384 </a> 385 <a 386 href="https://deafnessvariationdatabase.org/genes/t" 387 class="letter " 388 > 389 T 390 </a> 391 <a 392 href="https://deafnessvariationdatabase.org/genes/u" 393 class="letter " 394 > 395 U 396 </a> 397 <a 398 href="#" 399 class="letter disabled-letter" 400 > 401 V 402 </a> 403 <a 404 href="https://deafnessvariationdatabase.org/genes/w" 405 class="letter " 406 > 407 W 408 </a> 409 <a 410 href="#" 411 class="letter disabled-letter" 412 > 413 X 414 </a> 415 <a 416 href="#" 417 class="letter disabled-letter" 418 > 419 Y 420 </a> 421 <a 422 href="#" 423 class="letter disabled-letter" 424 > 425 Z 426 </a> 427 </div> 428</div> </div> 429 <br> 430 <dl class="nav flex-column"> 431 <dt class="nav-item"><a class="nav-link" href="/">Home</a></dt> 432 <dt class="nav-item"><a class="nav-link" href="/new">What's New</a></dt> 433 <dt class="nav-item"><a class="nav-link" href="/classification">Classification</a></dt> 434 <dt class="nav-item"><a class="nav-link" href="/nomenclature">Nomenclature</a></dt> 435 <dt class="nav-item"><a class="nav-link" href="/sources">Sources</a></dt> 436 <dt class="nav-item"><a class="nav-link" href="/references">Cite Us</a></dt> 437 <dt class="nav-item"><a class="nav-link" href="/downloads">Downloads</a></dt> 438 <dt class="nav-item"><a class="nav-link" href="/help">Help</a></dt> 439 <dt class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></dt> 440 </dl> 441 </div> 442</div> 443 444<!-- <footer class="text-white bg-dark mt-5 pt-2 pb-1 small"> 445 <div class="container-fluid px-4"> 446 <div class="row align-items-center"> 447 <div class="col-md-10 text-center text-md-start"> 448 <p class="mb-0"> 449 <p><span>&copy; 2011&ndash;2026</span> <a href="http://www.medicine.uiowa.edu/morl/" title="MORL Homepage">The Molecular Otolaryngology and Renal Research Laboratories</a> at <a href="http://www.uiowa.edu" title="University of Iowa Homepage">The University of Iowa</a></p> 450 </p> 451 </div> 452 </div> 453 </div> 454</footer> 455 -->
456<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 456
456
457<script> 458 function toggleSidebar() { 459 document.getElementById('sidebar').classList.toggle('show'); 460 document.getElementById('sidebarOverlay').classList.toggle('show'); 461 } 462 463 function toggleSearchModal() { 464 document.getElementById('searchModal').classList.toggle('show'); 465 } 466</script>
466 467</body> 468</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.