copy over style set info

fhdsl · Jul 23, 2024 · 11cec35 · 11cec35
1 parent 2b7f39f
commit 11cec35
Show file tree

Hide file tree

Showing 8 changed files with 584 additions and 22 deletions.
diff --git a/README.md b/README.md
@@ -1,14 +1,14 @@
-# {Course Name}
+# Cancer Informatics Data Visualization in Practice
 
 This course was created from [this GitHub template](https://github.com/jhudsl/OTTR_Template).
 
-You can see the rendered course material here: {Link to rendered bookdown and/or to the Leanpub.}
+You can see the rendered course material here: https://hutchdatascience.org/DataViz_Practice/
 
 If you would like to contribute to this course material, take a look at the [OTTR documentation](https://www.ottrproject.org/).
 
 ## About this course
 
-This course introduces {info on what this course introduces}
+This ITN course focuses on practicing best practices in data visualization by discussing common graph types used within Cancer Informatics, building graphs (while employing best practices), showcasing ITCR tools that are helpful for data visualization of cancer research data, and providing additional resources for further visualization practice.
 
 ## Learning Objectives
 

diff --git a/_output.yml b/_output.yml
@@ -1,16 +1,18 @@
 bookdown::gitbook:
-  css: assets/style.css
+  css: assets/style_ITN.css
   includes:
-    before_body: assets/big-image.html
-    after_body: [assets/footer.html, assets/open-new-tab.html]
-    highlight: tango
+    before_body: assets/big-image-itcr.html
+    after_body: assets/footer.html
+  highlight: tango
   config:
     toc:
       collapse: section
       before: |
-       <a href="http://jhudatascience.org/"><img src="https://jhudatascience.org/images/dasl.png" style=" width: 80%; padding-left: 40px; padding-top: 8px; vertical-align: top "</a>
+       <a href="https://www.itcrtraining.org/"><img src="assets/ITN_logo.png" style="padding-left: 15px; padding-top: 8px;"</a>
       after: |
        <p style="text-align:center;"> <a href="https://www.ottrproject.org/" target="blank" > This content was published with</a> <a href="https://bookdown.org/" target="blank"> bookdown using</a> </p>
        <p style="text-align:center;"> <a href="https://github.com/jhudsl/OTTR_Template"> The OTTR Template by:</a></p>
        <p style="text-align:center;"> <a href="http://jhudatascience.org/"> The Johns Hopkins Data Science Lab </a></p>
+       <a href="http://jhudatascience.org/"><img src="https://jhudatascience.org/images/dasl.png" style=" width: 80%; filter: grayscale(100%); padding-left: 40px; padding-top: 8px; vertical-align: top "</a>
        <p style="text-align:center; font-size: 12px;"> <a href="https://github.com/rstudio4edu/rstudio4edu-book/"> Style adapted from: rstudio4edu-book </a> <a href ="https://creativecommons.org/licenses/by/2.0/"> (CC-BY 2.0) </a></p>
+       <p style="padding-left: 40px;"><div class="trapezoid" style = "padding-left: 40px;"><span>  <a href="https://forms.gle/hc8Xt3Y2Znjb6M4Y7"> Click here to provide feedback</a> <img src="assets/itcr_arrow.png" style=" width: 10%" ></span></div></p>
diff --git a/assets/ITN_favicon.ico b/assets/ITN_favicon.ico
diff --git a/assets/ITN_logo.png b/assets/ITN_logo.png
diff --git a/assets/big-image-itcr.html b/assets/big-image-itcr.html
@@ -0,0 +1,12 @@
+<head>
+  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0">
+  <!--script src="https://kit.fontawesome.com/6a26f47516.js"></script-->
+  <!--<script src="assets/hideOutput.js"></script>-->
+  <link href="assets/style_ITN.css" rel="stylesheet">
+</head>
+
+
+
+<div class="hero-image-container"> 
+  <img class= "hero-image" src="assets/itcr_main_image.png">
+</div>
diff --git a/assets/itcr_main_image.png b/assets/itcr_main_image.png