From: Jeremy Thomas Date: Wed, 23 May 2018 22:01:38 +0000 (+0200) Subject: Scrimba init X-Git-Tag: 0.7.2~128 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=82dbb8c8e1a48e2dc97f0f4dcaf63cfb2063bd59;p=thirdparty%2Fbulma.git Scrimba init --- diff --git a/docs/_data/global.json b/docs/_data/global.json index b06ba4d3f..3cacc6b91 100644 --- a/docs/_data/global.json +++ b/docs/_data/global.json @@ -1,5 +1,12 @@ { "navbar_items": [ + { + "id": "videos", + "color": "has-text-success", + "fa_type": "fas", + "fa_icon": "fa-play-circle", + "title": "Videos" + }, { "id": "blog", "color": "bd-has-text-rss", diff --git a/docs/_data/links.json b/docs/_data/links.json index 542eabf8e..128f332fe 100644 --- a/docs/_data/links.json +++ b/docs/_data/links.json @@ -435,6 +435,10 @@ "icon": "folder", "path": "/documentation/components/tabs" }, + "videos": { + "name": "Videos", + "path": "/videos" + }, "blog": { "name": "Blog", "path": "/blog" diff --git a/docs/_data/meta.json b/docs/_data/meta.json index c8e66b268..88e865e38 100644 --- a/docs/_data/meta.json +++ b/docs/_data/meta.json @@ -8,5 +8,6 @@ "version": "0.7.1", "book_url": "https://bleedingedgepress.com/creating-interfaces-bulma/", "book_amazon": "https://www.amazon.com/Creating-Interfaces-Bulma-Jeremy-Thomas-ebook/dp/B079M1BJG4/", - "book_sample": "http://www.bleedingedgepress.com/book_excerpts/01E9D1/creating_interfaces_with_bulma_sample.pdf" + "book_sample": "http://www.bleedingedgepress.com/book_excerpts/01E9D1/creating_interfaces_with_bulma_sample.pdf", + "scrimba_url": "https://scrimba.com/g/gbulma" } diff --git a/docs/images/videos/blog.gif b/docs/images/videos/blog.gif new file mode 100644 index 000000000..cec413357 Binary files /dev/null and b/docs/images/videos/blog.gif differ diff --git a/docs/images/videos/blog.png b/docs/images/videos/blog.png new file mode 100644 index 000000000..e0a29796c Binary files /dev/null and b/docs/images/videos/blog.png differ diff --git a/docs/images/videos/slide.png b/docs/images/videos/slide.png new file mode 100644 index 000000000..59dec34fd Binary files /dev/null and b/docs/images/videos/slide.png differ diff --git a/docs/images/videos/tesla.gif b/docs/images/videos/tesla.gif new file mode 100644 index 000000000..307f2e23f Binary files /dev/null and b/docs/images/videos/tesla.gif differ diff --git a/docs/images/videos/tesla.png b/docs/images/videos/tesla.png new file mode 100644 index 000000000..228297acf Binary files /dev/null and b/docs/images/videos/tesla.png differ diff --git a/docs/videos.html b/docs/videos.html new file mode 100644 index 000000000..0d52b80d0 --- /dev/null +++ b/docs/videos.html @@ -0,0 +1,105 @@ +--- +fulltitle: Bulma Videos +layout: default +route: videos +breadcrumb: +- home +- videos +videos: +- id: tesla + title: Tesla launch page + subtitle: 4 videos – 21 min + content: Design a responsive launch page with Bulma's component and CSS Grid. + video_url: https://scrimba.com/p/pV5eHk/cvrwyfR + article_url: https://medium.freecodecamp.org/how-to-build-a-responsive-tesla-launch-page-with-bulma-css-2bf484057349 +- id: blog + title: Blog + subtitle: 4 videos – 25 min + content: Build a responsive blog with Bulma components. + video_url: https://scrimba.com/p/pV5eHk/c4EMaUR + article_url: https://medium.freecodecamp.org/how-to-build-a-responsive-blog-design-with-bulma-css-c2257a17c16b +- id: slide + title: Slide + subtitle: 4 videos – 16 min + content: Create web-based presentation slides with Bulma. + video_url: https://scrimba.com/p/pV5eHk/cGym4Ta + no_gif: true +--- + +{% include global/navbar.html id="Videos" %} + +
+
+
+
+ {% include components/breadcrumb.html %} + +
+
+

+ Videos +

+

+ Learn Bulma with interactive Scrimba tutorials +

+
+ +
+ {% include elements/carbon.html %} +
+
+ +
+ + {% for video in page.videos %} +
+
+
+

+ {{ video.title }} +

+ +

+ {{ video.subtitle }} +

+ +
+

+ {{ video.content }} +

+
+ +
+

+ + Watch video + + + {% if video.article_url %} + + Read article + + {% endif %} +

+
+
+ +
+ + {% if video.no_gif %} + {{ video.title }} screenshot + {% else %} + {{ video.title }} screenshot + {{ video.title }} screenshot + {% endif %} + +
+
+
+ {% endfor %} + +
+
+
+
+
\ No newline at end of file