Skip to content

Commit ef73794

Browse files
committed
Update Expo April 2020
1 parent 2c0bd61 commit ef73794

28 files changed

+139
-50
lines changed

docs/_data/expo.json

Lines changed: 32 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,31 @@
11
{
22
"by_id": {
3+
"romes": {
4+
"name": "romes",
5+
"url": "https://alt-romes.github.io/romes/",
6+
"highlighted": true,
7+
"date": "24 Mar 2020"
8+
},
9+
"pentos": {
10+
"name": "Pentos",
11+
"url": "https://pentos.co/",
12+
"date": "Feb 26 2020"
13+
},
14+
"infinitysearch": {
15+
"name": "Infinity Search",
16+
"url": "https://infinitysearch.co/",
17+
"date": "18 Mar 2020"
18+
},
19+
"vinetos": {
20+
"name": "Vinetos",
21+
"url": "https://www.vinetos.fr/",
22+
"date": "9 Mar 2020"
23+
},
24+
"vivohostel": {
25+
"name": "Vivo Hostel",
26+
"url": "https://vivohostel.co/",
27+
"date": "27 Feb 2020"
28+
},
329
"oneprofile": {
430
"name": "oneprofile",
531
"url": "https://www.oneprofile.info/",
@@ -363,13 +389,13 @@
363389
}
364390
},
365391
"lists": {
366-
"home": [
367-
"getbedtimestories",
368-
"divjoy",
369-
"counternetwork",
370-
"Gustav"
371-
],
392+
"home": ["getbedtimestories", "divjoy", "counternetwork", "Gustav"],
372393
"expo": [
394+
"romes",
395+
"vinetos",
396+
"infinitysearch",
397+
"pentos",
398+
"vivohostel",
373399
"oneprofile",
374400
"formalfounder",
375401
"klimchuk",
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<div class="bd-index-buttons hero-buttons">
2+
<a
3+
class="button is-large is-primary is-light"
4+
href="{{ site.url }}{{ include.href }}"
5+
>
6+
{{ include.content }}
7+
<span class="icon">
8+
<i class="fas fa-arrow-right"></i>
9+
</span>
10+
</a>
11+
</div>

docs/_includes/index/columns.html

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,8 @@
66
<div class="column">4</div>
77
<div class="column">5</div>
88
</div>
9-
{% endcapture %}
10-
11-
{% assign columns_link = site.data.links.by_id['columns-basics'] %}
9+
{% endcapture %} {% assign columns_link =
10+
site.data.links.by_id['columns-basics'] %}
1211

1312
<section class="bd-columns section is-medium">
1413
<div class="container">
@@ -28,7 +27,9 @@ <h4 class="subtitle is-4">
2827
Better on desktop
2928
</p>
3029
<p class="message-body">
31-
This interactive tool works better on larger screens! That's because Bulma columns are <strong>vertical by default</strong>. I recommend revisiting this page later when you're on desktop. 😉
30+
This interactive tool works better on larger screens! That's because
31+
Bulma columns are <strong>vertical by default</strong>. I recommend
32+
revisiting this page later when you're on desktop. 😉
3233
</p>
3334
</div>
3435

@@ -104,7 +105,8 @@ <h4 class="subtitle is-4">
104105
<a id="remove" class="button is-large is-light is-unselectable">
105106
<strong>Remove</strong>
106107
</a>
107-
{% include elements/drawing.html id='try-it-out' width=150 height=65 %}
108+
{% include elements/drawing.html id='try-it-out' width=150 height=65
109+
%}
108110
</div>
109111
</div>
110112

@@ -117,8 +119,15 @@ <h4 class="subtitle is-4">
117119

118120
<div id="message" class="message is-info">
119121
<p class="message-header">Info</p>
120-
<p class="message-body">While it's possible to add as many columns as you want, it is recommended to stick with <strong>12 columns</strong>.<br>
121-
If you want smaller divisions, you can always <strong>nest</strong> columns.</p>
122+
<p class="message-body">
123+
While it's possible to add as many columns as you want, it is
124+
recommended to stick with <strong>12 columns</strong>.<br />
125+
If you want smaller divisions, you can always
126+
<strong>nest</strong> columns.
127+
</p>
122128
</div>
129+
130+
{% include components/hero-buttons.html href=columns_link.path
131+
content="<span>See <strong>Columns</strong> docs</span>" %}
123132
</div>
124133
</section>

docs/_includes/index/customize.html

Lines changed: 21 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -12,19 +12,17 @@ <h4 class="subtitle is-4">
1212
Simply set your own Sass variables before importing Bulma
1313
</h4>
1414
<div class="bd-index-custom-tweet">
15-
{% include
16-
elements/tw.html
17-
tweet_id="1070320154452656128"
18-
modifier='bd-is-grey'
19-
%}
15+
{% include elements/tw.html tweet_id="1070320154452656128"
16+
modifier='bd-is-grey' %}
2017
</div>
2118
</header>
2219

2320
<div class="columns">
2421
<div class="column is-6">
2522
<div class="highlight-full bd-has-drawing">
26-
{% highlight scss %}{% include snippets/customized.html %}{% endhighlight %}
27-
{% include elements/drawing.html id='customize' width=152 height=76 %}
23+
{% highlight scss %}{% include snippets/customized.html %}{%
24+
endhighlight %} {% include elements/drawing.html id='customize'
25+
width=152 height=76 %}
2826
</div>
2927
</div>
3028

@@ -36,11 +34,15 @@ <h1 class="title">
3634
Bulma
3735
</h1>
3836
<p class="subtitle">
39-
Modern CSS framework based on <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Flexbox</a>
37+
Modern CSS framework based on
38+
<a
39+
href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox"
40+
>Flexbox</a
41+
>
4042
</p>
4143
<div class="field">
4244
<div class="control">
43-
<input class="input" type="text" placeholder="Input">
45+
<input class="input" type="text" placeholder="Input" />
4446
</div>
4547
</div>
4648
<div class="field">
@@ -66,11 +68,15 @@ <h1 class="title">
6668
Bulma
6769
</h1>
6870
<p class="subtitle">
69-
Modern CSS framework based on <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Flexbox</a>
71+
Modern CSS framework based on
72+
<a
73+
href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox"
74+
>Flexbox</a
75+
>
7076
</p>
7177
<div class="field">
7278
<div class="control">
73-
<input class="input" type="text" placeholder="Input">
79+
<input class="input" type="text" placeholder="Input" />
7480
</div>
7581
</div>
7682
<div class="field">
@@ -90,5 +96,9 @@ <h1 class="title">
9096
</div>
9197
</div>
9298
</div>
99+
100+
{% include components/hero-buttons.html href=customize_link.path
101+
content="<span>Learn how to <strong>customize</strong></span
102+
>" %}
93103
</div>
94104
</section>

docs/_includes/index/fullheight.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,18 @@ <h4 class="subtitle is-4">
2323
Include any content you want, it's always centered
2424
</h4>
2525
</header>
26+
27+
<nav class="buttons is-centered">
28+
<a
29+
class="button is-large is-primary"
30+
href="{{ site.url }}{{ hero_link.path }}"
31+
>
32+
<span>Check out the <strong>Hero component</strong></span>
33+
<span class="icon">
34+
<i class="fas fa-arrow-right"></i>
35+
</span>
36+
</a>
37+
</nav>
2638
</div>
2739
</div>
2840

docs/_includes/index/modifiers.html

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -15,14 +15,9 @@ <h4 class="subtitle is-4">
1515
</h4>
1616
</header>
1717

18-
{% include
19-
elements/tw.html
20-
tweet_id="868829487072464897"
21-
modifier='bd-is-grey'
22-
drawing_id='crazy'
23-
drawing_width=108
24-
drawing_height=48
25-
%}
18+
{% include elements/tw.html tweet_id="868829487072464897"
19+
modifier='bd-is-grey' drawing_id='crazy' drawing_width=108
20+
drawing_height=48 %}
2621
</div>
2722

2823
<div class="column">
@@ -60,5 +55,9 @@ <h4 class="subtitle is-4">
6055
</div>
6156
</div>
6257
</div>
58+
59+
{% include components/hero-buttons.html href=modifiers_link.path
60+
content="<span>Learn the <strong>modifiers syntax</strong></span
61+
>" %}
6362
</div>
6463
</section>

docs/_includes/index/sponsor.html

Lines changed: 19 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -2,29 +2,31 @@
22
<div class="container">
33
<div class="bd-minis">
44
<p class="bd-minis-title">
5-
{% assign mini_item = site.data.global.navbar_items[2] %}
5+
{% assign mini_item = site.data.global.navbar_items[1] %}
66
<a class="bd-minis-link" href="{{ site.url }}/{{ mini_item.id }}">
77
<span class="icon {{ mini_item.color }}">
8-
<i class="{{ mini_item.fa_type }} {{ mini_item.fa_icon }}"></i>
9-
</span>From the expo <strong>#builtwithbulma</strong>
8+
<i
9+
class="{{ mini_item.fa_type }} {{ mini_item.fa_icon }}"
10+
></i> </span
11+
>From the expo <strong>#builtwithbulma</strong>
1012
</a>
1113
</p>
1214
<div class="bd-minis-list">
13-
{% for website_id in site.data.expo.lists.home %}
14-
{% assign website = site.data.expo.by_id[website_id] %}
15-
{% assign imageName = website_id | slugify %}
16-
{% assign imagePath = "/images/expo/" | prepend: site.url | append: imageName %}
17-
{% assign size1x = "672x420" %}
18-
{% assign size2x = "1344x840" %}
19-
<a class="bd-mini" href="{{ site.url }}/{{ mini_item.id }}">
20-
<img
21-
src="{{ imagePath }}-{{ size1x }}.jpg"
22-
data-src="{{ imagePath }}-{{ size1x }}.jpg"
23-
data-srcset="{{ imagePath }}-{{ size2x }}.jpg 2x,
15+
{% for website_id in site.data.expo.lists.home %} {% assign website =
16+
site.data.expo.by_id[website_id] %} {% assign imageName = website_id |
17+
slugify %} {% assign imagePath = "/images/expo/" | prepend: site.url |
18+
append: imageName %} {% assign size1x = "672x420" %} {% assign size2x =
19+
"1344x840" %}
20+
<a class="bd-mini" href="{{ site.url }}/{{ mini_item.id }}">
21+
<img
22+
src="{{ imagePath }}-{{ size1x }}.jpg"
23+
data-src="{{ imagePath }}-{{ size1x }}.jpg"
24+
data-srcset="{{ imagePath }}-{{ size2x }}.jpg 2x,
2425
{{ imagePath }}-{{ size1x }}.jpg 1x"
25-
width="672"
26-
height="420">
27-
</a>
26+
width="672"
27+
height="420"
28+
/>
29+
</a>
2830
{% endfor %}
2931
</div>
3032
</div>

docs/_sass/index.sass

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,13 @@
11
// Index common
22
3+
+mobile
4+
.bd-index-buttons
5+
margin-top: 3rem
6+
7+
+tablet
8+
.bd-index-buttons
9+
margin-top: 6rem
10+
311
.bd-index-header
412
text-align: center
513
a,

docs/css/bulma-docs.css

Lines changed: 12 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/css/bulma-docs.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)