mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2024-12-26 13:31:30 +08:00
bunch of changes for bsa ad change
This commit is contained in:
parent
ccac58c149
commit
be925ab85d
@ -1,5 +1,6 @@
|
|||||||
<footer id="footer" class="footer hidden-print">
|
<footer id="footer" class="footer hidden-print">
|
||||||
<div class="container text-center">
|
<div class="container text-center">
|
||||||
|
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8"></div>
|
||||||
<div>
|
<div>
|
||||||
<i class="fa fa-flag"></i> Font Awesome {{ site.fontawesome.version }}
|
<i class="fa fa-flag"></i> Font Awesome {{ site.fontawesome.version }}
|
||||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<i class="fa fa-info-circle fa-lg fa-li"></i>
|
<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
|
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>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
@ -68,17 +68,3 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
|
@ -38,6 +38,15 @@
|
|||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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 -->
|
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||||
{% include navbar.html %}
|
{% include navbar.html %}
|
||||||
|
|
||||||
|
@ -3,14 +3,4 @@ $(function() {
|
|||||||
$('#icon-carousel').carousel({
|
$('#icon-carousel').carousel({
|
||||||
interval: 5000
|
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);
|
|
||||||
});
|
});
|
||||||
|
@ -21,6 +21,7 @@
|
|||||||
@import "site/textured-bg";
|
@import "site/textured-bg";
|
||||||
@import "site/black-tie";
|
@import "site/black-tie";
|
||||||
@import "site/fusion-ad";
|
@import "site/fusion-ad";
|
||||||
|
@import "site/bsap-ad";
|
||||||
|
|
||||||
@import "site/responsive/screen-lg";
|
@import "site/responsive/screen-lg";
|
||||||
@import "site/responsive/screen-md";
|
@import "site/responsive/screen-md";
|
||||||
|
14
src/assets/less/site/bsap-ad.less
Normal file
14
src/assets/less/site/bsap-ad.less
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -31,7 +31,7 @@ html, body { height: 100%; }
|
|||||||
|
|
||||||
.sticky-footer();
|
.sticky-footer();
|
||||||
|
|
||||||
.sticky-footer(@footer-height: 165px, @footer-margin: 60px) {
|
.sticky-footer(@footer-height: 251px, @footer-margin: 60px) {
|
||||||
#wrap {
|
#wrap {
|
||||||
margin: 0 auto -(@footer-height);
|
margin: 0 auto -(@footer-height);
|
||||||
padding: 0 0 (@footer-height + @footer-margin);
|
padding: 0 0 (@footer-height + @footer-margin);
|
||||||
|
@ -44,7 +44,7 @@
|
|||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sticky-footer(185px, 60px);
|
.sticky-footer(271px, 60px);
|
||||||
|
|
||||||
.hide-sm { display: none; }
|
.hide-sm { display: none; }
|
||||||
}
|
}
|
||||||
|
@ -73,7 +73,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.sticky-footer(245px, 60px);
|
.sticky-footer(331px, 60px);
|
||||||
|
|
||||||
.hide-xs { display: none; }
|
.hide-xs { display: none; }
|
||||||
}
|
}
|
@ -21,8 +21,8 @@ relative_path: ../
|
|||||||
{% include stripe-ad.html %}
|
{% include stripe-ad.html %}
|
||||||
|
|
||||||
<div id="bootstrapcdn">
|
<div id="bootstrapcdn">
|
||||||
<h2 class="page-header">EASIEST: <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN</a></h2>
|
<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>Add Font Awesome into your website with a single line of code. You don't even have to download or install anything!</p>
|
<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>
|
<ol>
|
||||||
<li>
|
<li>
|
||||||
Paste the following code into the <code><head></code> section of your site's HTML.
|
Paste the following code into the <code><head></code> section of your site's HTML.
|
||||||
|
Loading…
Reference in New Issue
Block a user