Georgios Kalpakas <******@****.***>
Georgios Kalpakas <******@****.***> <******@****.***>
Julie Ralph <******@****.***>
Lucas Galfaso <******@****.***>
Martin Staffa <******@****.***>
Martin Staffa <******@****.***> <******@****.***>
Matias Niemelä <******@****.***>
Michał Gołębiowski-Owczarek <******@****.***>
Misko Hevery <******@****.***>

position: Writer
---
Ted has been eating fruit since he was baby.
```

## Staff page

Let's add a page which lists all the authors on the site. Jekyll makes the
collection available at `site.authors`.

Create `staff.html` and iterate over `site.authors` to output all the staff:

{% raw %}
```liquid
---
layout: default
title: Staff
---
<h1>Staff</h1>

<ul>
  {% for author in site.authors %}
    <li>

  </p>
</div>

## Output

Now you can iterate over `site.staff_members` on a page and output the content
for each staff member. Similar to posts, the body of the document is accessed
using the `content` variable:

{% raw %}
```liquid
{% for staff_member in site.staff_members %}
  <h2>{{ staff_member.name }} - {{ staff_member.position }}</h2>
  <p>{{ staff_member.content | markdownify }}</p>
{% endfor %}
```
{% endraw %}

        "collections_dir" => "gathering",
        "collections"     => { "staff" => { "output" => true } },
        "defaults"        => [
          {
            "scope"  => { "path" => "_staff/**/*.md", "type" => "staff" },
            "values" => { "layout" => "simple" },
          },
          {
            "scope"  => { "path" => "_staff/**/*.svg" },
            "values" => { "css_class" => "epilson" },
          },

## Career levels

### Junior Software Engineer

_Work in progress_

### Software Engineer

_Work in progress_

### Senior Software Engineer

_Work in progress_

### Staff Software Engineer

_Work in progress_

### Senior Staff Software Engineer

_Work in progress_

$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingTextShadow: none;
$headingLetterSpacing: normal;
$headingTextTransform: uppercase;
$headingFontWeight: 600;
$linkColor: #42affa;
$linkColorHover: lighten( $linkColor, 15% );
$selectionBackgroundColor: lighten( $linkColor, 25% );

$heading1Size: 2.5em;
$heading2Size: 1.6em;
$heading3Size: 1.3em;
$heading4Size: 1.0em;

Add default webserver user `daemon` to OSX's `staff` group (which already has the necessary permissions for writing to files/directories):

`sudo dseditgroup -o edit -a daemon -t user staff`

### Step 3

Visit the local installation in your browser!  For example, http://localhost/select2-docs.

## Credits

$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingTextShadow: none;
$headingLetterSpacing: normal;
$headingTextTransform: uppercase;
$headingFontWeight: 600;
$linkColor: #42affa;
$linkColorHover: lighten( $linkColor, 15% );
$selectionBackgroundColor: rgba( $linkColor, 0.75 );

$heading1Size: 2.5em;
$heading2Size: 1.6em;
$heading3Size: 1.3em;
$heading4Size: 1.0em;

For example, if your directory structure is:

```
$ ls -l dist/* src/*
-rw-r--r--  1 dschep  staff   576B Mar 21 17:21 dist/handler.js
-rw-r--r--  1 dschep  staff   911B Mar 21 17:21 dist/handler.js.map
-rw-r--r--  1 dschep  staff   451B Mar 22 12:13 src/handler.js
```

Then you should have a packaging directory that includes all the files above:

```yaml
package:

| L4 (SWE)                | $267,000    | $158,000 | $28,000  | $81,000     |
| L5 (Senior SWE)         | $355,000    | $188,000 | $37,000  | $130,000    |
| L6 (Staff SWE)          | $489,000    | $223,000 | $50,000  | $214,000    |
| L7 (Senior Staff SWE)   | $672,000    | $263,000 | $79,000  | $330,000    |
| L8 (Principal Engineer) | $1,020,000  | $331,000 | $119,000 | $572,000    |