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 drawings

Browse Source
This commit is contained in:
Jeremy Thomas
2018-04-11 12:54:56 +01:00
parent 421ec20b7a
commit 77c3aa5c98
22 changed files with 158 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/_includes/components/categories.html
View File

@@ -11,7 +11,7 @@
<i class="fas fa-chevron-down"></i>
</span>
</a>
<a class="bd-category-name" href="{{ site.url }}{{ category_link.path }}">
<a class="bd-category-name {% if category_id == current_link_id %}is-active{% endif %}" href="{{ site.url }}{{ category_link.path }}">
<strong>{{ category_link.name }}</strong>
</a>
</header>

4
docs/_includes/components/more.html
View File

@@ -1,10 +1,12 @@
{% assign current_link_id = page.breadcrumb | last %}
<nav class="bd-categories">
{% for link_id in site.data.links.more %}
{% assign link = site.data.links.by_id[link_id] %}
<div class="bd-category">
<header class="bd-category-header">
<a class="bd-category-name" href="{{ site.url }}{{ link.path }}">
<a class="bd-category-name {% if link_id == current_link_id %}is-active{% endif %}" href="{{ site.url }}{{ link.path }}">
<strong>{{ link.name }}</strong>
</a>
</header>

6
docs/_includes/elements/drawing.html Normal file
View File

@@ -0,0 +1,6 @@
<img
class="bd-drawing bd-is-{{ include.id }}"
src="{{ site.url }}/images/drawing/{{ include.id }}.png"
width="{{ include.width }}"
height="{{ include.height }}"
>

10
docs/_includes/elements/tw.html
View File

@@ -1,6 +1,6 @@
{% assign twUrl = "https://twitter.com/" | append: include.tweet.username | append: "/status/" | append: include.tweet.id %}
<article class="bd-tw {{ include.modifier }}">
<article class="bd-tw {{ include.modifier }} {% if include.drawing_id %}bd-has-drawing{% endif %}">
<header class="bd-tw-header">
<a class="bd-tw-author" href="{{ twUrl }}" target="_blank">
<figure class="bd-tw-avatar">
@@ -54,4 +54,12 @@
</a>
</li>
</ul>
{% if include.drawing_id %}
{% include elements/drawing.html
id=include.drawing_id
width=include.drawing_width
height=include.drawing_height
%}
{% endif %}
</article>

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

@@ -13,7 +13,14 @@
</div>
<div class="column is-4">
{% assign tweet = site.data.love.tweets_by_id.915580081938018304 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweets_by_id.915580081938018304 %}
{% include
elements/tw.html
tweet=tweet
drawing_id='love-letters'
drawing_width=240
drawing_height=120
%}
{% assign tweet = site.data.love.tweets_by_id.903629781744439297 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweets_by_id.909653512010833920 %}{% include elements/tw.html tweet=tweet%}
</div>

34
docs/_includes/global/newsletter.html
View File

@@ -8,23 +8,25 @@
<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-medium is-flat" 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">
<button class="button is-medium is-link">
<strong>Subscribe</strong>
</button>
</div>
<div class="field is-grouped">
<div class="control has-icons-left is-expanded">
<input type="email" value="" name="email" class="input is-medium is-flat" placeholder="email address" required>
<span class="icon is-small is-left">
<i class="fas fa-envelope"></i>
</span>
{% include elements/drawing.html id='spam-free' width=112 height=88 %}
</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-medium is-link">
<strong>Subscribe</strong>
</button>
</div>
</div>
</form>
</div>
</div>

3
docs/_includes/index/columns.html
View File

@@ -97,13 +97,14 @@
<div class="bd-columns-tools">
<div class="bd-columns-tool bd-is-try">
<div class="buttons">
<div class="buttons bd-has-drawing">
<a id="add" class="button is-large is-link is-unselectable">
<strong>Add column</strong>
</a>
<a id="remove" class="button is-large is-light is-unselectable">
<strong>Remove</strong>
</a>
{% include elements/drawing.html id='try-it-out' width=150 height=65 %}
</div>
</div>

3
docs/_includes/index/customize.html
View File

@@ -15,8 +15,9 @@
<div class="columns">
<div class="column is-6">
<div class="highlight-full">
<div class="highlight-full bd-has-drawing">
{% highlight scss %}{% include snippets/customized.html %}{% endhighlight %}
{% include elements/drawing.html id='customize' width=152 height=76 %}
</div>
</div>

9
docs/_includes/index/js.html
View File

@@ -20,7 +20,14 @@
<div class="column">
<div class="bd-index-js-tweet">
{% assign tweet = site.data.love.tweets_by_id.860885116909998080 %}
{% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
{% include
elements/tw.html
tweet=tweet
modifier='bd-is-grey'
drawing_id='opinion-free'
drawing_width=152
drawing_height=52
%}
</div>
</div>
</div>

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

@@ -16,7 +16,14 @@
</header>
{% assign tweet = site.data.love.tweets_by_id.868829487072464897 %}
{% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
{% include
elements/tw.html
tweet=tweet
modifier='bd-is-grey'
drawing_id='crazy'
drawing_width=108
drawing_height=48
%}
</div>
<div class="column">

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

@@ -5,8 +5,9 @@
<div class="container">
<header class="bd-index-header">
<h3 class="title is-3">
<a href="{{ docs_url }}">
<a class="bd-has-drawing" href="{{ docs_url }}">
And so <strong>much more</strong>
{% include elements/drawing.html id='join-us' width=86 height=86 %}
</a>
</h3>
<h4 class="subtitle is-4">