---
layout: default
---

Text can be **bold**, _italic_, or ~~strikethrough~~.

[Link to another page](markdown-page.md).

There should be whitespace between paragraphs.

There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project.

# Header 1

This is a normal paragraph following a header. GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.

## Header 2

> This is a blockquote following a header.
>
> When something is important enough, you do it even if the odds are not in your favor.

### Header 3

```js
// Javascript code with syntax highlighting.
var fun = function lang(l) {
  dateformat.i18n = require('./lang/' + l)
  return true;
}
```

```ruby
# Ruby code with syntax highlighting
GitHubPages::Dependencies.gems.each do |gem, version|
  s.add_dependency(gem, "= #{version}")
end
```

#### Header 4

*   This is an unordered list following a header.
*   This is an unordered list following a header.
*   This is an unordered list following a header.

##### Header 5

1.  This is an ordered list following a header.
2.  This is an ordered list following a header.
3.  This is an ordered list following a header.

###### Header 6

| head1        | head two          | three |
|:-------------|:------------------|:------|
| ok           | good swedish fish | nice  |
| out of stock | good and plenty   | nice  |
| ok           | good `oreos`      | hmm   |
| ok           | good `zoute` drop | yumm  |

### There's a horizontal rule below this.

* * *

### Here is an unordered list:

*   Item foo
*   Item bar
*   Item baz
*   Item zip

### And an ordered list:

1.  Item one
1.  Item two
1.  Item three
1.  Item four

### And a nested list:

- level 1 item
  - level 2 item
  - level 2 item
    - level 3 item
    - level 3 item
- level 1 item
  - level 2 item
  - level 2 item
  - level 2 item
- level 1 item
  - level 2 item
  - level 2 item
- level 1 item

### Small image

![Codeberg icon](https://codeberg.org/Codeberg/Design/raw/branch/main/logo/icon/png/codeberg-logo_icon_blue-64x64.png)

### Large image

![Codeberg horizontal](https://codeberg.org/Codeberg/Design/raw/branch/main/logo/horizontal/png/codeberg-logo_horizontal_blue-850x250.png)


### Definition lists can be used with HTML syntax.

<dl>
<dt>Name</dt>
<dd>Godzilla</dd>
<dt>Born</dt>
<dd>1952</dd>
<dt>Birthplace</dt>
<dd>Japan</dd>
<dt>Color</dt>
<dd>Green</dd>
</dl>

```
Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
```

```
The final element.
```

### Extra

Display pixel-art in full width without filtering

```
![Pixels](assets/small_witch_src.png){:.full.pixels}
```

![Pixels](assets/small-witch.png){:.full.pixels}

> [Source](https://pixeljoint.com/pixelart/152424.htm)

* * *

Keyboard shortcuts

```
<kbd>Fn</kbd> + <kbd>Alt</kbd> + <kbd>F4</kbd>
```

<kbd>Fn</kbd> + <kbd>Alt</kbd> + <kbd>F4</kbd>

* * *

Link with arrow

```
[Link with arrow](https://example.org){: .page-link}
```

[Link with arrow](https://example.org){: .page-link}

* * *

Footer buttons

```
[Go Back](<javascript:window.history.go(-1);>){: .inline-button}
[Go Home](/blog/){: .inline-button}
[File an issue]({{site.issuesurl}})
{: .dialog-buttons}
```

[Go Back](<javascript:window.history.go(-1);>){: .inline-button}
[Go Home](/blog/){: .inline-button}
[File an issue]({{site.issuesurl}})
{: .dialog-buttons}