Skip to content
Snippets Groups Projects
Commit 8aa246d1 authored by Gervaise Henry's avatar Gervaise Henry :cowboy:
Browse files

Merge branch 'develop' into 'master' 

Develop

See merge request !9
parents 379f5444 0d1016e0
2 merge requests!11Master,!9Develop
Pipeline #5494 failed with stage
in 7 seconds
Hide whitespace changes
Inline Side-by-side
Showing
with 1611 additions and 150 deletions
data/scRNAseq_huPr_D/genes.json deleted 100644 → 0
+ 0
− 5
View file @ 379f5444
This source diff could not be displayed because it is too large. You can view the blob instead.
data/sc_data/hu_donor_pr_deep/genes.json 0 → 100644
+ 5
− 0
View file @ 8aa246d1
This source diff could not be displayed because it is too large. You can view the blob instead.
data/sc_data/hu_donor_pr_shallow/genes.json 0 → 100644
+ 5
− 0
View file @ 8aa246d1
This source diff could not be displayed because it is too large. You can view the blob instead.
layouts/custom/contact.html 0 → 100644
+ 41
− 0
View file @ 8aa246d1
{{ partial "header.html" . }}
<div class="header">
<h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2>
</div>
<div class="content">
<p style="text-align: center">
Questions about our research or need a tip on one of our protocols? Interested in collaborations? Email us,
mention any person, project, or activity of interest,and we will get back to you soon!
</p>
<hr>
<div style="text-align: center">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3353.0540362781526!2d-96.84412528424524!3d32.81733318923467!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864e9c04b088e599%3A0x2e63ea34f8b2150b!2sUT%20Southwestern%20Medical%20Center!5e0!3m2!1sen!2sus!4v1576207208811!5m2!1sen!2sus"
width="600" height="450" frameborder="0" style="border:0" allowfullscreen=""></iframe>
</div>
<hr>
<div style="text-align: center">
<i class="fa fa-map-marker"></i>
UT Southwestern Medical Center,<br>
Department of Urology,<br>
5323 Harry Hines Blvd,<br>
Mail Code: 9110,<br>
Dallas, TX 75390-9110<br>
</div>
<hr>
<div style="text-align: center">
<i class="fa fa-envelope-open"></i>
<a href="mailto: douglas.strand@utsouthwestern.edu">douglas.strand@utsouthwestern.edu</a>
</div>
<hr>
<div style="text-align: center">
<i class="fa fa-phone"></i>
214-648-6096
</div>
<hr>
</div>
{{ partial "footer.html" . }}
\ No newline at end of file
layouts/custom/data.html deleted 100644 → 0
+ 0
− 63
View file @ 379f5444
{{ partial "header.html" . }}
<div class="header">
<h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2>
</div>
<div class="content">
{{ .Content }}
</div>
{{ partial "footer.html" . }}
<head>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<style>
.ui-autocomplete {
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}
</style>
<script>
$(function(){
$("#lineage" ).selectmenu({width: 230});
});
$(function(){
$("#populations" ).selectmenu({width: 230});
});
$(function(){
var genes = {{ index .Site.Data.scRNAseq_huPr_D.genes }};
var selectedGene = $("#gene").autocomplete({
source: genes.genes,
maxResults: 10,
maxShowItems: 10,
minLength: 1,
});
});
$("#analysis").click(function (event) {
event.preventDefault();
var genes = {{ index .Site.Data.scRNAseq_huPr_D.genes }};
_gene = $('#gene').val().toUpperCase();
if($.inArray(_gene,genes.genes) < 0){
alert("Gene "+ _gene +" not exist in the data.")
return
}
<!-- alert(_gene) -->
document.getElementById("label.gene").innerHTML = _gene
document.getElementById("label.lineage").innerHTML = $("#lineage").val().toUpperCase() + " Cells"
document.getElementById("label.ClusterVis").innerHTML = "Cluster Visualization"
var img = document.getElementById("img.ClusterVis");
img.src="/images/scRNAseq_huPr_D/png/ID/" + $("#lineage").val() + "/" + $("#populations").val() + "/ClusterVis.png"
document.getElementById("label.Feature").innerHTML = "Feature Plot"
var img = document.getElementById("img.Feature");
img.src="/images/scRNAseq_huPr_D/png/Feature/" + $("#lineage").val() + "/genes/" + _gene + ".png"
document.getElementById("label.ViolinBox").innerHTML = "Violin Box Plot"
var img = document.getElementById("img.ViolinBox");
img.src="/images/scRNAseq_huPr_D/png/ViolinBox/" + $("#lineage").val() + "/" + $("#populations").val() + "/" + _gene + ".png"
return(_gene)
});
</script>
</head>
\ No newline at end of file
layouts/custom/hu.donor.deep.html 0 → 100644
+ 191
− 0
View file @ 8aa246d1
{{ partial "header.html" . }}
<div class="header">
<h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2>
</div>
<div class="content">
{{ .Content }}
</div>
<style>
.content {
margin: 0;
max-width: none;
}
.select {
float: top;
z-index: 1;
top: 0px;
background: #191818;
overflow-x: hidden;
padding: 8px 10px;
}
.columnS {
float: left;
text-align: center;
width: 50%;
}
.columnF {
float: left;
text-align: center;
width: 33.33%;
}
.row:after {
content: "";
display: table;
clear: both;
}
img {
max-width: 100%;
height: auto;
}
@media (max-width: 1000px) {
.columnS {
text-align: right;
width: 100%;
}
.columnF {
width: 100%;
}
br {
display: none;
}
}
</style>
<div class="content">
<div class="select">
<div class="columnS ui-widget">
<label for="gene" style="font-family:sans-serif; font-size:18px;"><b>Gene:</b></label>
<br>
<input id="gene" size="19">
</div>
<div class="columnS">
<label for="populations" style="font-size:18px;">
<b>Select a group of cell populations:</b>
</label>
<br>
<select name="populations" id="populations">
<option selected="selected" value="Population"> Cell Populations</option>
<option>Lineage</option>
<option value="Zone">Prostatic Zone</option>
<option>Patient</option>
</select>
</div>
<br>
<div style="text-align:center">
<button type="submit" id="analysis" class="btn btn-primary">Run Analysis</button>
</div>
<hr>
<div>
<span style="font-size:16px; font-weight:bold;">Experimental details:</span>
<br>
<span style="font-size:16px;">
Single Cell RNA-Sequencing was conducted on 32,194 cells from peripheral zone and transition zone from
the prostate of three 18-38 year old organ donors using the 10x Genomics platform. The cells were
clustered and identified by correlation of their transcriptomes to known cell types. Gene expression can
be compared by population identity, cell lineage, patient, or dissected prostatic zone. This data is the
result of additional sequencing done on the same samples post publication, and projected in UMAP space.
</span>
</div>
</div>
<div align="center">
<h1 id="label.gene">NO GENE SELECTED</h1>
<h2 id="label.populations"></h2>
<div class="columnF">
<h4 id="label.ClusterVis">
</h3>
<div class="img">
<img id="img.ClusterVis" src="" />
</div>
<br>
</div>
<div class="columnF">
<h4 id="label.Feature">
</h3>
<div class="img">
<img id="img.Feature" src="" />
</div>
<br>
</div>
<div class="columnF">
<h4 id="label.ViolinBox">
</h3>
<div class="img">
<img id="img.ViolinBox" src="" />
</div>
<br>
</div>
</div>
<hr>
<div align="left">
<div><span style="font-size:18px; font-weight:bold;">Publication found at:</span></div>
<div><span style="font-size:16px;"> <a href="https://www.ncbi.nlm.nih.gov/pubmed/?term=30566875"
target="_blank">Cell Reports</a></span></div>
<div><span style="font-size:18px; font-weight:bold;">Raw data found at:</span></div>
<div><span style="font-size:16px;"> <a href="https://www.ncbi.nlm.nih.gov/geo/query/acc.cgi?acc=GSE117403"
target="_blank">GEO:
GSE117403</a></span></div>
<div><span style="font-size:16px;"><a href="https://doi.org/10.25548/W-R8CM" target="_blank">GUDMAP:
W-R8CM</a></span></div>
</div>
</div>
{{ partial "footer.html" . }}
<head>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<style>
.ui-autocomplete {
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}
</style>
<script>
$(function () {
$("#populations").selectmenu({ width: 230 });
});
$(function () {
var genes = {{ index .Site.Data.sc_data.hu_donor_pr_deep.genes }};
var selectedGene = $("#gene").autocomplete({
source: genes.genes,
maxResults: 10,
maxShowItems: 10,
minLength: 1,
});
});
$("#analysis").click(function (event) {
event.preventDefault();
var genes = {{ index .Site.Data.sc_data.hu_donor_pr_deep.genes }};
_gene = $("#gene").val().toUpperCase();
if ($.inArray(_gene, genes.genes) < 0) {
alert("Gene " + _gene + " not exist in the data.")
return
}
document.getElementById("label.gene").innerHTML = _gene
document.getElementById("label.populations").innerHTML = "Separated by " + $("#populations").val().toUpperCase()
document.getElementById("label.ClusterVis").innerHTML = "Cluster Visualization"
var img = document.getElementById("img.ClusterVis");
img.src = "https://s3.us-east-2.amazonaws.com/images.gse117403.deep/images/" + $("#populations").val() + "/umap.png"
document.getElementById("label.Feature").innerHTML = "Feature Plot"
var img = document.getElementById("img.Feature");
img.src = "https://s3.us-east-2.amazonaws.com/images.gse117403.deep/images/umap/" + "genes/" + _gene + "_1.png"
document.getElementById("label.ViolinBox").innerHTML = "Violin Box Plot"
var img = document.getElementById("img.ViolinBox");
img.src = "https://s3.us-east-2.amazonaws.com/images.gse117403.deep/images/ViolinBox/" + $("#populations").val() + "/genes/" + _gene + "_1.png"
return (_gene)
});
</script>
</head>
\ No newline at end of file
layouts/custom/hu.donor.shallow.html 0 → 100644
+ 188
− 0
View file @ 8aa246d1
{{ partial "header.html" . }}
<div class="header">
<h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2>
</div>
<style>
.content {
margin: 0;
max-width: none;
}
.select {
float: top;
z-index: 1;
top: 0px;
background: #191818;
overflow-x: hidden;
padding: 8px 10px;
}
.columnS {
float: left;
text-align: center;
width: 50%;
}
.columnF {
float: left;
text-align: center;
width: 33.33%;
}
.row:after {
content: "";
display: table;
clear: both;
}
img {
max-width: 100%;
height: auto;
}
@media (max-width: 1000px) {
.columnS {
text-align: right;
width: 100%;
}
.columnF {
width: 100%;
}
br {
display: none;
}
}
</style>
<div class="content">
<div class="select">
<div class="columnS ui-widget">
<label for="gene" style="font-family:sans-serif; font-size:18px;"><b>Gene:</b></label>
<br>
<input id="gene" size="19">
</div>
<div class="columnS">
<label for="populations" style="font-size:18px;">
<b>Select a group of cell populations:</b>
</label>
<br>
<select name="populations" id="populations">
<option selected="selected" value="Population"> Cell Populations</option>
<option>Lineage</option>
<option value="Zone">Prostatic Zone</option>
<option>Patient</option>
</select>
</div>
<br>
<div style="text-align:center">
<button type="submit" id="analysis" class="btn btn-primary">Run Analysis</button>
</div>
<hr>
<div>
<span style="font-size:16px; font-weight:bold;">Experimental details:</span>
<br>
<span style="font-size:16px;">
Single Cell RNA-Sequencing was conducted on 32,194 cells from peripheral zone and transition zone from
the prostate of three 18-38 year old organ donors using the 10x Genomics platform. The cells were
clustered and identified by correlation of their transcriptomes to known cell types. Gene expression can
be compared by population identity, cell lineage, patient, or dissected prostatic zone. This is the
original sequencing depth published.
</span>
</div>
</div>
<div align="center">
<h1 id="label.gene">NO GENE SELECTED</h1>
<h2 id="label.populations"></h2>
<div class="columnF">
<h4 id="label.ClusterVis">
</h3>
<div class="img">
<img id="img.ClusterVis" src="" />
</div>
<br>
</div>
<div class="columnF">
<h4 id="label.Feature">
</h3>
<div class="img">
<img id="img.Feature" src="" />
</div>
<br>
</div>
<div class="columnF">
<h4 id="label.ViolinBox">
</h3>
<div class="img">
<img id="img.ViolinBox" src="" />
</div>
<br>
</div>
</div>
<hr>
<div align="left">
<div><span style="font-size:18px; font-weight:bold;">Publication found at:</span></div>
<div><span style="font-size:16px;"> <a href="https://www.ncbi.nlm.nih.gov/pubmed/?term=30566875"
target="_blank">Cell Reports</a></span></div>
<div><span style="font-size:18px; font-weight:bold;">Raw data found at:</span></div>
<div><span style="font-size:16px;"> <a href="https://www.ncbi.nlm.nih.gov/geo/query/acc.cgi?acc=GSE117403"
target="_blank">GEO:
GSE117403</a></span></div>
<div><span style="font-size:16px;"><a href="https://doi.org/10.25548/W-R8CM" target="_blank">GUDMAP:
W-R8CM</a></span></div>
</div>
</div>
{{ partial "footer.html" . }}
<head>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<style>
.ui-autocomplete {
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}
</style>
<script>
$(function () {
$("#populations").selectmenu({ width: 230 });
});
$(function () {
var genes = {{ index .Site.Data.sc_data.hu_donor_pr_shallow.genes }};
var selectedGene = $("#gene").autocomplete({
source: genes.genes,
maxResults: 10,
maxShowItems: 10,
minLength: 1,
});
});
$("#analysis").click(function (event) {
event.preventDefault();
var genes = {{ index .Site.Data.sc_data.hu_donor_pr_shallow.genes }};
_gene = $("#gene").val().toUpperCase();
if ($.inArray(_gene, genes.genes) < 0) {
alert("Gene " + _gene + " not exist in the data.")
return
}
document.getElementById("label.gene").innerHTML = _gene
document.getElementById("label.populations").innerHTML = "Separated by " + $("#populations").val().toUpperCase()
document.getElementById("label.ClusterVis").innerHTML = "Cluster Visualization"
var img = document.getElementById("img.ClusterVis");
img.src = "https://s3.us-east-2.amazonaws.com/data.images.gse117403/images/" + $("#populations").val() + "/tsne.png"
document.getElementById("label.Feature").innerHTML = "Feature Plot"
var img = document.getElementById("img.Feature");
img.src = "https://s3.us-east-2.amazonaws.com/data.images.gse117403/images/tsne/" + "genes/" + _gene + "_1.png"
document.getElementById("label.ViolinBox").innerHTML = "Violin Box Plot"
var img = document.getElementById("img.ViolinBox");
img.src = "https://s3.us-east-2.amazonaws.com/data.images.gse117403/images/ViolinBox/" + $("#populations").val() + "/genes/" + _gene + "_1.png"
return (_gene)
});
</script>
</head>
\ No newline at end of file
layouts/custom/people.html
+ 38
− 8
View file @ 8aa246d1
{{ partial "header.html" . }}
<div class="header">
<h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2>
</div>
<style>
@media (min-width: 1000px) {
.column {
float: left;
}
.left {
width: 25%;
}
.right {
width: 75%;
}
.row:after {
content: "";
display: table;
clear: both;
}
}
img.pic {
width: 175px;
padding: 7px;
......@@ -25,13 +34,34 @@
}
</style>
<div class="header">
<h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2>
</div>
<div class="content">
<div>
{{ range .Pages.ByWeight }}
<div class="current">
{{ range where .Pages.ByWeight "Params.current" true }}
<div class="row">
<h3><strong>{{.Params.name}} {{.Params.degree}}</strong></h3>
<h4>{{.Params.tit}}</h4>
{{ if not (eq .Params.orcid "") }}
<p>
<a href="https://orcid.org/{{.Params.orcid}}" target="_blank"><img
src="https://orcid.org/sites/default/files/images/orcid_16x16.png">orcid.org/{{.Params.orcid}}</a>
</p>
{{ end }}
<div class="column left">
{{ if not (eq .Params.pic "") }}
<img src="images/{{.Params.pic}}" alt="" class="pic">
{{ end }}
</div>
<div class="column right" style="text-align: justify">
<p>{{.Content}}</p>
</div>
</div>
<hr><br>
{{end}}
</div>
<hr>
<h1>Former Members</h1>
<div class="former">
{{ range where .Pages.ByWeight "Params.current" false }}
<div class="row">
<h3><strong>{{.Params.name}} {{.Params.degree}}</strong></h3>
<h4>{{.Params.tit}}</h4>
......@@ -46,8 +76,8 @@
<img src="images/{{.Params.pic}}" alt="" class="pic">
{{ end }}
</div>
<div class="column right" style='text-align: justify;'>
<p >{{.Content}}</p>
<div class="column right" style="text-align: justify">
<p>{{.Content}}</p>
</div>
</div>
<hr><br>
......
layouts/custom/publications.html
+ 34
− 28
View file @ 8aa246d1
{{ partial "header.html" . }}
<div class="header">
<h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2>
</div>
<style>
@media (min-width: 1000px) {
.column {
float: left;
}
.left {
width: 25%;
}
.right {
width: 75%;
}
.row:after {
content: "";
display: table;
......@@ -19,39 +27,37 @@
}
</style>
<div class="header">
<h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2>
</div>
<div class="content">
<br>
<div>
{{ range first 10 (.Pages.ByParam "odate" ).Reverse }}
<div class="row">
<div class="column left">
<img src="images/{{.Params.ppic}}" alt="" width="100px;" style="border:5px double black; border-radius:20%;">
</div>
<div class="column right">
<h3>{{.Params.pname}}</h3>
</div>
<div class="row">
<div class="column left">
<img src="images/{{.Params.ppic}}" alt="" width="100px;"
style="border:5px double black; border-radius:20%;">
</div>
<div class="column right">
<h3>{{.Params.pname}}</h3>
</div>
{{ if not (eq .Params.ppubmed "") }}
<h4><i><a href="https://www.ncbi.nlm.nih.gov/pubmed?term={{.Params.ppubmed}}">
{{else}}
<h4><i><a href="{{.Params.plink}}">
{{end}}
{{.Params.pauthor}}, {{.Params.pjournal}}, {{.Params.pdate}}</a></i></h4>
{{ range first 1 .Params.prepo }}
{{ if not (eq .title "") }}
</div>
{{ if not (eq .Params.ppubmed "") }}
<h4><i><a href="https://www.ncbi.nlm.nih.gov/pubmed?term={{.Params.ppubmed}}" target="_blank">
{{else}}
<h4><i><a href="{{.Params.plink}}">
{{end}}
{{.Params.pauthor}}, {{.Params.pjournal}},{{.Params.pdate}}</a></i></h4>
{{ range first 1 .Params.prepo }}
{{ if not (eq .title "") }}
<u>Data Repository:</u><br>
{{end}}
{{end}}
{{ range .Params.prepo }}
{{ if not (eq .title "") }}
<a href="{{.loc}}">{{.title}}</a><br>
{{end}}
{{end}}
<hr><br>
{{end}}
{{end}}
{{end}}
{{ range .Params.prepo }}
{{ if not (eq .title "") }}
<a href="{{.loc}}" target="_blank">{{.title}}</a><br>
{{end}}
{{end}}
<hr><br>
{{end}}
</div>
</div>
......
layouts/custom/repository.html
+ 868
− 14
View file @ 8aa246d1
{{ partial "header.html" . }}
<div class="header">
<h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2>
</div>
<div class="content">
{{ .Content }}
</div>
{{ partial "footer.html" . }}
<head>
{{ partial "header.html" . }}
<div class="header">
<h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2>
</div>
<style>
.content {
margin: 0;
max-width: none;
}
.select {
float: top;
z-index: 1;
top: 0px;
color: #777;
background: #191818;
overflow-x: hidden;
padding: 8px 10px;
}
.panel_canvas {
width: 175px;
}
.icon {
font-size: 50px;
padding: 5px;
}
.row {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
th,
td {
padding: 5px 15px;
text-align: center;
}
.no_checkbox>i.jstree-checkbox {
display: none
}
</style>
<div class="content">
<div class="select">
<div id="jstree"></div>
</div>
<div style="color: grey; background-color: #191818;">
<h4 id="total"></h4>
<h5>Patients</h5>
</div>
<div style="color: grey; background-color: #191818;">
<h4 id="filters"></h4>
<h5>Filters</h5>
</div>
<p id="test">Test</p>
<hr>
<div>
<div class="row">
<div>
<div class="panel_canvas" style="text-align:center;">
<p>Disease Status</p>
<hr>
<canvas id="doughnut-dis" width="150" height="150"></canvas>
</div>
</div>
<div>
<div class="panel_canvas" style="text-align:center;">
<p>BMI</p>
<hr>
<canvas id="doughnut-bmi" width="150" height="150"></canvas>
</div>
</div>
<div>
<div class="panel_canvas" style="text-align:center;">
<p>Type 2 Diabetes</p>
<hr>
<canvas id="doughnut-t2d" width="150" height="150"></canvas>
</div>
</div>
<div>
<div class="panel_canvas" style="text-align:center;">
<p>Ethnicity</p>
<hr>
<canvas id="doughnut-eth" width="150" height="150"></canvas>
</div>
</div>
<div>
<div class="panel_canvas" style="text-align:center;">
<p>Age</p>
<hr>
<canvas id="doughnut-age" width="150" height="150"></canvas>
</div>
</div>
<div>
<div class="panel_canvas" style="text-align:center;">
<p>Prostate Volume</p>
<hr>
<canvas id="doughnut-prv" width="150" height="150"></canvas>
</div>
</div>
<div>
<div class="panel_canvas" style="text-align:center;">
<p>PSA</p>
<hr>
<canvas id="doughnut-psa" width="150" height="150"></canvas>
</div>
</div>
</div>
</div>
<hr>
<div class="container" align=center style="max-width: none;">
<table id="samplesTable" border="1">
<tr>
<th>Disease</th>
<th>ID</th>
<th>Age</th>
<th>Ethnicity</th>
</tr>
</table>
</div>
</div>
{{ partial "footer.html" . }}
<head>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<script>
$(function () {
var repo = {{ index .Site.Data.repository.repository }}
var filters = {{ index .Site.Data.repository.filters }}
$("#jstree").jstree({
"core": {
"data": filters,
"themes": {
"theme": "default",
"dots": false,
"icons": false
},
},
"checkbox": {
"keep_selected_style": false,
cascade: "",
three_state: false,
whole_node: false,
tie_selection: false
},
"plugins": ["themes", "checkbox"]
})
$("#jstree").bind("check_node.jstree uncheck_node.jstree", function (e, data) {
var checked = $("#jstree").jstree("get_checked")
var filter = []
for (i = 0; i < checked.length; i++) {
for (j = 0; j < filters.length; j++) {
if (checked[i] == filters[j].id) {
filter.push(filters[j].text)
}
}
}
filtered = filterRepo(repo, checked)
filterRepoGroups_out = filterRepoGroups(repo, filtered)
filtered_dis = filterRepoGroups_out[0]
filtered_bmi = filterRepoGroups_out[1]
filtered_t2d = filterRepoGroups_out[2]
filtered_eth = filterRepoGroups_out[3]
filtered_age = filterRepoGroups_out[4]
filtered_prv = filterRepoGroups_out[5]
filtered_psa = filterRepoGroups_out[6]
document.getElementById("total").innerHTML = filtered.length
if (checked.length == 0) {
document.getElementById("filters").innerHTML = "NO"
} else {
document.getElementById("filters").innerHTML = filter
}
filterDoughnut_out = filterDoughnut(filtered_bmi, filtered_t2d, filtered_eth, filtered_age, filtered_prv, filtered_psa)
doughnut_data_dis = filterDoughnut_out[0]
doughnut_data_bmi = filterDoughnut_out[1]
doughnut_data_t2d = filterDoughnut_out[2]
doughnut_data_eth = filterDoughnut_out[3]
doughnut_data_age = filterDoughnut_out[4]
doughnut_data_prv = filterDoughnut_out[5]
doughnut_data_psa = filterDoughnut_out[6]
dis.destroy()
dis = new Chart(document.getElementById("doughnut-dis"), { type: "doughnut", data: doughnut_data_dis, options: doughnut_options })
bmi.destroy()
bmi = new Chart(document.getElementById("doughnut-bmi"), { type: "doughnut", data: doughnut_data_bmi, options: doughnut_options })
t2d.destroy()
t2d = new Chart(document.getElementById("doughnut-t2d"), { type: "doughnut", data: doughnut_data_t2d, options: doughnut_options })
eth.destroy()
eth = new Chart(document.getElementById("doughnut-eth"), { type: "doughnut", data: doughnut_data_eth, options: doughnut_options })
age.destroy()
age = new Chart(document.getElementById("doughnut-age"), { type: "doughnut", data: doughnut_data_age, options: doughnut_options })
prv.destroy()
prv = new Chart(document.getElementById("doughnut-prv"), { type: "doughnut", data: doughnut_data_prv, options: doughnut_options })
psa.destroy()
psa = new Chart(document.getElementById("doughnut-psa"), { type: "doughnut", data: doughnut_data_psa, options: doughnut_options })
tableData(repo, filtered)
})
checked = []
filtered = filterRepo(repo, checked)
filterRepoGroups_out = filterRepoGroups(repo, filtered)
filtered_dis = filterRepoGroups_out[0]
filtered_bmi = filterRepoGroups_out[1]
filtered_t2d = filterRepoGroups_out[2]
filtered_eth = filterRepoGroups_out[3]
filtered_age = filterRepoGroups_out[4]
filtered_prv = filterRepoGroups_out[5]
filtered_psa = filterRepoGroups_out[6]
document.getElementById("total").innerHTML = filtered.length
document.getElementById("filters").innerHTML = "NO"
filterDoughnut_out = filterDoughnut(filtered_bmi, filtered_t2d, filtered_eth, filtered_age, filtered_prv, filtered_psa)
doughnut_data_dis = filterDoughnut_out[0]
doughnut_data_bmi = filterDoughnut_out[1]
doughnut_data_t2d = filterDoughnut_out[2]
doughnut_data_eth = filterDoughnut_out[3]
doughnut_data_age = filterDoughnut_out[4]
doughnut_data_prv = filterDoughnut_out[5]
doughnut_data_psa = filterDoughnut_out[6]
dis = new Chart(document.getElementById("doughnut-dis"), { type: "doughnut", data: doughnut_data_dis, options: doughnut_options })
bmi = new Chart(document.getElementById("doughnut-bmi"), { type: "doughnut", data: doughnut_data_bmi, options: doughnut_options })
t2d = new Chart(document.getElementById("doughnut-t2d"), { type: "doughnut", data: doughnut_data_t2d, options: doughnut_options })
eth = new Chart(document.getElementById("doughnut-eth"), { type: "doughnut", data: doughnut_data_eth, options: doughnut_options })
age = new Chart(document.getElementById("doughnut-age"), { type: "doughnut", data: doughnut_data_age, options: doughnut_options })
prv = new Chart(document.getElementById("doughnut-prv"), { type: "doughnut", data: doughnut_data_prv, options: doughnut_options })
psa = new Chart(document.getElementById("doughnut-psa"), { type: "doughnut", data: doughnut_data_psa, options: doughnut_options })
tableData(repo, filtered)
})
var doughnut_options = {
responsive: true,
legend: {
display: false
}
}
function filterRepo(repo, checked) {
filtered = []
filtered_dis = []
filtered_eth = []
filtered_age = []
filtered_bmi = []
filtered_t2d = []
filtered_bphsurg = []
filtered_ari = []
filtered_aril = []
filtered_prvol = []
filtered_repo_pr_cry = []
filtered_repo_pr_ff = []
filtered_repo_pr_ffpe = []
filtered_repo_pr_oct = []
filtered_repo_bl = []
filtered_repo_sv = []
filtered_repo_vd = []
filtered_repo_ut = []
for (i = 0; i < repo.length; i++) {
filtered.push(repo[i].PatientID)
if (checked.includes("disease.d")) {
if (repo[i]["Disease Status"] == "Donor") {
filtered_dis.push(repo[i].PatientID)
}
}
if (checked.includes("disease.b")) {
if (repo[i]["Disease Status"] == "BPH") {
filtered_dis.push(repo[i].PatientID)
}
}
if (checked.includes("disease.c")) {
if (repo[i]["Disease Status"] == "Cancer") {
filtered_dis.push(repo[i].PatientID)
}
}
if (!checked.includes("disease.d") && !checked.includes("disease.b") && !checked.includes("disease.c")) {
filtered_dis.push(repo[i].PatientID)
}
if (checked.includes("ethn.aa")) {
if (repo[i].Ethnicity == "AA") {
filtered_eth.push(repo[i].PatientID)
}
}
if (checked.includes("ethn.as")) {
if (repo[i].Ethnicity == "Asian") {
filtered_eth.push(repo[i].PatientID)
}
}
if (checked.includes("ethn.ca")) {
if (repo[i].Ethnicity == "Cauc") {
filtered_eth.push(repo[i].PatientID)
}
}
if (checked.includes("ethn.hi")) {
if (repo[i].Ethnicity == "Hisp") {
filtered_eth.push(repo[i].PatientID)
}
}
if (checked.includes("ethn.uk")) {
if (repo[i].Ethnicity == "unknown") {
filtered_eth.push(repo[i].PatientID)
}
}
if (!checked.includes("ethn.aa") && !checked.includes("ethn.as") && !checked.includes("ethn.ca") && !checked.includes("ethn.hi") && !checked.includes("ethn.uk")) {
filtered_eth.push(repo[i].PatientID)
}
if (checked.includes("age.40")) {
if (repo[i].Age < 41) {
filtered_age.push(repo[i].PatientID)
}
}
if (checked.includes("age.50")) {
if (repo[i].Age >= 41 && repo[i].Age < 51) {
filtered_age.push(repo[i].PatientID)
}
}
if (checked.includes("age.60")) {
if (repo[i].Age >= 51 && repo[i].Age < 61) {
filtered_age.push(repo[i].PatientID)
}
}
if (checked.includes("age.70")) {
if (repo[i].Age >= 61 && repo[i].Age < 71) {
filtered_age.push(repo[i].PatientID)
}
}
if (checked.includes("age.80")) {
if (repo[i].Age >= 71 && repo[i].Age < 81) {
filtered_age.push(repo[i].PatientID)
}
}
if (checked.includes("age.90")) {
if (repo[i].Age >= 81 && repo[i].Age < 91) {
filtered_age.push(repo[i].PatientID)
}
}
if (checked.includes("age.100")) {
if (repo[i].Age >= 91) {
filtered_age.push(repo[i].PatientID)
}
}
if (checked.includes("age.uk")) {
if (repo[i].Age == "unknown") {
filtered_age.push(repo[i].PatientID)
}
}
if (!checked.includes("age.40") && !checked.includes("age.50") && !checked.includes("age.60") && !checked.includes("age.70") && !checked.includes("age.80") && !checked.includes("age.90") && !checked.includes("age.100") && !checked.includes("age.uk")) {
filtered_age.push(repo[i].PatientID)
}
if (checked.includes("bmi.uw")) {
if (repo[i].BMI < 18.5) {
filtered_bmi.push(repo[i].PatientID)
}
}
if (checked.includes("bmi.nw")) {
if (repo[i].BMI >= 18.5 && repo[i].BMI < 25) {
filtered_bmi.push(repo[i].PatientID)
}
}
if (checked.includes("bmi.ow")) {
if (repo[i].BMI >= 25 && repo[i].BMI < 30) {
filtered_bmi.push(repo[i].PatientID)
}
}
if (checked.includes("bmi.ob")) {
if (repo[i].BMI >= 30 && repo[i].BMI < 35) {
filtered_bmi.push(repo[i].PatientID)
}
}
if (checked.includes("bmi.vo")) {
if (repo[i].BMI >= 35 && repo[i].BMI < 40) {
filtered_bmi.push(repo[i].PatientID)
}
}
if (checked.includes("bmi.so")) {
if (repo[i].BMI >= 40) {
filtered_bmi.push(repo[i].PatientID)
}
}
if (checked.includes("bmi.uk")) {
if (repo[i].BMI == "unknown") {
filtered_bmi.push(repo[i].PatientID)
}
}
if (!checked.includes("bmi.uw") && !checked.includes("bmi.nw") && !checked.includes("bmi.ow") && !checked.includes("bmi.ob") && !checked.includes("bmi.vo") && !checked.includes("bmi.so") && !checked.includes("bmi.uk")) {
filtered_bmi.push(repo[i].PatientID)
}
if (checked.includes("t2d.y")) {
if (repo[i]["Type 2 diabetes"] == 1) {
filtered_t2d.push(repo[i].PatientID)
}
}
if (checked.includes("t2d.n")) {
if (repo[i]["Type 2 diabetes"] == 0) {
filtered_t2d.push(repo[i].PatientID)
}
}
if (checked.includes("t2d.uk")) {
if (repo[i]["Type 2 diabetes"] == "unknown") {
filtered_t2d.push(repo[i].PatientID)
}
}
if (!checked.includes("t2d.y") && !checked.includes("t2d.n") && !checked.includes("t2d.uk")) {
filtered_t2d.push(repo[i].PatientID)
}
if (checked.includes("bphsurg.simp")) {
if (repo[i]["BPH surgery"] == "Simple") {
filtered_bphsurg.push(repo[i].PatientID)
}
}
if (checked.includes("bphsurg.turp")) {
if (repo[i]["BPH surgery"] == "TURP") {
filtered_bphsurg.push(repo[i].PatientID)
}
}
if (checked.includes("bphsurg.uk")) {
if (repo[i]["BPH surgery"] == "unknown") {
filtered_bphsurg.push(repo[i].PatientID)
}
}
if (!checked.includes("bphsurg.simp") && !checked.includes("bphsurg.turp") && !checked.includes("bphsurg.uk")) {
filtered_bphsurg.push(repo[i].PatientID)
}
if (checked.includes("5ari.y")) {
if (repo[i]["5ARI"] == 1) {
filtered_ari.push(repo[i].PatientID)
}
}
if (checked.includes("5ari.n")) {
if (repo[i]["5ARI"] == 0) {
filtered_ari.push(repo[i].PatientID)
}
}
if (checked.includes("5ari.uk")) {
if (repo[i]["5ARI"] == "unknown") {
filtered_ari.push(repo[i].PatientID)
}
}
if (!checked.includes("5ari.y") && !checked.includes("5ari.n") && !checked.includes("5ari.uk")) {
filtered_ari.push(repo[i].PatientID)
}
if (checked.includes("5aril.10")) {
if (repo[i]["5ARI length (months)"] < 10) {
filtered_aril.push(repo[i].PatientID)
}
}
if (checked.includes("5aril.20")) {
if (repo[i]["5ARI length (months)"] >= 10 && repo[i]["5ARI length (months)"] < 20) {
filtered_aril.push(repo[i].PatientID)
}
}
if (checked.includes("5aril.30")) {
if (repo[i]["5ARI length (months)"] >= 20) {
filtered_aril.push(repo[i].PatientID)
}
}
if (checked.includes("5aril.uk")) {
if (repo[i]["5ARI length (months)"] == "unknown") {
filtered_aril.push(repo[i].PatientID)
}
}
if (checked.includes("5aril.na")) {
if (repo[i]["5ARI length (months)"] == "na") {
filtered_aril.push(repo[i].PatientID)
}
}
if (!checked.includes("5aril.10") && !checked.includes("5aril.20") && !checked.includes("5aril.30") && !checked.includes("5aril.uk") && !checked.includes("5aril.na")) {
filtered_aril.push(repo[i].PatientID)
}
if (checked.includes("prvol.low")) {
if (repo[i]["Prostate volume"] < 31) {
filtered_prvol.push(repo[i].PatientID)
}
}
if (checked.includes("prvol.med")) {
if (repo[i]["Prostate volume"] >= 31 && repo[i]["Prostate volume"] < 81) {
filtered_prvol.push(repo[i].PatientID)
}
}
if (checked.includes("prvol.hi")) {
if (repo[i]["Prostate volume"] >= 81 && repo[i]["Prostate volume"] < 121) {
filtered_prvol.push(repo[i].PatientID)
}
}
if (checked.includes("prvol.vhi")) {
if (repo[i]["Prostate volume"] >= 121) {
filtered_prvol.push(repo[i].PatientID)
}
}
if (checked.includes("prvol.uk")) {
if (repo[i]["Prostate volume"] == "unknown") {
filtered_prvol.push(repo[i].PatientID)
}
}
if (!checked.includes("prvol.low") && !checked.includes("prvol.med") && !checked.includes("prvol.hi") && !checked.includes("prvol.vhi") && !checked.includes("prvol.uk")) {
filtered_prvol.push(repo[i].PatientID)
}
if (checked.includes("repo.pr.cry")) {
if (repo[i]["Cryopreserved single cells"] == 1) {
filtered_repo_pr_cry.push(repo[i].PatientID)
}
} else {
filtered_repo_pr_cry.push(repo[i].PatientID)
}
if (checked.includes("repo.pr.ff")) {
if (repo[i]["Flash frozen"] == 1) {
filtered_repo_pr_ff.push(repo[i].PatientID)
}
} else {
filtered_repo_pr_ff.push(repo[i].PatientID)
}
if (checked.includes("repo.pr.ffpe")) {
if (repo[i]["Paraffin block"] == 1) {
filtered_repo_pr_ffpe.push(repo[i].PatientID)
}
} else {
filtered_repo_pr_ffpe.push(repo[i].PatientID)
}
if (checked.includes("repo.pr.oct")) {
if (repo[i]["OCT block"] == 1) {
filtered_repo_pr_oct.push(repo[i].PatientID)
}
} else {
filtered_repo_pr_oct.push(repo[i].PatientID)
}
if (checked.includes("repo.bl")) {
if (repo[i]["Matching bladder"] == 1) {
filtered_repo_bl.push(repo[i].PatientID)
}
} else {
filtered_repo_bl.push(repo[i].PatientID)
}
if (checked.includes("repo.sv")) {
if (repo[i]["Matching Seminal vesicle"] == 1) {
filtered_repo_sv.push(repo[i].PatientID)
}
} else {
filtered_repo_sv.push(repo[i].PatientID)
}
if (checked.includes("repo.vd")) {
if (repo[i]["Matching vas deferens"] == 1) {
filtered_repo_vd.push(repo[i].PatientID)
}
} else {
filtered_repo_vd.push(repo[i].PatientID)
}
if (checked.includes("repo.ut")) {
if (repo[i]["Matching ureter"] == 1) {
filtered_repo_ut.push(repo[i].PatientID)
}
} else {
filtered_repo_ut.push(repo[i].PatientID)
}
}
filtered = intersect(filtered, filtered_dis)
filtered = intersect(filtered, filtered_eth)
filtered = intersect(filtered, filtered_age)
filtered = intersect(filtered, filtered_bmi)
filtered = intersect(filtered, filtered_t2d)
filtered = intersect(filtered, filtered_bphsurg)
filtered = intersect(filtered, filtered_ari)
filtered = intersect(filtered, filtered_aril)
filtered = intersect(filtered, filtered_prvol)
filtered = intersect(filtered, filtered_repo_pr_cry)
filtered = intersect(filtered, filtered_repo_pr_ff)
filtered = intersect(filtered, filtered_repo_pr_ffpe)
filtered = intersect(filtered, filtered_repo_pr_oct)
filtered = intersect(filtered, filtered_repo_bl)
filtered = intersect(filtered, filtered_repo_sv)
filtered = intersect(filtered, filtered_repo_vd)
filtered = intersect(filtered, filtered_repo_ut)
filtered = filtered.filter(onlyUnique)
if (checked.length == 0) {
filtered = []
for (i = 0; i < repo.length; i++) {
filtered.push(repo[i].PatientID)
}
}
document.getElementById("test").innerHTML = ""
return filtered
}
function filterRepoGroups(repo, filtered) {
filtered_dis = []
filtered_dis_d = []
filtered_dis_b = []
filtered_dis_c = []
filtered_bmi = []
filtered_bmi_uw = []
filtered_bmi_nw = []
filtered_bmi_ow = []
filtered_bmi_ob = []
filtered_bmi_vo = []
filtered_bmi_so = []
filtered_bmi_uk = []
filtered_t2d = []
filtered_t2d_no = []
filtered_t2d_ys = []
filtered_t2d_uk = []
filtered_eth = []
filtered_eth_aa = []
filtered_eth_as = []
filtered_eth_ca = []
filtered_eth_hi = []
filtered_eth_uk = []
filtered_eth = []
filtered_eth_aa = []
filtered_eth_as = []
filtered_eth_ca = []
filtered_eth_hi = []
filtered_eth_uk = []
filtered_age = []
filtered_age_40 = []
filtered_age_50 = []
filtered_age_60 = []
filtered_age_70 = []
filtered_age_80 = []
filtered_age_90 = []
filtered_age_100 = []
filtered_age_uk = []
filtered_prv = []
filtered_prv_40 = []
filtered_prv_50 = []
filtered_prv_60 = []
filtered_prv_uk = []
filtered_psa = []
filtered_psa_nm = []
filtered_psa_lr = []
filtered_psa_hr = []
filtered_psa_uk = []
for (i = 0; i < repo.length; i++) {
if (filtered.includes(repo[i].PatientID)) {
if (repo[i]["Disease Status"] == "Donor") {
filtered_dis_d.push(repo[i].PatientID)
}
if (repo[i]["Disease Status"] == "BPH") {
filtered_dis_b.push(repo[i].PatientID)
}
if (repo[i]["Disease Status"] == "Cancer") {
filtered_dis_c.push(repo[i].PatientID)
}
if (repo[i].BMI < 18.5) {
filtered_bmi_uw.push(repo[i].PatientID)
}
if (repo[i].BMI >= 18.5 && repo[i].BMI < 25) {
filtered_bmi_nw.push(repo[i].PatientID)
}
if (repo[i].BMI >= 25 && repo[i].BMI < 30) {
filtered_bmi_ow.push(repo[i].PatientID)
}
if (repo[i].BMI >= 30 && repo[i].BMI < 35) {
filtered_bmi_ob.push(repo[i].PatientID)
}
if (repo[i].BMI >= 35 && repo[i].BMI < 40) {
filtered_bmi_vo.push(repo[i].PatientID)
}
if (repo[i].BMI >= 40) {
filtered_bmi_so.push(repo[i].PatientID)
}
if (repo[i].BMI == "unknown") {
filtered_bmi_uk.push(repo[i].PatientID)
}
if (repo[i]["Type 2 diabetes"] == 0) {
filtered_t2d_no.push(repo[i].PatientID)
}
if (repo[i]["Type 2 diabetes"] == 1) {
filtered_t2d_ys.push(repo[i].PatientID)
}
if (repo[i]["Type 2 diabetes"] == "unknown") {
filtered_t2d_uk.push(repo[i].PatientID)
}
if (repo[i].Ethnicity == "AA") {
filtered_eth_aa.push(repo[i].PatientID)
}
if (repo[i].Ethnicity == "Asian") {
filtered_eth_as.push(repo[i].PatientID)
}
if (repo[i].Ethnicity == "Cauc") {
filtered_eth_ca.push(repo[i].PatientID)
}
if (repo[i].Ethnicity == "Hisp") {
filtered_eth_hi.push(repo[i].PatientID)
}
if (repo[i].Ethnicity == "unknown") {
filtered_eth_uk.push(repo[i].PatientID)
}
if (repo[i].Age < 41) {
filtered_age_40.push(repo[i].PatientID)
}
if (repo[i].Age >= 41 && repo[i].Age < 51) {
filtered_age_50.push(repo[i].PatientID)
}
if (repo[i].Age >= 51 && repo[i].Age < 61) {
filtered_age_60.push(repo[i].PatientID)
}
if (repo[i].Age >= 61 && repo[i].Age < 71) {
filtered_age_70.push(repo[i].PatientID)
}
if (repo[i].Age >= 71 && repo[i].Age < 81) {
filtered_age_80.push(repo[i].PatientID)
}
if (repo[i].Age >= 81 && repo[i].Age < 91) {
filtered_age_90.push(repo[i].PatientID)
}
if (repo[i].Age >= 91) {
filtered_age_100.push(repo[i].PatientID)
}
if (repo[i].Age == "unknown") {
filtered_age_uk.push(repo[i].PatientID)
}
if (repo[i]["Prostate volume"] < 41) {
filtered_prv_40.push(repo[i].PatientID)
}
if (repo[i]["Prostate volume"] >= 41 && repo[i]["Prostate volume"] < 51) {
filtered_prv_50.push(repo[i].PatientID)
}
if (repo[i]["Prostate volume"] >= 51) {
filtered_prv_60.push(repo[i].PatientID)
}
if (repo[i]["Prostate volume"] == "unknown") {
filtered_prv_uk.push(repo[i].PatientID)
}
if (repo[i].PSA < 1) {
filtered_psa_nm.push(repo[i].PatientID)
}
if (repo[i].PSA >= 1 && repo[i].PSA < 3) {
filtered_psa_lr.push(repo[i].PatientID)
}
if (repo[i].PSA >= 3) {
filtered_psa_hr.push(repo[i].PatientID)
}
if (repo[i].PSA == "unknown") {
filtered_psa_uk.push(repo[i].PatientID)
}
}
}
filtered_dis = [filtered_dis_d.length, filtered_dis_b.length, filtered_dis_c.length]
filtered_bmi = [filtered_bmi_uw.length, filtered_bmi_nw.length, filtered_bmi_ow.length, filtered_bmi_ob.length, filtered_bmi_vo.length, filtered_bmi_so.length, filtered_bmi_uk.length]
filtered_t2d = [filtered_t2d_no.length, filtered_t2d_ys.length, filtered_t2d_uk.length]
filtered_eth = [filtered_eth_aa.length, filtered_eth_as.length, filtered_eth_ca.length, filtered_eth_hi.length, filtered_eth_uk.length]
filtered_age = [filtered_age_40.length, filtered_age_50.length, filtered_age_60.length, filtered_age_70.length, filtered_age_80.length, filtered_age_90.length, filtered_age_100.length, filtered_age_uk.length]
filtered_prv = [filtered_prv_40.length, filtered_prv_50.length, filtered_prv_60.length, filtered_prv_uk.length]
filtered_psa = [filtered_psa_nm.length, filtered_psa_lr.length, filtered_psa_hr.length, filtered_psa_uk.length]
return [
filtered_dis,
filtered_bmi,
filtered_t2d,
filtered_eth,
filtered_age,
filtered_prv,
filtered_psa
]
}
function filterDoughnut(filtered_bmi, filtered_t2d, filtered_eth, filtered_age, filtered_prv, filtered_psa) {
doughnut_data_dis = []
doughnut_data_bmi = []
doughnut_data_t2d = []
doughnut_data_eth = []
doughnut_data_age = []
doughnut_data_prv = []
doughnut_data_psa = []
doughnut_data_dis = {
labels: ["Donor (normal)", "BPH", "Prostate Cancer"],
datasets: [{
data: filtered_dis,
backgroundColor: ["#440154", "#21908C", "#FDE725"]
}]
}
doughnut_data_bmi = {
labels: ["Underweight", "Normal Weight", "Overweight", "Obese", "Very Obese", "Severely Obese", "Unknown"],
datasets: [{
data: filtered_bmi,
backgroundColor: ["#440154", "#443A83", "#31688E", "#21908C", "#35B779", "#8FD744", "#FDE725"]
}]
}
doughnut_data_t2d = {
labels: ["No", "Yes", "Unknown"],
datasets: [{
data: filtered_t2d,
backgroundColor: ["#440154", "#21908C", "#FDE725"]
}]
}
doughnut_data_eth = {
labels: ["African American", "Asian", "Caucasian", "Hispanic", "Unknown"],
datasets: [{
data: filtered_eth,
backgroundColor: ["#440154", "#3B528B", "#21908C", "#5DC863", "#FDE725"]
}]
}
doughnut_data_age = {
labels: ["0-40yo", "41-50yo", "51-60yo", "61-70yo", "71-80yo", "81-90yo", "91+yo", "Unknown"],
datasets: [{
data: filtered_age,
backgroundColor: ["#440154", "#46337E", "#365C8D", "#277F8E", "#1FA187", "#4AC16D", "#9FDA3A", "#FDE725"]
}]
}
doughnut_data_prv = {
labels: ["0-40cc", "41-50cc", "50+cc", "Unknown"],
datasets: [{
data: filtered_prv,
backgroundColor: ["#440154", "#31688E", "#35B779", "#FDE725"]
}]
}
doughnut_data_psa = {
labels: ["Normal", "Low Risk", "High Risk", "Unknown"],
datasets: [{
data: filtered_psa,
backgroundColor: ["#440154", "#31688E", "#35B779", "#FDE725"]
}]
}
return [
doughnut_data_dis,
doughnut_data_bmi,
doughnut_data_t2d,
doughnut_data_eth,
doughnut_data_age,
doughnut_data_prv,
doughnut_data_psa
]
}
function tableData(repo, fitered) {
let table = document.getElementById("samplesTable")
while (table.rows.length > 1) {
table.deleteRow(-1);
}
for (i = 0; i < repo.length; i++) {
if (filtered.includes(repo[i].PatientID)) {
let newRow = table.insertRow(-1)
var row_ds = newRow.insertCell(0)
var row_si = newRow.insertCell(1)
var row_ag = newRow.insertCell(2)
var row_et = newRow.insertCell(3)
row_ds.innerHTML = repo[i]["Disease Status"]
row_si.innerHTML = repo[i]["Study ID"]
row_ag.innerHTML = repo[i].Age
row_et.innerHTML = repo[i].Ethnicity
}
}
}
function onlyUnique(value, index, self) {
return self.indexOf(value) === index
}
function intersect(a, b) {
var t;
if (b.length > a.length) t = b, b = a, a = t;
return a.filter(function (e) {
return b.indexOf(e) > -1;
});
}
</script>
</head>
\ No newline at end of file
layouts/custom/research.html 0 → 100644
+ 136
− 0
View file @ 8aa246d1
{{ partial "header.html" . }}
<div class="header">
<h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2>
</div>
<style>
div.section:after {
content: "";
display: table;
clear: both;
}
div.fig {
padding: 1px;
border: 1px solid black;
margin: auto;
background-color: LightGrey;
}
div.fig img {
width: 500px;
max-width: 100%;
height: auto;
padding: 1px;
}
div.lab {
text-align: justify;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 1000px) {
div.fig {
float: left;
margin: 1px 10px 1px 1px;
}
br {
display: none;
}
}
</style>
<div class="content">
<div class="section">
<H1 align="center">Overview</H1>
<p style="text-align:justify; font-size:18px">
The main goals of the Strand lab are to create accurate cellular atlases of the human and mouse lower
urinary tract, characterize the molecular and cellular alterations in human lower urinary tract disease, and
build appropriate models of the human disease in novel mouse models.
</p>
</div>
<div class="section">
<H1 align="center">Benign Prostatic Hyperplasia</H1>
<div class="fig" style="max-width:250px">
<img src="/research.images/prostate.jpg" alt="prostate" class="img" />
<div class="lab">
<p>Cross-section of a prostate gland, showing the transition zone (TZ) and the peripheral zone (PZ)</p>
</div>
<p class="br"></p>
</div>
<p style="text-align:justify; font-size:18px">
A goal of the Strand laboratory is to understand the cellular and molecular biology of lower urinary tract
symptoms (LUTS) due to benign prostatic hyperplasia (BPH) or bladder dysfunction. BPH/LUTS is present in the
vast majority of men over 70 years old resulting in medical treatment or surgical intervention.
</p>
<p style="text-align:justify; font-size:18px">
We focus on translational questions related to progression of BPH/LUTS in order to develop new targets for
therapeutic intervention. In particular, we are interested in characterizing the cellular composition of
particular phenotypes that are resistant to current therapies. We use a combination of single cell RNA
sequencing, flow cytometry and immunohistochemistry on normal and diseased human specimens to build a
cellular atlas of prostate and bladder disease.
</p>
</div>
<div class="section">
<H1 align="center">Pathological Heterogeneity in BPH</H1>
<div class="fig" style="max-width:500px">
<img src="/research.images/pheno.jpg" alt="phenotypes" class="img" />
<div class="lab">
<p>Phenotypic diversity in BPH. Left: glandular enlargement. Middle: Stromal enlargement. Right: Mixed
type.</p>
</div>
</div>
<p style="text-align:justify; font-size:18px">
We believe that the basis for heterogeneous clinical responses in BPH is pathologic diversity. There are a
number of phenotypes evident across and even within patients. In one area, a patient can display a stromal
tumor while the other area display an epithelial nodule.
</p>
<p style="text-align:justify; font-size:18px">
Our goal is to provide a rational basis for therapeutically treating these individual phenotypes by
dissecting them macroscopically and then comparing their cell-specific molecular profiles to reduce the
noise of cellular heterogeneity and inflammation. Our first goal is to identify a cell or cells of origin
for the varying phenotypes by phenotyping the tissues with single cell RNA sequencing. This includes a
comprehensive evaluation of the immune and inflammatory infiltrate as well as fluctuations in epithelial and
stromal subpopulations.
</p>
<p style="text-align:justify; font-size:18px">
We are subsequently isolating the cell types of interest and performing molecular profiling. Based on these
targets, we will use our mouse and cell culture models to experimentally test our hypotheses.
</p>
</div>
<div class="section">
<H1 align="center">Clinical Heterogeneity in BPH</H1>
<p style="text-align:justify; font-size:18px">
It is clear from clinical trials of medications for BPH that personalized therapies will be needed due to
the highly variable responses. Typically, patients complaining of lower urinary tract symptoms are placed on
an alpha-adrenergic receptor blocker as a first line therapy due to its fast-acting relief of symptoms.
These drugs relieve smooth muscle tone and are most effective in patients with early stage disease
displaying a high smooth muscle to epithelial tissue composition. However, as the prostate enlarges,
epithelial nodules predominate the tissue decreasing the likelihood of alpha-blocker efficacy.
</p>
<p style="text-align:justify; font-size:18px">
The second-line therapy for BPH is a 5 alpha reductase inhibitor (5ARI), which induces epithelial apoptosis
by decreasing the levels of intra-prostatic dihyrotestosterone (DHT). This therapy is effective at reducing
prostate size by 25 percent in most patients.
</p>
<p style="text-align:justify; font-size:18px">
Importantly, either therapy only reduces symptomatic progression by 34 percent, suggesting
androgen-independent mechanisms of prostate growth and symptoms need to be targeted. Responses to current
drugs are further reduced in patients with obesity, diabetes, and dyslipidemia.
</p>
<p style="text-align:justify; font-size:18px">
These data suggest that there are further measures that are necessary for every patient, and completely
novel measures necessary for individual patients. Our goal is to characterize the cellular composition of
particular phenotypes, and more deeply understand the molecular changes driving these phenotypes. We use a
combination of single cell RNA sequencing, flow cytometry, and immunohistochemistry on specimens from young
organ donors and older men with prostatic enlargement.
</p>
</div>
</div>
{{ partial "footer.html" . }}
\ No newline at end of file
layouts/custom/sc.data.html 0 → 100644
+ 14
− 0
View file @ 8aa246d1
{{ partial "header.html" . }}
<div class="header">
<h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2>
</div>
<div class="content">
{{ range .Pages.ByWeight }}
<li><a href="{{.Permalink}}">{{.Params.name}}</a></li>
{{ end }}
</div>
{{ partial "footer.html" . }}
\ No newline at end of file
layouts/index.html
+ 2
− 2
View file @ 8aa246d1
......@@ -2,8 +2,8 @@
<div class="header">
<h1>{{ .Title }}</h1>
<h2><a href="{{ .Site.Params.isite }}">{{ .Site.Params.institution }}</a></h2>
<h3><a href="{{ .Site.Params.dsite }}">{{ .Site.Params.department }}</a></h3>
<h2><a href="{{ .Site.Params.isite }}" target="_blank">{{ .Site.Params.institution }}</a></h2>
<h3><a href="{{ .Site.Params.dsite }}" target="_blank">{{ .Site.Params.department }}</a></h3>
<h4>{{ .Site.Params.description }}</h3>
</div>
......
layouts/partials/social.html
+ 30
− 30
View file @ 8aa246d1
<div class="pure-menu social">
<ul class="pure-menu-list">
<!-- SNS microblogging -->
<!-- SNS microblogging -->
{{ with .Site.Social.twitter }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://twitter.com/{{ . }}" rel="me" target="_blank"><i class="fa fa-twitter-square fa-fw"></i>Twitter</a>
<a class="pure-menu-link" href="https://twitter.com/{{ . }}" rel="me" target="_blank"><i class="fab fa-twitter-square fa-fw"></i>Twitter</a>
</li>
{{ end }}
{{ with .Site.Social.gnusocial }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="{{ . }}" rel="me" target="_blank"><i class="fa fa-comment fa-fw"></i>GNU social</a>
<a class="pure-menu-link" href="{{ . }}" rel="me" target="_blank"><i class="fas fa-comment"></i>GNU social</a>
</li>
{{ end }}
{{ with .Site.Social.facebook }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://facebook.com/{{ . }}" rel="me" target="_blank"><i class="fa fa-facebook-square fa-fw"></i>Facebook</a>
<a class="pure-menu-link" href="https://facebook.com/{{ . }}" rel="me" target="_blank"><i class="fab fa-facebook-square fa-fw"></i>Facebook</a>
</li>
{{ end }}
{{ with .Site.Social.googleplus }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://plus.google.com/+{{ . }}" rel="me" target="_blank"><i class="fa fa-google-plus-square fa-fw"></i>Google+</a>
<a class="pure-menu-link" href="https://plus.google.com/+{{ . }}" rel="me" target="_blank"><i class="fab fa-google-plus-square fa-fw"></i>Google+</a>
</li>
{{ end }}
{{ with .Site.Social.weibo }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="http://weibo.com/{{ . }}" rel="me" target="_blank"><i class="fa fa-weibo fa-fw"></i>Weibo</a>
<a class="pure-menu-link" href="http://weibo.com/{{ . }}" rel="me" target="_blank"><i class="fab fa-weibo fa-fw"></i>Weibo</a>
</li>
{{ end }}
{{ with .Site.Social.tumblr }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://{{ . }}.tumblr.com/" rel="me" target="_blank"><i class="fa fa-tumblr-square fa-fw"></i>Tumblr</a>
<a class="pure-menu-link" href="https://{{ . }}.tumblr.com/" rel="me" target="_blank"><i class="fab fa-tumblr-square fa-fw"></i>Tumblr</a>
</li>
{{ end }}
......@@ -43,49 +43,49 @@
{{ with .Site.Social.instagram }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://instagram.com/{{ . }}" rel="me" target="_blank"><i class="fa fa-instagram fa-fw"></i>Instagram</a>
<a class="pure-menu-link" href="https://instagram.com/{{ . }}" rel="me" target="_blank"><i class="fab fa-instagram fa-fw"></i>Instagram</a>
</li>
{{ end }}
{{ with .Site.Social.flickr }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://flickr.com/photos/{{ . }}" rel="me" target="_blank"><i class="fa fa-flickr fa-fw"></i>Flickr</a>
<a class="pure-menu-link" href="https://flickr.com/photos/{{ . }}" rel="me" target="_blank"><i class="fab fa-flickr fa-fw"></i>Flickr</a>
</li>
{{ end }}
{{ with .Site.Social.photo500px }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://500px.com/{{ . }}" rel="me" target="_blank"><i class="fa fa-500px fa-fw"></i>500px</a>
<a class="pure-menu-link" href="https://500px.com/{{ . }}" rel="me" target="_blank"><i class="fab fa-500px fa-fw"></i>500px</a>
</li>
{{ end }}
{{ with .Site.Social.pinterest }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://pinterest.com/{{ . }}" rel="me" target="_blank"><i class="fa fa-pinterest-square fa-fw"></i>Pinterest</a>
<a class="pure-menu-link" href="https://pinterest.com/{{ . }}" rel="me" target="_blank"><i class="fab fa-pinterest-square fa-fw"></i>Pinterest</a>
</li>
{{ end }}
{{ with .Site.Social.youtube }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://youtube.com/user/{{ . }}" rel="me" target="_blank"><i class="fa fa-youtube-square fa-fw"></i>YouTube</a>
<a class="pure-menu-link" href="https://youtube.com/user/{{ . }}" rel="me" target="_blank"><i class="fab fa-youtube-square fa-fw"></i>YouTube</a>
</li>
{{ end }}
{{ with .Site.Social.vimeo }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://vimeo.com/{{ . }}" rel="me" target="_blank"><i class="fa fa-vimeo-square fa-fw"></i>Vimeo</a>
<a class="pure-menu-link" href="https://vimeo.com/{{ . }}" rel="me" target="_blank"><i class="fab fa-vimeo-square fa-fw"></i>Vimeo</a>
</li>
{{ end }}
{{ with .Site.Social.vine }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://vine.co/{{ . }}" rel="me" target="_blank"><i class="fa fa-vine fa-fw"></i>Vine</a>
<a class="pure-menu-link" href="https://vine.co/{{ . }}" rel="me" target="_blank"><i class="fab fa-vine fa-fw"></i>Vine</a>
</li>
{{ end }}
{{ with .Site.Social.slideshare }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="http://slideshare.net/{{ . }}" rel="me" target="_blank"><i class="fa fa-slideshare fa-fw"></i>SlideShare</a>
<a class="pure-menu-link" href="http://slideshare.net/{{ . }}" rel="me" target="_blank"><i class="fab fa-slideshare fa-fw"></i>SlideShare</a>
</li>
{{ end }}
......@@ -93,13 +93,13 @@
{{ with .Site.Social.linkedin }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://linkedin.com/in/{{ . }}" rel="me" target="_blank"><i class="fa fa-linkedin-square fa-fw"></i>LinkedIn</a>
<a class="pure-menu-link" href="https://linkedin.com/in/{{ . }}" rel="me" target="_blank"><i class="fab fa-linkedin"></i></i>LinkedIn</a>
</li>
{{ end }}
{{ with .Site.Social.xing }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://xing.com/profile/{{ . }}" rel="me" target="_blank"><i class="fa fa-xing-square fa-fw"></i>Xing</a>
<a class="pure-menu-link" href="https://xing.com/profile/{{ . }}" rel="me" target="_blank"><i class="fab fa-xing-square fa-fw"></i>Xing</a>
</li>
{{ end }}
......@@ -107,13 +107,13 @@
{{ with .Site.Social.reddit }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://reddit.com/user/{{ . }}" rel="me" target="_blank"><i class="fa fa-reddit-square fa-fw"></i>Reddit</a>
<a class="pure-menu-link" href="https://reddit.com/user/{{ . }}" rel="me" target="_blank"><i class="fab fa-reddit-square fa-fw"></i>Reddit</a>
</li>
{{ end }}
{{ with .Site.Social.hackernews }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://news.ycombinator.com/user?id={{ . }}" rel="me" target="_blank"><i class="fa fa-hacker-news fa-fw"></i>Hacker News</a>
<a class="pure-menu-link" href="https://news.ycombinator.com/user?id={{ . }}" rel="me" target="_blank"><i class="fab fa-hacker-news fa-fw"></i>Hacker News</a>
</li>
{{ end }}
......@@ -121,37 +121,37 @@
{{ with .Site.Social.github }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://github.com/{{ . }}" rel="me" target="_blank"><i class="fa fa-github-square fa-fw"></i>GitHub</a>
<a class="pure-menu-link" href="https://github.com/{{ . }}" rel="me" target="_blank"><i class="fab fa-github-square fa-fw"></i>GitHub</a>
</li>
{{ end }}
{{ with .Site.Social.gitlab }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://gitlab.com/{{ . }}" rel="me" target="_blank"><i class="fa fa-gitlab fa-fw"></i>GitLab</a>
<a class="pure-menu-link" href="https://gitlab.com/{{ . }}" rel="me" target="_blank"><i class="fab fa-gitlab fa-fw"></i>GitLab</a>
</li>
{{ end }}
{{ with .Site.Social.biohpcgitlab }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://git.biohpc.swmed.edu/{{ . }}" rel="me" target="_blank"><i class="fa fa-gitlab fa-fw"></i>GitLab</a>
<a class="pure-menu-link" href="https://git.biohpc.swmed.edu/{{ . }}" rel="me" target="_blank"><i class="fab fa-gitlab fa-fw"></i>GitLab</a>
</li>
{{ end }}
{{ with .Site.Social.bitbucket }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://bitbucket.org/{{ . }}" rel="me" target="_blank"><i class="fa fa-bitbucket-square fa-fw"></i>Bitbucket</a>
<a class="pure-menu-link" href="https://bitbucket.org/{{ . }}" rel="me" target="_blank"><i class="fab fa-bitbucket"></i>Bitbucket</a>
</li>
{{ end }}
{{ with .Site.Social.stackoverflow }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://stackoverflow.com/users/{{ . }}" rel="me" target="_blank"><i class="fa fa-stack-overflow fa-fw"></i>Stack Overflow</a>
<a class="pure-menu-link" href="https://stackoverflow.com/users/{{ . }}" rel="me" target="_blank"><i class="fab fa-stack-overflow fa-fw"></i>Stack Overflow</a>
</li>
{{ end }}
{{ with .Site.Social.serverfault }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://serverfault.com/users/{{ . }}" rel="me" target="_blank"><i class="fa fa-server fa-fw"></i>Server Fault</a>
<a class="pure-menu-link" href="https://serverfault.com/users/{{ . }}" rel="me" target="_blank"><i class="fab fa-server fa-fw"></i>Server Fault</a>
</li>
{{ end }}
......@@ -159,13 +159,13 @@
{{ with .Site.Social.steam }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://steamcommunity.com/id/{{ . }}" rel="me" target="_blank"><i class="fa fa-steam-square fa-fw"></i>Steam</a>
<a class="pure-menu-link" href="https://steamcommunity.com/id/{{ . }}" rel="me" target="_blank"><i class="fab fa-steam-square fa-fw"></i>Steam</a>
</li>
{{ end }}
{{ with .Site.Social.mobygames }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://www.mobygames.com/developer/sheet/view/developerId,{{ . }}" rel="me" target="_blank"><i class="fa fa-gamepad fa-fw"></i>MobyGames</a>
<a class="pure-menu-link" href="https://www.mobygames.com/developer/sheet/view/developerId,{{ . }}" rel="me" target="_blank"><i class="fas fa-gamepad"></i>MobyGames</a>
</li>
{{ end }}
......@@ -173,13 +173,13 @@
{{ with .Site.Social.lastfm }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="http://last.fm/user/{{ . }}" rel="me" target="_blank"><i class="fa fa-lastfm-square fa-fw"></i>Last.fm</a>
<a class="pure-menu-link" href="http://last.fm/user/{{ . }}" rel="me" target="_blank"><i class="fab fa-lastfm-square fa-fw"></i>Last.fm</a>
</li>
{{ end }}
{{ with .Site.Social.discogs }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://www.discogs.com/user/{{ . }}" rel="me" target="_blank"><i class="fa fa-music fa-fw"></i>Discogs</a>
<a class="pure-menu-link" href="https://www.discogs.com/user/{{ . }}" rel="me" target="_blank"><i class="fab fa-music fa-fw"></i>Discogs</a>
</li>
{{ end }}
......@@ -187,7 +187,7 @@
{{ with .Site.Social.keybase }}
<li class="pure-menu-item">
<a class="pure-menu-link" href="https://keybase.io/{{ . }}" rel="me" target="_blank"><i class="fa fa-key fa-fw"></i>Keybase</a>
<a class="pure-menu-link" href="https://keybase.io/{{ . }}" rel="me" target="_blank"><i class="fas fa-key"></i>Keybase</a>
</li>
{{ end }}
......
static/css/.sidenavRepository.css.swn 0 → 100644
+ 0
− 0
View file @ 8aa246d1
File added
static/css/.sidenavRepository.css.swo 0 → 100644
+ 0
− 0
View file @ 8aa246d1
File added
static/css/.sidenavRepository.css.swp 0 → 100644
+ 0
− 0
View file @ 8aa246d1
File added
static/css/sidenavRepository.css 0 → 100644
+ 59
− 0
View file @ 8aa246d1
/* the sidebar menu */
.sidenav {
width: 30% ;
position: fixed/* stay in place on scroll */
/* z-index:1; /* stay on top*/
top : 0; /* stay on top*/
left: 0; /* on left side of screen */
background: #eee;
padding-top: 2px;
padding-right:2px;
}
/* Sidenav filters */
.sidenav a, .dropdown-btn {
padding: 6px 6px 6px 6px;
text-decoration: none;
color: #818181;
display: block;
border: none;
background: none;
width:100%;
text-align: left;
cursor: pointer;
outline: none;
}
.numbers {
text-align: right;
padding: 0px 0px 0px 0px;
float: right;
}
#filter {
padding-left: 15px;
font-size: 85%;
clear: left;
}
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
color: #cacfd2 ;
}
/* Add an active class to the active dropdown button */
.active {
background-color: #909497 ;
color: white;
}
/*change style of sidebar on smaller screens */
@media screen and (max-height:450px){
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
static/images/.gitkeep 0 → 100644
+ 0
− 0
View file @ 8aa246d1
static/js/repoFilterLogic.js 0 → 100644
+ 0
− 0
View file @ 8aa246d1
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment