FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-12-27 14:01:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Minor changes to the banner

Browse Source
This commit is contained in:
Dave Gandy 2016-08-04 11:32:44 -04:00
parent c734a87028
commit d0811abdc3
3 changed files with 35 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/_includes/modals/download.html
View File

@ -41,7 +41,7 @@
</div> </div>
</div> </div>
<a href="https://fortawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=download_modal&utm_campaign=promo_{{ site.fontawesome.minor_version }}_update" class="btn btn-success btn-lg btn-block"> <a href="https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=download_modal&utm_campaign=promo_{{ site.fontawesome.minor_version }}_update" class="btn btn-success btn-lg btn-block">
Take your icon game <br class="visible-xs" />to the next level with Take your icon game <br class="visible-xs" />to the next level with
<h2 class="margin-top-sm margin-bottom-sm hidden-xs"><i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp; Fort Awesome</h2> <h2 class="margin-top-sm margin-bottom-sm hidden-xs"><i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp; Fort Awesome</h2>
<h3 class="margin-top-sm margin-bottom-sm visible-xs"><i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp; Fort Awesome</h3> <h3 class="margin-top-sm margin-bottom-sm visible-xs"><i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp; Fort Awesome</h3>

56
src/assets/js/site.js
View File

@ -5,53 +5,53 @@ $(function () {
{ {
quote: "Take your icon game to the next level. Check out <strong>Fort Awesome</strong>, from the maker of Font Awesome.", quote: "Take your icon game to the next level. Check out <strong>Fort Awesome</strong>, from the maker of Font Awesome.",
class: "fort-awesome", class: "fort-awesome",
url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.6_update", url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.6_update",
btn_text: "Gimme Some!" btn_text: "Gimme Some!"
}, },
{ {
quote: "Make your icons load 10x faster! Check out <strong>Fort Awesome</strong>, from the maker of Font Awesome.", quote: "Make your icons load 10x faster! Check out <strong>Fort Awesome</strong>, from the maker of Font Awesome.",
class: "fort-awesome", class: "fort-awesome",
url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_faster_loading&utm_campaign=promo_4.6_update", url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_faster_loading&utm_campaign=promo_4.6_update",
btn_text: "Gimme Some!" btn_text: "Gimme Some!"
}, },
{ {
quote: "Looking for other great icon sets? Check out <strong>Fort Awesome</strong>, from the maker of Font Awesome.", quote: "Looking for other great icon sets? Check out <strong>Fort Awesome</strong>, from the maker of Font Awesome.",
class: "fort-awesome", class: "fort-awesome",
url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_more_icons&utm_campaign=promo_4.6_update", url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_more_icons&utm_campaign=promo_4.6_update",
btn_text: "Gimme Some!" btn_text: "Gimme Some!"
}, },
{ {
quote: "Want to add your own icon? Check out <strong>Fort Awesome</strong>, from the maker of Font Awesome.", quote: "Want to add your own icon? Check out <strong>Fort Awesome</strong>, from the maker of Font Awesome.",
class: "fort-awesome", class: "fort-awesome",
url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_your_own_icon&utm_campaign=promo_4.6_update", url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_your_own_icon&utm_campaign=promo_4.6_update",
btn_text: "Gimme Some!" btn_text: "Gimme Some!"
}, },
{ // {
quote: "<strong>Black Tie</strong>, from the creator of Font Awesome. On sale at the Kickstarter price for a limited time.", // quote: "<strong>Black Tie</strong>, from the creator of Font Awesome. On sale at the Kickstarter price for a limited time.",
class: "black-tie", // class: "black-tie",
url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_kickstarter&utm_campaign=promo_4.6_update", // url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_kickstarter&utm_campaign=promo_4.6_update",
btn_text: "Check it Out!" // btn_text: "Check it Out!"
}, // },
{ // {
quote: "Want clean, minimalist icons? Check out <strong>Black Tie</strong>, the new multi-weight icon font from the maker of Font Awesome.", // quote: "Want clean, minimalist icons? Check out <strong>Black Tie</strong>, the new multi-weight icon font from the maker of Font Awesome.",
class: "black-tie", // class: "black-tie",
url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_5_clean_minimalist&utm_campaign=promo_4.6_update", // url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_5_clean_minimalist&utm_campaign=promo_4.6_update",
btn_text: "Check it Out!" // btn_text: "Check it Out!"
}, // },
{ // {
quote: "Want a different icon look? Check out <strong>Black Tie</strong>, our new multi-weight icon set.", // quote: "Want a different icon look? Check out <strong>Black Tie</strong>, our new multi-weight icon set.",
class: "black-tie", // class: "black-tie",
url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_different_look&utm_campaign=promo_4.6_update", // url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_different_look&utm_campaign=promo_4.6_update",
btn_text: "Check it Out!" // btn_text: "Check it Out!"
}, // },
{ // {
quote: "Check out <strong>Black Tie</strong>, our new multi-weight icon set!", // quote: "Check out <strong>Black Tie</strong>, our new multi-weight icon set!",
class: "black-tie", // class: "black-tie",
url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_7_our_new_multi_weight&utm_campaign=promo_4.6_update", // url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_7_our_new_multi_weight&utm_campaign=promo_4.6_update",
btn_text: "Check it Out!" // btn_text: "Check it Out!"
} // }
]; ];
selectAd(); selectAd();

12
src/assets/less/site/banner-ad.less
View File

@ -115,13 +115,13 @@
&.fort-awesome { &.fort-awesome {
@fort-awesome-color: #1C1E29; @fort-awesome-color: #1C1E29;
@fort-awesome-color-accent: #525879; @fort-awesome-color-accent: #525879;
@fort-awesome-bg: mix(@fort-awesome-color-accent, @fort-awesome-color, 15%); @fort-awesome-bg: #2d2f39;
background-color: @fort-awesome-bg; background-color: @fort-awesome-bg;
border-bottom: solid 1px mix(@fort-awesome-bg, #000, 15%); border-bottom: solid 1px mix(@fort-awesome-bg, #000, 15%);
.btn-primary { .btn-primary {
@color: #fff; @color: #fff;
@background: mix(#fff,@fort-awesome-bg,15%); @background: #ff8c52;
@border: darken(@fort-awesome-bg, 5%); @border: rgba(0,0,0,0.2);
font-weight: bold; font-weight: bold;
color: @color; color: @color;
background-color: @background; background-color: @background;
@ -136,9 +136,9 @@
&.active, &.active,
.open > &.dropdown-toggle { .open > &.dropdown-toggle {
color: #fff; color: #fff;
background-color: mix(@fort-awesome-color, @fort-awesome-color-accent, 30%); background-color: #e67e4a;
border-color: darken(@border, 12%); border-color: rgba(0,0,0,0.296);
border-bottom-color: darken(@border, 18%); border-bottom-color: rgba(0,0,0,0.296);
} }
&:active, &:active,
&.active, &.active,