_includes/jumbotron.html in jumbo-jekyll-theme-2.5.0 vs _includes/jumbotron.html in jumbo-jekyll-theme-3.0.0
- old
+ new
@@ -1,87 +1,32 @@
-<div class="container-fluid" id="homepage-header"
-{% if site.data.settings.home.jumbotron.background-image.name %}
- style="background-image: url('{% asset_path '{{site.data.settings.home.jumbotron.background-image.name}}' %}');"
+<div class="row {% if site.data.settings.jumbotron.darken %}overlay{% endif %}" id="jumbotron"
+{% if page.jumbotron.background-image %}
+ style="background-image: url('{{page.jumbotron.background-image}}');"
{% else %}
class="jumbotron text-center featured-jumbotron"
-{% endif %}> <!--Fluid Container -->
- <div class="row {% if site.data.settings.home.jumbotron.background-image.darken %}overlay{% endif %}"> <!--Row -->
- <div id="featured-jumbotron"> <!--Jumbotron div -->
- <div class="container" id="jumbotron-text"> <!--Container -->
-
-
- {% if site.data.settings.home.jumbotron.included_file %}
- {% include {{site.data.settings.home.jumbotron.included_file}} %}
- {% else %}
-
- {% if site.data.settings.home.jumbotron.image %}
- <div class="col-md-12">
- <img src="{% asset_path '{{site.data.settings.home.jumbotron.image}}' %}" id="home-hero-image"
- class="img-responsive center-block animated fadeIn" alt="{{site.title}} Home Page Image">
- </div>
- {% endif %}
-
- {% if site.data.settings.home.jumbotron.title %}
-
- <h1 id="home-page-title" class="fade-in-one" id="homepage-heading">
- {% if site.data.settings.home.jumbotron.title.first-line.display %}
- {% if site.data.settings.home.jumbotron.title.first-line.bold %}
- <strong>
- {{site.data.settings.home.jumbotron.title.first-line.text}}
- </strong>
- {% else %}
- {{site.data.settings.home.jumbotron.title.first-line.text}}
- {% endif %}
- {% endif %}
- {% if site.data.settings.home.jumbotron.title.second-line.display %}
- {% if site.data.settings.home.jumbotron.title.second-line.bold %}
- <br /><strong>{{site.data.settings.home.jumbotron.title.second-line.text}}</strong>
- {% else %}
- <br />{{site.data.settings.home.jumbotron.title.second-line.text}}
- {% endif %}
- {% endif %}
- </h1>
- {% endif %}
-
- {% if site.data.settings.home.jumbotron.sub-title %}
- <p id="home-page-text" class="sub-tag center-block fade-in-two">
- {% if site.data.settings.home.jumbotron.sub-title.first-line.display %}
- {% if site.data.settings.home.jumbotron.sub-title.first-line.bold %}
- <strong>
- <span>{{site.data.settings.home.jumbotron.sub-title.first-line.text}}</span>
- </strong>
- {% else %}
- <span>{{site.data.settings.home.jumbotron.sub-title.first-line.text}}</span>
- {% endif %}
- {% endif %}
- {% if site.data.settings.home.jumbotron.sub-title.second-line.display %}
- {% if site.data.settings.home.jumbotron.sub-title.second-line.bold %}
- <br />
- <strong>
- <span>{{site.data.settings.home.jumbotron.sub-title.second-line.text}}</span>
- </strong>
- {% else %}
- <span>{{site.data.settings.home.jumbotron.sub-title.second-line.text}}</span>
- {% endif %}
- {% endif %}
- </p>
- {% endif %}
-
- {% if site.data.settings.home.jumbotron.buttons %}
- <p id="buttons">
- {% for button in site.data.settings.home.jumbotron.buttons %}
- <a class="{{button.class}}" href="{{button.url}}" role="button">
- {{button.text}}
- </a>
- {% endfor %}
- </p>
- {% endif %}
-
- {% endif %}
-
- </div><!-- End Jumbotron Container Div -->
- {% if site.data.settings.home.shaped-divider %}
- {% include shape-divider.html %}
- {% endif %}
- </div> <!--End Jumbotron div -->
- </div> <!--row -->
-</div> <!--End Container-fluid -->
+{% endif %}> <!--Row -->
+ <div id="jumbotron-content" class=" flex-container"> <!--Jumbotron div -->
+ <div class="container flex-center" id="jumbotron-text"> <!--Container -->
+ {% if page.title %}
+ <h1 class="{% if page.carousel-header.animation == "fade" %}fade-in-one{% endif %}" id="jumbotron-heading">
+ {{page.title}}
+ </h1>
+ {% if page.description %}
+ <p class="center-block {% if page.carousel-header.animation == "fade" %}fade-in-two{% endif %}" id="jumbotron-sub-title">
+ {{page.description}}
+ </p>
+ {% endif %}
+ {% if page.carousel-header.buttons %}
+ <p id="buttons">
+ {% for button in page.carousel-header.buttons %}
+ <a class="btn btn-primary btn-lg {% if page.carousel-header.animation == "fade" %}fade-in-three{% endif %}" href="{{button.url}}" role="button">
+ {{button.title}} <i class="{{button.class}}"></i>
+ </a>
+ {% endfor %}
+ </p>
+ {% endif %}
+ {% else %}
+ {% include header-content %}
+ {% endif %}
+ </div><!-- End Jumbotron Container Div -->
+ </div> <!--End Jumbotron div -->
+</div> <!--row -->
\ No newline at end of file