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"
href="https://signal.org/assets/inter/Inter-ExtraBold-74e72c6bbb7844899343c4783be9b4510e32951636acde44d5b4725e2132ea03.woff2"
as="font" crossorigin="anonymous">
<link type="text/css" rel="stylesheet" href="files/bulma.css">
<link type="text/css" rel="stylesheet" href="files/ultramarine.css">
<link type="text/css" rel="stylesheet" href="<?php echo get_stylesheet_directory_uri().'/files/bulma.css'; ?>">
<link type="text/css" rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
</head>
<body id="signal" class="index has-navbar-fixed-top">
<nav class="navbar signal-navbar is-fixed-top" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand"> <a href="/"> <img class="signal-logo"
src="files/logo.png"> </a> <a
<div class="navbar-brand">
<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"
data-target="signalNavbar"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span
aria-hidden="true"></span> </a></div>
@ -86,7 +90,7 @@
<div class="container">
<div class="columns is-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>
<p class="body2">Lade deine Freunde und Verwandte auf ein gemeinsames Sauna-Erlebnis
ein, egal ob zuhause oder unterwegs.
@ -94,16 +98,19 @@
</div>
</div>
<div class="column is-half has-text-centered">
<div class="box"> <img src="files/tiled2.jpeg">
<h3>Raus in die Natur</h3>
<p class="body2">Die Sauna lässt sich an einer handelsüblichen Anhängerkupplung
anschließen. Einfach spontan zum See und direkt am Wasser saunieren.</p>
<div class="box"> <img src="<?php echo get_stylesheet_directory_uri().'/files/tiled2.webp'; ?>">
<h3>Leicht in die Natur</h3>
<p class="body2">
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 class="columns is-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>
<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.
@ -111,7 +118,7 @@
</div>
</div>
<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>
<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.
@ -124,14 +131,19 @@
<section class="section information">
<div class="container">
<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 class="column is-one-third">
<h2>No ads. No trackers. No kidding.</h2>
<h2>Simpel - Nur Naturbaustoffe die Atmen</h2>
<p class="body1">
There are no ads, no affiliate marketers, and no creepy tracking in
Signal. So focus on sharing the moments that matter with the people who
matter to you.</p>
Der Wandaufbau besteht aus zwei Schichten: Expandierter Kork aus
Portugal ist Fassade und Wärmedämmung zugleich. Eine Auskleidung
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>
@ -140,35 +152,36 @@
<div class="container">
<div class="columns is-desktop">
<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">
<h2>Free for Everyone</h2>
<h2>Vorbild Finnland - angepasst an hier</h2>
<p class="body1">
Signal is an independent nonprofit. We're not tied to any major tech
companies, and we can never be acquired by one either. Development is
supported by grants and donations from people like you. <br> <br> <a class="button button2"
href="https://signal.org/donate/"> Donate to Signal </a></p>
Eine Sauna am See. Was viele Finnen ihre Eigen nennen, ist in
Deutschland ein seltener Luxus. Mit der mobilen Sauna für jede
Führerscheinklasse und den vielen Seen in unserer Region, wird
der Traum vom Eisbaden zwischen zwei Saunagängen greifbar.
</p>
</div>
<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>
</section>
<footer class="footer">
<div class="container">
<div class="columns">
<div class="column is-two-fifths is-hidden-mobile grow-column"> <span class="copyright">© 20132021 Signal, a 501c3
nonprofit.</span><br> Signal is a registered trademark in the United States and other countries.
<br> <br> Presseanfragen bitte an <a href="mailto:simon.brose@gmail.com">simon.brose@gmail.com</a></div>
<div class="column is-two-fifths is-hidden-mobile grow-column">
Presseanfragen bitte an <a href="mailto:simon.brose@gmail.com">simon.brose@gmail.com</a>
</div>
<div class="column"> <strong>Sitemap</strong>
<ul>
<li> <a href="/impressum">Impressum</a></li>
<li> <a href="/datenschutz">Datenschutz</a></li>
</ul>
</div>
<div class="column is-two-fifths is-hidden-tablet"> <span class="copyright">© 20132021 Signal, a 501c3
nonprofit.</span><br> Signal is a registered trademark in the United States and other countries.
<br> <br> For media inquiries, contact <a href="mailto:press@signal.org">press@signal.org</a></div>
<div class="column is-two-fifths is-hidden-tablet">
Presseanfragen bitte an <a href="mailto:simon.brose@gmail.com">simon.brose@gmail.com</a></div>
</div>
</div>
</div>
</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 {
color: #1b1b1b;
font-family: Inter, sans-serif;
@ -254,7 +279,7 @@ html.has-navbar-fixed-top {
}
.hero.hero-main {
background: url(header1.jpeg);
background: url(files/header1.webp);
background-size: cover;
color: white;
text-shadow: 1px 1px #515151;
@ -415,7 +440,7 @@ html.has-navbar-fixed-top {
height: 600px;
width: 90%;
border-radius: 20px;
background-image: url(picture1.jpeg);
background-image: url(files/picture1.webp);
background-size: cover;
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: