# WebDesignTaal
    
WebDesignTaal is een programmeertaal die is ontworpen om het schrijven van webpagina's te vereenvoudigen met een intuïtieve Nederlandse syntaxis. Het compileert je code naar gestructureerde HTML.
## Installatie
```bash
pip install WebDesignTaal
```
## Gebruik
### Command-line Tool
Je kunt een `.wdt` bestand converteren naar een HTML-website met het `wdt` commando:
```bash
wdt <pad_naar_bestand.wdt>
```
Dit genereert een `output` map (in dezelfde directory als het `.wdt` bestand) met daarin een `index.html` bestand.
### Als Python Module
Je kunt de `render_code` functie ook direct in je Python-code gebruiken:
```python
from WebDesignTaal.wdt_parser import render_code
wdt_code = """
document;
head;
metadata charset="utf-8";
metadata name="viewport" content="width=device-width, initial-scale=1.0";
metadata title="Mijn Webpagina";
body;
kop1; Welkom bij WebDesignTaal!
tekst; Dit is een voorbeeld van een paragraaf.
"""
html_output = render_code(wdt_code)
print(html_output)
```
## WebDesignTaal Syntax Uitleg
WebDesignTaal gebruikt een eenvoudige, op indentatie gebaseerde syntax om de structuur van webpagina's te definiëren.
* **Indentatie:** De hiërarchie van elementen wordt bepaald door indentatie. Gebruik **vier spaties** per niveau.
* **Tag Naam:** Elk element begint met de Nederlandse tag naam (bijv. `document`, `kop1`, `tekst`).
* **Content:** De tekstuele inhoud van een element volgt na een puntkomma (`;`). Als er geen content is, kan de puntkomma weggelaten worden, maar het is goede praktijk om deze te behouden voor consistentie.
* **Attributen:** Attributen worden na de tag naam geplaatst en voor de puntkomma, gescheiden door spaties. Attributen bestaan uit een sleutel-waarde paar (`sleutel=waarde`). Waarden die spaties bevatten, moeten tussen aanhalingstekens (`"` of `'`) staan. Voor waarden zonder spaties zijn aanhalingstekens optioneel.
* **Commentaar:** Je kunt commentaar toevoegen aan je code door een `#` te gebruiken. Alles na de `#` op dezelfde regel wordt genegeerd door de parser.
* **Regelafbrekingen:** Extra lege regels (enters) tussen elementen worden genegeerd en kunnen gebruikt worden om je code overzichtelijker te maken.
**Voorbeeld:**
```wdt
document;
head;
metadata charset="utf-8";
metadata name="viewport" content="width=device-width, initial-scale=1.0";
metadata title="Mijn Webpagina";
body;
kop1 id=hoofdtitel kleur=rood; Welkom bij WebDesignTaal! # Dit is een commentaar
tekst klasse="intro"; Dit is een voorbeeld van een paragraaf.
link adres="https://www.example.com"; Ga naar Example.com
```
## Onderliggende Structuur: Child-Parent Systeem met Nodes
WebDesignTaal vertaalt je code naar een interne boomstructuur van 'nodes' (knopen), vergelijkbaar met hoe browsers een Document Object Model (DOM) van HTML-pagina's maken. Elk element in je WDT-code wordt een node, en de indentatie bepaalt de relatie tussen deze nodes:
* Een minder ingesprongen node is de **parent** (ouder) van de meer ingesprongen nodes die er direct onder staan.
* De meer ingesprongen nodes zijn de **children** (kinderen) van de parent node.
Deze hiërarchische structuur zorgt ervoor dat de gecompileerde HTML correct genest is, wat essentieel is voor de structuur en weergave van webpagina's. Bijvoorbeeld, een `head` node is een kind van de `document` node, en een `tekst` node kan een kind zijn van een `body` node.
**Voorbeeld van hiërarchie:**
```wdt
document; # Parent
head; # Kind van 'document'
metadata; # Kind van 'head'
body; # Kind van 'document'
kop1; # Kind van 'body'
tekst; # Kind van 'body'
```
## Attributen en Stijlvertalingen
WebDesignTaal biedt een flexibele manier om attributen en stijlen toe te passen op je elementen. Je kunt de meeste standaard HTML-attributen direct gebruiken, evenals Nederlandse vertalingen voor veelvoorkomende attributen en CSS-stijlen.
### Standaard Attributen
WebDesignTaal herkent en verwerkt de meeste standaard HTML-attributen direct. Je kunt deze gebruiken zoals je gewend bent in HTML:
`id`, `class`, `href`, `src`, `alt`, `title`, `name`, `value`, `type`, `placeholder`, `checked`, `disabled`, `readonly`, `action`, `method`, `for`, `rel`, `target`, `width`, `height`, `cols`, `rows`, `maxlength`, `min`, `max`, `step`, `selected`, `autocomplete`, `download`, `role`, `lang`, `tabindex`, `aria-label`
### Nederlandse Attribuut Aliassen
Voor een meer Nederlandse ervaring kun je de volgende aliassen gebruiken voor veelvoorkomende attributen:
| WDT Attribuut | HTML Equivalent |
| :------------ | :-------------- |
| `bron` | `src` |
| `breedte` | `width` |
| `hoogte` | `length` |
| `rijen` | `rows` |
| `kolommen` | `cols` |
| `taal` | `lang` |
| `adres` | `href` |
| `alttekst` | `alt` |
| `karakterset` | `charset` |
| `citeer` | `cite` |
| `verborgen` | `hidden` |
### Stijl Attributen
Je kunt CSS-stijlen direct als attributen opgeven in WebDesignTaal. De taal vertaalt veel Nederlandse stijl-eigenschappen naar hun CSS-equivalenten, die vervolgens worden toegepast via het `style`-attribuut in de HTML.
**Voorbeeld:** `tekst kleur=rood lettergrootte=16px; Dit is rode tekst.`
Hier zijn enkele van de ondersteunde stijl-eigenschappen:
| WDT Stijl Eigenschap | CSS Eigenschap |
| :------------------- | :----------------- |
| `kleur` | `color` |
| `achtergrondkleur` | `background-color` |
| `achtergrond` | `background` |
| `lettertype` | `font-family` |
| `lettergrootte` | `font-size` |
| `letterstijl` | `font-style` |
| `lettergewicht` | `font-weight` |
| `tekstuitlijning` | `text-align` |
| `tekstdecoratie` | `text-decoration` |
| `teksttransformatie` | `text-transform` |
| `regelhoogte` | `line-height` |
| `woordafstand` | `word-spacing` |
| `letterafstand` | `letter-spacing` |
| `breedte` | `width` |
| `hoogte` | `height` |
| `marge` | `margin` |
| `margeboven` | `margin-top` |
| `margeonder` | `margin-bottom` |
| `margelinks` | `margin-left` |
| `margerechts` | `margin-right` |
| `opvulling` | `padding` |
| `opvullingboven` | `padding-top` |
| `opvullingonder` | `padding-bottom` |
| `opvullinglinks` | `padding-left` |
| `opvullingrechts` | `padding-right` |
| `rand` | `border` |
| `randkleur` | `border-color` |
| `randstijl` | `border-style` |
| `randdikte` | `border-width` |
| `afronding` | `border-radius` |
| `positie` | `position` |
| `boven` | `top` |
| `onder` | `bottom` |
| `links` | `left` |
| `rechts` | `right` |
| `zweven` | `float` |
| `weergave` | `display` |
| `zichtbaarheid` | `visibility` |
| `zindex` | `z-index` |
| `schaduw` | `box-shadow` |
| `tektschaduw` | `text-shadow` |
| `doorzichtigheid` | `opacity` |
| `cursor` | `cursor` |
| `achtergrondafbeelding`| `background-image`|
| `achtergrondpositie` | `background-position`|
| `achtergrondherhaling`| `background-repeat`|
| `achtergronddekking` | `background-size` |
| `animatie` | `animation` |
| `animatienaam` | `animation-name` |
| `animatieduur` | `animation-duration`|
| `overgang` | `transition` |
### Stijl Waarde Aliassen
Ook voor veelgebruikte CSS-waarden zijn Nederlandse aliassen beschikbaar:
| WDT Waarde | CSS Equivalent |
| :--------- | :------------- |
| `rood` | `red` |
| `blauw` | `blue` |
| `groen` | `green` |
| `geel` | `yellow` |
| `zwart` | `black` |
| `wit` | `white` |
| `grijs` | `gray` |
| `lichtgrijs`| `lightgray` |
| `donkergrijs`| `darkgray` |
| `lichtblauw`| `lightblue` |
| `donkerblauw`| `darkblue` |
| `lichtgroen`| `lightgreen` |
| `donkergroen`| `darkgreen` |
| `lichtrood` | `lightred` |
| `donkerrood`| `darkred` |
| `lichtgeel` | `lightyellow` |
| `donkergeel`| `darkyellow` |
| `paars` | `purple` |
| `oranje` | `orange` |
| `roze` | `pink` |
| `bruin` | `brown` |
| `transparant`| `transparent` |
| `links` | `left` |
| `rechts` | `right` |
| `midden` | `center` |
| `gecentreerd`| `center` |
| `boven` | `top` |
| `onder` | `bottom` |
| `blok` | `block` |
| `inline` | `inline` |
| `flex` | `flex` |
| `geen` | `none` |
| `vet` | `bold` |
| `normaal` | `normal` |
| `cursief` | `italic` |
| `absoluut` | `absolute` |
| `relatief` | `relative` |
| `vast` | `fixed` |
| `verborgen`| `hidden` |
| `zichtbaar`| `visible` |
| `stippel` | `dotted` |
| `gestreept`| `dashed` |
| `doorgetrokken`| `solid` |
## Beschikbare Tags (Elementen)
Hieronder vind je een overzicht van alle beschikbare tags in WebDesignTaal, inclusief hun functie, vereisten en voorbeeldcode.
### `document`
* **Doel:** De root van elk WebDesignTaal document, definieert de basisstructuur van je webpagina.
* **Vereisten:** Geen specifieke attributen. Bevat meestal `head` en `body` als kinderen.
* **WDT Voorbeeld:**
```wdt
document;
head;
body;
```
* **HTML Output:**
```html
<html>
<head>
</head>
<body>
</body>
</html>
```
### `head`
* **Doel:** Bevat metadata voor het document, zoals de titel, karakterset en links naar stylesheets.
* **Vereisten:** Geen specifieke attributen. Bevat vaak `metadata` tags.
* **WDT Voorbeeld:**
```wdt
document;
head;
metadata charset="utf-8";
metadata title="Mijn Titel";
```
* **HTML Output:**
```html
<html>
<head>
<meta charset="utf-8">
<meta title="Mijn Titel">
</head>
<body>
</body>
</html>
```
### `body`
* **Doel:** Bevat de zichtbare inhoud van je webpagina, zoals tekst, afbeeldingen en links.
* **Vereisten:** Geen specifieke attributen. Bevat alle zichtbare elementen zoals koppen, paragrafen, etc.
* **WDT Voorbeeld:**
```wdt
document;
body;
kop1; Welkom!
tekst; Dit is de inhoud.
```
* **HTML Output:**
```html
<body>
<h1>Welkom!</h1>
<h2>Dit is de inhoud.</h2>
</body>
```
### `kop1` tot `kop6`
* **Doel:** Definieert koppen van verschillende niveaus, van de belangrijkste (`kop1`) tot de minst belangrijke (`kop6`).
* **Vereisten:** Tekstuele inhoud.
* **WDT Voorbeeld:**
```wdt
body;
kop1; Hoofdtitel
kop2; Subtitel
kop6; Kleinste kop
```
* **HTML Output:**
```html
<body>
<h1>Hoofdtitel</h1>
<h2>Subtitel</h2>
<h6>Kleinste kop</h6>
</body>
```
### `tekst`
* **Doel:** Creëert een paragraaf tekst.
* **Vereisten:** Tekstuele inhoud.
* **WDT Voorbeeld:**
```wdt
body;
tekst; Dit is een normale paragraaf.
tekst kleur=blauw; Deze tekst is blauw.
```
* **HTML Output:**
```html
<body>
<p>Dit is een normale paragraaf.</p>
<p style="color:blue">Deze tekst is blauw.</p>
</body>
```
### `opsomming_lijst`
* **Doel:** Creëert een ongeordende lijst (met opsommingstekens). Bevat `lijst_item` als kinderen.
* **Vereisten:** Geen specifieke attributen.
* **WDT Voorbeeld:**
```wdt
body;
opsomming_lijst;
lijst_item; Eerste item
lijst_item; Tweede item
```
* **HTML Output:**
```html
<body>
<ul>
<li>Eerste item</li>
<li>Tweede item</li>
</ul>
</body>
```
### `getal_lijst`
* **Doel:** Creëert een geordende lijst (met nummers). Bevat `lijst_item` als kinderen.
* **Vereisten:** Geen specifieke attributen.
* **WDT Voorbeeld:**
```wdt
body;
getal_lijst;
lijst_item; Eerste genummerde item
lijst_item; Tweede genummerde item
```
* **HTML Output:**
```html
<body>
<ol>
<li>Eerste genummerde item</li>
<li>Tweede genummerde item</li>
</ol>
</body>
```
### `lijst_item`
* **Doel:** Een individueel item binnen een lijst. Moet een kind zijn van `opsomming_lijst` of `getal_lijst`.
* **Vereisten:** Tekstuele inhoud. Moet binnen een lijst-tag staan.
* **WDT Voorbeeld:** (Zie `opsomming_lijst` en `getal_lijst` voor context)
```wdt
opsomming_lijst;
lijst_item; Een item
```
* **HTML Output:**
```html
<ul>
<li>Een item</li>
</ul>
```
### `afbeelding`
* **Doel:** Voegt een afbeelding toe aan de webpagina.
* **Vereisten:** Het attribuut `bron` (pad naar de afbeelding) en bij voorkeur `alttekst` (alternatieve tekst voor toegankelijkheid).
* **WDT Voorbeeld:**
```wdt
body;
afbeelding bron="pad/naar/afbeelding.jpg" alttekst="Beschrijving van afbeelding";
```
* **HTML Output:**
```html
<body>
<img src="pad/naar/afbeelding.jpg" alt="Beschrijving van afbeelding">
</body>
```
### `link`
* **Doel:** Creëert een hyperlink naar een andere pagina of bron.
* **Vereisten:** Het attribuut `adres` (de URL waar de link naartoe verwijst).
* **WDT Voorbeeld:**
```wdt
body;
link adres="https://www.google.com"; Ga naar Google
```
* **HTML Output:**
```html
<body>
<a href="https://www.google.com">Ga naar Google</a>
</body>
```
### `gedeelte`
* **Doel:** Een generieke container voor content, handig voor het groeperen van elementen voor styling of scripting.
* **Vereisten:** Geen specifieke attributen.
* **WDT Voorbeeld:**
```wdt
body;
gedeelte id=mijnSectie klasse=container;
kop2; Dit is een sectie
tekst; Content binnen de sectie.
```
* **HTML Output:**
```html
<body>
<div id="mijnSectie" class="container">
<h2>Dit is een sectie</h2>
<p>Content binnen de sectie.</p>
</div>
</body>
```
### `artikel`
* **Doel:** Representeert onafhankelijke, zelfstandige content, zoals een blogpost of nieuwsartikel.
* **Vereisten:** Geen specifieke attributen.
* **WDT Voorbeeld:**
```wdt
body;
artikel;
kop2; Nieuwsbericht
tekst; Dit is de inhoud van het nieuwsbericht.
```
* **HTML Output:**
```html
<body>
<article>
<h2>Nieuwsbericht</h2>
<p>Dit is de inhoud van het nieuwsbericht.</p>
</article>
</body>
```
### `audio`
* **Doel:** Voegt audio content toe aan de webpagina.
* **Vereisten:** Het attribuut `bron` (pad naar het audiobestand).
* **WDT Voorbeeld:**
```wdt
body;
audio bron="pad/naar/audio.mp3";
```
* **HTML Output:**
```html
<body>
<audio src="pad/naar/audio.mp3"></audio>
</body>
```
### `video`
* **Doel:** Voegt video content toe aan de webpagina.
* **Vereisten:** Het attribuut `bron` (pad naar het videobestand).
* **WDT Voorbeeld:**
```wdt
body;
video bron="pad/naar/video.mp4" breedte=640 hoogte=480;
```
* **HTML Output:**
```html
<body>
<video src="pad/naar/video.mp4" width="640" height="480"></video>
</body>
```
### `quote`
* **Doel:** Gebruikt voor lange citaten die uit een andere bron komen.
* **Vereisten:** Tekstuele inhoud.
* **WDT Voorbeeld:**
```wdt
body;
quote; Dit is een lang citaat van een andere bron.
```
* **HTML Output:**
```html
<body>
<blockquote>Dit is een lang citaat van een andere bron.</blockquote>
</body>
```
### `lijn`
* **Doel:** Tekent een horizontale scheidingslijn op de webpagina.
* **Vereisten:** Geen inhoud of attributen nodig.
* **WDT Voorbeeld:**
```wdt
body;
tekst; Boven de lijn.
lijn;
tekst; Onder de lijn.
```
* **HTML Output:**
```html
<body>
<p>Boven de lijn.</p>
<hr>
<p>Onder de lijn.</p>
</body>
```
### `schuingedrukt`
* **Doel:** Maakt de ingesloten tekst schuingedrukt.
* **Vereisten:** Tekstuele inhoud.
* **WDT Voorbeeld:**
```wdt
body;
schuingedrukt; Dit is schuingedrukte tekst.
```
* **HTML Output:**
```html
<body>
<i>Dit is schuingedrukte tekst.</i>
</body>
```
### `dikgedrukt`
* **Doel:** Maakt de ingesloten tekst dikgedrukt.
* **Vereisten:** Tekstuele inhoud.
* **WDT Voorbeeld:**
```wdt
body;
dikgedrukt; Dit is dikgedrukte tekst.
```
* **HTML Output:**
```html
<body>
<b>Dit is dikgedrukte tekst.</b>
</body>
```
### `onderlijndrukt`
* **Doel:** Onderstreept de ingesloten tekst.
* **Vereisten:** Tekstuele inhoud.
* **WDT Voorbeeld:**
```wdt
body;
onderlijndrukt; Dit is onderlijnde tekst.
```
* **HTML Output:**
```html
<body>
<u>Dit is onderlijnde tekst.</u>
</body>
```
### `metadata`
* **Doel:** Definieert metadata over het HTML-document, zoals de karakterset, viewport instellingen of de paginatitel.
* **Vereisten:** Attributen zoals `charset`, `name`, `content`, `title`.
* **WDT Voorbeeld:**
```wdt
head;
metadata charset="utf-8";
metadata name="description" content="Een beschrijving van de pagina";
```
* **HTML Output:**
```html
<head>
<meta charset="utf-8">
<meta name="description" content="Een beschrijving van de pagina">
</head>
```
### `tabel`
* **Doel:** Creëert een HTML-tabel voor het weergeven van gestructureerde gegevens. Bevat `tabelrij` als kinderen.
* **Vereisten:** Geen specifieke attributen.
* **WDT Voorbeeld:**
```wdt
body;
tabel;
tabelrij;
tabelcel; Rij 1, Cel 1
tabelcel; Rij 1, Cel 2
tabelrij;
tabelcel; Rij 2, Cel 1
tabelcel; Rij 2, Cel 2
```
* **HTML Output:**
```html
<body>
<table>
<tr>
<td>Rij 1, Cel 1</td>
<td>Rij 1, Cel 2</td>
</tr>
<tr>
<td>Rij 2, Cel 1</td>
<td>Rij 2, Cel 2</td>
</tr>
</table>
</body>
```
### `tabelrij`
* **Doel:** Definieert een rij in een HTML-tabel. Moet een kind zijn van `tabel`. Bevat `tabelcel` als kinderen.
* **Vereisten:** Moet binnen een `tabel`-tag staan.
* **WDT Voorbeeld:** (Zie `tabel` voor context)
```wdt
tabel;
tabelrij;
tabelcel; Cel in rij
```
* **HTML Output:**
```html
<table>
<tr>
<td>Cel in rij</td>
</tr>
</table>
```
### `tabelcel`
* **Doel:** Definieert een cel in een HTML-tabel. Moet een kind zijn van `tabelrij`.
* **Vereisten:** Tekstuele inhoud. Moet binnen een `tabelrij`-tag staan.
* **WDT Voorbeeld:** (Zie `tabel` voor context)
```wdt
tabelrij;
tabelcel; Inhoud van de cel
```
* **HTML Output:**
```html
<tr>
<td>Inhoud van de cel</td>
</tr>
```
Raw data
{
"_id": null,
"home_page": "https://github.com/TJouleL/WebDesignTaal",
"name": "WebDesignTaal",
"maintainer": null,
"docs_url": null,
"requires_python": ">=3.6",
"maintainer_email": null,
"keywords": "html compiler webdesign educatie",
"author": "TJouleL",
"author_email": null,
"download_url": "https://files.pythonhosted.org/packages/74/98/1968c4d2bd84243a2f4bcdd935c28ec0b7d9d6a7d5d4417a8547304c6fca/webdesigntaal-1.0.0.tar.gz",
"platform": null,
"description": "# WebDesignTaal\r\n    \r\n\r\nWebDesignTaal is een programmeertaal die is ontworpen om het schrijven van webpagina's te vereenvoudigen met een intu\u00eftieve Nederlandse syntaxis. Het compileert je code naar gestructureerde HTML.\r\n\r\n## Installatie\r\n\r\n```bash\r\npip install WebDesignTaal\r\n```\r\n\r\n## Gebruik\r\n\r\n### Command-line Tool\r\n\r\nJe kunt een `.wdt` bestand converteren naar een HTML-website met het `wdt` commando:\r\n\r\n```bash\r\nwdt <pad_naar_bestand.wdt>\r\n```\r\n\r\nDit genereert een `output` map (in dezelfde directory als het `.wdt` bestand) met daarin een `index.html` bestand.\r\n\r\n### Als Python Module\r\n\r\nJe kunt de `render_code` functie ook direct in je Python-code gebruiken:\r\n\r\n```python\r\nfrom WebDesignTaal.wdt_parser import render_code\r\n\r\nwdt_code = \"\"\"\r\ndocument;\r\n head;\r\n metadata charset=\"utf-8\";\r\n metadata name=\"viewport\" content=\"width=device-width, initial-scale=1.0\";\r\n metadata title=\"Mijn Webpagina\";\r\n body;\r\n kop1; Welkom bij WebDesignTaal!\r\n tekst; Dit is een voorbeeld van een paragraaf.\r\n\"\"\"\r\n\r\nhtml_output = render_code(wdt_code)\r\nprint(html_output)\r\n```\r\n\r\n## WebDesignTaal Syntax Uitleg\r\n\r\nWebDesignTaal gebruikt een eenvoudige, op indentatie gebaseerde syntax om de structuur van webpagina's te defini\u00ebren.\r\n\r\n* **Indentatie:** De hi\u00ebrarchie van elementen wordt bepaald door indentatie. Gebruik **vier spaties** per niveau.\r\n* **Tag Naam:** Elk element begint met de Nederlandse tag naam (bijv. `document`, `kop1`, `tekst`).\r\n* **Content:** De tekstuele inhoud van een element volgt na een puntkomma (`;`). Als er geen content is, kan de puntkomma weggelaten worden, maar het is goede praktijk om deze te behouden voor consistentie.\r\n* **Attributen:** Attributen worden na de tag naam geplaatst en voor de puntkomma, gescheiden door spaties. Attributen bestaan uit een sleutel-waarde paar (`sleutel=waarde`). Waarden die spaties bevatten, moeten tussen aanhalingstekens (`\"` of `'`) staan. Voor waarden zonder spaties zijn aanhalingstekens optioneel.\r\n* **Commentaar:** Je kunt commentaar toevoegen aan je code door een `#` te gebruiken. Alles na de `#` op dezelfde regel wordt genegeerd door de parser.\r\n* **Regelafbrekingen:** Extra lege regels (enters) tussen elementen worden genegeerd en kunnen gebruikt worden om je code overzichtelijker te maken.\r\n\r\n**Voorbeeld:**\r\n\r\n```wdt\r\ndocument;\r\n head;\r\n metadata charset=\"utf-8\";\r\n metadata name=\"viewport\" content=\"width=device-width, initial-scale=1.0\";\r\n metadata title=\"Mijn Webpagina\";\r\n body;\r\n kop1 id=hoofdtitel kleur=rood; Welkom bij WebDesignTaal! # Dit is een commentaar\r\n\r\n tekst klasse=\"intro\"; Dit is een voorbeeld van een paragraaf.\r\n link adres=\"https://www.example.com\"; Ga naar Example.com\r\n```\r\n\r\n## Onderliggende Structuur: Child-Parent Systeem met Nodes\r\n\r\nWebDesignTaal vertaalt je code naar een interne boomstructuur van 'nodes' (knopen), vergelijkbaar met hoe browsers een Document Object Model (DOM) van HTML-pagina's maken. Elk element in je WDT-code wordt een node, en de indentatie bepaalt de relatie tussen deze nodes:\r\n\r\n* Een minder ingesprongen node is de **parent** (ouder) van de meer ingesprongen nodes die er direct onder staan.\r\n* De meer ingesprongen nodes zijn de **children** (kinderen) van de parent node.\r\n\r\nDeze hi\u00ebrarchische structuur zorgt ervoor dat de gecompileerde HTML correct genest is, wat essentieel is voor de structuur en weergave van webpagina's. Bijvoorbeeld, een `head` node is een kind van de `document` node, en een `tekst` node kan een kind zijn van een `body` node.\r\n\r\n**Voorbeeld van hi\u00ebrarchie:**\r\n\r\n```wdt\r\ndocument; # Parent\r\n head; # Kind van 'document'\r\n metadata; # Kind van 'head'\r\n body; # Kind van 'document'\r\n kop1; # Kind van 'body'\r\n tekst; # Kind van 'body'\r\n```\r\n\r\n## Attributen en Stijlvertalingen\r\n\r\nWebDesignTaal biedt een flexibele manier om attributen en stijlen toe te passen op je elementen. Je kunt de meeste standaard HTML-attributen direct gebruiken, evenals Nederlandse vertalingen voor veelvoorkomende attributen en CSS-stijlen.\r\n\r\n### Standaard Attributen\r\n\r\nWebDesignTaal herkent en verwerkt de meeste standaard HTML-attributen direct. Je kunt deze gebruiken zoals je gewend bent in HTML:\r\n`id`, `class`, `href`, `src`, `alt`, `title`, `name`, `value`, `type`, `placeholder`, `checked`, `disabled`, `readonly`, `action`, `method`, `for`, `rel`, `target`, `width`, `height`, `cols`, `rows`, `maxlength`, `min`, `max`, `step`, `selected`, `autocomplete`, `download`, `role`, `lang`, `tabindex`, `aria-label`\r\n\r\n### Nederlandse Attribuut Aliassen\r\n\r\nVoor een meer Nederlandse ervaring kun je de volgende aliassen gebruiken voor veelvoorkomende attributen:\r\n\r\n| WDT Attribuut | HTML Equivalent |\r\n| :------------ | :-------------- |\r\n| `bron` | `src` |\r\n| `breedte` | `width` |\r\n| `hoogte` | `length` |\r\n| `rijen` | `rows` |\r\n| `kolommen` | `cols` |\r\n| `taal` | `lang` |\r\n| `adres` | `href` |\r\n| `alttekst` | `alt` |\r\n| `karakterset` | `charset` |\r\n| `citeer` | `cite` |\r\n| `verborgen` | `hidden` |\r\n\r\n### Stijl Attributen\r\n\r\nJe kunt CSS-stijlen direct als attributen opgeven in WebDesignTaal. De taal vertaalt veel Nederlandse stijl-eigenschappen naar hun CSS-equivalenten, die vervolgens worden toegepast via het `style`-attribuut in de HTML.\r\n\r\n**Voorbeeld:** `tekst kleur=rood lettergrootte=16px; Dit is rode tekst.`\r\n\r\nHier zijn enkele van de ondersteunde stijl-eigenschappen:\r\n\r\n| WDT Stijl Eigenschap | CSS Eigenschap |\r\n| :------------------- | :----------------- |\r\n| `kleur` | `color` |\r\n| `achtergrondkleur` | `background-color` |\r\n| `achtergrond` | `background` |\r\n| `lettertype` | `font-family` |\r\n| `lettergrootte` | `font-size` |\r\n| `letterstijl` | `font-style` |\r\n| `lettergewicht` | `font-weight` |\r\n| `tekstuitlijning` | `text-align` |\r\n| `tekstdecoratie` | `text-decoration` |\r\n| `teksttransformatie` | `text-transform` |\r\n| `regelhoogte` | `line-height` |\r\n| `woordafstand` | `word-spacing` |\r\n| `letterafstand` | `letter-spacing` |\r\n| `breedte` | `width` |\r\n| `hoogte` | `height` |\r\n| `marge` | `margin` |\r\n| `margeboven` | `margin-top` |\r\n| `margeonder` | `margin-bottom` |\r\n| `margelinks` | `margin-left` |\r\n| `margerechts` | `margin-right` |\r\n| `opvulling` | `padding` |\r\n| `opvullingboven` | `padding-top` |\r\n| `opvullingonder` | `padding-bottom` |\r\n| `opvullinglinks` | `padding-left` |\r\n| `opvullingrechts` | `padding-right` |\r\n| `rand` | `border` |\r\n| `randkleur` | `border-color` |\r\n| `randstijl` | `border-style` |\r\n| `randdikte` | `border-width` |\r\n| `afronding` | `border-radius` |\r\n| `positie` | `position` |\r\n| `boven` | `top` |\r\n| `onder` | `bottom` |\r\n| `links` | `left` |\r\n| `rechts` | `right` |\r\n| `zweven` | `float` |\r\n| `weergave` | `display` |\r\n| `zichtbaarheid` | `visibility` |\r\n| `zindex` | `z-index` |\r\n| `schaduw` | `box-shadow` |\r\n| `tektschaduw` | `text-shadow` |\r\n| `doorzichtigheid` | `opacity` |\r\n| `cursor` | `cursor` |\r\n| `achtergrondafbeelding`| `background-image`|\r\n| `achtergrondpositie` | `background-position`|\r\n| `achtergrondherhaling`| `background-repeat`|\r\n| `achtergronddekking` | `background-size` |\r\n| `animatie` | `animation` |\r\n| `animatienaam` | `animation-name` |\r\n| `animatieduur` | `animation-duration`|\r\n| `overgang` | `transition` |\r\n\r\n### Stijl Waarde Aliassen\r\n\r\nOok voor veelgebruikte CSS-waarden zijn Nederlandse aliassen beschikbaar:\r\n\r\n| WDT Waarde | CSS Equivalent |\r\n| :--------- | :------------- |\r\n| `rood` | `red` |\r\n| `blauw` | `blue` |\r\n| `groen` | `green` |\r\n| `geel` | `yellow` |\r\n| `zwart` | `black` |\r\n| `wit` | `white` |\r\n| `grijs` | `gray` |\r\n| `lichtgrijs`| `lightgray` |\r\n| `donkergrijs`| `darkgray` |\r\n| `lichtblauw`| `lightblue` |\r\n| `donkerblauw`| `darkblue` |\r\n| `lichtgroen`| `lightgreen` |\r\n| `donkergroen`| `darkgreen` |\r\n| `lichtrood` | `lightred` |\r\n| `donkerrood`| `darkred` |\r\n| `lichtgeel` | `lightyellow` |\r\n| `donkergeel`| `darkyellow` |\r\n| `paars` | `purple` |\r\n| `oranje` | `orange` |\r\n| `roze` | `pink` |\r\n| `bruin` | `brown` |\r\n| `transparant`| `transparent` |\r\n| `links` | `left` |\r\n| `rechts` | `right` |\r\n| `midden` | `center` |\r\n| `gecentreerd`| `center` |\r\n| `boven` | `top` |\r\n| `onder` | `bottom` |\r\n| `blok` | `block` |\r\n| `inline` | `inline` |\r\n| `flex` | `flex` |\r\n| `geen` | `none` |\r\n| `vet` | `bold` |\r\n| `normaal` | `normal` |\r\n| `cursief` | `italic` |\r\n| `absoluut` | `absolute` |\r\n| `relatief` | `relative` |\r\n| `vast` | `fixed` |\r\n| `verborgen`| `hidden` |\r\n| `zichtbaar`| `visible` |\r\n| `stippel` | `dotted` |\r\n| `gestreept`| `dashed` |\r\n| `doorgetrokken`| `solid` |\r\n\r\n## Beschikbare Tags (Elementen)\r\n\r\nHieronder vind je een overzicht van alle beschikbare tags in WebDesignTaal, inclusief hun functie, vereisten en voorbeeldcode.\r\n\r\n### `document`\r\n* **Doel:** De root van elk WebDesignTaal document, definieert de basisstructuur van je webpagina.\r\n* **Vereisten:** Geen specifieke attributen. Bevat meestal `head` en `body` als kinderen.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n document;\r\n head;\r\n body;\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <html>\r\n <head>\r\n </head>\r\n <body>\r\n </body>\r\n </html>\r\n ```\r\n\r\n### `head`\r\n* **Doel:** Bevat metadata voor het document, zoals de titel, karakterset en links naar stylesheets.\r\n* **Vereisten:** Geen specifieke attributen. Bevat vaak `metadata` tags.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n document;\r\n head;\r\n metadata charset=\"utf-8\";\r\n metadata title=\"Mijn Titel\";\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <html>\r\n <head>\r\n <meta charset=\"utf-8\">\r\n <meta title=\"Mijn Titel\">\r\n </head>\r\n <body>\r\n </body>\r\n </html>\r\n ```\r\n\r\n### `body`\r\n* **Doel:** Bevat de zichtbare inhoud van je webpagina, zoals tekst, afbeeldingen en links.\r\n* **Vereisten:** Geen specifieke attributen. Bevat alle zichtbare elementen zoals koppen, paragrafen, etc.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n document;\r\n body;\r\n kop1; Welkom!\r\n tekst; Dit is de inhoud.\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <h1>Welkom!</h1>\r\n <h2>Dit is de inhoud.</h2>\r\n </body>\r\n ```\r\n\r\n### `kop1` tot `kop6`\r\n* **Doel:** Definieert koppen van verschillende niveaus, van de belangrijkste (`kop1`) tot de minst belangrijke (`kop6`).\r\n* **Vereisten:** Tekstuele inhoud.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n kop1; Hoofdtitel\r\n kop2; Subtitel\r\n kop6; Kleinste kop\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <h1>Hoofdtitel</h1>\r\n <h2>Subtitel</h2>\r\n <h6>Kleinste kop</h6>\r\n </body>\r\n ```\r\n\r\n### `tekst`\r\n* **Doel:** Cre\u00ebert een paragraaf tekst.\r\n* **Vereisten:** Tekstuele inhoud.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n tekst; Dit is een normale paragraaf.\r\n tekst kleur=blauw; Deze tekst is blauw.\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <p>Dit is een normale paragraaf.</p>\r\n <p style=\"color:blue\">Deze tekst is blauw.</p>\r\n </body>\r\n ```\r\n\r\n### `opsomming_lijst`\r\n* **Doel:** Cre\u00ebert een ongeordende lijst (met opsommingstekens). Bevat `lijst_item` als kinderen.\r\n* **Vereisten:** Geen specifieke attributen.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n opsomming_lijst;\r\n lijst_item; Eerste item\r\n lijst_item; Tweede item\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <ul>\r\n <li>Eerste item</li>\r\n <li>Tweede item</li>\r\n </ul>\r\n </body>\r\n ```\r\n\r\n### `getal_lijst`\r\n* **Doel:** Cre\u00ebert een geordende lijst (met nummers). Bevat `lijst_item` als kinderen.\r\n* **Vereisten:** Geen specifieke attributen.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n getal_lijst;\r\n lijst_item; Eerste genummerde item\r\n lijst_item; Tweede genummerde item\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <ol>\r\n <li>Eerste genummerde item</li>\r\n <li>Tweede genummerde item</li>\r\n </ol>\r\n </body>\r\n ```\r\n\r\n### `lijst_item`\r\n* **Doel:** Een individueel item binnen een lijst. Moet een kind zijn van `opsomming_lijst` of `getal_lijst`.\r\n* **Vereisten:** Tekstuele inhoud. Moet binnen een lijst-tag staan.\r\n* **WDT Voorbeeld:** (Zie `opsomming_lijst` en `getal_lijst` voor context)\r\n ```wdt\r\n opsomming_lijst;\r\n lijst_item; Een item\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <ul>\r\n <li>Een item</li>\r\n </ul>\r\n ```\r\n\r\n### `afbeelding`\r\n* **Doel:** Voegt een afbeelding toe aan de webpagina.\r\n* **Vereisten:** Het attribuut `bron` (pad naar de afbeelding) en bij voorkeur `alttekst` (alternatieve tekst voor toegankelijkheid).\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n afbeelding bron=\"pad/naar/afbeelding.jpg\" alttekst=\"Beschrijving van afbeelding\";\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <img src=\"pad/naar/afbeelding.jpg\" alt=\"Beschrijving van afbeelding\">\r\n </body>\r\n ```\r\n\r\n### `link`\r\n* **Doel:** Cre\u00ebert een hyperlink naar een andere pagina of bron.\r\n* **Vereisten:** Het attribuut `adres` (de URL waar de link naartoe verwijst).\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n link adres=\"https://www.google.com\"; Ga naar Google\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <a href=\"https://www.google.com\">Ga naar Google</a>\r\n </body>\r\n ```\r\n\r\n### `gedeelte`\r\n* **Doel:** Een generieke container voor content, handig voor het groeperen van elementen voor styling of scripting.\r\n* **Vereisten:** Geen specifieke attributen.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n gedeelte id=mijnSectie klasse=container;\r\n kop2; Dit is een sectie\r\n tekst; Content binnen de sectie.\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <div id=\"mijnSectie\" class=\"container\">\r\n <h2>Dit is een sectie</h2>\r\n <p>Content binnen de sectie.</p>\r\n </div>\r\n </body>\r\n ```\r\n\r\n### `artikel`\r\n* **Doel:** Representeert onafhankelijke, zelfstandige content, zoals een blogpost of nieuwsartikel.\r\n* **Vereisten:** Geen specifieke attributen.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n artikel;\r\n kop2; Nieuwsbericht\r\n tekst; Dit is de inhoud van het nieuwsbericht.\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <article>\r\n <h2>Nieuwsbericht</h2>\r\n <p>Dit is de inhoud van het nieuwsbericht.</p>\r\n </article>\r\n </body>\r\n ```\r\n\r\n### `audio`\r\n* **Doel:** Voegt audio content toe aan de webpagina.\r\n* **Vereisten:** Het attribuut `bron` (pad naar het audiobestand).\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n audio bron=\"pad/naar/audio.mp3\";\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <audio src=\"pad/naar/audio.mp3\"></audio>\r\n </body>\r\n ```\r\n\r\n### `video`\r\n* **Doel:** Voegt video content toe aan de webpagina.\r\n* **Vereisten:** Het attribuut `bron` (pad naar het videobestand).\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n video bron=\"pad/naar/video.mp4\" breedte=640 hoogte=480;\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <video src=\"pad/naar/video.mp4\" width=\"640\" height=\"480\"></video>\r\n </body>\r\n ```\r\n\r\n### `quote`\r\n* **Doel:** Gebruikt voor lange citaten die uit een andere bron komen.\r\n* **Vereisten:** Tekstuele inhoud.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n quote; Dit is een lang citaat van een andere bron.\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <blockquote>Dit is een lang citaat van een andere bron.</blockquote>\r\n </body>\r\n ```\r\n\r\n### `lijn`\r\n* **Doel:** Tekent een horizontale scheidingslijn op de webpagina.\r\n* **Vereisten:** Geen inhoud of attributen nodig.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n tekst; Boven de lijn.\r\n lijn;\r\n tekst; Onder de lijn.\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <p>Boven de lijn.</p>\r\n <hr>\r\n <p>Onder de lijn.</p>\r\n </body>\r\n ```\r\n\r\n### `schuingedrukt`\r\n* **Doel:** Maakt de ingesloten tekst schuingedrukt.\r\n* **Vereisten:** Tekstuele inhoud.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n schuingedrukt; Dit is schuingedrukte tekst.\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <i>Dit is schuingedrukte tekst.</i>\r\n </body>\r\n ```\r\n\r\n### `dikgedrukt`\r\n* **Doel:** Maakt de ingesloten tekst dikgedrukt.\r\n* **Vereisten:** Tekstuele inhoud.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n dikgedrukt; Dit is dikgedrukte tekst.\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <b>Dit is dikgedrukte tekst.</b>\r\n </body>\r\n ```\r\n\r\n### `onderlijndrukt`\r\n* **Doel:** Onderstreept de ingesloten tekst.\r\n* **Vereisten:** Tekstuele inhoud.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n onderlijndrukt; Dit is onderlijnde tekst.\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <u>Dit is onderlijnde tekst.</u>\r\n </body>\r\n ```\r\n\r\n### `metadata`\r\n* **Doel:** Definieert metadata over het HTML-document, zoals de karakterset, viewport instellingen of de paginatitel.\r\n* **Vereisten:** Attributen zoals `charset`, `name`, `content`, `title`.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n head;\r\n metadata charset=\"utf-8\";\r\n metadata name=\"description\" content=\"Een beschrijving van de pagina\";\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <head>\r\n <meta charset=\"utf-8\">\r\n <meta name=\"description\" content=\"Een beschrijving van de pagina\">\r\n </head>\r\n ```\r\n\r\n### `tabel`\r\n* **Doel:** Cre\u00ebert een HTML-tabel voor het weergeven van gestructureerde gegevens. Bevat `tabelrij` als kinderen.\r\n* **Vereisten:** Geen specifieke attributen.\r\n* **WDT Voorbeeld:**\r\n ```wdt\r\n body;\r\n tabel;\r\n tabelrij;\r\n tabelcel; Rij 1, Cel 1\r\n tabelcel; Rij 1, Cel 2\r\n tabelrij;\r\n tabelcel; Rij 2, Cel 1\r\n tabelcel; Rij 2, Cel 2\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <body>\r\n <table>\r\n <tr>\r\n <td>Rij 1, Cel 1</td>\r\n <td>Rij 1, Cel 2</td>\r\n </tr>\r\n <tr>\r\n <td>Rij 2, Cel 1</td>\r\n <td>Rij 2, Cel 2</td>\r\n </tr>\r\n </table>\r\n </body>\r\n ```\r\n\r\n### `tabelrij`\r\n* **Doel:** Definieert een rij in een HTML-tabel. Moet een kind zijn van `tabel`. Bevat `tabelcel` als kinderen.\r\n* **Vereisten:** Moet binnen een `tabel`-tag staan.\r\n* **WDT Voorbeeld:** (Zie `tabel` voor context)\r\n ```wdt\r\n tabel;\r\n tabelrij;\r\n tabelcel; Cel in rij\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <table>\r\n <tr>\r\n <td>Cel in rij</td>\r\n </tr>\r\n </table>\r\n ```\r\n\r\n### `tabelcel`\r\n* **Doel:** Definieert een cel in een HTML-tabel. Moet een kind zijn van `tabelrij`.\r\n* **Vereisten:** Tekstuele inhoud. Moet binnen een `tabelrij`-tag staan.\r\n* **WDT Voorbeeld:** (Zie `tabel` voor context)\r\n ```wdt\r\n tabelrij;\r\n tabelcel; Inhoud van de cel\r\n ```\r\n* **HTML Output:**\r\n ```html\r\n <tr>\r\n <td>Inhoud van de cel</td>\r\n </tr>\r\n ```\r\n",
"bugtrack_url": null,
"license": null,
"summary": "Een programmeertaal die compileert naar HTML met een Nederlandse syntax.",
"version": "1.0.0",
"project_urls": {
"Homepage": "https://github.com/TJouleL/WebDesignTaal"
},
"split_keywords": [
"html",
"compiler",
"webdesign",
"educatie"
],
"urls": [
{
"comment_text": null,
"digests": {
"blake2b_256": "c0b3e2ef8396db41ca50afe010f84d83c7bc8ec1fe4ed6c73d278d01ed62047e",
"md5": "80cb605f97b04472ce918c84e05a655f",
"sha256": "aea7473bd4ae770f5971076b1c9b70b0015e121459649fdf7d7b5439186cafc8"
},
"downloads": -1,
"filename": "webdesigntaal-1.0.0-py3-none-any.whl",
"has_sig": false,
"md5_digest": "80cb605f97b04472ce918c84e05a655f",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.6",
"size": 28599,
"upload_time": "2025-10-29T14:38:04",
"upload_time_iso_8601": "2025-10-29T14:38:04.571051Z",
"url": "https://files.pythonhosted.org/packages/c0/b3/e2ef8396db41ca50afe010f84d83c7bc8ec1fe4ed6c73d278d01ed62047e/webdesigntaal-1.0.0-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "74981968c4d2bd84243a2f4bcdd935c28ec0b7d9d6a7d5d4417a8547304c6fca",
"md5": "961404fc442d4858f14fde44ffc7cdf9",
"sha256": "34bf6fed5b4bd3f4d6d065c628f45db59ad15951f16103e8fa1443527430b74d"
},
"downloads": -1,
"filename": "webdesigntaal-1.0.0.tar.gz",
"has_sig": false,
"md5_digest": "961404fc442d4858f14fde44ffc7cdf9",
"packagetype": "sdist",
"python_version": "source",
"requires_python": ">=3.6",
"size": 34495,
"upload_time": "2025-10-29T14:38:06",
"upload_time_iso_8601": "2025-10-29T14:38:06.125267Z",
"url": "https://files.pythonhosted.org/packages/74/98/1968c4d2bd84243a2f4bcdd935c28ec0b7d9d6a7d5d4417a8547304c6fca/webdesigntaal-1.0.0.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2025-10-29 14:38:06",
"github": true,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"github_user": "TJouleL",
"github_project": "WebDesignTaal",
"travis_ci": false,
"coveralls": false,
"github_actions": false,
"lcname": "webdesigntaal"
}
JSON
