[FIX] spaces

Fehlender Pfad

.drone.yml

@@ -0,0 +1,72 @@
+kind: pipeline
+type: docker
+name: default
+
+steps:
+- name: Restore Cache
+  image: drillster/drone-volume-cache
+  volumes:
+  - name: cache
+    path: /cache
+  settings:
+    restore: true
+    mount:
+      - ./node_modules
+      - ./dist  
+  
+- name: Build DockerImage
+  image: docker
+  volumes:
+  - name: docker_sock
+    path: /var/run/docker.sock
+  commands:
+  - docker build --no-cache -t gulp-node:1 -f Scripte/Dockerfile .
+  
+- name: Build Website
+  image: gulp-node:1
+  commands:
+  - npm install
+  - gulp
+  - zip public.zip -r dist/*
+
+- name: Rebuild Cache
+  image: drillster/drone-volume-cache
+  volumes:
+  - name: cache
+    path: /cache
+  settings:
+    rebuild: true
+    mount:
+    - ./node_modules
+    - ./dist
+
+- name: Upload To Gitea-Release
+  image: plugins/gitea-release 
+  settings: 
+    base_url: https://git.chrosey.de 
+    api_key: 
+      from_secret: gitea_token 
+    files: 
+    - public.zip 
+    when: 
+      event: tag
+
+- name: Upload to Nextcloud
+  image: gam2046/drone-webdav
+  settings:
+    file: public.zip
+    destination: https://nextcloud.chrosey.de/remote.php/dav/files/chrosey/elkes_homepage/
+    username: 
+      from_secret: webdav_username
+    password:
+      from_secret: webdav_password
+  when: 
+    event: tag
+
+volumes:
+- name: docker_sock
+  host: 
+    path: /var/run/docker.sock
+- name: cache
+  host: 
+    path: /volume2/docker2/dronecache

.gitignore

@@ -1 +1,3 @@
-bilder/*.jpg
+node_modules
+dist
+

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "gitea.repo": "ferienwohnung-wanderlust"
+}

README.md

@@ -0,0 +1,38 @@
+# Ferienwohnung "Wanderlust"
+
+Webseite für die Ferienwohnung der Familie Frank
+
+[Testseite](https://ferienwohnung.chrosey.de)  
+[Zielseite](https://www.ferienwohnung-friedrichroda.de)
+
+
+## Neue Bilder zum Slider hinzufügen
+1. das gewünschte Bild in der richtigen Größe hochladen (1500px Breite) und in den Ordner `bilder/1500px` ablegen
+2. in der index.html nach `div.slider` suchen
+3. innerhalb des Elements `div.slides` ein komplettes `li`-Element kopieren
+4. das kopierte Element an die gewünscht Stelle schieben 
+5. in dem eingefügen Element den Dateinamen in `img[src]` ersetzen durch den der hochgeladenen Datei
+6. die Bildbeschreibung `img[alt]` und die angezeigte Betitelung `div.caption>div.card-panel>h3` anpassen
+
+## Parallax-Bild ausstauschen
+1. das gewünschte Bild in der richgtigen Größe hochladen (2400px Breite) und in den Ordner `bilder/2400px` ablegen
+2. den Parallax-Bereich suchen, der ausgetauscht werden soll
+3. den Dateinamen in `img[src]` ersetzen durch den der hochgeladenen Datei
+4. die Bildbeschreibung austauschen `img[alt]`
+
+## Farben wechseln
+1. die gewünschte Farbe bei [materialize.css](https://materializecss.com/color.html#palette) suchen
+2. in der `index.html` nach der der alten Farbe suchen und durch die neue ersetzen (`.old-color.old-color-modifier`)
+3. in der `style.css` nach `a:not([href^='#'])` suchen und durch den Farbcode der neuen Farbe ersetzen
+
+## Pakettieren
+1. Webserver im root-Verzeichnis starten (zB als localhost:5500)
+2. `wget --recursive http://localhost:5500/ -P dist -nH` ausführen
+3. `find dist/bilder/ -type f -name *.jpg | cut -c 6- | xargs -I{} cp "{}.webp" "dist/{}.webp"`
+4. aus der `dist/index.html` den Bereich "code injected by LiveServer" entfernen
+
+## Deployment
+nur die Inhalte aus dem Ordner dist sind für die Webseite nötig, der Rest wird auf der Webseite nicht verwendet.
+1. Verbinung zu Ziel-Server herstellen
+2. zum DocumentRoot navigieren
+3. Inhalte aus dem Verzeichnis `dist` in das entfernte DocRoot-Verzeichnis synchronisieren

Scripte/Dockerfile

@@ -0,0 +1,3 @@
+FROM node:14-alpine
+RUN apk --no-cache add python make gcc g++ graphicsmagick autoconf automake libtool zlib file pkgconfig nasm libpng-dev zip
+RUN npm install -g gulp 

Scripte/batch-image-resize.sh

@@ -0,0 +1,39 @@
+#!/usr/bin/bash
+# Purpose: batch image resizer
+# Source: https://guides.wp-bullet.com
+# Author: Mike
+
+# absolute path to image folder
+
+declare -A dimensions
+dimensions["2400"]="1600"
+dimensions["1500"]="1000"
+dimensions["150"]="150"
+dimensions["100"]="100"
+folders="../bilder"
+
+for WIDTH in "${!dimensions[@]}"; do
+    
+    # max height
+    HEIGHT=${dimensions[$WIDTH]}
+    
+    for FOLDER in $folders; do
+        cd $FOLDER
+        mkdir "${WIDTH}px"
+        
+        for file in $FOLDER/*.jpg; do
+            #echo $file;
+            filename=$(basename $file)
+            targetname="${WIDTH}px/${filename}"
+            
+            echo "erstelle $webpName"
+            convert $file -quality 90 -resize "${WIDTH}x${HEIGHT}" "$targetname";
+            
+            webpName="${WIDTH}px/${filename}.webp"
+            echo "erstelle $webpName"
+            convert $targetname -quality 90 -define webp "$webpName"
+        done
+        
+    done
+    
+done