generated from Openscapes/quarto-website-tutorial
-
Notifications
You must be signed in to change notification settings - Fork 1
/
demo.qmd
108 lines (56 loc) · 3.97 KB
/
demo.qmd
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
---
title: "`demo.qmd` file for practice"
---
This `demo.qmd` file has [Markdown](https://quarto.org/docs/authoring/markdown-basics.html)-formatted text, examples for adding headers, hyperlinks, and inserting images with alt-text.
- Headers are powerful in Quarto because they let you organize on the side of the page. In a Quarto site, headers let you share a specific section of a page by clicking on a header and copying the URL.
- Hyperlinking lets us cite our sources and inspirations and give credit.
We can all practice Markdown in this Quarto file. Make an edit, preview how it will look in the site (`quarto preview`), edit, repeat.
Only make changes to the section below under *your* name header (to prevent conflicts with other people's edits)
## Ideas for contributions
#### Headers
We can make headers using `## Name`, `### Name`, etc. Headers are powerful in Quarto because they let you organize your content. You can share a specific subsection of a page by copying its URL.
#### Hyperlinks
We can make hyperlinks using the `[]()` pattern: you name the hyperlink in `[]` and put the URL in `()`. For example, here's a link to [Markdown Basics](https://quarto.org/docs/authoring/markdown-basics.html). Hyperlinking lets us cite and give credit to our sources, like the NASA Earthdata Cloud Cookbook ([Barrett et al.](https://nasa-openscapes.github.io/earthdata-cloud-cookbook/)).
#### Images
We can include an image with the same `[]()` pattern, by adding a preceding exclamation point: `![]()`. The `[]` contain the caption (optional) and `()` contain the path to the image file.
Additional attributes like image size, alt text, and linking the image to a URL, are set inside `{}` in this example:
`{fig-alt="Openscapes logo. A hexagonal shape with orange border, yellow background, the word openscapes in orange above a cartoon evoking a landscape of data plots" width="35%"}`
{fig-alt="Openscapes logo. A hexagonal shape with orange border, yellow background, the word openscapes in orange above a cartoon evoking a landscape of data plots" width="35%"}
## Stefanie
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Alexis
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Andy
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Eric
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Guoqing
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Ian
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Jessica
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Juan
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Julie
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Katherine
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Kytt
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Luis
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Michele
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Navaneeth
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Rhys
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Ritika
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Rupesh
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Roosevelt
For your first edit, you could fix this tpyo and preview how it will look in the site.
## Scott
For your first edit, you could fix this tpyo and preview how it will look in the site.