bunch of changes for bsa ad change

This commit is contained in:
Dave Gandy 2014-08-20 10:24:25 -04:00
parent ccac58c149
commit be925ab85d
11 changed files with 31 additions and 30 deletions

View file

@ -1,5 +1,6 @@
<footer id="footer" class="footer hidden-print">
<div class="container text-center">
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8"></div>
<div>
<i class="fa fa-flag"></i> Font Awesome {{ site.fontawesome.version }}
<span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">

View file

@ -6,7 +6,7 @@
<li>
<i class="fa fa-info-circle fa-lg fa-li"></i>
These icons work great with the <code>fa-spin</code> class. Check out the
<a href="" class="alert-link">spinning icons example</a>.
<a href="{{ page.relative_path }}examples/#spinning" class="alert-link">spinning icons example</a>.
</li>
</ul>
</div>

View file

@ -68,17 +68,3 @@
</div>
</div>
</div>
<div class="black-tie">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-8 col-lg-9">
<div class="tagline">
Please support <strong>Black Tie</strong>, the new icon font from Font Awesome!
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<a class="btn btn-default btn-lg btn-block">Check out the Kickstarter <i class="fa fa-external-link-square"></i></a>
</div>
</div>
</div>
</div>

View file

@ -38,6 +38,15 @@
</script>
</head>
<body>
<script type="text/javascript">
(function(){
var bsa = document.createElement('script');
bsa.type = 'text/javascript';
bsa.async = true;
bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script>
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
{% include navbar.html %}

View file

@ -3,14 +3,4 @@ $(function() {
$('#icon-carousel').carousel({
interval: 5000
});
var quotes = new Array(
"Please support <strong>Black Tie</strong>, the new icon font from Font Awesome!",
"Please help me make Font Awesome <strong>Black Tie</strong>!",
"Get your company logo added to Font Awesome!",
"Need a specific icon added to Font Awesome?",
"If you like Font Awesome, you're going to love <strong>Black Tie</strong>!"
),
random_quote = quotes[Math.floor( Math.random() * quotes.length )];
$('.tagline').html(random_quote);
});

View file

@ -21,6 +21,7 @@
@import "site/textured-bg";
@import "site/black-tie";
@import "site/fusion-ad";
@import "site/bsap-ad";
@import "site/responsive/screen-lg";
@import "site/responsive/screen-md";

View file

@ -0,0 +1,14 @@
div.bsap {
margin-bottom: 20px;
a {
display: inline-block !important;
border-bottom: inherit !important;
}
a.adhere {
background: inherit !important;
border: 1px solid #ccc !important;
&:hover {
background: mix(#000,@jumbotron-bg,15%) !important;
}
}
}

View file

@ -31,7 +31,7 @@ html, body { height: 100%; }
.sticky-footer();
.sticky-footer(@footer-height: 165px, @footer-margin: 60px) {
.sticky-footer(@footer-height: 251px, @footer-margin: 60px) {
#wrap {
margin: 0 auto -(@footer-height);
padding: 0 0 (@footer-height + @footer-margin);

View file

@ -44,7 +44,7 @@
line-height: 22px;
}
.sticky-footer(185px, 60px);
.sticky-footer(271px, 60px);
.hide-sm { display: none; }
}

View file

@ -73,7 +73,7 @@
}
.sticky-footer(245px, 60px);
.sticky-footer(331px, 60px);
.hide-xs { display: none; }
}

View file

@ -21,8 +21,8 @@ relative_path: ../
{% include stripe-ad.html %}
<div id="bootstrapcdn">
<h2 class="page-header">EASIEST: <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN</a></h2>
<p>Add Font Awesome into your website with a single line of code. You don't even have to download or install anything!</p>
<h2 class="page-header">EASIEST: <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN</a> by <a href="http://maxcdn.com">MaxCDN</a></h2>
<p>Thanks to the generous folks at <a href="http://maxcdn.com">MaxCDN</a>, you can use Bootstrap CDN to add Font Awesome into your website with a single line of code. You don't even have to download or install anything!</p>
<ol>
<li>
Paste the following code into the <code>&lt;head&gt;</code> section of your site's HTML.