Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -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

7
docs/_includes/elements/tws.html
View File

@@ -1,21 +1,18 @@
<div class="container">
<div class="columns">
<div class="column is-4">
{% assign tweet = site.data.love.tweetsById.868829487072464897 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.910956939886043136 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.912690697416753152 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.907551723459416071 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.834140257054502913 %}{% include elements/tw.html tweet=tweet%}
</div>
<div class="column is-4">
{% assign tweet = site.data.love.tweetsById.869284735440363520 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.910956939886043136 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.860885116909998080 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.835834634655174658 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.874925154475929602 %}{% include elements/tw.html tweet=tweet%}
</div>
<div class="column is-4">
{% assign tweet = site.data.love.tweetsById.874925154475929602 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.915580081938018304 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.903629781744439297 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.909653512010833920 %}{% include elements/tw.html tweet=tweet%}

3
docs/_includes/global/head.html
View File

@@ -18,9 +18,6 @@
{% if page.mdi %}
<link rel="stylesheet" href="{{ site.data.icons.mdi }}">
{% endif %}
{% if page.route == 'index' %}
<link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
{% endif %}
<link rel="stylesheet" href="{{ site.url }}/css/{{ site.docs_file }}.css?v={{ site.time | date: "%Y%m%d%H%M" }}">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">

15
docs/_includes/global/scripts.html
View File

@@ -3,8 +3,21 @@
<script src="{{ site.url }}/lib/main.js?v={{ site.time | date: '%Y%m%d%H%M' }}"></script>
{% if page.route == 'index' %}
<script src="https://player.vimeo.com/api/player.js"></script>
<script src="https://player.vimeo.com/api/player.js" ></script>
<script type="text/javascript" src="{{ site.url }}/lib/index.js?v={{ site.time | date: '%Y%m%d%H%M' }}"></script>
<script>
WebFont.load({
google: {
families: ['Nunito:400,700']
}
});
(function(d) {
var wf = d.createElement('script'), s = d.scripts[0];
wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
wf.async = true;
s.parentNode.insertBefore(wf, s);
})(document);
</script>
{% elsif page.doc-subtab == 'navbar' %}
{% include examples/navbar-bottom.html %}
<script type="text/javascript" src="{{ site.url }}/lib/navbar.js?v={{ site.time | date: '%Y%m%d%H%M' }}"></script>

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>