mirror of
https://github.com/jgthms/bulma
synced 2026-03-18 19:34:30 -07:00
Footer stars
This commit is contained in:
Jeremy Thomas
@@ -1,8 +1,3 @@
|
||||
<div class="bd-banner is-patreon">
|
||||
<p class="bd-banner-text">
|
||||
<strong>Support Bulma</strong> on Patreon
|
||||
</p>
|
||||
<a class="bd-banner-button" href="https://www.patreon.com/jgthms" target="_blank">
|
||||
<img src="/images/patreon.png" alt="Become a patron">
|
||||
</a>
|
||||
</div>
|
||||
<a class="bd-patreon-button" href="https://www.patreon.com/jgthms" target="_blank">
|
||||
<img src="{{ site.url }}/images/become-a-patron.png" alt="Become a patron" width="148" height="36">
|
||||
</a>
|
||||
|
||||
13
docs/_includes/footer/about.html
Normal file
13
docs/_includes/footer/about.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<h4 class="bd-footer-title">
|
||||
<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="https://jgthms.com" property="cc:attributionName" rel="cc:attributionURL" target="_blank">Jeremy Thomas</a>.
|
||||
</h4>
|
||||
|
||||
<div class="bd-footer-iframe">
|
||||
<a href="{{ site.data.meta.twitter }}" class="twitter-follow-button" data-show-count="true" data-lang="en" data-size="large">@jgthms</a>
|
||||
</div>
|
||||
|
||||
<div class="bd-footer-tsp">
|
||||
Source code licensed <a href="https://opensource.org/licenses/mit-license.php">MIT</a>.
|
||||
<br>
|
||||
Website content licensed <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>
|
||||
</div>
|
||||
48
docs/_includes/footer/boxes.html
Normal file
48
docs/_includes/footer/boxes.html
Normal file
@@ -0,0 +1,48 @@
|
||||
{% assign boostrap_link = site.data.links.by_id['boostrap'] %}
|
||||
{% assign expo_link = site.data.links.by_id['expo'] %}
|
||||
{% assign love_link = site.data.links.by_id['love'] %}
|
||||
|
||||
<div class="bd-footer-stars">
|
||||
<a class="bd-footer-star bd-is-bootstrap" href="{{ site.url }}{{ boostrap_link.path }}">
|
||||
<header class="bd-footer-star-header">
|
||||
<h4 class="bd-footer-title">
|
||||
<strong>Coming from Bootstrap</strong>
|
||||
</h4>
|
||||
<p class="bd-footer-subtitle">
|
||||
An alternative to Bootstrap
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<figure class="bd-footer-star-figure">
|
||||
<img src="{{ site.url }}/images/footer/bootstrap-to-bulma.png" width="160" height="48">
|
||||
</figure>
|
||||
</a>
|
||||
|
||||
<a class="bd-footer-star bd-is-expo" href="{{ site.url }}{{ expo_link.path }}">
|
||||
<header class="bd-footer-star-header">
|
||||
<h4 class="bd-footer-title">
|
||||
<span class="icon bd-has-text-star">
|
||||
<i class="fas fa-star"></i>
|
||||
</span>
|
||||
<strong>Expo</strong>
|
||||
</h4>
|
||||
<p class="bd-footer-subtitle">
|
||||
See what you can build with Bulma
|
||||
</p>
|
||||
</header>
|
||||
</a>
|
||||
|
||||
<a class="bd-footer-star bd-is-love" href="{{ site.url }}{{ love_link.path }}">
|
||||
<header class="bd-footer-star-header">
|
||||
<h4 class="bd-footer-title">
|
||||
<span class="icon has-text-danger">
|
||||
<i class="fas fa-heart"></i>
|
||||
</span>
|
||||
<strong>Love</strong>
|
||||
</h4>
|
||||
<p class="bd-footer-subtitle">
|
||||
Fans of Bulma
|
||||
</p>
|
||||
</header>
|
||||
</a>
|
||||
</div>
|
||||
9
docs/_includes/footer/contribute.html
Normal file
9
docs/_includes/footer/contribute.html
Normal file
@@ -0,0 +1,9 @@
|
||||
<h4 class="bd-footer-title">
|
||||
<strong>Contribute</strong> on GitHub
|
||||
</h4>
|
||||
|
||||
<div class="bd-footer-iframe">
|
||||
<iframe 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>
|
||||
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=jgthms&type=follow&count=true&size=large" frameborder="0" scrolling="0" width="170px" height="30px"></iframe>
|
||||
</div>
|
||||
9
docs/_includes/footer/share.html
Normal file
9
docs/_includes/footer/share.html
Normal file
@@ -0,0 +1,9 @@
|
||||
<h4 class="bd-footer-title">
|
||||
<strong>Share</strong> on social media
|
||||
</h4>
|
||||
|
||||
<div class="bd-footer-iframe">
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-text="{{ site.data.meta.title }}" data-url="{{ site.url }}" data-count="horizontal" data-via="jgthms" data-related="jgthms:Creator of Bulma" data-size="large">Tweet</a>
|
||||
|
||||
<div class="fb-like" data-href="https://www.facebook.com/bulmaio" data-layout="button" data-action="like" data-size="large" data-show-faces="false" data-share="true"></div>
|
||||
</div>
|
||||
30
docs/_includes/footer/support.html
Normal file
30
docs/_includes/footer/support.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<div class="bd-footer-support">
|
||||
<h4 class="bd-footer-title">
|
||||
<strong>Support</strong> Bulma
|
||||
</h4>
|
||||
|
||||
<div class="bd-footer-donations columns">
|
||||
<div class="bd-footer-donation column">
|
||||
<p class="bd-footer-donation-title">
|
||||
<strong>One-time</strong> donation
|
||||
</p>
|
||||
<div class="bd-footer-donation-action">
|
||||
<form class="paypal-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="{{site.url}}/images/paypal-donate.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>
|
||||
</div>
|
||||
|
||||
<div class="bd-footer-donation column">
|
||||
<p class="bd-footer-donation-title">
|
||||
<strong>Monthly</strong> donation
|
||||
</p>
|
||||
<div class="bd-footer-donation-action">
|
||||
{% include elements/patreon.html %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -4,81 +4,16 @@
|
||||
|
||||
{% include global/sponsors.html %}
|
||||
|
||||
<hr class="is-marginless">
|
||||
|
||||
{% include global/newsletter.html %}
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column is-4">
|
||||
<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="https://jgthms.com" property="cc:attributionName" rel="cc:attributionURL">Jeremy Thomas</a>.
|
||||
<div class="twitter-container">
|
||||
<a href="{{ site.data.meta.twitter }}" class="twitter-follow-button" data-show-count="true" data-lang="en" data-size="large">@jgthms</a>
|
||||
</div>
|
||||
<p id="alternative">
|
||||
<a href="{{ site.url }}/alternative-to-bootstrap/">An alternative to <strong>Bootstrap</strong></a>
|
||||
</p>
|
||||
</div>
|
||||
{% include footer/about.html %}
|
||||
</div>
|
||||
<div class="column is-4">
|
||||
<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.data.meta.title }}" data-url="{{ site.url }}" data-count="horizontal" data-via="jgthms" data-related="jgthms:Creator of Bulma" data-size="large">Tweet</a>
|
||||
|
||||
<div class="fb-like" data-href="https://www.facebook.com/bulmaio" data-layout="button" data-action="like" data-size="large" data-show-faces="false" data-share="true"></div>
|
||||
|
||||
<a class="bd-patreon-button" href="https://www.patreon.com/jgthms" target="_blank">
|
||||
<img src="/images/patreon.png" alt="Become a patron">
|
||||
</a>
|
||||
|
||||
<form class="paypal-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="{{site.url}}/images/paypal-donate.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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-4">
|
||||
<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>
|
||||
|
||||
<div id="tsp">
|
||||
<p>
|
||||
<a href="{{ site.url }}/made-with-bulma/">
|
||||
<img src="{{ site.url }}/images/made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
|
||||
</a>
|
||||
<small>
|
||||
Get the <a href="{{ site.url }}/made-with-bulma/">badge</a>!
|
||||
<br>
|
||||
Source code licensed <a href="https://opensource.org/licenses/mit-license.php">MIT</a>.
|
||||
<br>
|
||||
Website content licensed <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>.
|
||||
</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@@ -83,17 +83,7 @@
|
||||
<div class="navbar-item">
|
||||
<div class="field is-grouped is-grouped-multiline">
|
||||
<p class="control">
|
||||
<a href="https://www.patreon.com/jgthms" target="_blank" style="display: block;">
|
||||
<img
|
||||
style="border-radius: 3px; display: block; max-height: 36px;"
|
||||
src="/images/become_a_patron_button.png"
|
||||
width="153"
|
||||
height="36"
|
||||
srcset="/images/become_a_patron_button@3x.png 3x,
|
||||
/images/become_a_patron_button@2x.png 2x,
|
||||
/images/become_a_patron_button.png 1x"
|
||||
alt="Become a patron">
|
||||
</a>
|
||||
{% include elements/patreon.html %}
|
||||
</p>
|
||||
<p class="control">
|
||||
<a class="button is-primary" href="{{ site.data.meta.download }}">
|
||||
|
||||
@@ -1,32 +1,32 @@
|
||||
<section id="newsletter" class="hero is-primary">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div 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>
|
||||
<section id="newsletter" class="section is-medium">
|
||||
<div class="container">
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column">
|
||||
<p class="title">Newsletter</p>
|
||||
<p class="subtitle is-4 has-text-grey-light">Features, releases, showcase… stay in the loop!</p>
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<form action="https://mail.jgthms.com/subscribe" method="POST" accept-charset="utf-8">
|
||||
<div class="field is-grouped">
|
||||
<div class="control has-icons-left is-expanded">
|
||||
<input type="email" value="" name="email" class="input is-flat required email" placeholder="email address" required>
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-envelope"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="control">
|
||||
<div class="is-hidden">
|
||||
<input type="text" name="hp" id="hp">
|
||||
</div>
|
||||
<input type="hidden" name="list" value="So5UY3O9gHJkq892bn763Tyf4A">
|
||||
<input type="submit" value="Subscribe" name="submit" id="mc-embedded-subscribe" class="button is-white is-outlined">
|
||||
</div>
|
||||
<div class="column">
|
||||
<form action="https://mail.jgthms.com/subscribe" method="POST" accept-charset="utf-8">
|
||||
<div class="field is-grouped">
|
||||
<div class="control has-icons-left is-expanded">
|
||||
<input type="email" value="" name="email" class="input is-flat required email" placeholder="email address" required>
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-envelope"></i>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="control">
|
||||
<div class="is-hidden">
|
||||
<input type="text" name="hp" id="hp">
|
||||
</div>
|
||||
<input type="hidden" name="list" value="So5UY3O9gHJkq892bn763Tyf4A">
|
||||
<button class="button is-link">
|
||||
<strong>Subscribe</strong>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
@@ -1,23 +1,21 @@
|
||||
<section class="hero">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column is-4">
|
||||
<p class="title">Bulma <strong>Sponsors</strong></p>
|
||||
</div>
|
||||
<div class="column is-8">
|
||||
<div class="bd-sponsors">
|
||||
<a href="https://chainaxe.io/" target="_blank" rel="nofollow">
|
||||
{%
|
||||
include elements/responsive-image.html
|
||||
path="sponsors/chainaxe"
|
||||
extension="png"
|
||||
alt="chainaxe logo"
|
||||
width="99"
|
||||
height="70"
|
||||
%}
|
||||
</a>
|
||||
</div>
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column is-4">
|
||||
<p class="title">Sponsors</p>
|
||||
</div>
|
||||
<div class="column is-8">
|
||||
<div class="bd-sponsors">
|
||||
<a href="https://chainaxe.io/" target="_blank" rel="nofollow">
|
||||
{%
|
||||
include elements/responsive-image.html
|
||||
path="sponsors/chainaxe"
|
||||
extension="png"
|
||||
alt="chainaxe logo"
|
||||
width="99"
|
||||
height="70"
|
||||
%}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user