Muut Archive Legend

Recent posts

• Grav website template different from standard antimatter · 12 years ago

  Yeah, but how do I make the text fadeOut while scrolling like on the Grav Homepage?

• Grav website template different from standard antimatter · 12 years ago

  Change the animation to 'fadeIn' rather than 'fadeOut'

• Grav website template different from standard antimatter · 12 years ago

  Here you go... I created some test installation for you: core42.com

• Grav website template different from standard antimatter · 12 years ago

  Do you have a URL i can use to look at it live?

• Grav website template different from standard antimatter · 12 years ago

  I'm afraid I'm really at a loss here. This is what I have so far. {% set showcase_image = page.media.images|first.grayscale().contrast(20).brightness(-125).colo rize(-35,81,122) %} {% if showcase_im

• Grav website template different from standard antimatter · 12 years ago

  as the showcase is visible on load, it animates in. If you put the same HTML elements on another section of the page 'below the fold', it would animate when scrolled into.

• Grav website template different from standard antimatter · 12 years ago

  Well I changed the showcase twig template, but now I've got a text animation when (re)loading the page - like fade in of the text. But what I wanted was the fade/in out animation when scrolling the pa

• Grav website template different from standard antimatter · 12 years ago

  Ok well the GetGrav.org homepage is using a layout very similar to the "OnePage Skeleton". So it's using Modular content, and the first item of that page is using the ShowCase modular page type, so t

• Grav website template different from standard antimatter · 12 years ago

  Thanks for sharing this :) Sadly enough I couln't make it work: css and js seems to be loaded properly: Can you explain where to put these lines inside showcase.html.twig (I support this IS the right

• Grav website template different from standard antimatter · 12 years ago

  I use a simple animate.js file: // Animate on scroll $(function() { var $window = $(window), win_height_padded = $window.height() * 1.1, isTouch = Modernizr.touch;