Skip to content

Commit

Permalink
divs turned into table in first episode
Browse files Browse the repository at this point in the history
  • Loading branch information
@martinosorb @alee
martinosorb authored and alee committed Apr 13, 2024
1 parent 63601a3 commit 6200f7d
Showing 1 changed file with 57 additions and 154 deletions.
211 changes: 57 additions & 154 deletions episodes/01-run-quit.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -339,161 +339,64 @@ You need to be in Command mode (Press <kbd>Esc</kbd> if your cell is blue). Typ

### Markdown does most of what HTML does.

<div class="row">
Table: Showing some markdown syntax and its rendered output.

+---------------------------------------+------------------------------------------------+
| Markdown code | Rendered output |
+=======================================+================================================+
+---------------------------------------+------------------------------------------------+
| ``` | <p></p> |
| * Use asterisks | - Use asterisks |
| * to create | - to create |
| * bullet lists. | - bullet lists. |
| ``` | |
+---------------------------------------+------------------------------------------------+
+---------------------------------------+------------------------------------------------+
| ``` | <p></p> |
| 1. Use numbers | 1. Use numbers |
| 1. to create | 2. to create |
| 1. bullet lists. | 3. numbered lists. |
| ``` | |
+---------------------------------------+------------------------------------------------+
+---------------------------------------+------------------------------------------------+
| ``` | <p></p> |
| * You can use indents | - You can use indents |
| * To create sublists | - To create sublists |
| * of the same type | - of the same type |
| * Or sublists | - Or sublists |
| 1. Of different | 1. Of different |
| 1. types | 2. types |
| ``` | |
+---------------------------------------+------------------------------------------------+
+---------------------------------------+------------------------------------------------+
| ``` | <p></p> |
| # A Level-1 Heading | ## A Level-1 Heading |
| ``` | |
+---------------------------------------+------------------------------------------------+
+---------------------------------------+------------------------------------------------+
| ``` | <p></p> |
| ## A Level-2 Heading (etc.) | ### A Level-2 Heading (etc.) |
| ``` | |
+---------------------------------------+------------------------------------------------+
+---------------------------------------+------------------------------------------------+
| ``` | <p></p> |
| Line breaks | Line breaks |
| don't matter. | don't matter. |
| | |
| But blank lines | But blank lines |
| create new paragraphs. | create new paragraphs. |
| ``` | |
+---------------------------------------+------------------------------------------------+
+---------------------------------------+------------------------------------------------+
| ``` | <p></p> |
| [Links](http://software-carpentry.org)| [Links](https://software-carpentry.org) |
| are created with `[...](...)`. | are created with `[...](...)`. |
| Or use [named links][data-carp]. | Or use [named links][data_carpentry]. |
| | |
| [data-carp]: http://datacarpentry.org | |
| ``` | |
+---------------------------------------+------------------------------------------------+

<div class="col-md-6" markdown="1">

```
* Use asterisks
* to create
* bullet lists.
```

</div>

<div class="col-md-6" markdown="1">

- Use asterisks
- to create
- bullet lists.

</div>

</div>

<div class="row">

<div class="col-md-6" markdown="1">

```
1. Use numbers
1. to create
1. numbered lists.
```

</div>

<div class="col-md-6" markdown="1">

1. Use numbers
2. to create
3. numbered lists.

</div>

</div>

<div class="row">

<div class="col-md-6" markdown="1">

```
* You can use indents
* To create sublists
* of the same type
* Or sublists
1. Of different
1. types
```

</div>

<div class="col-md-6" markdown="1">

- You can use indents
- To create sublists
- of the same type
- Or sublists
1. Of different
2. types

</div>

</div>

<div class="row">

<div class="col-md-6" markdown="1">

```
# A Level-1 Heading
```

</div>

<div class="col-md-6" markdown="1">

## A Level-1 Heading

</div>

</div>

<div class="row">

<div class="col-md-6" markdown="1">

```
## A Level-2 Heading (etc.)
```

</div>

<div class="col-md-6" markdown="1">

## A Level-2 Heading (etc.)

</div>

</div>

<div class="row">

<div class="col-md-6" markdown="1">

```
Line breaks
don't matter.
But blank lines
create new paragraphs.
```

</div>

<div class="col-md-6" markdown="1">

Line breaks
don't matter.

But blank lines
create new paragraphs.

</div>

</div>

<div class="row">

<div class="col-md-6" markdown="1">

```
[Create links](http://software-carpentry.org) with `[...](...)`.
Or use [named links][data_carpentry].
[data_carpentry]: http://datacarpentry.org
```

</div>

<div class="col-md-6" markdown="1">

[Create links](https://software-carpentry.org) with `[...](...)`.
Or use [named links][data_carpentry].

</div>

</div>

::::::::::::::::::::::::::::::::::::::: challenge

Expand Down

0 comments on commit 6200f7d

Please sign in to comment.