separate themes from templates on all template/theme page

BlackrockDigital · Feb 8, 2018 · bad5ade · bad5ade
1 parent 204baad
commit bad5ade
Show file tree

Hide file tree

Showing 40 changed files with 91 additions and 44 deletions.
diff --git a/_layouts/template-category.html b/_layouts/template-category.html
@@ -7,9 +7,56 @@
 <div class="container">
 
   <div class="row">
+
+    {% if page.slug == 'all' %}
+    <div class="col-12">
+      <div class="mt-4 text-center">
+        <h2 class="mb-0">Bootstrap Themes</h2>
+        <p class="lead mb-0">Fully designed Bootstrap 4 themes that are ready to customize and publish!</p>
+        <hr class="hr-home mt-4 mb-5">
+      </div>
+    </div>
+    {% endif %}
+
+    {% for template in site.templates reversed %}
+
+      {% if template.categories contains page.slug and template.categories contains 'theme' %}
+
+        <div class="col-lg-4 col-md-6 sb-preview text-center">
+          <div class="card h-100">
+            <a class="sb-preview-img" href="{{ template.src }}">
+              <img class="card-img-top" src="{{ template.img-src }}" alt="{{ template.img-desc }}">
+            </a>
+            <div class="card-body">
+              <h4 class="card-title">{{ template.title }}</h4>
+              <p class="card-text">{{ template.bump }}</p>
+            </div>
+            <div class="card-footer">
+              <a href="{{ template.src }}" class="btn btn-secondary">Preview &amp; Download</a>
+            </div>
+            {% if template.categories contains 'new' %}
+              <div class="badge-new">New!</div>
+            {% endif %}
+          </div>
+        </div>
+
+      {% endif %}
+
+    {% endfor %}
+
+    {% if page.slug == 'all' %}
+    <div class="col-12">
+      <div class="mt-4 text-center">
+        <h2 class="mb-0">Bootstrap Templates</h2>
+        <p class="lead mb-0">Bootstrap 4 layouts that are a perfect starting point for projects or custom pages.</p>
+        <hr class="hr-home mt-4 mb-5">
+      </div>
+    </div>
+    {% endif %}
+
     {% for template in site.templates reversed %}
 
-      {% if template.categories contains page.slug %}
+      {% if template.categories contains page.slug and template.categories contains 'template' %}
 
         <div class="col-lg-4 col-md-6 sb-preview text-center">
           <div class="card h-100">

diff --git a/_templates/2013-09-21-template-bare.md b/_templates/2013-09-21-template-bare.md
@@ -2,7 +2,7 @@
 title:             "Bare"
 slug:              bare
 src:               /template-overviews/bare
-categories:		    template landing-pages unstyled navigation-menus
+categories:		    all template landing-pages unstyled navigation-menus
 description:	    "An unstlyed starter template for Bootstrap 4 with predefined file paths for easy development."
 bump:			        "A Bootstrap HTML starter template."
 img-src:	    	  /assets/img/templates/bare.jpg

diff --git a/_templates/2013-09-22-template-blog-home.md b/_templates/2013-09-22-template-blog-home.md
@@ -2,7 +2,7 @@
 title:			      "Blog Home"
 slug:			        blog-home
 src:			        /template-overviews/blog-home
-categories:		    template blogs unstyled
+categories:		    all template blogs unstyled
 description:	    "An unstyled Bootstrap 4 starter template for creating blog homepages."
 bump:			        "A blog home page template."
 img-src:		      /assets/img/templates/blog-home.jpg

diff --git a/_templates/2013-09-22-template-blog-post.md b/_templates/2013-09-22-template-blog-post.md
@@ -2,7 +2,7 @@
 title:            "Blog Post"
 slug:             blog-post
 src:              /template-overviews/blog-post
-categories:       template blogs unstyled
+categories:       all template blogs unstyled
 description:      "A simple, unstyled, blog post starter template for creating Bootstrap 4 blog posts."
 bump:             "A blog post starter template."
 img-src:          /assets/img/templates/blog-post.jpg

diff --git a/_templates/2013-09-22-template-business-frontpage.md b/_templates/2013-09-22-template-business-frontpage.md
@@ -2,7 +2,7 @@
 title:            "Business Frontpage"
 slug:             business-frontpage
 src:              /template-overviews/business-frontpage
-categories:       template landing-pages unstyled
+categories:       all template landing-pages unstyled
 description:      "A business home page starter template for Bootstrap 4 featuring marketing boxes and a full width image header."
 bump:             "A business home page template."
 img-src:          /assets/img/templates/business-frontpage.jpg

diff --git a/_templates/2013-09-22-template-full-slider.md b/_templates/2013-09-22-template-full-slider.md
@@ -2,7 +2,7 @@
 title:            "Full Slider"
 slug:             full-slider
 src:              /template-overviews/full-slider
-categories:       template landing-pages one-page portfolios unstyled popular
+categories:       all template landing-pages one-page portfolios unstyled popular
 description:      "A full page background image slider for Bootstrap 4 using the built-in Bootstrap carousel plugin."
 bump:             "A full page image slider template."
 img-src:          /assets/img/templates/full-slider.jpg

diff --git a/_templates/2013-09-22-template-full.md b/_templates/2013-09-22-template-full.md
@@ -2,7 +2,7 @@
 title:            "Full"
 slug:             full
 src:              /template-overviews/full
-categories:       template landing-pages portfolios unstyled
+categories:       all template landing-pages portfolios unstyled
 description:      "An easy to use, full page image background template for Bootstrap 4 websites."
 bump:             "Full page image background template."
 img-src:          /assets/img/templates/full.jpg

diff --git a/_templates/2013-09-22-template-half-slider.md b/_templates/2013-09-22-template-half-slider.md
@@ -2,7 +2,7 @@
 title:            "Half Slider"
 slug:             half-slider
 src:              /template-overviews/half-slider
-categories:       template landing-pages one-page portfolios unstyled
+categories:       all template landing-pages one-page portfolios unstyled
 description:      "A half page background image slider for Bootstrap 4 using the built-in Bootstrap carousel plugin."
 bump:             "A half page image slider template."
 img-src:          /assets/img/templates/half-slider.jpg

diff --git a/_templates/2013-09-22-template-heroic-features.md b/_templates/2013-09-22-template-heroic-features.md
@@ -2,7 +2,7 @@
 title:            "Heroic Features"
 slug:             heroic-features
 src:              /template-overviews/heroic-features
-categories:       template landing-pages ecommerce unstyled
+categories:       all template landing-pages ecommerce unstyled
 description:      "A Bootstrap home page template featuring a hero unit and a grid of thumbnail features."
 bump:             "A basic Bootstrap home page template."
 img-src:          /assets/img/templates/heroic-features.jpg

diff --git a/_templates/2013-09-22-template-logo-nav.md b/_templates/2013-09-22-template-logo-nav.md
@@ -2,7 +2,7 @@
 title:            "Logo Nav"
 slug:             logo-nav
 src:              /template-overviews/logo-nav
-categories:       template unstyled navigation-menus
+categories:       all template unstyled navigation-menus
 description:      "A Bootstrap navigation template featuring an image logo in place of the navbar header text."
 bump:             "A menu bar with a logo header."
 img-src:          /assets/img/templates/logo-nav.jpg

diff --git a/_templates/2013-09-22-template-one-page-wonder.md b/_templates/2013-09-22-template-one-page-wonder.md
@@ -2,7 +2,7 @@
 title:            "One Page Wonder"
 slug:             one-page-wonder
 src:              /template-overviews/one-page-wonder
-categories:       template landing-pages one-page portfolios unstyled
+categories:       all theme landing-pages one-page portfolios
 description:      "A simple, one page website template for quickly building one page websites using Bootstrap 4."
 bump:             "A simple one page website template."
 img-src:          /assets/img/templates/one-page-wonder.jpg
@@ -17,7 +17,7 @@ features:
   - Header with repeating background image (editable in the CSS)
   - Responsive content sections with images and text
 
-long-description: "One Page Wonder is an unstyled Bootstrap 4 starter template for quickly creating one page websites in Bootstrap."
+long-description: "One Page Wonder is an Bootstrap 4 starter theme for quickly creating attractive one page websites in Bootstrap."
 
 alt-version:		  "yes"
 alt-v3:		        "https://github.com/BlackrockDigital/startbootstrap-one-page-wonder/archive/v3.3.7.zip"

diff --git a/_templates/2013-09-22-template-round-about.md b/_templates/2013-09-22-template-round-about.md
@@ -2,7 +2,7 @@
 title:            "Round About"
 slug:             round-about
 src:              /template-overviews/round-about
-categories:       template unstyled
+categories:       all template unstyled
 description:      "A simple about page template for Bootstrap 4 featuring an easy to use image grid with rounded images."
 bump:             "A Bootstrap about page template."
 img-src:          /assets/img/templates/round-about.jpg

diff --git a/_templates/2013-09-22-template-small-business.md b/_templates/2013-09-22-template-small-business.md
@@ -2,7 +2,7 @@
 title:            "Small Business"
 slug:             small-business
 src:              /template-overviews/small-business
-categories:       template landing-pages unstyled
+categories:       all template landing-pages unstyled
 description:      "A free, easy to use, Bootstrap starter template perfect for building small business marketing websites."
 bump:             "A simple business Bootstrap template."
 img-src:          /assets/img/templates/small-business.jpg

diff --git a/_templates/2013-09-22-template-the-big-picture.md b/_templates/2013-09-22-template-the-big-picture.md
@@ -2,7 +2,7 @@
 title:            "The Big Picture"
 slug:             the-big-picture
 src:              /template-overviews/the-big-picture
-categories:       template landing-pages portfolios unstyled
+categories:       all template landing-pages portfolios unstyled
 description:      "An artistic, full page image background Bootstrap template with a fixed bottom navigation bar."
 bump:             "A starter portfolio template."
 img-src:          /assets/img/templates/the-big-picture.jpg

diff --git a/_templates/2013-09-22-template-thumbnail-gallery.md b/_templates/2013-09-22-template-thumbnail-gallery.md
@@ -2,7 +2,7 @@
 title:            "Thumbnail Gallery"
 slug:             thumbnail-gallery
 src:              /template-overviews/thumbnail-gallery
-categories:       template unstyled
+categories:       all template unstyled
 description:      "A thumbnail grid perfect for creating photo galleries quickly and easily with Bootstrap 4."
 bump:             "A simple image gallery template."
 img-src:          /assets/img/templates/thumbnail-gallery.jpg

diff --git a/_templates/2013-09-23-template-full-width-pics.md b/_templates/2013-09-23-template-full-width-pics.md
@@ -2,7 +2,7 @@
 title:            "Full Width Pics"
 slug:             full-width-pics
 src:              /template-overviews/full-width-pics
-categories:       template landing-pages one-page unstyled
+categories:       all template landing-pages one-page unstyled
 description:      "A Bootstrap 4 website template featuring content sections with full page width image backgrounds."
 bump:             "Full width picture backgrounds."
 img-src:          /assets/img/templates/full-width-pics.jpg

diff --git a/_templates/2013-09-24-template-1-col-portfolio.md b/_templates/2013-09-24-template-1-col-portfolio.md
@@ -2,7 +2,7 @@
 title:            "1 Col Portfolio"
 slug:             1-col-portfolio
 src:              /template-overviews/1-col-portfolio
-categories:       template portfolios unstyled
+categories:       all template portfolios unstyled
 description:      "An unstyled, single column, portfolio page template perfect for showcasing a group of detailed projects."
 bump:             "A one column portfolio template."
 img-src:          /assets/img/templates/1-col-portfolio.jpg

diff --git a/_templates/2013-09-24-template-2-col-portfolio.md b/_templates/2013-09-24-template-2-col-portfolio.md
@@ -2,7 +2,7 @@
 title:            "2 Col Portfolio"
 slug:             2-col-portfolio
 src:              /template-overviews/2-col-portfolio
-categories:       template portfolios unstyled
+categories:       all template portfolios unstyled
 description:      "A basic, two column, portfolio page template perfect for showcasing a group of projects with some details."
 bump:             "A two column portfolio template."
 img-src:          /assets/img/templates/2-col-portfolio.jpg

diff --git a/_templates/2013-09-24-template-3-col-portfolio.md b/_templates/2013-09-24-template-3-col-portfolio.md
@@ -2,7 +2,7 @@
 title:            "3 Col Portfolio"
 slug:             3-col-portfolio
 src:              /template-overviews/3-col-portfolio
-categories:       template portfolios unstyled
+categories:       all template portfolios unstyled
 description:      "A simple, three column, portfolio page template perfect for showcasing a larger group of projects."
 bump:             "A three column portfolio template."
 img-src:          /assets/img/templates/3-col-portfolio.jpg

diff --git a/_templates/2013-09-24-template-4-col-portfolio.md b/_templates/2013-09-24-template-4-col-portfolio.md
@@ -2,7 +2,7 @@
 title:            "4 Col Portfolio"
 slug:             4-col-portfolio
 src:              /template-overviews/4-col-portfolio
-categories:       template portfolios unstyled
+categories:       all template portfolios unstyled
 description:      "An unstlyed, four column, portfolio page grid perfect for showcasing a large group of projects or works."
 bump:             "A four column portfolio template."
 img-src:          /assets/img/templates/4-col-portfolio.jpg

diff --git a/_templates/2013-09-26-template-modern-business.md b/_templates/2013-09-26-template-modern-business.md
@@ -2,7 +2,7 @@
 title:            "Modern Business"
 slug:             modern-business
 src:              /template-overviews/modern-business
-categories:       template full-websites portfolios unstyled popular
+categories:       all template full-websites portfolios unstyled popular
 description:      "A full website template framework for building Bootstrap 4 websites with 17 pages and a working contact form."
 bump:             "A multipurpose website template."
 img-src:          /assets/img/templates/modern-business.jpg

diff --git a/_templates/2013-09-28-template-simple-sidebar.md b/_templates/2013-09-28-template-simple-sidebar.md
@@ -2,7 +2,7 @@
 title:            "Simple Sidebar"
 slug:             simple-sidebar
 src:              /template-overviews/simple-sidebar
-categories:       template unstyled navigation-menus popular
+categories:       all template unstyled navigation-menus popular
 description:      "A simple sidebar template for Bootstrap 4 featuring responsive off-canvas navigation at small screen sizes."
 bump:             "A Bootstrap sidebar template."
 img-src:          /assets/img/templates/simple-sidebar.jpg

diff --git a/_templates/2013-10-02-template-stylish-portfolio.md b/_templates/2013-10-02-template-stylish-portfolio.md
@@ -2,7 +2,7 @@
 title:            "Stylish Portfolio"
 slug:             stylish-portfolio
 src:              /template-overviews/stylish-portfolio
-categories:       template landing-pages one-page portfolios popular
+categories:       all theme landing-pages one-page portfolios popular
 description:      "A stylish, one page, Bootstrap portfolio theme featuring off canvas navigation and smooth page scrolling."
 bump:             "A stylish Bootstrap portfolio theme."
 img-src:          /assets/img/templates/stylish-portfolio.jpg

diff --git a/_templates/2013-10-13-template-portfolio-item.md b/_templates/2013-10-13-template-portfolio-item.md
@@ -2,7 +2,7 @@
 title:            "Portfolio Item"
 slug:             portfolio-item
 src:              /template-overviews/portfolio-item
-categories:       template portfolios unstyled
+categories:       all template portfolios unstyled
 description:      "An unstlyed, portfolio item template perfect for showcasing a project or work."
 bump:             "A portfolio item page template."
 img-src:          /assets/img/templates/portfolio-item.jpg

diff --git a/_templates/2013-10-13-template-sb-admin.md b/_templates/2013-10-13-template-sb-admin.md
@@ -2,7 +2,7 @@
 title:            "SB Admin"
 slug:             sb-admin
 src:              /template-overviews/sb-admin
-categories:       template admin full-websites unstyled featured popular
+categories:       all theme admin full-websites unstyled featured popular
 description:      "A Bootstrap 4 admin theme with powerful plugins to extend the functionality of the Bootstrap framework."
 bump:             "A free Bootstrap admin template."
 img-src:          /assets/img/templates/sb-admin.jpg

diff --git a/_templates/2013-10-15-template-business-casual.md b/_templates/2013-10-15-template-business-casual.md
@@ -2,7 +2,7 @@
 title:            "Business Casual"
 slug:             business-casual
 src:              /template-overviews/business-casual
-categories:       template full-websites landing-pages
+categories:       all theme full-websites landing-pages
 description:      "A Bootstrap 4 website template featuring full page background images and other easy to use Bootstrap elements."
 bump:             "A fully developed business website."
 img-src:          /assets/img/templates/business-casual.jpg

diff --git a/_templates/2013-11-23-template-shop-homepage.md b/_templates/2013-11-23-template-shop-homepage.md
@@ -2,7 +2,7 @@
 title:            "Shop Homepage"
 slug:             shop-homepage
 src:              /template-overviews/shop-homepage
-categories:       template ecommerce unstyled
+categories:       all template ecommerce unstyled
 description:      "A simple, unstyled, shop home page template featuring Bootstrap snippets from Bootsnipp."
 bump:             "An online store homepage template."
 img-src:          /assets/img/templates/shop-homepage.jpg

diff --git a/_templates/2013-11-23-template-shop-item.md b/_templates/2013-11-23-template-shop-item.md
@@ -2,7 +2,7 @@
 title:            "Shop Item"
 slug:             shop-item
 src:              /template-overviews/shop-item
-categories:       template ecommerce unstyled
+categories:       all template ecommerce unstyled
 description:      "A simple, unstyled, shop item page template featuring Bootstrap snippets from Bootsnipp."
 bump:             "An online store item template."
 img-src:          /assets/img/templates/shop-item.jpg

diff --git a/_templates/2014-01-07-template-landing-page.md b/_templates/2014-01-07-template-landing-page.md
@@ -2,7 +2,7 @@
 title:            "Landing Page"
 slug:             landing-page
 src:              /template-overviews/landing-page
-categories:       template landing-pages one-page portfolios popular
+categories:       all theme landing-pages one-page portfolios popular
 description:      "A simple, elegant, and beautifully responsive landing page theme for Bootstrap 4 websites."
 bump:             "A clean, functional landing page theme."
 img-src:          /assets/img/templates/landing-page.jpg

diff --git a/_templates/2014-01-14-template-sb-admin-2.md b/_templates/2014-01-14-template-sb-admin-2.md
@@ -2,7 +2,7 @@
 title:            "SB Admin 2"
 slug:             sb-admin-2
 src:              /template-overviews/sb-admin-2
-categories:       template admin full-websites unstyled popular
+categories:       all theme admin full-websites unstyled popular
 description:      "A Bootstrap admin theme, dashboard, or web app UI featuring powerful jQuery plugins for extended functionality."
 bump:             "A free Bootstrap admin theme."
 img-src:          /assets/img/templates/sb-admin-2.jpg

diff --git a/_templates/2014-01-28-template-grayscale.md b/_templates/2014-01-28-template-grayscale.md
@@ -2,7 +2,7 @@
 title:            "Grayscale"
 slug:             grayscale
 src:              /template-overviews/grayscale
-categories:       template landing-pages one-page portfolios popular
+categories:       all theme landing-pages one-page portfolios popular
 description:      "A free, multipurpose, one page Bootstrap theme featuring a dark color scheme and smooth scrolling animations."
 bump:             "A multipurpose one page theme."
 img-src:          /assets/img/templates/grayscale.jpg

diff --git a/_templates/2014-02-04-template-scrolling-nav.md b/_templates/2014-02-04-template-scrolling-nav.md
@@ -2,7 +2,7 @@
 title:            "Scrolling Nav"
 slug:             scrolling-nav
 src:              /template-overviews/scrolling-nav
-categories:       template unstyled navigation-menus
+categories:       all template unstyled navigation-menus
 description:      "A basic, unstyled Bootstrap page layout for creating smooth scrolling, one page websites."
 bump:             "A scrolling navigation template."
 img-src:          /assets/img/templates/scrolling-nav.jpg

diff --git a/_templates/2014-05-01-template-freelancer.md b/_templates/2014-05-01-template-freelancer.md
@@ -2,7 +2,7 @@
 title:            "Freelancer"
 slug:             freelancer
 src:              /template-overviews/freelancer
-categories:       template landing-pages one-page portfolios featured popular
+categories:       all theme landing-pages one-page portfolios featured popular
 description:      "A one page Bootstrap portfolio theme for freelancers featuring a custom portfolio grid."
 bump:             "A one page freelancer theme."
 img-src:          /assets/img/templates/freelancer.jpg

diff --git a/_templates/2014-07-16-template-agency.md b/_templates/2014-07-16-template-agency.md
@@ -2,7 +2,7 @@
 title:            "Agency"
 slug:             agency
 src:              /template-overviews/agency
-categories:       template landing-pages one-page portfolios featured popular
+categories:       all theme landing-pages one-page portfolios featured popular
 description:      "A clean, stylish, one page Bootstrap portfolio theme perfect for your agency or small business."
 bump:             "A one page agency theme."
 img-src:          /assets/img/templates/agency.jpg

diff --git a/_templates/2014-09-25-template-clean-blog.md b/_templates/2014-09-25-template-clean-blog.md
@@ -2,7 +2,7 @@
 title:            "Clean Blog"
 slug:			        clean-blog
 src:			        /template-overviews/clean-blog
-categories:		    template landing-pages blogs full-websites popular
+categories:		    all theme landing-pages blogs full-websites popular
 description:	    "A clean, Bootstrap blog theme ready to hook into your favorite CMS or blogging platform."
 bump:			        "A clean blog theme."
 img-src:		      /assets/img/templates/clean-blog.jpg

diff --git a/_templates/2015-04-08-template-creative.md b/_templates/2015-04-08-template-creative.md
@@ -2,7 +2,7 @@
 title:            "Creative"
 slug:             creative
 src:              /template-overviews/creative
-categories:       template landing-pages one-page portfolios featured popular
+categories:       all theme landing-pages one-page portfolios featured popular
 description:      "A one page Bootstrap theme with flexible options for creative portfolios and businesses."
 bump:             "A one page creative theme."
 img-src:          /assets/img/templates/creative.jpg

diff --git a/_templates/2016-09-01-template-new-age.md b/_templates/2016-09-01-template-new-age.md
@@ -2,7 +2,7 @@
 title:            "New Age"
 slug:             new-age
 src:              /template-overviews/new-age
-categories:       template landing-pages one-page popular
+categories:       all theme landing-pages one-page popular
 description:      "A bold and colorful Bootstrap landing page theme for web apps or other business use."
 bump:             "An app landing page theme."
 img-src:          /assets/img/templates/new-age.jpg

diff --git a/_templates/2017-10-27-template-resume.md b/_templates/2017-10-27-template-resume.md
@@ -2,7 +2,7 @@
 title:            "Resume"
 slug:             resume
 src:              /template-overviews/resume
-categories:       template landing-pages one-page featured popular
+categories:       all theme landing-pages one-page featured popular
 description:      "A clean, simple, yet elegant free resume/CV template for Bootstrap 4."
 bump:             "A simple CV/resume theme."
 img-src:          /assets/img/templates/resume.jpg