onny/client-fachwerk-sauna
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: onny:735b38dd2d875734e14e59273786b79a7594f27f
Branches Tags
onny:master
..
compare: onny:56cc24346fca867888159da57180c1c75a18aefc
Branches Tags
onny:master

No commits in common. "735b38dd2d875734e14e59273786b79a7594f27f" and "56cc24346fca867888159da57180c1c75a18aefc" have entirely different histories.
735b38dd2d ... 56cc24346f

14 changed files with 107 additions and 157 deletions
Download patch file Download diff file Expand all files Collapse all files

55
Makefile
View file

@ -1,5 +1,50 @@
install:
mkdir -p $(DESTDIR)
cp -r . $(DESTDIR)/
rm $(DESTDIR)/Makefile
rm $(DESTDIR)/wordpress.yml
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

18
content.php
View file

@ -1,21 +1,3 @@
<section class="hero-main hero">
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-two-fifths">
<h1>Mobile Kork Sauna</h1>
<p class="body1">
Handgefertigt in Fachwerkbauweise aus den Naturstoffen Kork und
Holz. Die mobile Sauna mit Holzofen für den eigenen Garten oder
direkt am See.
<p> <br>
<a class="button" href="/anfrage">Jetzt Mietanfrage stellen</a>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="why-signal section">
<div class="container">
<div class="columns is-centered">

33
files/bulma.css vendored
View file

@ -3314,12 +3314,6 @@ fieldset[disabled] .button {
margin-right: .25rem
}
body > .container {
padding-top: 30px;
flex-grow: 1;
width: 100%;
}
.container {
flex-grow: 1;
margin: 0 auto;
@ -3338,24 +3332,11 @@ body > .container {
.hero-body > .container {
flex-grow: unset;
}
.container {
padding: 0 30px;
}
.container .container,
footer .container,
nav .container {
padding: 0 0;
}
.section:not(.features) {
padding: 3rem 0rem !important;
}
}
@media screen and (min-width: 1024px) {
.container {
max-width: 960px;
max-width: 960px
}
}
@ -7870,6 +7851,18 @@ a.navbar-item {
cursor: pointer
}
.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover {
background-color: #fafafa;
color: #3273dc
}
.navbar-item {
display: block;
flex-grow: 0;

BIN
files/header1.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 94 KiB

BIN
files/picture1.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 50 KiB

BIN
files/picture2.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 100 KiB

BIN
files/picture3.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 58 KiB

BIN
files/tiled1.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 40 KiB

BIN
files/tiled2.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 135 KiB

BIN
files/tiled3.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 94 KiB

BIN
files/tiled4.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 90 KiB

26
functions.php
View file

@ -23,18 +23,6 @@ add_action( 'after_setup_theme', 'fachwerksauna_setup' );
function theme_customize_register( $wp_customize ) {
$wp_customize->add_setting( 'theme_color', array(
'default' => '#ed9b40',
'transport' => 'refresh',
) );
$wp_customize->add_control( new WP_Customize_Color_Control(
$wp_customize, 'theme_color', array(
'section' => 'colors',
'label' => esc_html__( 'Theme color', 'theme' ),
) ) );
$wp_customize->add_setting( 'fachwerksauna_footer-text', array(
'default' => '',
'type' => 'option',
@ -55,17 +43,3 @@ function theme_customize_register( $wp_customize ) {
}
add_action( 'customize_register', 'theme_customize_register' );
function fachwerksauna_customize_css()
{
$theme_color = get_theme_mod('theme_color', '#ed9b40');
?>
<style type="text/css">
:root {
--themeColor: <?php echo $theme_color; ?>;
}
</style>
<?php
}
add_action( 'wp_head', 'fachwerksauna_customize_css');

31
index.php
View file

@ -17,13 +17,13 @@
</head>
<body id="signal" <?php body_class( "has-navbar-fixed-top" ); ?>>
<body id="signal" class="index has-navbar-fixed-top">
<nav class="navbar mainNavbar is-fixed-top" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a href="/">
<img class="logo"
src="<?php echo get_stylesheet_directory_uri().'/files/logo.png'; ?>">
src="<?php echo get_stylesheet_directory_uri().'/files/logo.webp'; ?>">
</a>
<a
role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
@ -150,7 +150,25 @@
</div>
</div>
</nav>
<div class="container">
<section class="hero-main hero">
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-two-fifths">
<h1>Mobile Kork Sauna</h1>
<p class="body1">
Handgefertigt in Fachwerkbauweise aus den Naturstoffen Kork und
Holz. Die mobile Sauna mit Holzofen für den eigenen Garten oder
direkt am See.
<p> <br>
<!--<a class="get-signal button" href="https://signal.org/download/">Jetzt mieten</a> -->
</p>
</div>
</div>
</div>
</div>
</section>
<div class="contentWrapper">
<?php the_content(); ?>
</div>
<footer class="footer">
@ -175,18 +193,15 @@
</div>
</div>
</div>
<?php wp_footer(); ?>
</footer>
<script language="javascript">
var burgerMenu = document.getElementsByClassName('navbar-burger')[0];
burgerMenu.onclick = function(){
document.getElementsByClassName('navbar-burger')[0].onclick = function(){
console.log('ready');
var x = document.getElementById("mainNavbar");
if (x.style.display === "block") {
x.style.display = "none";
burgerMenu.classList.remove('is-active');
} else {
x.style.display = "block";
burgerMenu.classList.add('is-active');
}
};
</script>

99
style.css
View file

@ -16,32 +16,31 @@ html { margin-top: 0px !important; }
body {
color: #1b1b1b;
font-family: Inter, sans-serif;
overflow-x: hidden;
display: flex;
flex-direction: column;
height: 100vh;
overflow-x: hidden
}
a:hover {
color: var(--themeColor);
text-decoration: underline;
filter: brightness(120%);
color: #1851B4;
text-decoration: underline
}
.content p, p {
.content p {
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin-bottom: 10px;
}
p a:not(.button), label a {
color: var(--themeColor) !important;
}
p a:not(.button):hover, label a:hover {
filter: brightness(120%);
}
.contentWrapper > p, ul {
width: 100%;
max-width: 1390px;
margin: 0 auto;
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin-bottom: 10px;
padding: 0 23px;
}
h1 {
font-size: 60px;
@ -122,7 +121,7 @@ a.no-underline {
}
.button {
background-color: var(--themeColor);
background-color: #ED9B40;
text-shadow: none;
border: none;
border-radius: 8px;
@ -134,7 +133,7 @@ a.no-underline {
}
.rentButton {
background-color: var(--themeColor);
background-color: #ED9B40;
border-radius: 10px;
padding: 10px 20px !important;
margin-left: 10px;
@ -142,41 +141,6 @@ a.no-underline {
color: white !important;
}
.mailpoet_submit, .wp-block-button__link {
background-color: var(--themeColor);
text-shadow: none;
border: none;
border-radius: 8px;
color: #fff;
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600 !important;
text-decoration: none;
padding: 10px 15px !important;
font-size: 14px;
}
.mailpoet_submit:hover, .wp-block-button__link:hover {
filter: brightness(120%);
}
.mailpoet_text {
padding: 10px !important;
}
.contact-form label {
font-weight: 500;
}
.contact-form label.textarea {
min-height: unset !important;
border: 0;
padding-left: 0;
}
.contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="text"], .contact-form input[type="url"] {
padding: 10px 7px;
}
@media screen and (max-width: 1024px) {
.rentButton {
margin: 5px 10px;
@ -184,8 +148,7 @@ a.no-underline {
}
.rentButton:hover {
background-color: var(--themeColor) !important;
filter: brightness(120%);
background-color: #FFAA48 !important;
}
.button[disabled] {
@ -193,8 +156,7 @@ a.no-underline {
}
.button:hover {
background-color: var(--themeColor) !important;
filter: brightness(120%);
background-color: #FFAA48;
color: #fff;
text-decoration: none
}
@ -257,22 +219,6 @@ html.has-navbar-fixed-top {
border-bottom: 1px solid #ebeaeb
}
body.logged-in,
body.logged-in nav {
margin-top: 32px;
}
@media (max-width: 782px) {
body.logged-in,
body.logged-in nav {
margin-top: 46px;
}
html #wpadminbar {
position: fixed !important;
}
}
@media (min-width: 1024px) {
body.has-navbar-fixed-top,
@ -332,7 +278,7 @@ body.logged-in nav {
}
.mainNavbar a.navbar-item:hover {
color: var(--themeColor);
color: #C76E08;
}
.mainNavbar .language-selector .icon {
@ -347,9 +293,6 @@ body.logged-in nav {
max-height: 760px;
min-height: 600px;
background-position: 70% 0%;
width: 100vw;
margin-left: calc(50% - 50vw);
margin-top: -30px;
}
@media (min-width: 1024px) {
@ -476,9 +419,7 @@ body.logged-in nav {
}
.section.features {
background-color: #F6F6F6;
width: 100vw;
margin-left: calc(50% - 50vw);
background-color: #F6F6F6
}
.section.features .box {