This commit is contained in:
Jonas Heinrich 2021-11-13 23:21:25 +01:00
parent 2899235da9
commit d87d6f7c5c
13 changed files with 151 additions and 31 deletions

50
Makefile Normal file
View file

@ -0,0 +1,50 @@
DOCKER_HOST=playground.pi
SITE_URL=iaro.sinewell.de
PROJECT_NAME=client-iaro
CONTAINER_NAME_WORDPRESS=${PROJECT_NAME}_wordpress
CONTAINER_NAME_DB=${PROJECT_NAME}_db
TEMPLATE_NAME=iaro
docker_deploy:
docker run --rm -it \
-v /tmp/backup:/backup -v /var/lib/docker:/docker \
-v $(shell pwd):/docker/volumes/${CONTAINER_NAME_WORDPRESS}/_data/wp-content/themes/${TEMPLATE_NAME} \
alpine:edge tar cpfz /backup/volumes.tgz /docker/volumes/${CONTAINER_NAME_WORDPRESS} /docker/volumes/${CONTAINER_NAME_DB}
rsync --progress /tmp/backup/volumes.tgz ${DOCKER_HOST}:/tmp/
-DOCKER_HOST="ssh://${DOCKER_HOST}" docker stop ${CONTAINER_NAME_WORDPRESS}_1 ${CONTAINER_NAME_DB}_1
-DOCKER_HOST="ssh://${DOCKER_HOST}" docker rm ${CONTAINER_NAME_WORDPRESS}_1 ${CONTAINER_NAME_DB}_1
-DOCKER_HOST="ssh://${DOCKER_HOST}" docker volume rm ${CONTAINER_NAME_WORDPRESS} ${CONTAINER_NAME_DB}
DOCKER_HOST="ssh://${DOCKER_HOST}" docker run --rm -it \
-v /var/lib/docker:/docker \
-v /tmp:/volume-backup \
alpine:edge tar --strip-components=2 -xpvf /volume-backup/volumes.tgz -C /docker/volumes/
DOCKER_HOST="ssh://${DOCKER_HOST}" docker run --rm -it \
-v /var/lib/docker:/docker \
-v /tmp:/volume-backup \
alpine:edge sed -i 81idefine\\\(\\\'WP_SITEURL\\\',\\\'https://${SITE_URL}\\\'\\\)\\\;\\ndefine\\\(\\\'WP_HOME\\\',\\\'https://${SITE_URL}\\\'\\\)\\\; /docker/volumes/${CONTAINER_NAME_WORDPRESS}/_data/wp-config.php
# # Need to fix MaxSessions in remote ssh daemon https://github.com/docker/compose/issues/6463
cp wordpress.yml /tmp/wordpress.yml
sed -e '/${TEMPLATE_NAME}/ s/^#*/#/' -i /tmp/wordpress.yml
DOCKER_HOST="ssh://${DOCKER_HOST}" docker-compose -p ${PROJECT_NAME} -f /tmp/wordpress.yml up --no-start
DOCKER_HOST="ssh://${DOCKER_HOST}" docker-compose -p ${PROJECT_NAME} -f /tmp/wordpress.yml start
sleep 20
hyperpotamus -v setup-jetpack.yml
docker_up:
docker-compose -f wordpress.yml up
generate_pot:
wp i18n make-pot kit kit/languages/kit.pot # generate source file
for i18n in "de_DE" "fr_FR"; do \
# update translated language file \
msgmerge -N kit/languages/$${i18n}.po kit/languages/kit.pot > kit/languages/$${i18n}.po.new ; \
mv kit/languages/$${i18n}.po.new kit/languages/$${i18n}.po ;\
# generate mo file \
msgfmt -o kit/languages/$${i18n}.mo kit/languages/$${i18n}.po ; \
done

BIN
files/header1.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

BIN
files/logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
files/picture1.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
files/picture2.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 154 KiB

BIN
files/picture3.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

BIN
files/tiled1.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

BIN
files/tiled2.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 228 KiB

BIN
files/tiled3.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

BIN
files/tiled4.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 132 KiB

View file

@ -11,16 +11,20 @@
<link rel="preload" <link rel="preload"
href="https://signal.org/assets/inter/Inter-ExtraBold-74e72c6bbb7844899343c4783be9b4510e32951636acde44d5b4725e2132ea03.woff2" href="https://signal.org/assets/inter/Inter-ExtraBold-74e72c6bbb7844899343c4783be9b4510e32951636acde44d5b4725e2132ea03.woff2"
as="font" crossorigin="anonymous"> as="font" crossorigin="anonymous">
<link type="text/css" rel="stylesheet" href="files/bulma.css"> <link type="text/css" rel="stylesheet" href="<?php echo get_stylesheet_directory_uri().'/files/bulma.css'; ?>">
<link type="text/css" rel="stylesheet" href="files/ultramarine.css"> <link type="text/css" rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
</head> </head>
<body id="signal" class="index has-navbar-fixed-top"> <body id="signal" class="index has-navbar-fixed-top">
<nav class="navbar signal-navbar is-fixed-top" role="navigation" aria-label="main navigation"> <nav class="navbar signal-navbar is-fixed-top" role="navigation" aria-label="main navigation">
<div class="container"> <div class="container">
<div class="navbar-brand"> <a href="/"> <img class="signal-logo" <div class="navbar-brand">
src="files/logo.png"> </a> <a <a href="/">
<img class="signal-logo"
src="<?php echo get_stylesheet_directory_uri().'/files/logo.webp'; ?>">
</a>
<a
role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
data-target="signalNavbar"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span data-target="signalNavbar"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span
aria-hidden="true"></span> </a></div> aria-hidden="true"></span> </a></div>
@ -86,7 +90,7 @@
<div class="container"> <div class="container">
<div class="columns is-centered"> <div class="columns is-centered">
<div class="column is-half has-text-centered"> <div class="column is-half has-text-centered">
<div class="box"> <img src="files/tiled1.jpeg"> <div class="box"> <img src="<?php echo get_stylesheet_directory_uri().'/files/tiled1.webp'; ?>">
<h3>Gemeinsam entspannen</h3> <h3>Gemeinsam entspannen</h3>
<p class="body2">Lade deine Freunde und Verwandte auf ein gemeinsames Sauna-Erlebnis <p class="body2">Lade deine Freunde und Verwandte auf ein gemeinsames Sauna-Erlebnis
ein, egal ob zuhause oder unterwegs. ein, egal ob zuhause oder unterwegs.
@ -94,16 +98,19 @@
</div> </div>
</div> </div>
<div class="column is-half has-text-centered"> <div class="column is-half has-text-centered">
<div class="box"> <img src="files/tiled2.jpeg"> <div class="box"> <img src="<?php echo get_stylesheet_directory_uri().'/files/tiled2.webp'; ?>">
<h3>Raus in die Natur</h3> <h3>Leicht in die Natur</h3>
<p class="body2">Die Sauna lässt sich an einer handelsüblichen Anhängerkupplung <p class="body2">
anschließen. Einfach spontan zum See und direkt am Wasser saunieren.</p> Durch ihre einzigartige Leichtbauweise lässt sich die Sauna auf
einem 750 kg Hänger auch ohne Anhängerführerschein und sogar von
Kleinwägen transportieren.
</p>
</div> </div>
</div> </div>
</div> </div>
<div class="columns is-centered"> <div class="columns is-centered">
<div class="column is-half has-text-centered"> <div class="column is-half has-text-centered">
<div class="box"> <img src="files/tiled3.jpeg"> <div class="box"> <img src="<?php echo get_stylesheet_directory_uri().'/files/tiled3.webp'; ?>">
<h3>Ein kleines Zuhause</h3> <h3>Ein kleines Zuhause</h3>
<p class="body2">Mit wenigen Handriffen ist der Sauna-Raum zu einer großflächigen <p class="body2">Mit wenigen Handriffen ist der Sauna-Raum zu einer großflächigen
Liege umfunktioniert. Solarpanele auf dem Dach liefern Strom für Licht und Mobilgeräte. Liege umfunktioniert. Solarpanele auf dem Dach liefern Strom für Licht und Mobilgeräte.
@ -111,7 +118,7 @@
</div> </div>
</div> </div>
<div class="column is-half has-text-centered"> <div class="column is-half has-text-centered">
<div class="box"> <img src="files/tiled4.jpeg"> <div class="box"> <img src="<?php echo get_stylesheet_directory_uri().'/files/tiled4.webp'; ?>">
<h3>Saunieren in Gruppen</h3> <h3>Saunieren in Gruppen</h3>
<p class="body2">Die Sitzbank bietet Platz für bis zu vier Personen. Der Innenraum <p class="body2">Die Sitzbank bietet Platz für bis zu vier Personen. Der Innenraum
hat auch für größere Personen eine großzügige Höhe. hat auch für größere Personen eine großzügige Höhe.
@ -124,14 +131,19 @@
<section class="section information"> <section class="section information">
<div class="container"> <div class="container">
<div class="columns is-desktop"> <div class="columns is-desktop">
<div class="column"> <img src="files/picture2.jpeg"> <div class="column"> <img src="<?php echo get_stylesheet_directory_uri().'/files/picture2.webp'; ?>">
</div> </div>
<div class="column is-one-third"> <div class="column is-one-third">
<h2>No ads. No trackers. No kidding.</h2> <h2>Simpel - Nur Naturbaustoffe die Atmen</h2>
<p class="body1"> <p class="body1">
There are no ads, no affiliate marketers, and no creepy tracking in Der Wandaufbau besteht aus zwei Schichten: Expandierter Kork aus
Signal. So focus on sharing the moments that matter with the people who Portugal ist Fassade und Wärmedämmung zugleich. Eine Auskleidung
matter to you.</p> mit Kiefernholz bikdet den harzig duftenden Inneraum. Keine
Dampfsperre, kein Kunststoff, keine Zwischenschicht. Die
diffusionsoffene Bauweise sorgt für ein weiches Saunaklima,
da der Naturstoff Kork ausgleichend auf die Innenluft einwirkt.
</p>
</div> </div>
</div> </div>
</div> </div>
@ -140,35 +152,36 @@
<div class="container"> <div class="container">
<div class="columns is-desktop"> <div class="columns is-desktop">
<div class="column is-hidden-desktop"> <img <div class="column is-hidden-desktop"> <img
src="files/picture3.jpeg"></div> src="<?php echo get_stylesheet_directory_uri().'/files/picture3.webp'; ?>"></div>
<div class="column is-one-third"> <div class="column is-one-third">
<h2>Free for Everyone</h2> <h2>Vorbild Finnland - angepasst an hier</h2>
<p class="body1"> <p class="body1">
Signal is an independent nonprofit. We're not tied to any major tech Eine Sauna am See. Was viele Finnen ihre Eigen nennen, ist in
companies, and we can never be acquired by one either. Development is Deutschland ein seltener Luxus. Mit der mobilen Sauna für jede
supported by grants and donations from people like you. <br> <br> <a class="button button2" Führerscheinklasse und den vielen Seen in unserer Region, wird
href="https://signal.org/donate/"> Donate to Signal </a></p> der Traum vom Eisbaden zwischen zwei Saunagängen greifbar.
</p>
</div> </div>
<div class="column is-hidden-touch has-text-right"> <img <div class="column is-hidden-touch has-text-right"> <img
src="files/picture3.jpeg"></div> src="<?php echo get_stylesheet_directory_uri().'/files/picture3.webp'; ?>"></div>
</div> </div>
</div> </div>
</section> </section>
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="columns"> <div class="columns">
<div class="column is-two-fifths is-hidden-mobile grow-column"> <span class="copyright">© 20132021 Signal, a 501c3 <div class="column is-two-fifths is-hidden-mobile grow-column">
nonprofit.</span><br> Signal is a registered trademark in the United States and other countries. Presseanfragen bitte an <a href="mailto:simon.brose@gmail.com">simon.brose@gmail.com</a>
<br> <br> Presseanfragen bitte an <a href="mailto:simon.brose@gmail.com">simon.brose@gmail.com</a></div> </div>
<div class="column"> <strong>Sitemap</strong> <div class="column"> <strong>Sitemap</strong>
<ul> <ul>
<li> <a href="/impressum">Impressum</a></li> <li> <a href="/impressum">Impressum</a></li>
<li> <a href="/datenschutz">Datenschutz</a></li> <li> <a href="/datenschutz">Datenschutz</a></li>
</ul> </ul>
</div> </div>
<div class="column is-two-fifths is-hidden-tablet"> <span class="copyright">© 20132021 Signal, a 501c3 <div class="column is-two-fifths is-hidden-tablet">
nonprofit.</span><br> Signal is a registered trademark in the United States and other countries. Presseanfragen bitte an <a href="mailto:simon.brose@gmail.com">simon.brose@gmail.com</a></div>
<br> <br> For media inquiries, contact <a href="mailto:press@signal.org">press@signal.org</a></div> </div>
</div> </div>
</div> </div>
</footer> </footer>

View file

@ -1,3 +1,28 @@
/*!
Theme Name: Fachwerk-Sauna.de
Theme URI: https://git.project-insanity.org/onny/client-fachwerk-sauna
Author: Jonas Heinrich
Author URI: https://project-insanity.org
Description: Fachwerk-Sauna.de Webseite
Version: 0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fachwerksauna
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
iaro is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
body { body {
color: #1b1b1b; color: #1b1b1b;
font-family: Inter, sans-serif; font-family: Inter, sans-serif;
@ -254,7 +279,7 @@ html.has-navbar-fixed-top {
} }
.hero.hero-main { .hero.hero-main {
background: url(header1.jpeg); background: url(files/header1.webp);
background-size: cover; background-size: cover;
color: white; color: white;
text-shadow: 1px 1px #515151; text-shadow: 1px 1px #515151;
@ -415,7 +440,7 @@ html.has-navbar-fixed-top {
height: 600px; height: 600px;
width: 90%; width: 90%;
border-radius: 20px; border-radius: 20px;
background-image: url(picture1.jpeg); background-image: url(files/picture1.webp);
background-size: cover; background-size: cover;
background-position: center; background-position: center;
} }

32
wordpress.yml Normal file
View file

@ -0,0 +1,32 @@
version: '3.1'
services:
wordpress:
image: wordpress
restart: on-failure
ports:
- 8080:80
environment:
WORDPRESS_DB_HOST: db
WORDPRESS_DB_USER: exampleuser
WORDPRESS_DB_PASSWORD: examplepass
WORDPRESS_DB_NAME: exampledb
volumes:
- wordpress:/var/www/html
- ./:/var/www/html/wp-content/themes/fachwerksauna
db:
image: mysql:5.7
restart: always
environment:
MYSQL_DATABASE: exampledb
MYSQL_USER: exampleuser
MYSQL_PASSWORD: examplepass
MYSQL_RANDOM_ROOT_PASSWORD: '1'
volumes:
- db:/var/lib/mysql
volumes:
wordpress:
db: