Compare commits
No commits in common. "master" and "task/slider" have entirely different histories.
master
...
task/slide
72
.drone.yml
@ -1,72 +0,0 @@
|
||||
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
|
||||
4
.gitignore
vendored
@ -1,3 +1 @@
|
||||
node_modules
|
||||
dist
|
||||
|
||||
bilder/*.jpg
|
||||
|
||||
3
.vscode/settings.json
vendored
@ -1,3 +0,0 @@
|
||||
{
|
||||
"gitea.repo": "ferienwohnung-wanderlust"
|
||||
}
|
||||
38
README.md
@ -1,38 +0,0 @@
|
||||
# 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
|
||||
@ -1,3 +0,0 @@
|
||||
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
|
||||
@ -1,39 +0,0 @@
|
||||
#!/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
|
||||
BIN
bilder/100px/1.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
bilder/100px/1.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/100px/10.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
bilder/100px/10.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/100px/11.jpg
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
bilder/100px/11.jpg.webp
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
bilder/100px/12.jpg
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
bilder/100px/12.jpg.webp
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
bilder/100px/13.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
bilder/100px/13.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/100px/14.jpg
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
bilder/100px/14.jpg.webp
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
bilder/100px/15.jpg
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
bilder/100px/15.jpg.webp
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
bilder/100px/16.jpg
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/100px/16.jpg.webp
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
bilder/100px/2.jpg
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
bilder/100px/2.jpg.webp
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
bilder/100px/3.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
bilder/100px/3.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/100px/4.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
bilder/100px/4.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/100px/5.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
bilder/100px/5.jpg.webp
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
bilder/100px/6.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
bilder/100px/6.jpg.webp
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
bilder/100px/7.jpg
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
bilder/100px/7.jpg.webp
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
bilder/100px/8.jpg
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
bilder/100px/8.jpg.webp
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
bilder/100px/9.jpg
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/100px/9.jpg.webp
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
bilder/100px/StartbildOriginal_Rev.jpg
Normal file
|
After Width: | Height: | Size: 3.3 KiB |
BIN
bilder/100px/StartbildOriginal_Rev.jpg.webp
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
bilder/1500px/1.jpg
Normal file
|
After Width: | Height: | Size: 649 KiB |
BIN
bilder/1500px/1.jpg.webp
Normal file
|
After Width: | Height: | Size: 291 KiB |
BIN
bilder/1500px/10.jpg
Normal file
|
After Width: | Height: | Size: 339 KiB |
BIN
bilder/1500px/10.jpg.webp
Normal file
|
After Width: | Height: | Size: 105 KiB |
BIN
bilder/1500px/11.jpg
Normal file
|
After Width: | Height: | Size: 327 KiB |
BIN
bilder/1500px/11.jpg.webp
Normal file
|
After Width: | Height: | Size: 106 KiB |
BIN
bilder/1500px/12.jpg
Normal file
|
After Width: | Height: | Size: 237 KiB |
BIN
bilder/1500px/12.jpg.webp
Normal file
|
After Width: | Height: | Size: 62 KiB |
BIN
bilder/1500px/13.jpg
Normal file
|
After Width: | Height: | Size: 268 KiB |
BIN
bilder/1500px/13.jpg.webp
Normal file
|
After Width: | Height: | Size: 87 KiB |
BIN
bilder/1500px/14.jpg
Normal file
|
After Width: | Height: | Size: 302 KiB |
BIN
bilder/1500px/14.jpg.webp
Normal file
|
After Width: | Height: | Size: 99 KiB |
BIN
bilder/1500px/15.jpg
Normal file
|
After Width: | Height: | Size: 200 KiB |
BIN
bilder/1500px/15.jpg.webp
Normal file
|
After Width: | Height: | Size: 75 KiB |
BIN
bilder/1500px/16.jpg
Normal file
|
After Width: | Height: | Size: 130 KiB |
BIN
bilder/1500px/16.jpg.webp
Normal file
|
After Width: | Height: | Size: 68 KiB |
BIN
bilder/1500px/2.jpg
Normal file
|
After Width: | Height: | Size: 124 KiB |
BIN
bilder/1500px/2.jpg.webp
Normal file
|
After Width: | Height: | Size: 59 KiB |
BIN
bilder/1500px/3.jpg
Normal file
|
After Width: | Height: | Size: 203 KiB |
BIN
bilder/1500px/3.jpg.webp
Normal file
|
After Width: | Height: | Size: 77 KiB |
BIN
bilder/1500px/4.jpg
Normal file
|
After Width: | Height: | Size: 219 KiB |
BIN
bilder/1500px/4.jpg.webp
Normal file
|
After Width: | Height: | Size: 74 KiB |
BIN
bilder/1500px/5.jpg
Normal file
|
After Width: | Height: | Size: 265 KiB |
BIN
bilder/1500px/5.jpg.webp
Normal file
|
After Width: | Height: | Size: 90 KiB |
BIN
bilder/1500px/6.jpg
Normal file
|
After Width: | Height: | Size: 208 KiB |
BIN
bilder/1500px/6.jpg.webp
Normal file
|
After Width: | Height: | Size: 88 KiB |
BIN
bilder/1500px/7.jpg
Normal file
|
After Width: | Height: | Size: 263 KiB |
BIN
bilder/1500px/7.jpg.webp
Normal file
|
After Width: | Height: | Size: 80 KiB |
BIN
bilder/1500px/8.jpg
Normal file
|
After Width: | Height: | Size: 168 KiB |
BIN
bilder/1500px/8.jpg.webp
Normal file
|
After Width: | Height: | Size: 68 KiB |
BIN
bilder/1500px/9.jpg
Normal file
|
After Width: | Height: | Size: 238 KiB |
BIN
bilder/1500px/9.jpg.webp
Normal file
|
After Width: | Height: | Size: 85 KiB |
BIN
bilder/1500px/StartbildOriginal_Rev.jpg
Normal file
|
After Width: | Height: | Size: 275 KiB |
BIN
bilder/1500px/StartbildOriginal_Rev.jpg.webp
Normal file
|
After Width: | Height: | Size: 72 KiB |
BIN
bilder/150px/1.jpg
Normal file
|
After Width: | Height: | Size: 52 KiB |
BIN
bilder/150px/1.jpg.webp
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
bilder/150px/10.jpg
Normal file
|
After Width: | Height: | Size: 51 KiB |
BIN
bilder/150px/10.jpg.webp
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
bilder/150px/11.jpg
Normal file
|
After Width: | Height: | Size: 50 KiB |
BIN
bilder/150px/11.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/150px/12.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
bilder/150px/12.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/150px/13.jpg
Normal file
|
After Width: | Height: | Size: 50 KiB |
BIN
bilder/150px/13.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/150px/14.jpg
Normal file
|
After Width: | Height: | Size: 49 KiB |
BIN
bilder/150px/14.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/150px/15.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
bilder/150px/15.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/150px/16.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
bilder/150px/16.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/150px/2.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
bilder/150px/2.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/150px/3.jpg
Normal file
|
After Width: | Height: | Size: 51 KiB |
BIN
bilder/150px/3.jpg.webp
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
bilder/150px/4.jpg
Normal file
|
After Width: | Height: | Size: 51 KiB |
BIN
bilder/150px/4.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
bilder/150px/5.jpg
Normal file
|
After Width: | Height: | Size: 51 KiB |
BIN
bilder/150px/5.jpg.webp
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
bilder/150px/6.jpg
Normal file
|
After Width: | Height: | Size: 50 KiB |
BIN
bilder/150px/6.jpg.webp
Normal file
|
After Width: | Height: | Size: 46 KiB |