FlandreScarle7/Fork-Awesome
1
0
Fork 0
mirror of https://github.com/ForkAwesome/Fork-Awesome.git synced 2024-12-28 14:31:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

updating banner ads visually and name-wise to reference Fort Awesome

Browse Source
This commit is contained in:
Brian Talbot 2016-03-10 11:24:07 -05:00
parent 8775a98c90
commit 1ee4afbaf8
2 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,26 +3,26 @@ $(function () {
var ads = [ var ads = [
{ {
quote: "Take your icon game to the next level. Check out <strong>Fonticons</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: "fonticons", 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.4_update", url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.4_update",
btn_text: "Gimme Some!" btn_text: "Gimme Some!"
}, },
{ {
quote: "Make your icons load 10x faster! Check out <strong>Fonticons</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: "fonticons", 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.4_update", url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_faster_loading&utm_campaign=promo_4.4_update",
btn_text: "Gimme Some!" btn_text: "Gimme Some!"
}, },
{ {
quote: "Looking for other great icon sets? Check out <strong>Fonticons</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: "fonticons", 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.4_update", url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_more_icons&utm_campaign=promo_4.4_update",
btn_text: "Gimme Some!" btn_text: "Gimme Some!"
}, },
{ {
quote: "Want to add your own icon? Check out <strong>Fonticons</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: "fonticons", 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.4_update", url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_your_own_icon&utm_campaign=promo_4.4_update",
btn_text: "Gimme Some!" btn_text: "Gimme Some!"
}, },
@ -54,7 +54,7 @@ $(function () {
} }
]; ];
selectFonticonsAd(); selectAd();
// start the icon carousel // start the icon carousel
$('#icon-carousel').carousel({ $('#icon-carousel').carousel({
@ -64,7 +64,7 @@ $(function () {
$('[data-toggle="tooltip"]').tooltip(); $('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="popover"]').popover(); $('[data-toggle="popover"]').popover();
function selectFonticonsAd() { function selectAd() {
random_number = Math.floor(Math.random() * ads.length); random_number = Math.floor(Math.random() * ads.length);
random_ad = ads[random_number]; random_ad = ads[random_number];

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

@ -112,15 +112,16 @@
} }
} }
&.fonticons { &.fort-awesome {
@fonticons-bg: #1c1e29; @fort-awesome-color: #1C1E29;
@fonticons-orange: desaturate(#ff7f3f, 5%); @fort-awesome-color-accent: #525879;
background-color: @fonticons-orange; @fort-awesome-bg: mix(@fort-awesome-color-accent, @fort-awesome-color, 15%);
border-bottom: solid 1px mix(@fonticons-bg, @fonticons-orange, 15%); background-color: @fort-awesome-bg;
border-bottom: solid 1px mix(@fort-awesome-bg, #000, 15%);
.btn-primary { .btn-primary {
@color: #fff; @color: #fff;
@background: mix(#fff,@fonticons-bg,10%); @background: mix(#fff,@fort-awesome-bg,15%);
@border: @fonticons-bg; @border: darken(@fort-awesome-bg, 5%);
font-weight: bold; font-weight: bold;
color: @color; color: @color;
background-color: @background; background-color: @background;
@ -135,7 +136,7 @@
&.active, &.active,
.open > &.dropdown-toggle { .open > &.dropdown-toggle {
color: #fff; color: #fff;
background-color: darken(@border, 3%); background-color: mix(@fort-awesome-color, @fort-awesome-color-accent, 30%);
border-color: darken(@border, 12%); border-color: darken(@border, 12%);
border-bottom-color: darken(@border, 18%); border-bottom-color: darken(@border, 18%);
} }