Styleguide

Semantiek

# Pagina titel -> Standaard gezet door de title bovenaan in de pagina
## Subsectie -> Heading structuur kop
### Subsubsectie -> Subsectie kop

Tekst

Tekst opmaak

1. Code word in codeblokken geschreven
2. Listitems staan in een lijst

Codeblokken

• Voeg de juiste format aan codeblokken toe

  • Een aantal veel voorkomende zijn:

    Language	Command
    CSS	css, less, sass, scss, styl, stylus
    Docker	dockerfile
    HTML/XML	html, xhtml, xml
    JavaScript	coffeescript, ecmascript, javascript, js, node
    JSX	jsx
    JSON	json
    Markdown	markdown
    PHP	php
    React	jsx
    Ruby	jruby, macruby, rake, rb, rbx, ruby
    Shell	bash, sh, shell, zsh
    SQL	cql, mssql, mysql, plsql, postgres, postgresql, pgsql, sql, sqlite
    TypeScript	ts, typescript
    YAML	yaml, yml

  • Bijvoorbeeld:

        ```php
          @include('partials.markdown-example')
        ```

• Dit ziet er dan zo uit:

    @include('partials.markdown-example')

• Bron: docs.readme.com

Links

Links stel je als volgt op:

[text](https://www.link.com)

Link naar een andere pagina op deze wiki, bijvoorbeeld Developer->Git->Git config

[Git flow](/software/git/git-config/)

Dit ziet er dan zo uit:

Git flow

Om te linken naar een specifiek topic op de pagina gebruik je een anchor:

[Git flow](/software/git/git-config/#init)

Git flow

Images

Images voeg je als volgt toe:

• Zet de image in de src/assets folder
• Ga vervolgens naar het bestand waar je de image in wilt hebben
• Bovenin kun je goed zien hoeveel lagen diep je in het project ziet, voor elke laag moet je een ../ aan de path toevoegen totdat je bij de src map bent
• In dit geval zit je 3 lagen diep, dus dan wordt de link naar de image:

![Alt Text](../../../assets/image_path.png)