diff --git a/src/_includes/navbar.html b/src/_includes/navbar.html
index ab98137a1..39eeb07ba 100644
--- a/src/_includes/navbar.html
+++ b/src/_includes/navbar.html
@@ -15,11 +15,17 @@
-
-
+
Fort Awesome
+ -
+
+
+ Symbolset
+
+
-
diff --git a/src/assets/js/site.js b/src/assets/js/site.js
index 8fd8fcce2..d71e2bd16 100644
--- a/src/assets/js/site.js
+++ b/src/assets/js/site.js
@@ -3,31 +3,57 @@ $(function () {
var ads = [
{
- quote: "Take your icon game to the next level. Check out Fort Awesome, from the maker of Font Awesome.",
- class: "fort-awesome",
- 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",
+ quote: "Looking for the best icon sets? Check out Symbolset, now from the maker of Font Awesome.",
+ class: "symbolset",
+ url: "https://symbolset.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_best_icons&utm_campaign=promo_4.6_update",
btn_text: "Gimme Some!"
},
{
- quote: "Make your icons load 10x faster! Check out Fort Awesome, from the maker of Font Awesome.",
- class: "fort-awesome",
- 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!"
- },
- {
- quote: "Looking for other great icon sets? Check out Fort Awesome, from the maker of Font Awesome.",
- class: "fort-awesome",
- 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!"
- },
- {
- quote: "Want to add your own icon? Check out Fort Awesome, from the maker of Font Awesome.",
- class: "fort-awesome",
- 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",
+ quote: "Need a different look for your icons? Check out Symbolset, now from the maker of Font Awesome.",
+ class: "symbolset",
+ url: "https://symbolset.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_different_look&utm_campaign=promo_4.6_update",
btn_text: "Gimme Some!"
},
+ // {
+ // quote: "Fort Awesome acquires Symbolset!",
+ // class: "symbolset",
+ // url: "https://symbolset.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_acquires&utm_campaign=promo_4.6_update",
+ // btn_text: "Check out Symbolset"
+ // },
+ // {
+ // quote: "Fort Awesome Symbolset = ",
+ // class: "symbolset",
+ // url: "https://symbolset.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_math&utm_campaign=promo_4.6_update",
+ // btn_text: "Check out Symbolset"
+ // },
+ // {
+ // quote: "Take your icon game to the next level. Check out Fort Awesome, from the maker of Font Awesome.",
+ // class: "fort-awesome",
+ // 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!"
+ // },
+ // {
+ // quote: "Make your icons load 10x faster! Check out Fort Awesome, from the maker of Font Awesome.",
+ // class: "fort-awesome",
+ // 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!"
+ // },
+ // {
+ // quote: "Looking for other great icon sets? Check out Fort Awesome, from the maker of Font Awesome.",
+ // class: "fort-awesome",
+ // 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!"
+ // },
+ // {
+ // quote: "Want to add your own icon? Check out Fort Awesome, from the maker of Font Awesome.",
+ // class: "fort-awesome",
+ // 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!"
+ // },
+ //
+ //
// {
// quote: "Black Tie, from the creator of Font Awesome. On sale at the Kickstarter price for a limited time.",
// class: "black-tie",
diff --git a/src/assets/less/site/banner-ad.less b/src/assets/less/site/banner-ad.less
index 01acc5515..947c9c75b 100644
--- a/src/assets/less/site/banner-ad.less
+++ b/src/assets/less/site/banner-ad.less
@@ -13,7 +13,7 @@
.tagline {
font-weight: 200;
font-size: 16px;
- padding-right: 20px;
+ padding-right: 30px;
}
&.font-awesome-survey {
@@ -159,4 +159,56 @@
}
}
}
+
+ &.symbolset {
+ @symbolset-bg: desaturate(#866cba,5%);
+ background-color: @symbolset-bg;
+ border-bottom: rgba(0,0,0,0.2);
+ a:not(.btn) {
+ text-decoration: underline;
+ color: #fff;
+ &:hover { color: rgba(255,255,255,.8); }
+ }
+ .btn-primary {
+ @color: @symbolset-bg;
+ @background: #fff;
+ @border: mix(#000,@symbolset-bg,10%);
+ font-weight: bold;
+ color: @color;
+ background-color: @background;
+ border-color: @border;
+ border-bottom-width: 2px;
+ text-shadow: none;
+ border-radius: 4px;
+
+ &:hover,
+ &:focus,
+ &:active,
+ &.active,
+ .open > &.dropdown-toggle {
+ color: #fff;
+ background-color: rgba(0,0,0,0.2);
+ border-color: rgba(0,0,0,0.2);
+ border-bottom-color: rgba(0,0,0,0.2);
+ }
+ &:active,
+ &.active,
+ .open > &.dropdown-toggle {
+ background-image: none;
+ }
+ &.disabled,
+ &[disabled],
+ fieldset[disabled] & {
+ &,
+ &:hover,
+ &:focus,
+ &:active,
+ &.active {
+ background-color: @background;
+ border-color: @border;
+ }
+ }
+ }
+ }
+
}
diff --git a/src/assets/less/site/lazy.less b/src/assets/less/site/lazy.less
index 540f9a57b..5f6461d8f 100644
--- a/src/assets/less/site/lazy.less
+++ b/src/assets/less/site/lazy.less
@@ -76,7 +76,7 @@
.display-block { display: block; } // use to swap an anchor tag to span a whole row to make click target larger
-.no-underline:hover { text-decoration: none; }
+.no-underline { text-decoration: none !important; }
.clickable { cursor: pointer; }
.strong { font-weight: bold; }
.em { font-style: italic; }
@@ -110,3 +110,4 @@
}
.valign-baseline { vertical-align: baseline !important; }
+.valign-middle { vertical-align: middle !important; }