// Global DB config
if (!defined('DB_NAME')) {
- define('DB_NAME', 'ccv');
+ define('DB_NAME', 'yxnggyswww');
}
if (!defined('DB_USER')) {
- define('DB_USER', 'ccv');
+ define('DB_USER', 'yxnggyswww');
}
if (!defined('DB_PASSWORD')) {
- define('DB_PASSWORD', '');
+ define('DB_PASSWORD', 'DuozFVzGpW26gBF5MNev');
}
if (!defined('DB_HOST')) {
- define('DB_HOST', '');
+ define('DB_HOST', 'yxnggyswww.mysql.db');
}
/** Database Charset to use in creating database tables. */
<div class="header-slideshow-sizer" style="padding-bottom: <?= $image_ratio ?>; background-image:url(/wp-content/uploads/<?= $image_meta['file'] ?>);">
- <div class="header-slideshow-content mx-2v elementor-element elementor-invisible" data-settings='{"animation":"fadeInUp","animation_delay":0}' data-element_type="section">
+ <div class="header-slideshow-content mx-2v elementor-element elementor-invisible" data-settings='{"animation":"fadeInRight","animation_delay":0}' data-element_type="section">
<h1 class="header-slideshow-title">
<span class="header-slideshow-title-text"><?= nl2br($title) ?></span>
<span class="header-slideshow-subtitle"><?= $subtitle ?></span>
if ($post && isset($post[0]['post_title'])) {
- echo '<div class="bg-purple-dark text-white px-2v py-4 flex items-center justify-between">';
- echo '<a href="'. get_permalink($post[0]['ID']) .'">'. $post[0]['post_title'] .'</a>';
- echo '<a href="'. get_permalink(get_option('page_for_posts')) .'" class="btn ml-2">'. __("Voir toute l'actualité", 'cube') .'</a>';
+ echo '<div class="bg-purple-dark text-white px-2v py-4 flex items-center justify-between sm:flex-col sm:items-start">';
+ echo '<a href="'. get_permalink($post[0]['ID']) .'" class="pr-4 sm:pr-0 sm:mb-4">'. $post[0]['post_title'] .'</a>';
+ echo '<a href="'. get_permalink(get_option('page_for_posts')) .'" class="btn whitespace-no-wrap flex-shrink-0">'. __("Voir toute l'actualité", 'cube') .'</a>';
echo '</div>';
}
opacity: 0
to
opacity: 1
+
+// Override Elementor animations
+@keyframes fadeInUp
+ from
+ opacity: 0
+ transform: translate3d(0, 150px, 0)
+ to
+ opacity: 1
+ transform: none
+
+@keyframes fadeInRight
+ from
+ opacity: 0
+ transform: translate3d(150px, 0, 0)
+ to
+ opacity: 1
+ transform: none
header.site
.header-slideshow-present &
- position: absolute
- top: 0
- left: 0
- width: 100%
- background-color: transparent
- z-index: 20
+ +above($breakpoint-menu)
+ position: absolute
+ top: 0
+ left: 0
+ width: 100%
+ background-color: transparent
+ z-index: 20
background-color: rgba(#fff, 0.2)
+// Language switcher and action buttons
+.nav-secondary
+ +below($breakpoint-menu)
+ display: none !important
constrain(left, 5vw)
constrain(bottom, 10vw)
+ +below(600px)
+ position: static
+ left: 0
+ bottom: 0
+
// Note: for the title to have a semi-transparent background,
// we're limited by the font properties because the inline
// backgrounds can't overlap so we need to get the line-height
// solid white... More details:
// https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align
&-title
- position: relative
- line-height: 1.27
- padding-right: 1rem // To match inline text below
+ .header-slideshow & // Extra specificity needed to override generic headings
+ position: relative
+ line-height: 1.27
+ padding-right: 1rem // To match inline text below
- &:before
- top: 0.6em
- left: -0.5em
- width: 0.7em
-
- // For multi-line padded text effect
- // Ref: https://css-tricks.com/multi-line-padded-text/
- &-text
- @apply text-3xl
- box-decoration-break: clone
- display: inline
- padding: 0 1rem
- background-color: $title_bg
+ &:before
+ top: 0.6em
+ left: -0.5em
+ width: 0.7em
+
+ // For multi-line padded text effect
+ // Ref: https://css-tricks.com/multi-line-padded-text/
+ &-text
+ @apply text-3xl
+ box-decoration-break: clone
+ display: inline
+ padding: 0 1rem
+ background-color: $title_bg
// Need to position this absolutely so it sits properly