Options -Indexes
+# Ensure HTTPS + WWW subdomains
+<IfModule mod_rewrite.c>
+RewriteCond %{HTTPS} off
+RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
+
+RewriteCond %{HTTP_HOST} ^physioassist.com [NC]
+RewriteRule (.*)$ https://www.physioassist.com/$1 [R=301,L]
+RewriteCond %{HTTP_HOST} ^physioassist.de [NC]
+RewriteRule (.*)$ https://www.physioassist.de/$1 [R=301,L]
+RewriteCond %{HTTP_HOST} ^physioassist.fr [NC]
+RewriteRule (.*)$ https://www.physioassist.fr/$1 [R=301,L]
+</IfModule>
+
# BEGIN WordPress
+# The directives (lines) between "BEGIN WordPress" and "END WordPress" are
+# dynamically generated, and should only be modified via WordPress filters.
+# Any changes to the directives between these markers will be overwritten.
<IfModule mod_rewrite.c>
RewriteEngine On
+RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
$this->add_render_attribute('title', 'class', ['hero-block-title']);
$this->add_render_attribute('body', 'class', ['hero-block-body']);
$this->add_render_attribute('cta_text', 'class', ['hero-block-cta arrow-link']);
- $this->add_render_attribute('image', 'class', ['hero-block-image']);
-
- // Add image src attribute
- $this->add_render_attribute('image', 'src', [$image['url']]);
// Handle CTA link
if ( ! empty( $cta_link['url'] ) ) {
// TODO: instead of inserting image like this, maybe it should be a bg image with proportional padding set to allow it to take up space. Then set to cover / right. Maybe text could be non-absolute so it pushes when needed? Check CCV, Elens and other sites where I've used these kinds of techniques recently...
- echo "<img {$this->get_render_attribute_string('image')}>";
+ echo wp_get_attachment_image($image['id'], 'full', false, ['class' => 'hero-block-image']);
echo '<div class="hero-block-content">';
echo '<div class="hero-block-content-inner">';
if (!empty($subtitle)) echo "<h3 {$this->get_render_attribute_string('subtitle')}>$subtitle</h3>";
- if (!empty($title)) echo "<h2 {$this->get_render_attribute_string('title')}>$title</h2>";
+ if (!empty($title)) echo "<h1 {$this->get_render_attribute_string('title')}>$title</h1>";
if (!empty($body)) echo "<div {$this->get_render_attribute_string('body')}>$body</div>";
if (!empty($cta_text)) {
echo "<a {$this->get_render_attribute_string('cta_text')}>". \BladeSvgSage\svg_image('arrow')->toHtml() ."$cta_text</a>";
wp_dequeue_style( 'storefront-gutenberg-blocks' ); // Storefront theme
}, 100);
+/**
+ * Disable WordPress emoji script and styles
+ */
+add_action('init', function() {
+ remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
+ remove_action( 'wp_print_styles', 'print_emoji_styles' );
+});
+
//========================================================================
/**
translateAmount = -50 / scale;
styles.html(`
- .hero-block-content-inner {
+ .js .hero-block-content-inner {
+ opacity: 1;
transform: scale(${scale}) translateY(${translateAmount}%);
}
`);
-@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700')
-
html
box-sizing: border-box
height: 100%
&-inner
position: absolute
- top: 50% // translateY handled by hero-block.js
constrain(left, 10vw)
+ top: 50%
width: 672px // Max width a full size (should be kept in sync with JS!)
transform-origin: left
display: flex
flex-direction: column
+ transition: opacity 0.3s
+
+ .js &
+ +above(1024px)
+ transform: translateY(-50%) // Just a default, will be updated by hero-block.js
+ opacity: 0 // Hide initially while we wait for the JS the scale and position this content
.elementor-widget-cube-hero.content-reversed &
flex-direction: column-reverse
<div class="content-inner vertical-spacing">
- <h2 class="main-heading"><?php _ex('News', 'Blog index title text', 'sage') ?></h2>
+ <h1 class="main-heading"><?php _ex('News', 'Blog index title text', 'sage') ?></h1>
@include('partials.page-header')
<!doctype html>
-<html @php(language_attributes())>
+<html @php(language_attributes()) class="no-js">
@include('partials.head')
{{-- When not using the hero image header template the compact header is set --}}
<body @php(body_class( is_page_template('views/template-transparent-header.blade.php') ? '' : 'header-compact' ))>
<head>
+ {{-- Allow styling based on whether or not JS is enabled (see app.blade.php where .no-js class is defined on HTML element --}}
+ <script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
+
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+ <link rel="preconnect" href="https://fonts.gstatic.com">
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
+
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
projects / physioassist-wordpress.git / commitdiff