Adjust animation used on masthead elements

This commit is contained in:
Michael Rose 2015-03-03 13:01:45 -05:00
parent e7cadb3c4e
commit 1749e1722c

View file

@ -18,18 +18,18 @@
{% if page.image.feature %}<header class="masthead"> {% if page.image.feature %}<header class="masthead">
{% if site.logo != null %} {% if site.logo != null %}
<div class="wrap"> <div class="wrap">
<a href="{{ site.url }}/" class="site-logo" rel="home" title="{{ site.title }}"><img src="{{ site.url }}/images/{{ site.logo }}" width="200" height="200" alt="{{ site.title }} logo" class="animated bounceInDown"></a> <a href="{{ site.url }}/" class="site-logo" rel="home" title="{{ site.title }}"><img src="{{ site.url }}/images/{{ site.logo }}" width="200" height="200" alt="{{ site.title }} logo" class="animated fadeInDown"></a>
</div> </div>
{% endif %} {% endif %}
</header><!-- /.masthead --> </header><!-- /.masthead -->
{% else %}<header class="masthead"> {% else %}<header class="masthead">
<div class="wrap"> <div class="wrap">
{% if site.logo != null %} {% if site.logo != null %}
<a href="{{ site.url }}/" class="site-logo" rel="home" title="{{ site.title }}"><img src="{{ site.url }}/images/{{ site.logo }}" width="200" height="200" alt="{{ site.title }} logo" class="animated fadeInUp"></a> <a href="{{ site.url }}/" class="site-logo" rel="home" title="{{ site.title }}"><img src="{{ site.url }}/images/{{ site.logo }}" width="200" height="200" alt="{{ site.title }} logo" class="animated fadeInDown"></a>
{% endif %} {% endif %}
<h1 class="site-title animated fadeIn"><a href="{{ site.url }}/">{{ site.title }}</a></h1> <h1 class="site-title animated fadeIn"><a href="{{ site.url }}/">{{ site.title }}</a></h1>
<h2 class="site-description animated fadeIn" itemprop="description">{{ site.description }}</h2> <h2 class="site-description animated fadeIn" itemprop="description">{{ site.description }}</h2>
</div> </div>
</header><!-- /.masthead -->{% endif %} </header><!-- /.masthead -->{% endif %}
<div class="js-menu-screen menu-screen"></div> <div class="js-menu-screen menu-screen"></div>