Use Github to show (highlighted) JS code

This commit is contained in:
Tony Garnock-Jones 2016-05-17 15:46:28 -04:00
parent f663409609
commit 5ec89bd987
1 changed files with 8 additions and 7 deletions

View File

@ -1,5 +1,6 @@
--- ---
title: Live Demos title: Live Demos
gh: 'https://github.com/tonyg/syndicate/blob/master/js/examples'
--- ---
# Syndicate/js Examples # Syndicate/js Examples
@ -18,7 +19,7 @@ publish the button's label text based on its internal state and to
subscribe to button click events. subscribe to button click events.
- [DEMO](button/) - [DEMO](button/)
- [Source code](button/index.js) using the Syndicate/js DSL - [Source code]({{ page.gh }}/button/index.js) using the Syndicate/js DSL
## DOM example ## DOM example
@ -30,7 +31,7 @@ the first, updates its internal state, and reflects its new internal
state in its visible UI. state in its visible UI.
- [DEMO](dom/) - [DEMO](dom/)
- [Source code](dom/index.js) in plain JavaScript - [Source code]({{ page.gh }}/dom/index.js) in plain JavaScript
## Table sorting example ## Table sorting example
@ -38,7 +39,7 @@ A tiny model-view-controller example demonstrating display and sorting
of tabular data. of tabular data.
- [DEMO](table/) - [DEMO](table/)
- [Source code](table/index.js) using the Syndicate/js DSL - [Source code]({{ page.gh }}/table/index.js) using the Syndicate/js DSL
## Text Entry Widget ## Text Entry Widget
@ -70,10 +71,10 @@ directly, and one using the high-level Syndicate DSL.
- High-level DSL implementation - High-level DSL implementation
- [DEMO](textfield-dsl/) - [DEMO](textfield-dsl/)
- [Source code](textfield-dsl/index.js) using the Syndicate/js DSL - [Source code]({{ page.gh }}/textfield-dsl/index.js) using the Syndicate/js DSL
- Low-level implementation - Low-level implementation
- [DEMO](textfield/) - [DEMO](textfield/)
- [Source code](textfield/index.js) in plain JavaScript - [Source code]({{ page.gh }}/textfield/index.js) in plain JavaScript
## IoT Demo ## IoT Demo
@ -106,7 +107,7 @@ about the
that he and his collaborators have been developing. that he and his collaborators have been developing.
- [DEMO](iot/) - [DEMO](iot/)
- [Source code](iot/index.js) using the Syndicate/js DSL - [Source code]({{ page.gh }}/iot/index.js) using the Syndicate/js DSL
## TodoMVC ## TodoMVC
@ -119,4 +120,4 @@ details all of the features needed for a program to qualify as a
TodoMVC implementation. TodoMVC implementation.
- [TodoMVC demo](todo/) - [TodoMVC demo](todo/)
- [Source code](todo/index.js) using the Syndicate/js DSL - [Source code]({{ page.gh }}/todo/index.js) using the Syndicate/js DSL