Update Dash logos in all dashBio apps (plotly#265)

* New Plotly/Dash logo.

* Update logo and header.

* Update Clustergram logo and header

* Update README.MD

* Update logo and readme.

* Update README.MD

* Update ManhattanPlot logo/header

* Update mol3d logo/header

* Update needleplot headers/logos

* Update oncoprint logo/header

* Update Speck logo/header

* Updated headers and logo's

* Whitespace fixes

* Update app.R

* Update app.R

* Create plotly-dash-bio-logo.png

* Added logo.png to assets for Alignment-Viewer

* Fixed css issue

* Update general-app-page.css

Author: HammadTheOne

apps/dashr-alignment-viewer/app.R

@@ -504,13 +504,13 @@ alignlayout <- htmlDiv(id="alignment-body", className="app-body",children=list(
 ###HEADER###
 header <- htmlDiv(children = list(
   htmlSpan(list(htmlA(
-    htmlImg(src='assets/index.png', 
-            height = '50', 
-            width = '50',
-            style = list('top' = '10', 'margin-left' = '10px')),
+    children = list(
+      htmlImg(src='assets/plotly-dash-bio-logo.png', height = '36', width = '180',
+              style = list('top' = '10', 'margin-left' = '10px', 'margin-top' = '20px', 'margin-right' = '20px'))
+    ),
     href='https://dash-bio.plotly.host/Portal/'
   ))),
-  "Dash Alignment Viewer",
+  "Alignment Viewer",
 
   htmlA(href="https://github.com/plotly/dash-sample-apps/blob/master/apps/dashr-alignment-viewer/app.R",
         style = list("color" = "white",

apps/dashr-alignment-viewer/assets/general-app-page.css

@@ -1,4 +1,4 @@
-@import "assets/openSansFont.css";
+@import "openSansFont.css";
 
 .dashbio-loading {
     display: inline-block;

apps/dashr-alignment-viewer/assets/plotly-dash-bio-logo.png

@@ -1 +1,32 @@
-Hello
+# DashR Clustergram
+
+## About this App:
+
+Clustergram is a combination of a heatmap and dendrograms that allows you to display hierarchical clustering data. Clusters on the dendrograms are highlighted in one color if they comprise data points that share some minimal level of correlation.
+
+In the "Data" tab, you can select a preloaded dataset to display or, alternatively, upload one of your own. A sample dataset is also available for download in the tab.
+
+In the "Graph" tab, you can choose the dimension(s) along which clustering will be performed (row or column). You can also change the threshold that determines the point at which clusters are highlighted for the row and column dendrograms, and choose which rows and columns are used to compute the clustering.
+
+In addition, you can highlight specific clusters by adding annotations to the clustergram, and choose whether to show or hide the labels for the rows and/or columns.
+
+Github Repo: [plotly/dash-sample-apps](https://github.com/plotly/dash-sample-apps/)
+
+
+## How to Run the App: 
+
+Clone the repository.
+
+Run `app.R`
+
+The app will load into your default browser window. If it does not, navigate to 127.0.0.1:8050.
+
+## Screenshots:
+
+![ClustergramMain.png](assets/ClustergramMain.png)
+
+
+## More:
+
+Learn more about Plotly and Dash [here](https://plot.ly/dash).
+#

apps/dashr-clustergram/README.MD

@@ -41,13 +41,12 @@ header <- htmlDiv(
     htmlA(
       id = "dashbio-logo",
       children = list(
-        htmlImg(
-          src = "assets/dashbio_logo_transparent.png" 
-        )
+        htmlImg(src='assets/plotly-dash-bio-logo.png', height = '36', width = '180',
+                style = list('top' = '10', 'margin-left' = '10px'))
       ),
       href = "/Portal"
     ),
-    htmlH2("Dash Clustergram"),
+    htmlH2("Clustergram"),
     htmlA(
       id = "gh-link",
       children = list("View on GitHub"),

apps/dashr-clustergram/Rplot001.jpg

@@ -259,7 +259,7 @@ listOfOptions <- lapply(chromosomes, function(x) {
         dccDropdown(
           className = 'ideogram-dropdown',
           id = 'displayed-chromosomes',
-          options = listOfoptions,
+          options = listOfOptions,
           multi = TRUE,
           value = listofchromosomes
         )
@@ -274,14 +274,14 @@ listOfOptions <- lapply(chromosomes, function(x) {
       dccDropdown(
         className = 'ideogram-dropdown',
         id = 'chr-select-1',
-        options = listofOptions , value = '1'
+        options = listOfOptions , value = '1'
       ),
 
       dccDropdown(
         className = 'ideogram-dropdown',
         id = 'chr-select-2',
         value = '2',
-        options = listofOptions
+        options = listOfOptions
       ),
 
       chromosome_div(
@@ -309,7 +309,7 @@ listOfOptions <- lapply(chromosomes, function(x) {
         dccDropdown(
           className = 'ideogram-dropdown',
           id = 'chr-brush',
-          options = listofOptions, value = 'X'
+          options = listOfOptions, value = 'X'
         )
       )),
 
@@ -547,11 +547,11 @@ listOfOptions <- lapply(chromosomes, function(x) {
 
   header <- htmlDiv(children = list(
     htmlSpan(list(htmlA(
-      htmlImg(src='assets/index.png', height = '50', width = '50',
-              style = list('top' = '10', 'margin-left' = '10px')),
+      htmlImg(src='assets/plotly-dash-bio-logo.png', height = '36', width = '180',
+              style = list('top' = '10', 'margin-left' = '10px', 'margin-right' = '15px')),
       href='https://dash-bio.plotly.host/Portal/'))),
 
-      "    Dash Ideogram",
+      "Ideogram",
 
 
       htmlA(href="http://github.com/plotly/dash-bio/blob/master/tests/dashbio_demos/app_ideogram.py",
@@ -1064,3 +1064,5 @@ if (appName != "") {
   app$run_server(showcase = TRUE)
 
 }
+
+  

apps/dashr-clustergram/app.R

@@ -1,4 +1,4 @@
-@import "assets/openSansFont.css";
+@import "openSansFont.css";
 
 .dashbio-loading {
     display: inline-block;