diff --git a/generators/app/templates/src/layouts/tutorial.soy b/generators/app/templates/src/layouts/tutorial.soy new file mode 100644 index 0000000..cf3a7cb --- /dev/null +++ b/generators/app/templates/src/layouts/tutorial.soy @@ -0,0 +1,93 @@ +{namespace tutorial} + +/** + * @param content + * @param? elementClasses + * @param page + * @param site + */ +{template .render} +
+
+
+ {if $page} + {call .sidebar} + {param page: $site.index.children['tutorials'].children[$page.parentId] /} + {/call} + {call .tutorials data="all"} + {param content: $content /} + {param page: $page /} + {param site: $site /} + {/call} + {/if} +
+
+
+{/template} + +/** + * @param content + * @param page + * @param site + */ +{template .tutorials} +
+ {call Topbar.render data="all" /} + +
+
+ {$content} + {call .footerButtons } + {param page: $page /} + {param site: $site /} + {/call} +
+
+
+{/template} + +/** + * @param page + * @param site + */ +{template .footerButtons} +
+ {let $tutorialObject: $site.index.children['tutorials'].children[$page.parentId] /} + {if $page.weight < length($tutorialObject.childIds)} + {if $page.buttonTitle} + {let $nextPageUrl: $tutorialObject.children[$tutorialObject.childIds[$page.weight]].url /} + + {$page.buttonTitle} + + {/if} + {/if} +
+{/template} + +/** + * @param page + */ +{template .sidebar} +
+ +
+{/template} + +/** + * @param page + */ +{deltemplate ElectricNavigation.anchor variant="'tutorial'"} + + + {$page.weight} + {$page.title} + + +{/deltemplate} diff --git a/generators/app/templates/src/pages/tutorials/index.soy b/generators/app/templates/src/pages/tutorials/index.soy new file mode 100644 index 0000000..847308f --- /dev/null +++ b/generators/app/templates/src/pages/tutorials/index.soy @@ -0,0 +1,26 @@ +--- +title: "Tutorials" +description: "Foo bar." +url: "/tutorials/tutorial/first-step.html/" +--- + +{namespace tutorialsIndex} + +/** + * + */ +{template .render} +{/template} + +/** + * @param page + */ +{template .soyweb} + + + + + + + +{/template} diff --git a/generators/app/templates/src/pages/tutorials/tutorial/first-step.md b/generators/app/templates/src/pages/tutorials/tutorial/first-step.md new file mode 100644 index 0000000..3e09606 --- /dev/null +++ b/generators/app/templates/src/pages/tutorials/tutorial/first-step.md @@ -0,0 +1,21 @@ +--- +title: "Step 1" +description: "Foo bar." +buttonTitle: "I did step 1" +parentId: "tutorial" +layout: "tutorial" +time: 90 +weight: 1 +--- + +## {$page.title} + +```javascript +var hello = function() { + console.log('Hello, World!'); +}; +``` + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nulla libero, eleifend in euismod eget, fringilla id diam. Proin quis interdum ipsum. Fusce eros metus, hendrerit ut egestas nec, sagittis id velit. + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nulla libero, eleifend in euismod eget, fringilla id diam. Proin quis interdum ipsum. Fusce eros metus, hendrerit ut egestas nec, sagittis id velit. diff --git a/generators/app/templates/src/pages/tutorials/tutorial/index.soy b/generators/app/templates/src/pages/tutorials/tutorial/index.soy new file mode 100644 index 0000000..6c8b2f5 --- /dev/null +++ b/generators/app/templates/src/pages/tutorials/tutorial/index.soy @@ -0,0 +1,27 @@ +--- +title: "First Tutorial" +description: "Foo bar." +tutorialTitle: "Getting started with your first tutorial." +url: "/tutorials/tutorial/first-step.html/" +--- + +{namespace tutorialFirst} + +/** + * + */ +{template .render} +{/template} + +/** + * @param page + */ +{template .soyweb} + + + + + + + +{/template} diff --git a/generators/app/templates/src/pages/tutorials/tutorial/second-step.md b/generators/app/templates/src/pages/tutorials/tutorial/second-step.md new file mode 100644 index 0000000..fffcc35 --- /dev/null +++ b/generators/app/templates/src/pages/tutorials/tutorial/second-step.md @@ -0,0 +1,20 @@ +--- +title: "Step 2" +description: "Foo bar." +parentId: "tutorial" +layout: "tutorial" +time: 90 +weight: 2 +--- + +## {$page.title} + +```javascript +var hello = function() { + console.log('Hello, World!'); +}; +``` + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nulla libero, eleifend in euismod eget, fringilla id diam. Proin quis interdum ipsum. Fusce eros metus, hendrerit ut egestas nec, sagittis id velit. + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nulla libero, eleifend in euismod eget, fringilla id diam. Proin quis interdum ipsum. Fusce eros metus, hendrerit ut egestas nec, sagittis id velit.