Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 03:44:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add JS

Browse Source
This commit is contained in:
Jeremy Thomas
2018-04-10 15:38:50 +01:00
parent 69899e57f5
commit cbf8c62dde
15 changed files with 128 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/_includes/index/focus.html
View File

@@ -1,6 +1,10 @@
{% assign responsiveness_link = site.data.links.by_id['overview-responsiveness'] %}
{% assign modularity_link = site.data.links.by_id['overview-modular'] %}
{% assign columns_link = site.data.links.by_id['columns-basics'] %}
<div class="bd-focus">
<nav class="columns">
<a class="bd-focus-item column has-text-centered" href="{{ site.url }}/documentation/overview/responsiveness/">
<a class="bd-focus-item column has-text-centered" href="{{ site.url }}{{ responsiveness_link.path }}">
<p class="title is-4">
<strong>100% Responsive</strong>
</p>
@@ -18,7 +22,7 @@
</figure>
</a>
<a class="bd-focus-item column has-text-centered" href="{{ site.url }}/documentation/overview/modular/">
<a class="bd-focus-item column has-text-centered" href="{{ site.url }}{{ modularity_link.path }}">
<p class="title is-4">
<strong>Modular</strong>
</p>
@@ -32,7 +36,7 @@
</figure>
</a>
<a class="bd-focus-item column has-text-centered" href="{{ site.url }}/documentation/columns/basics/">
<a class="bd-focus-item column has-text-centered" href="{{ site.url }}{{ columns_link.path }}">
<p class="title is-4">
<strong>Modern</strong>
</p>
@@ -46,7 +50,7 @@
</figure>
</a>
<a class="bd-focus-item column has-text-centered" href="{{ site.data.meta.github }}">
<a class="bd-focus-item column has-text-centered" href="{{ site.data.meta.github }}" target="_blank">
<p class="title is-4">
<strong>Free</strong>
</p>

28
docs/_includes/index/js.html Normal file
View File

@@ -0,0 +1,28 @@
{% assign css_only_link = site.data.links.by_id['overview-classes'] %}
<section class="bd-easy section is-medium">
<div class="container">
<div class="columns is-vcentered">
<div class="column">
<header class="bd-index-header bd-is-left">
<h3 class="title is-3">
<a href="{{ site.url }}{{ css_only_link.path }}">
No <strong>JavaScript</strong> required
</a>
</h3>
<h4 class="subtitle is-4">
CSS only, so it integrates in any JS environment
</h4>
<img src="{{ site.url }}/images/index/js-frameworks.png" width="568" height="91">
</header>
</div>
<div class="column">
<div class="bd-index-js-tweet">
{% assign tweet = site.data.love.tweetsById.860885116909998080 %}
{% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
</div>
</div>
</div>
</div>
</section>

6
docs/_includes/index/modifiers.html
View File

@@ -15,10 +15,8 @@
</h4>
</header>
<div class="bd-easy-tweet">
{% assign tweet = site.data.love.tweetsById.868829487072464897 %}
{% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
</div>
{% assign tweet = site.data.love.tweetsById.868829487072464897 %}
{% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
</div>
<div class="column">

2
docs/_includes/index/start.html
View File

@@ -18,7 +18,7 @@
</span>
<span>Read the <strong>docs</strong></span>
</a>
<a class="button is-black is-large" href="{{ site.data.meta.github }}">
<a class="button is-black is-large" href="{{ site.data.meta.github }}" target="_blank">
<span class="icon">
<i class="fab fa-github"></i>
</span>