bulma/docs/_includes/footer.html

186 lines
6.9 KiB
HTML
Raw Normal View History

{% include bsa.html %}
<section id="newsletter" class="hero is-primary">
<div class="hero-body">
<div class="container">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup" class="columns is-vcentered">
<div class="column is-one-third is-left">
<p class="title">Bulma <strong>Newsletter</strong></p>
<p class="subtitle">Get notified when v1 is ready!</p>
</div>
<div class="column">
<form action="https://bbxdesign.us3.list-manage.com/subscribe/post?u=b43b93fe633f0560b2a72a69c&amp;id=52585e8803" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
2017-03-12 17:37:22 +00:00
<div class="field is-grouped">
<div class="control has-icon is-expanded">
<input type="email" value="" name="EMAIL" class="input is-flat required email" id="mce-EMAIL" placeholder="email address" required>
2017-01-04 13:30:52 +00:00
<span class="icon is-small">
<i class="fa fa-envelope"></i>
</span>
</div>
<div class="control">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button is-white is-outlined">
</div>
</div>
<div id="mce-responses">
<div class="notification is-danger response" id="mce-error-response" style="display:none"></div>
<div class="notification is-success response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="b_b43b93fe633f0560b2a72a69c_52585e8803" tabindex="-1" value="">
</div>
</div>
</form>
</div>
</div>
<!--End mc_embed_signup-->
</div>
</div>
</section>
<footer class="footer">
<div class="container">
2017-03-13 15:22:20 +00:00
<div class="columns">
<div class="column is-3">
2017-03-13 15:22:20 +00:00
<div id="about" class="content">
<strong xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">Bulma</strong> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://jgthms.com" property="cc:attributionName" rel="cc:attributionURL">Jeremy Thomas</a>.
<div class="twitter-container">
<a href="https://twitter.com/jgthms" class="twitter-follow-button" data-show-count="true" data-lang="en" data-size="large">@jgthms</a>
2017-03-13 15:22:20 +00:00
</div>
</div>
</div>
<div class="column is-5">
2017-03-13 15:22:20 +00:00
<div id="share" class="content">
<div>
<strong>Support</strong> and share the love!
</div>
<div id="social">
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=jgthms&repo=bulma&type=star&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
<a href="https://twitter.com/share" class="twitter-share-button" data-text="{{ site.title }}" data-url="{{ site.url }}" data-count="horizontal" data-via="jgthms" data-related="jgthms:Creator of Bulma" data-size="large">Tweet</a>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="8WMKYSRFN6A78">
<input type="image" src="https://www.paypalobjects.com/webstatic/en_US/i/btn/png/gold-rect-paypaldonate-60px.png" border="0" name="submit" alt="PayPal The safer, easier way to pay online." height="30">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
2017-03-13 15:22:20 +00:00
</div>
</div>
<div class="column is-4">
2017-03-13 15:22:20 +00:00
<div id="sister">
<p>
More <strong>helpful</strong> tools:
</p>
<ul>
<li>
<a href="http://cssreference.io">
<img src="{{site.url}}/images/css-reference-logo.png" alt="CSS Reference logo">
</a>
</li>
<li>
<a href="http://htmlreference.io">
<img src="{{site.url}}/images/html-reference-logo.png" alt="HTML Reference logo">
</a>
</li>
</ul>
</div>
</div>
</div>
<p id="tsp">
<small>
Source code licensed <a href="http://opensource.org/licenses/mit-license.php">MIT</a>.
<br>
Website content licensed <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>.
</small>
</p>
</div>
</footer>
{% if page.route == 'index' %}
<style type="text/css">
.title.is-2 {
position: relative;
}
.title.is-2 a {
2016-09-24 11:41:10 +00:00
color: #242424;
2017-01-04 13:39:10 +00:00
padding-left: 48px;
2016-09-24 17:56:26 +00:00
position: relative;
}
.title.is-2 a:hover {
2016-09-25 16:44:01 +00:00
color: #00d1b2;
}
2017-01-04 13:39:10 +00:00
.title.is-2 .icon.is-medium {
left: 8px;
position: absolute;
2017-01-04 13:39:10 +00:00
top: 10px;
}
.hero .title.is-2 a {
color: white;
}
.hero .title.is-2 a:hover {
color: white;
}
2016-09-22 22:14:18 +00:00
2016-09-24 11:41:10 +00:00
.hero.is-primary a.column,
.hero.is-primary a.column:hover {
color: white;
}
.hero.is-primary a.column:hover .title strong {
2016-09-23 21:08:03 +00:00
border-bottom: 1px solid;
}
2016-09-22 22:14:18 +00:00
@media screen and (max-width: 979px) {
.title.is-2 a {
padding-left: 0;
}
2017-01-15 21:44:25 +00:00
.title.is-2 .icon.is-medium {
2016-09-22 22:14:18 +00:00
display: none;
}
}
</style>
{% endif %}
2017-03-06 21:30:32 +00:00
<script async defer id="twitter-wjs" src="https://platform.twitter.com/widgets.js"></script>
<script async defer type="text/javascript" src="https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
2016-10-16 18:15:56 +00:00
<script src="{{ site.url }}/javascript/jquery-2.2.0.min.js"></script>
<script src="{{ site.url }}/javascript/clipboard.min.js"></script>
<script src="{{ site.url }}/javascript/bulma.js"></script>
{% if page.route == 'index' %}
2016-10-16 18:15:56 +00:00
<script type="text/javascript" src="{{ site.url }}/javascript/index.js"></script>
{% endif %}
<script type="text/javascript">
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0]='EMAIL';
ftypes[0]='email';
}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82634666-2', 'auto');
ga('send', 'pageview');
</script>