mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2024-12-28 06:21:30 +08:00
Merge pull request #8654 from FortAwesome/talbs/add-survey
Add Font Awesome Feedback Survey
This commit is contained in:
Dave Gandy
commit
0a3bc93d08
@ -1,3 +1,16 @@
|
|||||||
|
<div class="collapse hidden-print" id="banner">
|
||||||
|
<div class="container">
|
||||||
|
<div class="message-container">
|
||||||
|
<div class="tagline">
|
||||||
|
<span id="rotating-message"></span>
|
||||||
|
</div>
|
||||||
|
<div class="action">
|
||||||
|
<a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="navbar navbar-org navbar-static-top">
|
<div class="navbar navbar-org navbar-static-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
|||||||
47
src/_layouts/survey.html
Normal file
47
src/_layouts/survey.html
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<!-- Basic Page Needs
|
||||||
|
================================================== -->
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||||
|
<meta name="description" content="Font Awesome, the iconic font and CSS framework">
|
||||||
|
<meta name="author" content="Dave Gandy">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<link rel="shortcut icon" href="{{ page.relative_path }}assets/ico/favicon.ico">
|
||||||
|
|
||||||
|
<title>{% if page.title %}{{ page.title }}{% endif %}</title>
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
html{
|
||||||
|
margin: 0;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
iframe{
|
||||||
|
position: absolute;
|
||||||
|
left:0;
|
||||||
|
right:0;
|
||||||
|
bottom:0;
|
||||||
|
top:0;
|
||||||
|
border:0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var _gaq = _gaq || [];
|
||||||
|
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||||
|
_gaq.push(['_trackPageview']);
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
var ga = document.createElement('script');
|
||||||
|
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||||
|
var s = document.scripts[0];
|
||||||
|
s.parentNode.insertBefore(ga, s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{{content}}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -2,59 +2,65 @@ $(function () {
|
|||||||
$("#newsletter").validate();
|
$("#newsletter").validate();
|
||||||
|
|
||||||
var ads = [
|
var ads = [
|
||||||
|
// {
|
||||||
|
// quote: "Take your icon game to the next level. Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
|
||||||
|
// class: "fonticons",
|
||||||
|
// 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!"
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// quote: "Make your icons load 10x faster! Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
|
||||||
|
// class: "fonticons",
|
||||||
|
// 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!"
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// quote: "Looking for other great icon sets? Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
|
||||||
|
// class: "fonticons",
|
||||||
|
// 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!"
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// quote: "Want to add your own icon? Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
|
||||||
|
// class: "fonticons",
|
||||||
|
// 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!"
|
||||||
|
// },
|
||||||
|
//
|
||||||
|
//
|
||||||
|
// {
|
||||||
|
// quote: "<strong>Black Tie</strong>, from the creator of Font Awesome. On sale at the Kickstarter price for a limited time.",
|
||||||
|
// class: "black-tie",
|
||||||
|
// url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_kickstarter&utm_campaign=promo_4.4_update",
|
||||||
|
// 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.",
|
||||||
|
// 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.4_update",
|
||||||
|
// btn_text: "Check it Out!"
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// quote: "Want a different icon look? Check out <strong>Black Tie</strong>, our new multi-weight icon set.",
|
||||||
|
// 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.4_update",
|
||||||
|
// btn_text: "Check it Out!"
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// quote: "Check out <strong>Black Tie</strong>, our new multi-weight icon set!",
|
||||||
|
// 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.4_update",
|
||||||
|
// btn_text: "Check it Out!"
|
||||||
|
// },
|
||||||
{
|
{
|
||||||
quote: "Take your icon game to the next level. Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
|
quote: "<strong>Help make Font Awesome more awesome!</strong> Fill out a short survey and give us your feedback.",
|
||||||
class: "fonticons",
|
class: "font-awesome-survey",
|
||||||
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: "http://fontawesome.io/survey/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_survey&utm_campaign=promo_4.5_update",
|
||||||
btn_text: "Gimme Some!"
|
btn_text: "Take the survey!"
|
||||||
},
|
|
||||||
{
|
|
||||||
quote: "Make your icons load 10x faster! Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
|
|
||||||
class: "fonticons",
|
|
||||||
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!"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
quote: "Looking for other great icon sets? Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
|
|
||||||
class: "fonticons",
|
|
||||||
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!"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
quote: "Want to add your own icon? Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
|
|
||||||
class: "fonticons",
|
|
||||||
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!"
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
{
|
|
||||||
quote: "<strong>Black Tie</strong>, from the creator of Font Awesome. On sale at the Kickstarter price for a limited time.",
|
|
||||||
class: "black-tie",
|
|
||||||
url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_kickstarter&utm_campaign=promo_4.4_update",
|
|
||||||
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.",
|
|
||||||
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.4_update",
|
|
||||||
btn_text: "Check it Out!"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
quote: "Want a different icon look? Check out <strong>Black Tie</strong>, our new multi-weight icon set.",
|
|
||||||
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.4_update",
|
|
||||||
btn_text: "Check it Out!"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
quote: "Check out <strong>Black Tie</strong>, our new multi-weight icon set!",
|
|
||||||
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.4_update",
|
|
||||||
btn_text: "Check it Out!"
|
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
//selectFonticonsAd();
|
selectFonticonsAd();
|
||||||
|
|
||||||
// start the icon carousel
|
// start the icon carousel
|
||||||
$('#icon-carousel').carousel({
|
$('#icon-carousel').carousel({
|
||||||
|
|||||||
@ -16,6 +16,55 @@
|
|||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.font-awesome-survey {
|
||||||
|
@survey-bg: #8E8F94;
|
||||||
|
background-color: @survey-bg;
|
||||||
|
border-bottom: solid 1px mix(@survey-bg, #fff, 95%);
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
@color: mix(#fff,@survey-bg,80%);
|
||||||
|
@background: darken(@survey-bg, 15%);
|
||||||
|
@border: darken(@background, 15%);
|
||||||
|
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: darken(@border, 10%);
|
||||||
|
border-color: darken(@border, 20%);
|
||||||
|
border-bottom-color: darken(@border, 30%);
|
||||||
|
}
|
||||||
|
&:active,
|
||||||
|
&.active,
|
||||||
|
.open > &.dropdown-toggle {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
&.disabled,
|
||||||
|
&[disabled],
|
||||||
|
fieldset[disabled] & {
|
||||||
|
&,
|
||||||
|
&:hover,
|
||||||
|
&:focus,
|
||||||
|
&:active,
|
||||||
|
&.active {
|
||||||
|
background-color: @background;
|
||||||
|
border-color: @border;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
&.black-tie {
|
&.black-tie {
|
||||||
@black-tie-bg: #222222;
|
@black-tie-bg: #222222;
|
||||||
background-color: @black-tie-bg;
|
background-color: @black-tie-bg;
|
||||||
|
|||||||
7
src/survey.html
Normal file
7
src/survey.html
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
---
|
||||||
|
layout: survey
|
||||||
|
title: Font Awesome + You
|
||||||
|
---
|
||||||
|
|
||||||
|
<iframe id="typeform-full" width="100%" height="100%" frameborder="0" src="https://fortawesome.typeform.com/to/Ty174C"></iframe>
|
||||||
|
<script type="text/javascript" src="https://s3-eu-west-1.amazonaws.com/share.typeform.com/embed.js"></script>
|
||||||
Loading…
Reference in New Issue
Block a user