1<!DOCTYPE html> 2 3 4<html lang="en"> 5<head> 6 7 <base href="/met_explore/"> 8 9 10 <!-- The following 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 11 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 12 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 13 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 14 <link rel="shortcut icon" href="/static/images/favicon.ico"/> 15 <title>FlyMet Peak Tissue Lists </title> 16 17 18 <!-- Any other additional things you want to include .. --> 19 20 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 20-21
20 21 <script async src="https://www.googletagmanager.com/gtag/js?id=
21UA-141755339-1
vendor: 16 bytes, lines 21-22
21"></script> 22
22<script> 23
vendor: 145 bytes, lines 23-26
23window.dataLayer = window.dataLayer || []; 24 function gtag(){dataLayer.push(arguments);} 25 gtag('js', new Date()); 26 gtag('config', '
26UA-141755339-1
vendor: 8 bytes, lines 26-27
26'); 27
27</script>
27 28 29 <link href="/static/bundles/base-fed8a6b90b3366ebc2e8.css" rel="stylesheet" /> 30 31 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> 32 <link href="https://fonts.googleapis.com/css?family=Sue+Ellen+Francisco" rel="stylesheet"> 33 <!-- <link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" /> --> 34 35 <link href="/static/bundles/peak_explorer-fed8a6b90b3366ebc2e8.css" rel="stylesheet" /> 36 37 38</head> 39<body role="document"> 40 <!-- Start of Navbar --> 41 <nav class="navbar navbar-expand-lg navbar-light bg-light"> 42 <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbar1" aria-controls="navbar1" aria-expanded="false" aria-label="Toggle navigation"> 43 <span class="navbar-toggler-icon"></span> 44 </button> 45 <span> 46 <div class="img-container"> 47 <a class="navbar-brand img_responsive" href="/met_explore/"> 48 <img src="/static/images/logojoy_logo3.png" alt="FlyMet_Logo"> 49 <div class="overlay"> 50 <span>Home</span> 51 </div> 52 </a> 53 </div> 54 </span> 55 <div class="collapse navbar-collapse justify-content-between" id="navbar1"> 56 <ul class="navbar-nav"> 57 <li class="nav-item"> 58 <a class="nav-link" href="/met_explore/about">About FlyMet</a> 59 </li> 60 <li class="nav-item"> 61 <a class="nav-link" href="/met_explore/met_ex_all/All">Metabolite Explorer</a> 62 </li> 63 <li class="nav-item"> 64 <a class="nav-link" href="/met_explore/peak_explorer/All">Peak Explorer</a> 65 </li> 66 <li class="nav-item"> 67 <a class="nav-link" href="/met_explore/pathway_explorer">Pathway Explorer</a> 68 </li> 69 <li class="nav-item"> 70 <a class="nav-link" href="/met_explore/gene_tissue_explorer/All">Gene Explorer</a> 71 </li> 72 <li class="nav-item"> 73 <a class="nav-link" href="/met_explore/feedback">Feedback</a> 74 </li> 75 <li class="nav-item"> 76 <a class="nav-link" href="/met_explore/">Home</a> 77 </li> 78 </ul> 79 <!-- <form class="form-inline my-2 my-lg-0"> 80 <input class="form-control mr-sm-2" type="text" placeholder="Search"> 81 <button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button> 82 </form> --> 83 </div> 84 </nav> 85<ul class="list-inline"> 86 <li class=" right list-inline-item"> 87 <img src="/static/images/bbscr_logo.png" alt="BBSCR logo" class = 'pt-2 pr-4 bbscr_logo'> 88 </li> 89 <li class="right list-inline-item"> 90 <img src="/static/images/glasgow_uni.jpg" alt="Glasow Uni logo" class = 'sponsor_logos'> 91</li> 92</ul> 93 94 95 96 <div class="container-fluid p-4"> 97 <!-- Splitting into two columns using flex to display the logo--> 98 <div class="logo_row"> 99 <div class="logo_main mt-4"> 100 <p class="lead"> 101 Investigate the the metabolite peaks found in <i> Drosophila </i> tissues and Aged Flies. 102 </p> 103 </div> 104 </div> 105 <!-- extra Tabs for Analysis type --> 106 <nav> 107 <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist"> 108 <a class="navdark nav-item nav-link active" href="/met_explore/peak_explorer/All">Tissues</a> 109 <a class="navdark nav-item nav-link" href="/met_explore/peak_age_explorer/All">Aged Flies</a> 110 </div> 111 </nav> 112 113 <!--Tabs to go to new pages--> 114 <div class="card text-center"> 115 <div class="card-header"> 116 117 <ul class="nav nav-tabs card-header-tabs"> 118 <li class="nav-item"> 119 <a class="nav-link active" href="/met_explore/peak_explorer/All">Intensities</a> 120 </li> 121 <li class="nav-item"> 122 <a id= "PeakCompare" class="nav-link" href="/met_explore/peak_ex_compare/All"> Tissue/Whole Comparisons</a> 123 </li> 124 <li class="nav-item"> 125 <a id = "MFCompare" class="nav-link" href="/met_explore/peak_mf_compare/All">M/F Comparisons</a> 126 </li> 127 </ul> 128 <div class="top-right" > 129 <p class ="title_text">Peak Explorer</p> 130 </div> 131 </div> 132 </div> 133 <div> 134 <p class="mt-4 mb-4" > 135 The average peak intensity levels found in different <i>Drosophila</i> tissues 136 </p> 137 </div> 138 139 <div class="card mt-4 p-2 pb-2 border border-table rounded"> 140 <div class="container-fluid pb-0" > 141 <div class="row pb-0"> 142 <div class="myspan80 p-2 mt-2"> 143 <p>Columns can be dragged to reorganise the data as required.</p> 144 <table id="peak_list" class="table-sm table-bordered table-hover table-striped nowrap" style="width:100%"> 145 <thead class="thead-light"> 146 <tr id = "columns"> 147 148 <th class = "col" >Peak ID</th> 149 150 <th class = "col" >m/z</th> 151 152 <th class = "col" >RT</th> 153 154 <th class = "col" >Accessory Gland (M)</th> 155 156 <th class = "col" >Brain (F)</th> 157 158 <th class = "col" >Brain (L)</th> 159 160 <th class = "col" >Brain (M)</th> 161 162 <th class = "col" >Carcass (F)</th> 163 164 <th class = "col" >Carcass (L)</th> 165 166 <th class = "col" >Carcass (M)</th> 167 168 <th class = "col" >Crop (F)</th> 169 170 <th class = "col" >Crop (M)</th> 171 172 <th class = "col" >Eye (F)</th> 173 174 <th class = "col" >Eye (M)</th> 175 176 <th class = "col" >Fat Body (F)</th> 177 178 <th class = "col" >Fat Body (L)</th> 179 180 <th class = "col" >Fat Body (M)</th> 181 182 <th class = "col" >Head (F)</th> 183 184 <th class = "col" >Head (M)</th> 185 186 <th class = "col" >Heart (F)</th> 187 188 <th class = "col" >Heart (M)</th> 189 190 <th class = "col" >Hemolymph (F)</th> 191 192 <th class = "col" >Hemolymph (L)</th> 193 194 <th class = "col" >Hemolymph (M)</th> 195 196 <th class = "col" >Hindgut (F)</th> 197 198 <th class = "col" >Hindgut (L)</th> 199 200 <th class = "col" >Hindgut (M)</th> 201 202 <th class = "col" >MSpermatheca (F)</th> 203 204 <th class = "col" >Midgut (F)</th> 205 206 <th class = "col" >Midgut (L)</th> 207 208 <th class = "col" >Midgut (M)</th> 209 210 <th class = "col" >Muscle (F)</th> 211 212 <th class = "col" >Muscle (M)</th> 213 214 <th class = "col" >Ovaries (F)</th> 215 216 <th class = "col" >Rectal Pad (F)</th> 217 218 <th class = "col" >Rectal Pad (M)</th> 219 220 <th class = "col" >Salivary Gland (F)</th> 221 222 <th class = "col" >Salivary Gland (L)</th> 223 224 <th class = "col" >Salivary Gland (M)</th> 225 226 <th class = "col" >Testes (M)</th> 227 228 <th class = "col" >Trachea (L)</th> 229 230 <th class = "col" >Tubules (F)</th> 231 232 <th class = "col" >Tubules (L)</th> 233 234 <th class = "col" >Tubules (M)</th> 235 236 <th class = "col" >VNC (F)</th> 237 238 <th class = "col" >VNC (M)</th> 239 240 <th class = "col" >VSpermatheca (F)</th> 241 242 <th class = "col" >Whole (F)</th> 243 244 <th class = "col" >Whole (L)</th> 245 246 <th class = "col" >Whole (M)</th> 247 248 </tr> 249 </thead> 250 </table> 251 </div> 252 253
254 <div class="myspan20 pl-2 pr-2 pt-2 rounded" style="height:100vh; overflow:scroll"> 255 <fieldset id="click_info" class="fieldset-details"> 256 <legend class="sidebar">Peak Annotations</legend> 257 <div class="p-2"> 258 <p class="m-2">Click on a peak to see the metabolites associated with it.</p> 259 </div> 260 </fieldset> 261 262 <fieldset class="peak_details fieldset-details"> 263 <legend class="sidebar">Peak Annotations</legend> 264 <div class="p-2"> 265 <p id ="peak_id"></p> 266 267 <div class="row"> 268 <div class ="col-6"> 269 <input type="radio" name="radio_adducts" id="filtered" autocomplete="off" checked=""> <small>M+H/M-H</small> 270 </div> 271 <div class ="col-6"> 272 <input type="radio" name="radio_adducts" id="all_adducts" autocomplete="off"><small>All adducts</small> 273 </div> 274 </div> 275 </div> 276 277 <hr class="my-3"> 278 279 280 <div id='dataDiv'> 281 282 </div> 283 </fieldset> 284 285 </div> 286 287 </div> 288 </div> 289 </div> 290 291 </div> 292 293 <!--end of main div--> 294 <!--Spacer so that content is not hidden--> 295 <div class="spacer"> 296 </div> 297 298 299 300 301<footer class="page-footer footer"> 302 <!--Image--> 303 <span> 304 <a href="/met_explore/"> 305 <img src="/static/images/FlyMet_logo_round.png" class="img-fluid-logos" alt="Logo"> 306 </a> 307 </span> 308 <span class = "footer_text align-middle"> 309 ...a metabolomics atlas for <i> Drosophila </i> 310 </span> 311 <span class="p-4 mr-5 float-right" > 312 <a href="mailto:[email protected]?Subject=Contact%20FlyMet">Contact us</a> 313 </span> 314</footer> 315
316<script src="/static/bundles/base-fed8a6b90b3366ebc2e8.js" ></script>
316 317 318
318<script type='text/javascript'> 319 var min_value = 619.0447387695 320 var max_value = 3652462656.0 321 var mean_value = 939433.4384075826 322 var peak_list = "All" 323 console.log(min_value, max_value, mean_value, peak_list) 324 325 </script>
325 326 327
327<script src="/static/bundles/peak_explorer-fed8a6b90b3366ebc2e8.js" ></script>
327 328 329 330</body> 331</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.