diff options
Diffstat (limited to 'theme/templates/includes')
| -rw-r--r-- | theme/templates/includes/book/exercise.html | 24 | ||||
| -rw-r--r-- | theme/templates/includes/book/footer.html | 15 | ||||
| -rw-r--r-- | theme/templates/includes/book/header.html | 17 | ||||
| -rw-r--r-- | theme/templates/includes/book/progress.html | 10 | ||||
| -rw-r--r-- | theme/templates/includes/book/summary.html | 43 |
5 files changed, 109 insertions, 0 deletions
diff --git a/theme/templates/includes/book/exercise.html b/theme/templates/includes/book/exercise.html new file mode 100644 index 0000000..1acbe79 --- /dev/null +++ b/theme/templates/includes/book/exercise.html @@ -0,0 +1,24 @@ +<div class="header"> + <h2>Exercise</h2> +</div> +<div class="alert alert-success"> + <b>Correct!</b> +</div> + +<div class="alert alert-danger error-message"> + <b>False!</b> +</div> + +<div class="message"> + {% autoescape false %}{{ section.content }}{% endautoescape %} +</div> +<div class="editor" style="height: {{ section.code.solution|lines*20 }}px">{{ section.code.base }}</div> + +<pre class="hidden code-solution">{{ section.code.solution }}</pre> +<pre class="hidden code-validation">{{ section.code.validation }}</pre> + +<div class="btn-group btn-group-justified"> + <a href="#" class="btn btn-default action-submit">Submit</a> + <a href="#" class="btn btn-default action-solution">Solution</a> + <a href="{{ githubHost }}{{ githubId }}/issues/new" target="_blank" class="btn btn-default">Have a Question?</a> +</div> diff --git a/theme/templates/includes/book/footer.html b/theme/templates/includes/book/footer.html new file mode 100644 index 0000000..1112b14 --- /dev/null +++ b/theme/templates/includes/book/footer.html @@ -0,0 +1,15 @@ +<div class="page-footer"> + {% if _input == "README.md" %} + <a href="{{ basePath }}/{{ progress.current.next.path|mdLink }}" class="navigation-link">Start</a> + {% else %} + {% if progress.current.next %} + {% if progress.current.next.path %} + <a href="{{ basePath }}/{{ progress.current.next.path|mdLink }}" class="navigation-link next">Next</a> + {% else %} + <div class="navigation-link coming-soon">Coming soon</div> + {% endif %} + {% else %} + <div class="navigation-link finished">Finished!</div> + {% endif %} + {% endif %} +</div>
\ No newline at end of file diff --git a/theme/templates/includes/book/header.html b/theme/templates/includes/book/header.html new file mode 100644 index 0000000..d3baf1d --- /dev/null +++ b/theme/templates/includes/book/header.html @@ -0,0 +1,17 @@ +<div class="book-header"> + <!-- Actions Left --> + <a href="{{ githubHost }}{{ githubId }}" target="_blank" class="btn pull-left"><i class="fa fa-github-alt"></i></a> + <a href="#" class="btn pull-left toggle-summary"><i class="fa fa-align-justify"></i></a> + + <!-- Actions Right --> + <a href="#" target="_blank" class="btn pull-right" data-sharing="google-plus"><i class="fa fa-google-plus"></i></a> + <a href="#" target="_blank" class="btn pull-right" data-sharing="facebook"><i class="fa fa-facebook"></i></a> + <a href="#" target="_blank" class="btn pull-right" data-sharing="twitter"><i class="fa fa-twitter"></i></a> + + <a href="{{ githubHost }}{{ githubId }}/stargazers" target="_blank" class="btn pull-right count-star"><i class="fa fa-star-o"></i> Star (<span>-</span>)</a> + <a href="{{ githubHost }}{{ githubId }}/watchers" target="_blank" class="btn pull-right count-watch"><i class="fa fa-eye"></i> Watch (<span>-</span>)</a> + + + <!-- Title --> + <h1><a href="{{ basePath }}/README.html" >{{ title }}</a></h1> +</div> diff --git a/theme/templates/includes/book/progress.html b/theme/templates/includes/book/progress.html new file mode 100644 index 0000000..176c95f --- /dev/null +++ b/theme/templates/includes/book/progress.html @@ -0,0 +1,10 @@ +<div class="book-progress"> + <div class="bar"> + <div class="inner" style="width: {{ progress.percent }}%;min-width: {{ progress.prevPercent }}%;"></div> + </div> + <div class="chapters"> + {% for p in progress.chapters %} + <a href="{{ basePath }}/{{ p.path|mdLink }}" title="{{ p.title }}" class="chapter {% if p.done %}done{% endif %} {% if p.level.length == 1 %}new-chapter{% endif %}" data-progress="{{ p.level }}" style="left: {{ p.percent }}%;"></a> + {% endfor %} + </div> +</div>
\ No newline at end of file diff --git a/theme/templates/includes/book/summary.html b/theme/templates/includes/book/summary.html new file mode 100644 index 0000000..996ff3d --- /dev/null +++ b/theme/templates/includes/book/summary.html @@ -0,0 +1,43 @@ +<div class="book-summary"> + <ul class="summary"> + <li> + <a href="{{ githubHost }}{{ githubAuthor }}" target="blank">About the author</a> + </li> + <li> + <a href="{{ githubHost }}{{ githubId }}/issues" target="blank">Questions and Issues</a> + </li> + <li> + <a href="{{ githubHost }}{{ githubId }}/edit/master/{{ _input }}" target="blank">Edit and Contribute</a> + </li> + <li class="divider"></li> + <li data-level="0"> + <a href="{{ basePath }}/README.html"><i class="fa fa-check"></i> Introduction</a> + </li> + {% for item in summary.chapters %} + <li {% if item._path == _input %}class="active"{% endif %} data-level="{{ item.level }}"> + {% if item.path %} + <a href="{{ basePath }}/{{ item.path|mdLink }}"> + <i class="fa fa-check"></i> <b>{{ item.level }})</b> {{ item.title }} + </a> + {% else %} + <span><b>{{ item.level }})</b> {{ item.title }}</span> + {% endif %} + {% if item.articles.length > 0 %} + <ul class="articles"> + {% for article in item.articles %} + <li {% if article._path == _input %}class="active"{% endif %} data-level="{{ article.level }}"> + {% if article.path %} + <a href="{{ basePath }}/{{ article.path|mdLink }}"> + <i class="fa fa-check"></i> <b>{{ article.level }})</b> {{ article.title }} + </a> + {% else %} + <span><b>{{ article.level }})</b> {{ article.title }}</span> + {% endif %} + </li> + {% endfor %} + </ul> + {% endif %} + </li> + {% endfor %} + </ul> +</div> |