several gh-page improvements

This commit is contained in:
FezVrasta 2016-08-03 13:34:46 +02:00
parent 4aa8adb68c
commit f5093e7e5a
6 changed files with 22 additions and 10 deletions

View File

@ -35,6 +35,7 @@ url: "http://rosskevin.github.io"
# other variables generated in # other variables generated in
mkp: http://www.creative-tim.com/product/material-kit-pro?affiliate_id=87385
#blog: http://blog.getbootstrap.com #blog: http://blog.getbootstrap.com
#expo: http://expo.getbootstrap.com #expo: http://expo.getbootstrap.com
#themes: http://themes.getbootstrap.com #themes: http://themes.getbootstrap.com

View File

@ -18,16 +18,14 @@
{% seo %} {% seo %}
<!--
<script> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-146052-10', 'getbootstrap.com'); ga('create', 'UA-146052-10', 'fezvrasta.github.io/bootstrap-material-design');
ga('send', 'pageview'); ga('send', 'pageview');
</script> </script>
-->
<!-- NOTE: @see footer - jquery (for this docs site only) is included in the <head> so that example scripts run on ready --> <!-- NOTE: @see footer - jquery (for this docs site only) is included in the <head> so that example scripts run on ready -->

View File

@ -45,10 +45,10 @@
<li class="nav-item"> <li class="nav-item">
<a class="nav-item nav-link {% if page.title == "Examples" %}active{% endif %}" href="{{ site.baseurl }}/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a> <a class="nav-item nav-link {% if page.title == "Examples" %}active{% endif %}" href="{{ site.baseurl }}/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
</li> </li>
<!--
<li class="nav-item"> <li class="nav-item">
<a class="nav-item nav-link" href="{{ site.themes }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');">Themes</a> <a class="nav-item nav-link" href="{{ site.mkp }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Material Kit Pro');">Material Kit Pro</a>
</li> </li>
<!--
<li class="nav-item"> <li class="nav-item">
<a class="nav-item nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');">Expo</a> <a class="nav-item nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');">Expo</a>
</li> </li>

View File

@ -1,3 +1,16 @@
.bd-home { .bd-home {
background-color: #fff; background-color: #fff;
} }
.mk-pro-badge {
position: relative;
padding: .4em .9em;
margin-right: -4em;
font-size: .4em;
font-weight: bold;
color: #fff;
text-transform: uppercase;
vertical-align: text-top;
background: $pink-600;
border-radius: 3px;
box-shadow: 0 5px 5px -2px rgba(31, 31, 31, 0.4);
}

View File

@ -1,7 +1,7 @@
.bd-masthead { .bd-masthead {
background-image: linear-gradient(rgba(0, 0, 255, 0.2), rgba(0, 0, 255, 0.4)), url("../assets/img/bg.jpg"); background-image: linear-gradient(rgba(0, 0, 255, 0.2), rgba(0, 0, 255, 0.4)), url("../assets/img/bg.jpg");
background-size: cover;
background-position: center top; background-position: center top;
background-size: cover;
.bd-booticon { .bd-booticon {
color: #fff; color: #fff;

View File

@ -41,16 +41,16 @@ title: Bootstrap Material Design, the world's most popular mobile-first and resp
<div class="bd-featurette"> <div class="bd-featurette">
<div class="container"> <div class="container">
<h2 class="bd-featurette-title">Material Kit PRO</h2> <h2 class="bd-featurette-title">Material Kit <span class="mk-pro-badge">PRO</span></h2>
<p class="lead"> <p class="lead">
Get more from Bootstrap Material Design with our official Material Kit PRO. It features a huge number of components built to fit together and look amazing. Included you will find PSD, examples and sources. Get more from Bootstrap Material Design with our official Material Kit PRO. It features a huge number of components built to fit together and look amazing. Included you will find PSD, examples and sources.
</p> </p>
<p class="lead"> <p class="lead">
<a href="http://www.creative-tim.com/product/material-kit-pro?affiliate_id=87385" class="btn btn-primary btn-raised btn-lg">More details</a> <a href="{{ site.mkp }}" class="btn btn-primary btn-raised btn-lg">More details</a>
</p> </p>
<a href="http://www.creative-tim.com/product/material-kit-pro?affiliate_id=87385"> <a href="{{ site.mkp }}">
<img class="img-fluid m-x-auto" src="/assets/img/mk-pro-banner.jpg" alt="Material Kit PRO" width="1024" height="388"> <img class="img-fluid m-x-auto" src="/assets/img/mk-pro-banner.jpg" alt="Material Kit PRO" width="1024" height="388">
</a> </a>
</div> </div>
@ -93,7 +93,7 @@ title: Bootstrap Material Design, the world's most popular mobile-first and resp
<br /><br /> <br /><br />
<hr class="half-rule m-t-0"> <hr class="half-rule m-t-0">
<p>Would you like to support the development of Bootstrap Material Design? Please donate with PayPal or buy <a href="http://www.creative-tim.com/product/material-kit-pro?affiliate_id=87385" target="_blank">Material Kit PRO</a>!</p> <p>Would you like to support the development of Bootstrap Material Design? Please donate with PayPal or buy <a href="{{ site.mkp }}" target="_blank">Material Kit PRO</a>!</p>
<form action="https://www.paypal.com/cgi-bin/webscr" id="paypal" method="post" target="_blank"> <form action="https://www.paypal.com/cgi-bin/webscr" id="paypal" method="post" target="_blank">
<input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="cmd" value="_s-xclick">