Permalink
Browse files

separate themes from templates on all template/theme page

  • Loading branch information...
davidtmiller committed Feb 8, 2018
1 parent 204baad commit bad5adecc622ef28b27f97c670a8973214166158
Showing with 91 additions and 44 deletions.
  1. +48 −1 _layouts/template-category.html
  2. +1 −1 _templates/2013-09-21-template-bare.md
  3. +1 −1 _templates/2013-09-22-template-blog-home.md
  4. +1 −1 _templates/2013-09-22-template-blog-post.md
  5. +1 −1 _templates/2013-09-22-template-business-frontpage.md
  6. +1 −1 _templates/2013-09-22-template-full-slider.md
  7. +1 −1 _templates/2013-09-22-template-full.md
  8. +1 −1 _templates/2013-09-22-template-half-slider.md
  9. +1 −1 _templates/2013-09-22-template-heroic-features.md
  10. +1 −1 _templates/2013-09-22-template-logo-nav.md
  11. +2 −2 _templates/2013-09-22-template-one-page-wonder.md
  12. +1 −1 _templates/2013-09-22-template-round-about.md
  13. +1 −1 _templates/2013-09-22-template-small-business.md
  14. +1 −1 _templates/2013-09-22-template-the-big-picture.md
  15. +1 −1 _templates/2013-09-22-template-thumbnail-gallery.md
  16. +1 −1 _templates/2013-09-23-template-full-width-pics.md
  17. +1 −1 _templates/2013-09-24-template-1-col-portfolio.md
  18. +1 −1 _templates/2013-09-24-template-2-col-portfolio.md
  19. +1 −1 _templates/2013-09-24-template-3-col-portfolio.md
  20. +1 −1 _templates/2013-09-24-template-4-col-portfolio.md
  21. +1 −1 _templates/2013-09-26-template-modern-business.md
  22. +1 −1 _templates/2013-09-28-template-simple-sidebar.md
  23. +1 −1 _templates/2013-10-02-template-stylish-portfolio.md
  24. +1 −1 _templates/2013-10-13-template-portfolio-item.md
  25. +1 −1 _templates/2013-10-13-template-sb-admin.md
  26. +1 −1 _templates/2013-10-15-template-business-casual.md
  27. +1 −1 _templates/2013-11-23-template-shop-homepage.md
  28. +1 −1 _templates/2013-11-23-template-shop-item.md
  29. +1 −1 _templates/2014-01-07-template-landing-page.md
  30. +1 −1 _templates/2014-01-14-template-sb-admin-2.md
  31. +1 −1 _templates/2014-01-28-template-grayscale.md
  32. +1 −1 _templates/2014-02-04-template-scrolling-nav.md
  33. +1 −1 _templates/2014-05-01-template-freelancer.md
  34. +1 −1 _templates/2014-07-16-template-agency.md
  35. +1 −1 _templates/2014-09-25-template-clean-blog.md
  36. +1 −1 _templates/2015-04-08-template-creative.md
  37. +1 −1 _templates/2016-09-01-template-new-age.md
  38. +1 −1 _templates/2017-10-27-template-resume.md
  39. +1 −1 _templates/2017-12-12-template-coming-soon.md
  40. +4 −4 template-categories/all.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">
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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"
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
Oops, something went wrong.

0 comments on commit bad5ade

Please sign in to comment.