add builder links

BlackrockDigital · May 5, 2020 · 4dd1a61 · 4dd1a61
1 parent 72d48df
commit 4dd1a61
Show file tree

Hide file tree

Showing 21 changed files with 81 additions and 21 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/_layouts/overview-theme.html b/_layouts/overview-theme.html
@@ -29,6 +29,16 @@
                     </a>
                     {% endif %}
 
+                    <!-- Add builder link for themes with builder available -->
+                    {% if page.builder %}
+                    <div class="position-relative">
+                        <a target="_blank" href="https://builder.startbootstrap.com/builder/{{ page.slug }}" class="btn btn-block btn-info mb-3 py-3" onclick="ga('send','event','Builder','click','{{ page.title }} Builder')">
+                            <i class="fal fa-edit fa-fw"></i> <span>Customize &amp; Download (Free)</span>
+                        </a>
+                        <span class='badge-new' style="top: -.5rem; right: -.5rem;">New!</span>
+                    </div>
+                    {% endif %}
+
                     <hr>
 
                     <a target="_blank" href="/previews/{{ page.slug }}/" class="btn btn-block btn-outline-primary mb-3"><i class="far fa-browser fa-fw"></i> Live Preview</a>
@@ -42,6 +52,22 @@
 
                 </div>
             </div>
+            {% if page.builder %}
+            <!-- Builder Card -->
+            <div class="card border-0 shadow mb-4">
+                <div class="card-body">
+                    <h5 class="m-0">Try our new builder!</h5>
+                    <hr>
+                    <p>We've just launched our new Start Bootstrap Builder! You can now customize this theme <em>before</em> you download! Make changes to text, images, fonts, colors, and more - then export your custom theme as an HTML/CSS package!</p>
+                    <div class="position-relative">
+                        <a href="https://builder.startbootstrap.com/builder/{{ page.slug }}" class="btn btn-block btn-info mb-3 py-3" onclick="ga('send','event','Builder','click','{{ page.title }} Builder')">
+                            <i class="fal fa-edit fa-fw"></i> <span>Customize &amp; Download (Free)</span>
+                        </a>
+                        <span class='badge-new' style="top: -.5rem; right: -.5rem;">New!</span>
+                    </div>
+                </div>
+            </div>
+            {% endif %}
             <!-- Item Description -->
             <div class="card border-0 shadow mb-4">
                 <div class="card-body">
@@ -87,6 +113,16 @@ <h5 class="m-0">Features</h5>
                     </a>
                     {% endif %}
 
+                    <!-- Add builder link for themes with builder available -->
+                    {% if page.builder %}
+                    <div class="position-relative">
+                        <a target="_blank" href="https://builder.startbootstrap.com/builder/{{ page.slug }}" class="btn btn-block btn-info mb-3 py-3" onclick="ga('send','event','Builder','click','{{ page.title }} Builder')">
+                            <i class="fal fa-edit fa-fw"></i> <span>Customize &amp; Download (Free)</span>
+                        </a>
+                        <span class='badge-new' style="top: -.5rem; right: -.5rem;">New!</span>
+                    </div>
+                    {% endif %}
+
                     <hr>
 
                     <a target="_blank" href="/previews/{{ page.slug }}/" class="btn btn-block btn-outline-primary mb-3"><i class="far fa-browser fa-fw"></i> Live Preview</a>

diff --git a/_layouts/preview.html b/_layouts/preview.html
@@ -9,7 +9,7 @@
     <div class="preview-bar bg-white fixed-top py-2 border-bottom-primary">
         <div class="container-fluid h-100">
             <div class="row align-items-center justify-content-between h-100">
-                <div class="col">
+                <div class="col-auto col-lg">
                     <i class="fab fa-github text-github small"></i>
 
                     {% if page.migrated %}
@@ -19,7 +19,7 @@
                     {% endif %}
 
                 </div>
-                <div class="col d-none d-lg-block">
+                <div class="col col-auto d-none d-xl-block">
                     <ul class="nav responsive-toggler justify-content-center" role="tablist">
                         <li class="nav-item">
                             <a class="nav-link active" id="desktopToggle" data-toggle="tab" href="#" role="tab" aria-selected="true">
@@ -35,16 +35,22 @@
                 </div>
                 <div class="col text-right">
 
+                    {% if page.builder %}
+                    <a href="https://builder.startbootstrap.com/builder/{{ page.slug }}" class="btn btn-info btn-sm mr-2" onclick="ga('send','event','Builder','click','{{ page.title }} Builder')">
+                        <i class="fal fa-edit fa-fw"></i> <span>Customize<span class="d-none d-md-inline"> &amp; Download (Free)</span></span>
+                    </a>
+                    {% endif %}
+
                     {% if page.migrated %}
-                    <a href="https://github.com/StartBootstrap/{{ page.slug }}/archive/master.zip" class="btn btn-primary btn-sm mr-2 d-none d-md-inline-block" onclick="ga('send','event','Download','click','{{ page.title }}')">Free Download</a>
+                    <a href="https://github.com/StartBootstrap/{{ page.slug }}/archive/master.zip" class="btn btn-primary btn-sm mr-2" onclick="ga('send','event','Download','click','{{ page.title }}')">Free Download</a>
                     {% else %}
-                    <a href="https://github.com/BlackrockDigital/startbootstrap-{{ page.slug }}/archive/gh-pages.zip" class="btn btn-primary btn-sm mr-2 d-none d-md-inline-block" onclick="ga('send','event','Download','click','{{ page.title }}')">Free Download</a>
+                    <a href="https://github.com/BlackrockDigital/startbootstrap-{{ page.slug }}/archive/gh-pages.zip" class="btn btn-primary btn-sm mr-2" onclick="ga('send','event','Download','click','{{ page.title }}')">Free Download</a>
                     {% endif %}
 
                     {% if page.custom-preview-link %}
-                    <a href="{{ page.custom-preview-link }}/" class="btn btn-link btn-sm"><i class="fal fa-times mr-1"></i> Remove Frame</a>
+                    <a href="{{ page.custom-preview-link }}/" class="btn btn-link btn-sm d-none d-md-inline-block"><i class="fal fa-times mr-1"></i> Remove Frame</a>
                     {% else %}
-                    <a href="https://blackrockdigital.github.io/startbootstrap-{{ page.slug }}/" class="btn btn-link btn-sm"><i class="fal fa-times mr-1"></i> Remove Frame</a>
+                    <a href="https://blackrockdigital.github.io/startbootstrap-{{ page.slug }}/" class="btn btn-link btn-sm d-none d-md-inline-block"><i class="fal fa-times mr-1"></i> Remove Frame</a>
                     {% endif %}
                 </div>
             </div>

diff --git a/_previews/theme-freelancer.md b/_previews/theme-freelancer.md
@@ -6,4 +6,5 @@ src:              /themes/freelancer
 layout:           preview
 type:             theme
 meta-title:       Freelancer - Theme Preview
+builder:          true
 ---
diff --git a/_sass/_global.scss b/_sass/_global.scss
@@ -12,6 +12,21 @@ p.large {
   line-height: 1.55;
 }
 
+// New badge
+.badge-new {
+  background-color: $yellow;
+  height: 2.5rem;
+  width: 2.5rem;
+  font-size: $small-font-size;
+  color: $white;
+  transform: rotate(15deg);
+  border-radius: 100%;
+  position: absolute;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+
 // Hide Overflow Utility
 .o-hidden {
   overflow: hidden !important;

diff --git a/_themes/2013-09-22-one-page-wonder.md b/_themes/2013-09-22-one-page-wonder.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/one-page-wonder.png
 img-desc:         "Free Bootstrap One Page Website Template"
 layout:           overview-theme
 type:             theme
-rank:             17
+rank:             18
 
 version:          5.0.7
 bootstrap:        4.3.1

diff --git a/_themes/2013-10-02-stylish-portfolio.md b/_themes/2013-10-02-stylish-portfolio.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/stylish-portfolio.png
 img-desc:         "Free Bootstrap Portfolio Theme - Stylish Portfolio"
 layout:           overview-theme
 type:             theme
-rank: 11
+rank: 15
 
 version:          5.0.7
 bootstrap:        4.3.1

diff --git a/_themes/2013-10-15-business-casual.md b/_themes/2013-10-15-business-casual.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/business-casual.png
 img-desc:         "Free Bootstrap 4 Website Themes"
 layout:           overview-theme
 type:             theme
-rank: 14
+rank: 16
 
 version:          5.0.9
 bootstrap:        4.3.1

diff --git a/_themes/2014-01-07-landing-page.md b/_themes/2014-01-07-landing-page.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/landing-page.png
 img-desc:         "Free Bootstrap Landing Page Theme"
 layout:           overview-theme
 type:             theme
-rank: 16
+rank: 14
 
 version:          5.0.7
 bootstrap:        4.3.1

diff --git a/_themes/2014-01-28-grayscale.md b/_themes/2014-01-28-grayscale.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/grayscale.png
 img-desc:         "Grayscale ong page Bootstrap template"
 layout:           overview-theme
 type:             theme
-rank: 8
+rank: 10
 
 version:          5.0.9
 bootstrap:        4.3.1

diff --git a/_themes/2014-05-01-freelancer.md b/_themes/2014-05-01-freelancer.md
@@ -10,12 +10,14 @@ img-full:         /assets/img/screenshots/themes/freelancer.png
 img-desc:         "One Page Bootstrap Portfolio Theme"
 layout:           overview-theme
 type:             theme
-rank: 7
+rank: 5
 
 version:          6.0.2
 bootstrap:        4.4.1
 updated:          2020-04-16
 
+builder:          true
+
 meta-title:       "Freelancer - One Page Theme"
 meta-description: "A free one page Bootstrap portfolio theme for freelancers. All Start Bootstrap templates are free to download and open source."
 

diff --git a/_themes/2014-07-16-agency.md b/_themes/2014-07-16-agency.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/agency.png
 img-desc:         "Free Bootstrap Agency Theme - Start Bootstrap"
 layout:           overview-theme
 type:             theme
-rank: 6
+rank: 8
 
 version:          6.0.0
 bootstrap:        4.4.1

diff --git a/_themes/2014-09-25-clean-blog.md b/_themes/2014-09-25-clean-blog.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/clean-blog.png
 img-desc:		      "Free Bootstrap Blog Theme - Start Bootstrap"
 layout:			      overview-theme
 type:             theme
-rank: 10
+rank: 12
 
 version:          5.0.8
 bootstrap:        4.3.1

diff --git a/_themes/2014-09-27-clean-blog-jekyll.md b/_themes/2014-09-27-clean-blog-jekyll.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/clean-blog-jekyll.png
 img-desc:		      "Free Jekyll Blog Theme - Start Bootstrap"
 layout:			      overview-theme
 type:             theme
-rank: 10
+rank: 13
 
 version:          4.0.9
 bootstrap:        4.3.1

diff --git a/_themes/2015-04-08-creative.md b/_themes/2015-04-08-creative.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/creative.png
 img-desc:         "Free Bootstrap Creative Theme - Start Bootstrap"
 layout:           overview-theme
 type:             theme
-rank:             5
+rank:             6
 
 version:          6.0.1
 bootstrap:        4.4.1

diff --git a/_themes/2016-09-01-new-age.md b/_themes/2016-09-01-new-age.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/new-age.png
 img-desc:         "Free Bootstrap App Landing Page Theme - Start Bootstrap"
 layout:           overview-theme
 type:             theme
-rank: 15
+rank: 17
 
 version:          5.0.7
 bootstrap:        4.3.1

diff --git a/_themes/2017-10-27-resume.md b/_themes/2017-10-27-resume.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/resume.png
 img-desc:         "Free Bootstrap Resume/CV Theme - Start Bootstrap"
 layout:           overview-theme
 type:             theme
-rank: 9
+rank: 11
 
 version:          5.0.8
 bootstrap:        4.3.1

diff --git a/_themes/2017-12-12-coming-soon.md b/_themes/2017-12-12-coming-soon.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/coming-soon.png
 img-desc:         "Free Bootstrap Coming Soon Template - Start Bootstrap"
 layout:           overview-theme
 type:             theme
-rank: 13
+rank: 19
 
 version:          5.0.7
 bootstrap:        4.3.1

diff --git a/_themes/2020-03-13-clean-blog-angular-node.md b/_themes/2020-03-13-clean-blog-angular-node.md
@@ -10,7 +10,7 @@ img-full:         /assets/img/screenshots/themes/clean-blog-angular.png
 img-desc:		      "Free Angular 9 Blog Theme - Start Bootstrap"
 layout:			      overview-node
 type:             theme
-rank: 5
+rank: 7
 
 github-link-angular: 'https://github.com/StartBootstrap/sb-clean-blog-angular/'
 github-link-node:    'https://github.com/StartBootstrap/sb-clean-blog-node/'

diff --git a/_themes/2020-03-22-sb-ui-kit-pro-vue.md b/_themes/2020-03-22-sb-ui-kit-pro-vue.md
@@ -11,5 +11,5 @@ layout:           custom-redirect
 type:             theme
 pro:              true
 new:              true
-rank: 7
+rank: 9
 ---
diff --git a/assets/.DS_Store b/assets/.DS_Store