Edit-Website.md

 # Wie man die Website bearbeitet
 
-1. Edit -> WebIDE (Screenshot)
-2. Dateien editieren bzw. anlegen (beschreiben wo welche Artikel liegen)
-    1. Beim dateien anlegen: Dateinamen ohne leerzeichen und klein geschrieben und mit Dateiendung `.md`
-    2. Hier noch Format und Header erklären
-        * Header tags
-        * News: Sortierung nach Datum im Header
-        * `<!-- more -->` Erklärung
-        * Markdown-Syntax Referenz
+Zuerst in den richtigen Ordner navigieren. (e.g. `content/news`)
+
+## WebIDE öffnen
+
+Um die WebIDE zu öffnen auf den `Edit`-Knopf und anschließend auf `Web IDE` drücken. Es sollte sich nun im Browserfenster eine IDE öffnen.
+![webide-button](uploads/e81b135b22e77f8e8ea85f6863066f60/webide-button.png)
+
+2. Links in den `news`-Ordner navigieren, und mit rechtsclick eine neue Datei anlegen (`New File`).
+![new-file](uploads/bc84f0d667dc65f8a610be9953967bc5/new-file.png)
+> *wichtig*: Beim dateien anlegen: Dateinamen ohne leerzeichen und klein geschrieben und mit Dateiendung `.md`.
+
+3. Es müssen nun noch ein Titel, ein Datum (und optional ein thumbnail) gesetzt werden.
+![header_block](uploads/0a1fd3a78b6a362b842e52acb53e8d4d/header_block.png)
+
+4. Um ein Thumbnail hochzuladen muss man lediglich das Bild in den `thumbnails`-Ordner ziehen.
+![upload-image](uploads/34ef917997a5ac1df60afc8a0dfb435c/upload-image.png)
+
+5. Jetzt kann man nach seinen Wünschen den Inhalt der neuen Seite darunter schreiben.
+![content](uploads/0bc7d26f9b65222af56076a7745dcae8/content.png)
+
 3. Änderungen commiten
     1. git-Icon in WebUI
     2. Kurze Änderungsbeschreibung in "Commit Message" hinterlegen