Skip to content

Commit 8c6fb64

Browse files
GammerdingerGammerdinger
committed
Built skeleton for workshop
0 parents  commit 8c6fb64

81 files changed

Lines changed: 13658 additions & 0 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.DS_Store‎

6 KB
Binary file not shown.

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/.quarto/

‎_quarto.yml‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
project:
2+
type: website
3+
output-dir: docs
4+
resources:
5+
- img/
6+
- css/
7+
- slides/
8+
9+
10+
website:
11+
title: "Introduction to RShiny"
12+
page-footer: >
13+
This lesson has been developed by members of the teaching team at the [Harvard Chan Bioinformatics Core (HBC)](http://bioinformatics.sph.harvard.edu/). <br>
14+
These are open access materials distributed under the terms of the [Creative Commons Attribution license](https://creativecommons.org/licenses/by/4.0/) (CC BY 4.0), which permits unrestricted use, distribution, and reproduction in any medium, provided the original author and source are credited. <br>
15+
16+
navbar:
17+
left:
18+
- text: "Schedule"
19+
href: lessons/schedule.qmd
20+
right:
21+
- text: "HBC"
22+
href: https://bioinformatics.sph.harvard.edu/
23+
- text: "GitHub"
24+
href: https://github.com/hbctraining/Intro-to-RShiny
25+
- text: "Contact us"
26+
href: mailto:hbctraining@hsph.harvard.edu
27+
28+
29+
sidebar:
30+
title: "Lessons" # Optional title above the sidebar
31+
style: "docked" # Sidebar is docked to the left
32+
collapse-level: 1 # At what header level to start collapsing
33+
# contents: auto # Creates automatic TOC from page headers (no sections)
34+
contents:
35+
36+
- section: "Day 1:"
37+
contents:
38+
- lessons/01_syntax_and_structure.qmd
39+
- lessons/02_inputs.qmd
40+
- lessons/03_visuals.qmd
41+
- lessons/04_uploading_downloading_data.qmd
42+
- section: "Day 2:"
43+
contents:
44+
- lessons/05_layouts.qmd
45+
- lessons/06_CSS.qmd
46+
- lessons/07_hosting.qmd
47+
- lessons/08_practical.qmd
48+
49+
format:
50+
html:
51+
theme: simplex
52+
css: css/styles.css
53+
fig-align: "center"
54+
toc: true
55+
number-sections: false
56+
code-block-bg: true
57+
code-copy: true # enables copy button (default in most themes)
58+
code-tools: true # enables the copy button!
59+
code-line-wrap: wrap
60+
google-analytics: UA-150953419-1
61+
prompt: true
62+
63+
# Global Execution Defaults
64+
execute:
65+
echo: true # show code
66+
eval: true # run code
67+
warning: false # show warnings
68+
error: false # show errors
69+
message: false # show messages
70+
prompt: true

‎css/styles.css‎

Lines changed: 117 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
/* Alternative rows in tables are gray */
2+
.table tr:nth-child(even) {
3+
background-color: #f5f5f5;
4+
}
5+
6+
7+
/* For Quarto code output blocks */
8+
.cell-output,
9+
.cell-output-stdout,
10+
.cell-output-stderr,
11+
.cell-output-display {
12+
background-color: #f5f5f5 !important; /* Light gray */
13+
padding: 0.5em 1em;
14+
border-radius: 5px;
15+
margin-bottom: 1em;
16+
}
17+
18+
19+
/* Stretch left footer across all columns for Quarto footers */
20+
footer.footer .nav-footer {
21+
display: block !important;
22+
max-width: 100vw;
23+
margin-left: calc(-50vw + 50%);
24+
margin-right: calc(-50vw + 50%);
25+
background: #f8f9fa;
26+
border-top: 1px solid #eee;
27+
text-align: left;
28+
padding: 1em 0.5em 1em 1.5em;
29+
box-sizing: border-box;
30+
}
31+
footer.footer .nav-footer-center {
32+
max-width: 100vw !important;
33+
padding: 0.5em;
34+
margin-left: 1em;
35+
margin-right: 1em;
36+
display: block !important;
37+
float: none !important;
38+
font-size: 1em;
39+
text-align: left;
40+
}
41+
footer.footer .nav-footer-left,
42+
footer.footer .nav-footer-right {
43+
display: none !important;
44+
}
45+
46+
47+
/* Harvard Crimson: #A51C30 */
48+
/* For Quarto Bootstrap dark navbars: */
49+
.navbar, .navbar-dark {
50+
background-color: #a51c30 !important;
51+
}
52+
53+
/* For navbar items and hover/focus states */
54+
.navbar .nav-link,
55+
.navbar .navbar-brand {
56+
color: #fff !important;
57+
}
58+
59+
.navbar .nav-link:hover,
60+
.navbar .nav-link:focus {
61+
color: #ffd700 !important; /* gold/yellow hover, optional */
62+
}
63+
64+
/* If your navbar is light/white by default, also force text to white: */
65+
.navbar-light .navbar-nav .nav-link,
66+
.navbar-light .navbar-brand {
67+
color: #fff !important;
68+
}
69+
70+
71+
/* Center all images that are direct children of the main content (not inside tables or callouts) */
72+
main img,
73+
.quarto-figure img {
74+
display: block;
75+
margin-left: auto;
76+
margin-right: auto;
77+
/* Optional: vertical space above/below */
78+
margin-top: 1em;
79+
margin-bottom: 1em;
80+
}
81+
82+
/* Remove the box styling */
83+
.quarto-title-block {
84+
background: none !important;
85+
box-shadow: none !important;
86+
border: none !important;
87+
padding: 0 !important;
88+
margin-bottom: 1em !important;
89+
text-align: left !important;
90+
}
91+
92+
/* Hide only the author, affiliation, date, subtitle, etc */
93+
.quarto-title-author,
94+
.quarto-title-affiliation,
95+
.quarto-title-date,
96+
.quarto-title-subtitle,
97+
.quarto-title-lang,
98+
.quarto-title-abstract,
99+
.quarto-title-meta,
100+
#quarto-article-details
101+
{
102+
display: none !important;
103+
}
104+
105+
/* Make sure images aren't larger than window size */
106+
107+
img {
108+
max-width: 100%;
109+
height: auto;
110+
display: block;
111+
}
112+
113+
/* Hide breadcrumbs for both possible classnames */
114+
.quarto-breadcrumbs,
115+
.quarto-page-breadcrumbs {
116+
display: none !important;
117+
}

‎docs/css/styles.css‎

Lines changed: 117 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
/* Alternative rows in tables are gray */
2+
.table tr:nth-child(even) {
3+
background-color: #f5f5f5;
4+
}
5+
6+
7+
/* For Quarto code output blocks */
8+
.cell-output,
9+
.cell-output-stdout,
10+
.cell-output-stderr,
11+
.cell-output-display {
12+
background-color: #f5f5f5 !important; /* Light gray */
13+
padding: 0.5em 1em;
14+
border-radius: 5px;
15+
margin-bottom: 1em;
16+
}
17+
18+
19+
/* Stretch left footer across all columns for Quarto footers */
20+
footer.footer .nav-footer {
21+
display: block !important;
22+
max-width: 100vw;
23+
margin-left: calc(-50vw + 50%);
24+
margin-right: calc(-50vw + 50%);
25+
background: #f8f9fa;
26+
border-top: 1px solid #eee;
27+
text-align: left;
28+
padding: 1em 0.5em 1em 1.5em;
29+
box-sizing: border-box;
30+
}
31+
footer.footer .nav-footer-center {
32+
max-width: 100vw !important;
33+
padding: 0.5em;
34+
margin-left: 1em;
35+
margin-right: 1em;
36+
display: block !important;
37+
float: none !important;
38+
font-size: 1em;
39+
text-align: left;
40+
}
41+
footer.footer .nav-footer-left,
42+
footer.footer .nav-footer-right {
43+
display: none !important;
44+
}
45+
46+
47+
/* Harvard Crimson: #A51C30 */
48+
/* For Quarto Bootstrap dark navbars: */
49+
.navbar, .navbar-dark {
50+
background-color: #a51c30 !important;
51+
}
52+
53+
/* For navbar items and hover/focus states */
54+
.navbar .nav-link,
55+
.navbar .navbar-brand {
56+
color: #fff !important;
57+
}
58+
59+
.navbar .nav-link:hover,
60+
.navbar .nav-link:focus {
61+
color: #ffd700 !important; /* gold/yellow hover, optional */
62+
}
63+
64+
/* If your navbar is light/white by default, also force text to white: */
65+
.navbar-light .navbar-nav .nav-link,
66+
.navbar-light .navbar-brand {
67+
color: #fff !important;
68+
}
69+
70+
71+
/* Center all images that are direct children of the main content (not inside tables or callouts) */
72+
main img,
73+
.quarto-figure img {
74+
display: block;
75+
margin-left: auto;
76+
margin-right: auto;
77+
/* Optional: vertical space above/below */
78+
margin-top: 1em;
79+
margin-bottom: 1em;
80+
}
81+
82+
/* Remove the box styling */
83+
.quarto-title-block {
84+
background: none !important;
85+
box-shadow: none !important;
86+
border: none !important;
87+
padding: 0 !important;
88+
margin-bottom: 1em !important;
89+
text-align: left !important;
90+
}
91+
92+
/* Hide only the author, affiliation, date, subtitle, etc */
93+
.quarto-title-author,
94+
.quarto-title-affiliation,
95+
.quarto-title-date,
96+
.quarto-title-subtitle,
97+
.quarto-title-lang,
98+
.quarto-title-abstract,
99+
.quarto-title-meta,
100+
#quarto-article-details
101+
{
102+
display: none !important;
103+
}
104+
105+
/* Make sure images aren't larger than window size */
106+
107+
img {
108+
max-width: 100%;
109+
height: auto;
110+
display: block;
111+
}
112+
113+
/* Hide breadcrumbs for both possible classnames */
114+
.quarto-breadcrumbs,
115+
.quarto-page-breadcrumbs {
116+
display: none !important;
117+
}

‎docs/img/Action_button_block.png‎

9.23 KB
Loading

‎docs/img/Action_button_danger.png‎

4.34 KB
Loading

‎docs/img/Action_button_default.png‎

4.27 KB
Loading

‎docs/img/Action_button_info.png‎

4.18 KB
Loading

‎docs/img/Action_button_lg.png‎

5.18 KB
Loading

0 commit comments

Comments
 (0)