-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_VerticalNavigation.html
279 lines (232 loc) · 16 KB
/
index_VerticalNavigation.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="basic science research, northweststtr, nwsttr, clinical research, solid tumors, Translational Research Program, solid tumor cancers, solid tumor translational research, Seattle Cancer Care Alliance, population-based research, solid tumor, STTR cancer, fred hutchinson cancer research center, seattle childrens hospital,
Computational Biology, Bioinformatics, Systems Biology, Statistics, Mathematics, Computer Science, Data Management, ATHENA, Health Informatics" />
<meta name="description" content="ATHENA: Approaches to Translational Health Experiments, Informatics, and Analysis" />
<meta name="robots" content="all" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="width" />
<meta property="og:title" content="ATHENA" />
<meta property="og:description" content="ATHENA: Approaches to Translational Health Experiments, Informatics, and Analysis" />
<title>ATHENA</title>
<link rel="stylesheet" href="css/clientlibs.min.css" type="text/css">
<script src="//code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/clientlibs.min.js"></script>
<!-- Typekit -->
<script type="text/javascript" src="//use.typekit.net/ead0eor.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<link href="css/chosen.min.css" media="screen" rel="stylesheet" type="text/css">
<script src="js/chosen.jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.unveil.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/slick/slick.css"/>
<script type="text/javascript" src="js/slick.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="js/d3.tip.v0.6.3.js"></script>
<script src="js/SearchDirectory.js"></script>
<link rel="stylesheet" type="text/css" href="css/dataTable.css">
<link rel="stylesheet" type="text/css" href="css/athena.css">
</head>
<body class="tk-proxima-nova landingpage page base homepage ">
<a href="#page_content" title="Jump to content"></a>
<a href="#global_nav" title="Jump to site-wide navigation"></a>
<a href="#section_navigation" title="Jump to navigation for this section"></a>
<!-- START BODY ELEMENT -->
<div class="body" id="body_element">
<!-- body contents -->
<div class="body_contents">
<div id="SEARCH_BARdiv" style="overflow:visible; width:100%;">
<!-- <div class="parsys mainPar"> -->
<div class="sitesearch">
<form id="QueryFreeForm" record="'search', {'keyword': '', 'results':'', 'executionTime':''}" style="width:30%;float:left" >
<input class="searchbox" maxlength="2048" id="QueryFreeInput" name="QueryText" placeholder="SEARCH for..." value="" type="text"/>
<input class="searchbutton" value=">" type="submit" style="float:left"/>
</form>
<div style="float:left;width:27%" class="filter">
<select multiple id="FilterInstitution" data-placeholder="from INSTITUTION...">
<option value="Fred Hutchinson">Fred Hutch</option>
<option value="University of Washington">U. of Washington</option>
<option value="Seattle Children's">Seattle Children's</option>
<option value="Sage">Sage</option>
<option value="ISB">ISB</option>
<option value="Cancer Research and Biostatistics">Cancer Research and Biostatistics</option>
</select>
<input class="searchbutton" value=">" type="submit"/>
</div>
<div style="float:left;width:25%" class="filter">
<select multiple id="FilterField" data-placeholder="SPECIALIZING in...">
<optgroup label="Disease Type">
<option value="Brain">Brain</option>
<option value="Breast">Breast</option>
<option value="Colon">Colon</option>
<option value="Head & Neck">Head & Neck</option>
<option value="Lung">Lung</option>
<option value="Ovary">Ovary</option>
<option value="Pancreas">Pancreas</option>
<option value="Prostate">Prostate</option>
<optgroup label="-omics">
<option value="Computational Biology">Computational Biology</option>
<option value="Bioinformatics">Bioinformatics</option>
<option value="Biostatistics">Biostatistics</option>
<option value="Applied Math">Applied Math</option>
<option value="Systems Biology">Systems Biology</option>
<option value="Structural Biology">Structural Biology</option>
<option value="Artificial Intelligence">NLP/Machine learning</option>
<option value="Computer Science">CS</option>
<option value="Bioengineering">Bioengineering</option>
<option value="Clinical Informatics">Clinical (Research) Informatics</option>
<option value="Epidemiology">Epidemiology</option>
<option value="Imaging">Imaging</option>
<option value="Public Health Informatics">Public Health Informatics</option>
<option value="Consumer Health Informatics">Consumer Health Informatics</option>
<option value="Health Informatics">Health Informatics</option>
<option value="Translational Bioinformatics">Translational Bioinformatics</option>
<option value="Adopter">Adopter</option>
</select>
<input class="searchbutton" value=">" type="submit"/>
</div>
<div id="ReportSearchFilterDiv" style="clear:both; color:#fff;">
<span id="NumberOfResultsDiv"></span>
<span id="SearchStringDiv"></span>
<span id="FilterStringDiv">
<span id="ReportInstFilterSpan"></span>
<span id="ReportFieldFilterSpan"></span>
</span>
</div>
</div> <!-- /sitesearch -->
<!-- </div> /parsys mainPar -->
</div> <!--/SEARCH_BARdiv -->
</div> <!--/body_contents -->
<div style="align:left;margin-left:auto; color:#fff;padding-top:15px;">
<div style="float:left; color:#fff; position:fixed;margin-top:80px">
<ul class="sidebar_nav" style="list-style-type: none;padding-left: 5px; padding-top:10px;cursor:pointer">
<li><span id="SearchSpan" class="sidebar_nav_not_selected">Search</span></li>
<li><span id="TableSpan" class="sidebar_nav_not_selected">Browse</span></li>
<li><span id="ProfileSpan" class="sidebar_nav_not_selected">Profile</span></li>
<li><span id="VisualizeSpan" class="sidebar_nav_not_selected">Visualize</span></li>
</ul>
</div>
<div class="body_contents" style="margin-top:15px; margin-left:auto">
<div id="HOMEdiv" class="MainFrameDiv" style="display:block">
<img src="images/wordCloud.png" alt="wordCloud" style="height:30%; width:90%;"/>
</div>
<div id="SEARCHdiv" class="MainFrameDiv" style="display:none">
<div id="SearchResults"></div>
</div>
<div id="TABLEdiv" class="MainFrameDiv" style="display:none">
<div id="DataTableDiv" style="width:100%; height:100%" >
<table cellpadding="0" cellspacing="0" border="0" class="display" id="DataTable"></table>
</div>
</div> <!-- /TABLEdiv -->
<div id="PROFILEdiv" class="MainFrameDiv" style="display:none">
<div id="ProfileDivTitle" style="clear:both;text-align:center">
<h2 >Create or Edit your Profile</h2>
(Requires email)
<!-- (Search for your name above to auto-populate the fields) -->
</div>
<div id="ProfileTemplate">
<div id='TemplateBio' style='background:#fff;color:#000;height:100%; overflow-x:auto'>
<form id='Profile_template' action='MAILTO:lmcferri@fredhutch.org?subject=Updated ATHENA Profile' method='post' enctype='text/plain' style='clear:both;margin-bottom:5px;border: solid black 2px; border-left:none; border-right:none; width:100%;height:100%; overflow-x:auto; line-height:2em '>
<!-- <div id=Profile_template_Picture style='float:left; min-width:10%;margin-left:5px;margin-right:5px;margin-top:5px'>
<img title='ProfilePicture' alt='ProfilePic' class='rsImg' style='max-height:125px; max-width:100px' src='/images/Photos/Photo Coming Soon.jpg'>
</div>
--> <div id=Profile_template_Info style='float:left; width:25%;margin-top:5px'>
<b>First Name*<input value='' class='TemplateBioSearchbox' name='First name' required style='width:50%;float:right' placeholder='Grace'><br/> Last Name* <input value=''class='TemplateBioSearchbox' name='Last name' style='width:50%;float:right' required placeholder='Hopper'></b><br/>Degrees<input value='' class='TemplateBioSearchbox' name='Degrees' style='width:50%;float:right' placeholder='PhD, MD'><br/><br/>
Institution<input value='' class='TemplateBioSearchbox' name='Institution' style='width:50%;float:right' placeholder='Yale'><br/>Title<input value='' name='Title' class='TemplateBioSearchbox' style='width:50%;float:right' placeholder='Associate Professor'>
</div>
<div id=Profile_template_Bio style='float:right; width:70%; position:relative; text-align:justify; margin-right:10px; height:100%'>
Bio<textarea class='TemplateBioSearchbox' value='' type='text' name='Bio' style='width:90%;float:right; min-height:150px;margin-top:5px' placeholder='Dr. Hopper was an American computer scientist and invented the first compiler for a computer programming language. She is credited for popularizing the term debugging for fixing computer glitches, inspired by an actual moth removed from the computer (from Wikipedia).'></textarea><br>
</div>
<input type='submit' class='SubmitProfile' value='Send' style='float:right;margin-right:5px; margin-top:5px;margin-bottom:5px' >
<input type='reset' class='SubmitProfile' value='Reset' style='float:right;margin-right:5px; margin-top:5px;margin-bottom:5px' >
</form>
</div>
</div>
</div>
<div id="VISUALIZEdiv" class="MainFrameDiv" style="display:none;">
<div id="MainGraph"></div>
<div id="GraphThumbnails" class="SliderThumbnails" style="max-height:150px; text-align:center;">
<h2>Choose a Plot Type:</h2>
<div id="BarplotThumb">Bar plot (work in progress) <img src="images/graphStills/BarPlot.png" style="max-height:150px"/></div>
<div id="LineplotThumb" style="opacity:0.5">Line plot (coming soon) <img src="images/graphStills/LinePlot.png" style="max-height:150px"/></div>
<div id="PieChartThumb" style="opacity:0.5">Pie chart (coming soon) <img src="images/graphStills/PieChart.png" style="max-height:150px"/> </div>
<div id="VennThumb" style="opacity:0.5">Venn diagram (coming soon) <img src="images/graphStills/VennDiagram.png" style="max-height:150px"/> </div>
<div id="WordCloudThumb" style="opacity:0.5">Word cloud (coming soon)<img src="images/graphStills/WordCloud.png" style="max-height:150px"/> </div>
<div id="NetworkThumb" style="opacity:0.5">Network (coming soon) <img src="images/graphStills/Network.png" style="max-height:150px"/> </div>
<div id="MapThumb" style="opacity:0.5"> Map (coming soon) <img src="images/graphStills/Map.png" style="max-height:150px"/> </div>
</div>
</div>
</div> <!-- /body_contents -->
</div><!-- /page_content -->
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<link rel="stylesheet" type="text/css"
href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<script type="text/javascript" src="d3/d3.js"></script>
<div id="header_element" class="header">
<div class="header_contents">
<nav><div class="utility_nav noprint">
<ul>
<li class="utility_home"><a href="/en.html">Home</a></li>
<li><a href="/en/about-sttr.html">About <span class="droptext">STTR</span></a></li>
<li><a href="/en/education-training.html">Training</a></li>
<li><a href="/en/diseases-we-treat.html">Diseases <span class="droptext">We Treat</span></a></li>
<li><a href="/en/donate.html">Donate</a></li>
<li><a href="https://share.fhcrc.org/sites/cancer-center/sttr/" target="_blank" title="Link to the members site opens in a new browser window">Members</a></li>
<li><a href="/en/contact-us.html">Contact <span class="droptext">Us</span></a></li>
<li class="search"> <a id="utility_nav_search_icon" href="/en/util/search.html">Search</a></li>
</ul>
<div id="utility_search" class="utility_search">
<div class="sitesearch">
<form id="utility_search_form" action="/en/util/search.html">
<input class="searchbox" type="text" value="" placeholder="Search this site..." name="q" maxlength="2048">
<input class="searchbutton" type="submit" value=">">
</form>
</div>
</div>
</div></nav><!-- /utility_nav -->
<div class="runningHeader">
<span id="HomeSpan" style="font-size:2em;font-family:sans-serif;cursor:pointer"><b>ATHENA:</b> </span>Approaches to Translational Health Experiments, iNformatics, and Analyses
</div>
<!-- <div class="logo">
<div class="logo_contents">
<a href="/en.html">
<img src="images/STTR_logo_240x67.jpg" alt="Solid Tumor Translational Research"/>
</a>
</div><!-- /logo_contents-->
</div> <!-- /logo -->
-->
</div><!-- /header_contents -->
</div><!-- /header_element -->
<!-- /header -->
<!-- footer -->
<footer><div id="footer_element" class="footer">
<div class="footer_content">
<!-- donate feature -->
<div id="footer-donate">
<a href="http://getinvolved.fhcrc.org/site/Donation2?df_id=5340&5340.donation=form1"><img class="rolloverImage" data-hover="images/STTR_footer_donate_button_over.png" src="images/STTR_footer_donate_button_stat.png" alt="Donate"/></a>
<script type="text/javascript" src="js/textimage.js"></script>
</div>
<div id="footer-logos">
<a href="http://www.fhcrc.org" target="_blank"><img width="235" height="80" src="images/logo-fred-hutchinson-cancer-research-center.png" alt="Fred Hutchinson Cancer Research Center"/></a>
<a href="http://www.uwmedicine.org" target="_blank"><img width="236" height="80" src="images/logo-university-of-washington-medicine.png" alt="UW Medicine"/></a>
<a href="http://www.seattlecca.org" target="_blank"><img width="219" height="80" src="images/logo-seattle-cancer-care-alliance.png" alt="Seattle Cancer Care Alliance"/></a>
</div>
<p class="copy">
<span class="nobreak">©2014 Fred Hutchinson Cancer Research Center</span>
<span class="nobreak">1100 Fairview Ave. N.,</span>
<span class="nobreak">P.O. Box 19024,</span>
<span class="nobreak">Seattle, WA 98109</span>
<br />
<a href="http://www.fhcrc.org/en/util/terms-privacy.html">Terms of Use & Privacy Policy</a>
</p>
</div><!-- /footer_content -->
</div></footer>
<!-- /footer -->
<!-- global non-blocking js last to avoid blocking
<script src="js/site-nonblocking.js" type="text/javascript"></script>
-->
</body>
</html>