Skip to content

W
wp
Commit d7054776 authored by agnez's avatar agnez
Browse files
Options

news overlay

parent f545a73e
Hide whitespace changes
Inline Side-by-side
Showing with 27 additions and 13 deletions
themes/tm-beans-child4gasap/assets/img/news_overlay1.svg
View file @ d7054776
......@@ -3,7 +3,7 @@
<svg version="1.1" id="news_overlay1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="230px" height="210px" viewBox="0 0 230 210" enable-background="new 0 0 230 210" xml:space="preserve">
<radialGradient id="rose">
<stop offset="0" style="stop-color:#DB314B"/>
<stop offset="0" style="stop-color:#fa977c" stop-opacity="0.7" />
</radialGradient>
<rect fill="url(#rose)" width="230" height="400"/>
</svg>
themes/tm-beans-child4gasap/assets/img/news_overlay2.svg
View file @ d7054776
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="news_overlay1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="230px" height="210px" viewBox="0 0 230 210" enable-background="new 0 0 230 210" xml:space="preserve">
<radialGradient id="vert">
<stop offset="0" style="stop-color:#afe2d2"/>
</radialGradient>
<rect fill="url(#vert)" width="230" height="400"/>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="news_overlay1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="230px" height="210px" viewBox="0 0 230 210" enable-background="new 0 0 230 210" xml:space="preserve">
<radialGradient
id="rose">
<stop offset="0" stop-color="#afe2d2" stop-opacity="0.7" />
</radialGradient>
<rect fill="url(#rose)" width="230" height="400"/>
</svg>
themes/tm-beans-child4gasap/assets/img/news_overlay3.svg
View file @ d7054776
......@@ -3,7 +3,7 @@
<svg version="1.1" id="news_overlay1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="230px" height="210px" viewBox="0 0 230 210" enable-background="new 0 0 230 210" xml:space="preserve">
<radialGradient id="bleu">
<stop offset="0" style="stop-color:#12a1a5"/>
<stop offset="0" style="stop-color:#12a1a5" stop-opacity="0.7" />
</radialGradient>
<rect fill="url(#bleu)" width="230" height="400"/>
</svg>
themes/tm-beans-child4gasap/assets/less/gasap.less
View file @ d7054776
......@@ -221,6 +221,19 @@ main .uk-container{
}
#snippet_six_news{
padding: 3em 0;
figure{
img.wp-post-image{
opacity:0.5;
}
&:hover{
img.wp-post-image{
opacity:1;
}
.uk-overlay-panel{
opacity:0;
}
}
}
}
#snippet_la_carte{
.uk-panel-box {
......
themes/tm-beans-child4gasap/assets/template_parts/latest_news.php
View file @ d7054776
......@@ -36,9 +36,9 @@ $loop2 = new WP_Query( array(
<?php
if ( has_post_thumbnail() ) { the_post_thumbnail( 'newsthumb', array( 'alt' => '-' ) ); }
else { echo '<img src="' . get_stylesheet_directory_uri() . '/assets/img/default_news_thumbnail.png" width="230" height="210" alt="-">'; }
echo '<img src="' . get_stylesheet_directory_uri() . '/assets/img/news_overlay'.$random_number.'.svg" width="230" height="210" class="uk-overlay-panel uk-overlay-image uk-overlay-fade" alt="-">';
echo '<img src="' . get_stylesheet_directory_uri() . '/assets/img/news_overlay'.$random_number.'.svg" width="230" height="210" class="uk-overlay-panel uk-overlay-image" alt="-">';
?>
<div class="uk-overlay-panel uk-overlay-background">
<div class="uk-overlay-panel">
<h3><?php the_title(); ?></h3>
<p><?php echo wp_trim_words( get_the_excerpt(), 10, '...' ); ?></p>
<?php esc_html_e( 'Read', 'beans_gasap' ); ?>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment