jekyll-any-theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (174) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +52 -0
  4. data/_includes/api/example.html +23 -0
  5. data/_includes/api/get.html +11 -0
  6. data/_includes/api/save.html +1 -0
  7. data/_includes/components/alert.html +7 -0
  8. data/_includes/components/blockquote.html +23 -0
  9. data/_includes/components/bootstrap.html +245 -0
  10. data/_includes/components/card.html +85 -0
  11. data/_includes/components/lead.html +1 -0
  12. data/_includes/components/login.html +28 -0
  13. data/_includes/components/navbar_link.html +3 -0
  14. data/_includes/components/navbar_text.html +3 -0
  15. data/_includes/components/page_info.html +48 -0
  16. data/_includes/components/toc.html +18 -0
  17. data/_includes/filters/link_to_file.html +26 -0
  18. data/_includes/filters/unslug.html +17 -0
  19. data/_includes/page/end.html +2 -0
  20. data/_includes/page/footer.html +26 -0
  21. data/_includes/page/head.html +28 -0
  22. data/_includes/page/header.html +7 -0
  23. data/_includes/page/init.html +17 -0
  24. data/_includes/page/main.html +44 -0
  25. data/_includes/page/navbar.html +69 -0
  26. data/_includes/page/sidebar.html +6 -0
  27. data/_includes/page/top.html +27 -0
  28. data/_includes/tempus/calendar.html +26 -0
  29. data/_includes/tempus/events.html +72 -0
  30. data/_includes/tempus/next.html +73 -0
  31. data/_includes/widgets/libros.html +183 -0
  32. data/_includes/widgets/themes.html +11 -0
  33. data/_includes/widgets/toc.html +18 -0
  34. data/_layouts/default.html +8 -0
  35. data/_layouts/page.html +5 -0
  36. data/_layouts/post.html +5 -0
  37. data/_sass/_any_theme.sass +54 -0
  38. data/_sass/any_theme/_corrections.sass +71 -0
  39. data/_sass/any_theme/_headings.sass +13 -0
  40. data/_sass/any_theme/_mixins.sass +11 -0
  41. data/_sass/any_theme/_syntax_blood.scss +310 -0
  42. data/_sass/any_theme/_syntax_dark.scss +63 -0
  43. data/_sass/any_theme/_syntax_default.scss +310 -0
  44. data/_sass/any_theme/_toc.sass +4 -0
  45. data/_sass/any_theme/_widgets.sass +48 -0
  46. data/_sass/bootstrap/_alert.scss +51 -0
  47. data/_sass/bootstrap/_badge.scss +47 -0
  48. data/_sass/bootstrap/_breadcrumb.scss +38 -0
  49. data/_sass/bootstrap/_button-group.scss +166 -0
  50. data/_sass/bootstrap/_buttons.scss +143 -0
  51. data/_sass/bootstrap/_card.scss +270 -0
  52. data/_sass/bootstrap/_carousel.scss +191 -0
  53. data/_sass/bootstrap/_close.scss +34 -0
  54. data/_sass/bootstrap/_code.scss +56 -0
  55. data/_sass/bootstrap/_custom-forms.scss +297 -0
  56. data/_sass/bootstrap/_dropdown.scss +131 -0
  57. data/_sass/bootstrap/_forms.scss +333 -0
  58. data/_sass/bootstrap/_functions.scss +86 -0
  59. data/_sass/bootstrap/_grid.scss +52 -0
  60. data/_sass/bootstrap/_images.scss +42 -0
  61. data/_sass/bootstrap/_input-group.scss +159 -0
  62. data/_sass/bootstrap/_jumbotron.scss +16 -0
  63. data/_sass/bootstrap/_list-group.scss +115 -0
  64. data/_sass/bootstrap/_media.scss +8 -0
  65. data/_sass/bootstrap/_mixins.scss +42 -0
  66. data/_sass/bootstrap/_modal.scss +168 -0
  67. data/_sass/bootstrap/_nav.scss +118 -0
  68. data/_sass/bootstrap/_navbar.scss +311 -0
  69. data/_sass/bootstrap/_pagination.scss +77 -0
  70. data/_sass/bootstrap/_popover.scss +183 -0
  71. data/_sass/bootstrap/_print.scss +124 -0
  72. data/_sass/bootstrap/_progress.scss +33 -0
  73. data/_sass/bootstrap/_reboot.scss +482 -0
  74. data/_sass/bootstrap/_root.scss +19 -0
  75. data/_sass/bootstrap/_tables.scss +180 -0
  76. data/_sass/bootstrap/_tooltip.scss +115 -0
  77. data/_sass/bootstrap/_transitions.scss +36 -0
  78. data/_sass/bootstrap/_type.scss +125 -0
  79. data/_sass/bootstrap/_utilities.scss +14 -0
  80. data/_sass/bootstrap/_variables.scss +894 -0
  81. data/_sass/bootstrap/bootstrap-grid.scss +32 -0
  82. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  83. data/_sass/bootstrap/bootstrap.scss +42 -0
  84. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  85. data/_sass/bootstrap/mixins/_background-variant.scss +21 -0
  86. data/_sass/bootstrap/mixins/_badge.scss +12 -0
  87. data/_sass/bootstrap/mixins/_border-radius.scss +35 -0
  88. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  89. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  90. data/_sass/bootstrap/mixins/_buttons.scss +109 -0
  91. data/_sass/bootstrap/mixins/_caret.scss +65 -0
  92. data/_sass/bootstrap/mixins/_clearfix.scss +7 -0
  93. data/_sass/bootstrap/mixins/_float.scss +11 -0
  94. data/_sass/bootstrap/mixins/_forms.scss +137 -0
  95. data/_sass/bootstrap/mixins/_gradients.scss +45 -0
  96. data/_sass/bootstrap/mixins/_grid-framework.scss +67 -0
  97. data/_sass/bootstrap/mixins/_grid.scss +52 -0
  98. data/_sass/bootstrap/mixins/_hover.scss +39 -0
  99. data/_sass/bootstrap/mixins/_image.scss +36 -0
  100. data/_sass/bootstrap/mixins/_list-group.scss +21 -0
  101. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  102. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  103. data/_sass/bootstrap/mixins/_navbar-align.scss +10 -0
  104. data/_sass/bootstrap/mixins/_pagination.scss +22 -0
  105. data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
  106. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  107. data/_sass/bootstrap/mixins/_screen-reader.scss +35 -0
  108. data/_sass/bootstrap/mixins/_size.scss +6 -0
  109. data/_sass/bootstrap/mixins/_table-row.scss +30 -0
  110. data/_sass/bootstrap/mixins/_text-emphasis.scss +14 -0
  111. data/_sass/bootstrap/mixins/_text-hide.scss +9 -0
  112. data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
  113. data/_sass/bootstrap/mixins/_transition.scss +9 -0
  114. data/_sass/bootstrap/mixins/_visibility.scss +7 -0
  115. data/_sass/bootstrap/utilities/_align.scss +8 -0
  116. data/_sass/bootstrap/utilities/_background.scss +19 -0
  117. data/_sass/bootstrap/utilities/_borders.scss +59 -0
  118. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  119. data/_sass/bootstrap/utilities/_display.scss +38 -0
  120. data/_sass/bootstrap/utilities/_embed.scss +52 -0
  121. data/_sass/bootstrap/utilities/_flex.scss +46 -0
  122. data/_sass/bootstrap/utilities/_float.scss +9 -0
  123. data/_sass/bootstrap/utilities/_position.scss +36 -0
  124. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  125. data/_sass/bootstrap/utilities/_sizing.scss +12 -0
  126. data/_sass/bootstrap/utilities/_spacing.scss +51 -0
  127. data/_sass/bootstrap/utilities/_text.scss +52 -0
  128. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  129. data/assets/css/basic_light_sans.sass +71 -0
  130. data/assets/css_no/basic_dark_sans.sass +114 -0
  131. data/assets/css_no/basic_dark_serif.sass +114 -0
  132. data/assets/css_no/basic_light_serif.sass +69 -0
  133. data/assets/css_no/bootstrap.sass +44 -0
  134. data/assets/css_no/dark_additions.sass +74 -0
  135. data/assets/css_no/dnd.sass +188 -0
  136. data/assets/css_no/gurps.sass +70 -0
  137. data/assets/css_no/minidark.sass +177 -0
  138. data/assets/css_no/minimal.sass +139 -0
  139. data/assets/css_no/roboto_dark.sass +324 -0
  140. data/assets/css_no/roboto_light.sass +275 -0
  141. data/assets/fonts/scala/fonts.scss +59 -0
  142. data/assets/fonts/scala/scala-bold-webfont.eot +0 -0
  143. data/assets/fonts/scala/scala-bold-webfont.svg +873 -0
  144. data/assets/fonts/scala/scala-bold-webfont.ttf +0 -0
  145. data/assets/fonts/scala/scala-bold-webfont.woff +0 -0
  146. data/assets/fonts/scala/scala-italic-webfont.eot +0 -0
  147. data/assets/fonts/scala/scala-italic-webfont.svg +235 -0
  148. data/assets/fonts/scala/scala-italic-webfont.ttf +0 -0
  149. data/assets/fonts/scala/scala-italic-webfont.woff +0 -0
  150. data/assets/fonts/scala/scala-webfont.eot +0 -0
  151. data/assets/fonts/scala/scala-webfont.svg +234 -0
  152. data/assets/fonts/scala/scala-webfont.ttf +0 -0
  153. data/assets/fonts/scala/scala-webfont.woff +0 -0
  154. data/assets/fonts/scala/scalasans-bold-webfont.eot +0 -0
  155. data/assets/fonts/scala/scalasans-bold-webfont.svg +244 -0
  156. data/assets/fonts/scala/scalasans-bold-webfont.ttf +0 -0
  157. data/assets/fonts/scala/scalasans-bold-webfont.woff +0 -0
  158. data/assets/fonts/scala/scalasans-webfont.eot +0 -0
  159. data/assets/fonts/scala/scalasans-webfont.svg +238 -0
  160. data/assets/fonts/scala/scalasans-webfont.ttf +0 -0
  161. data/assets/fonts/scala/scalasans-webfont.woff +0 -0
  162. data/assets/images/dnd-bg.jpg +0 -0
  163. data/assets/js/any-theme.coffee +33 -0
  164. data/assets/js/any_theme/libros.coffee +113 -0
  165. data/assets/js/any_theme/login.coffee +90 -0
  166. data/assets/js/any_theme/storage.coffee +49 -0
  167. data/assets/js/any_theme/themes.coffee +10 -0
  168. data/assets/pages/about.md +17 -0
  169. data/assets/pages/customize/css.md +22 -0
  170. data/assets/pages/customize/themes.md +17 -0
  171. data/assets/pages/docs/libros.md +17 -0
  172. data/assets/pages/docs/tempus.md +66 -0
  173. data/assets/pages/index.md +21 -0
  174. metadata +258 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: fa0fdf93a0493f74232b74d504ca92dab8cdc2b5
4
+ data.tar.gz: 430e16fd24659d9a2e67e2fe83aec0504bd3703b
5
+ SHA512:
6
+ metadata.gz: dd7f1c3b510a2151f27708390d967af4f900507a41906e5702270025b6ed72bd51786451d69f19543b13f86d769abfd09823dda427041656eb2f48b9f0f8cf53
7
+ data.tar.gz: d731cfe73f8f65ec55feb941efc7dd023300a178d22d48d50115ad6cf0210dbafa1336fb15628c7be5021147ee3bd289dfac4086302905f10e7ddf9d911e2bd7
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2017 Alex Petrosh
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,52 @@
1
+ # jekyll-any-theme
2
+
3
+ Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
4
+
5
+ To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
6
+
7
+ TODO: Delete this and the text above, and describe your gem
8
+
9
+
10
+ ## Installation
11
+
12
+ Add this line to your Jekyll site's `Gemfile`:
13
+
14
+ ```ruby
15
+ gem "jekyll-any-theme"
16
+ ```
17
+
18
+ And add this line to your Jekyll site's `_config.yml`:
19
+
20
+ ```yaml
21
+ theme: jekyll-any-theme
22
+ ```
23
+
24
+ And then execute:
25
+
26
+ $ bundle
27
+
28
+ Or install it yourself as:
29
+
30
+ $ gem install jekyll-any-theme
31
+
32
+ ## Usage
33
+
34
+ TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
35
+
36
+ ## Contributing
37
+
38
+ Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
39
+
40
+ ## Development
41
+
42
+ To set up your environment to develop this theme, run `bundle install`.
43
+
44
+ Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
45
+
46
+ When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
47
+ To add a custom directory to your theme-gem, please edit the regexp in `jekyll-any-theme.gemspec` accordingly.
48
+
49
+ ## License
50
+
51
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
52
+
@@ -0,0 +1,23 @@
1
+ {% capture api %}
2
+ Description
3
+
4
+ - **Usage**
5
+
6
+ ```liquid
7
+ {% raw %}{% include example.html param1=1 param2=2 %}
8
+ {% comment %}Result{% endcomment %}{% endraw %}
9
+ ```
10
+
11
+ - **Include**
12
+
13
+ #### `param`
14
+
15
+ - **Type:** boolean / numeric / string / hash
16
+ - **Description:** Return what and main options
17
+ - **Default:** `nil`
18
+ - **Value:** `value`
19
+ - **Values:**
20
+ - `value1`: If multiple
21
+
22
+ {% endcapture %}
23
+ {% include api/save.html %}
@@ -0,0 +1,11 @@
1
+ {% assign api_stack = site.emptyArray %}
2
+ {% assign file = include.file | default: "api/example.html" %}
3
+ {% capture load %}{% include {{ file }} %}{% endcapture %}
4
+ {% assign file_path = '_includes/' | append: file %}
5
+ {% assign file_name = file | split: '/' | last | remove: '.html' %}
6
+ {% capture file_title %}{% include filters/unslug.html string=file_name %}{% endcapture %}
7
+ {% capture link_to_file %}{% include filters/link_to_file.html file=file_path %}{% endcapture %}
8
+ {% assign file_info = "- **File [`" | append: file_path | append: "`](" | append: link_to_file | strip | append: ")**
9
+ " %}
10
+ {% assign api_content = api_stack[0] | prepend: file_info %}
11
+ {% include components/card.html header=file_title body=api_content classes='mb-4' %}
@@ -0,0 +1 @@
1
+ {%- assign api_stack = api_stack | push: api -%}
@@ -0,0 +1,7 @@
1
+ {%- capture api -%}
2
+ Render an alert. Inputs are `type` (primary, dark, ...), `markdown` (the content).
3
+ {%- endcapture -%}
4
+ {%- include api/save.html -%}
5
+ <div class="alert{% if include.type %} alert-{{ include.type }}{% endif %}" role="alert">
6
+ {{ include.body | markdownify | remove: '<p>' |remove: '</p>' }}
7
+ </div>
@@ -0,0 +1,23 @@
1
+ {% capture api %}
2
+ Return the HTML Bootstrap 4 blockquote, possible includes are `text, author, source, link`
3
+
4
+ - **Usage**
5
+
6
+ ```liquid
7
+ {% raw %}{% include components/blockquote.html text="Markdown text" author="Author name" source="Source" link="Url" %}{% endraw %}
8
+ ```
9
+
10
+ - **Return**
11
+
12
+ ```html
13
+ <blockquote class="blockquote">
14
+ Rendered Markdown text
15
+ <footer>Author name <cite title="Source"><a href="Url">Source</a></cite></footer>
16
+ </blockquote>
17
+ ```
18
+ {% endcapture %}
19
+ {%- include api/save.html -%}
20
+ <blockquote class="blockquote">
21
+ {{ include.text | markdownify }}
22
+ <footer>{{ include.author }} <cite title="{{ include.source }}">{% if include.link %}<a href="{{ include.link }}">{% endif %}&ldquo;{{ include.source }}&rdquo;{% if include.link %}</a>{% endif %}</cite></footer>
23
+ </blockquote>
@@ -0,0 +1,245 @@
1
+ {%- include page/init.html -%}
2
+ # {% include filters/unslug.html string=theme %}
3
+ <div class="float-right">
4
+
5
+ {%- include widgets/themes.html -%}
6
+
7
+ </div>
8
+ <b>Lorem ipsum dolor sit amet,</b> consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <strong>Ut enim ad minim veniam</strong>, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <em>Duis aute irure dolor</em> in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
9
+
10
+ ## Buttons
11
+
12
+ ```html
13
+ <button type="button" class="btn btn-primary">Primary</button>
14
+ <button type="button" class="btn btn-secondary">Secondary</button>
15
+ <button type="button" class="btn btn-success">Success</button>
16
+ <button type="button" class="btn btn-danger">Danger</button>
17
+ <button type="button" class="btn btn-warning">Warning</button>
18
+ <button type="button" class="btn btn-info">Info</button>
19
+ <button type="button" class="btn btn-light">Light</button>
20
+ <button type="button" class="btn btn-dark">Dark</button>
21
+
22
+ <button type="button" class="btn btn-link">Link</button>
23
+ ```
24
+
25
+ <button type="button" class="btn btn-primary">Primary</button>
26
+ <button type="button" class="btn btn-secondary">Secondary</button>
27
+ <button type="button" class="btn btn-success">Success</button>
28
+ <button type="button" class="btn btn-danger">Danger</button>
29
+ <button type="button" class="btn btn-warning">Warning</button>
30
+ <button type="button" class="btn btn-info">Info</button>
31
+ <button type="button" class="btn btn-light">Light</button>
32
+ <button type="button" class="btn btn-dark">Dark</button>
33
+
34
+ <button type="button" class="btn btn-link">Link</button>
35
+
36
+ ## Alerts
37
+
38
+ {% assign alert_colors = site.emptyArray
39
+ | push: "primary"
40
+ | push: "secondary"
41
+ | push: "success"
42
+ | push: "danger"
43
+ | push: "warning"
44
+ | push: "info"
45
+ | push: "light"
46
+ | push: "dark" %}
47
+ {%- for alert_color in alert_colors -%}
48
+ {%- assign body = "Alert `.alert-" | append: alert_color | append: "` with [link](#)" -%}
49
+ {%- include components/alert.html body=body type=alert_color -%}
50
+ {%- endfor -%}
51
+
52
+ ## Badges
53
+
54
+ ```html
55
+ <span class="badge badge-primary">Primary</span>
56
+ <span class="badge badge-secondary">Secondary</span>
57
+ <span class="badge badge-success">Success</span>
58
+ <span class="badge badge-danger">Danger</span>
59
+ <span class="badge badge-warning">Warning</span>
60
+ <span class="badge badge-info">Info</span>
61
+ <span class="badge badge-light">Light</span>
62
+ <span class="badge badge-dark">Dark</span>
63
+ ```
64
+
65
+ <span class="badge badge-primary">Primary</span>
66
+ <span class="badge badge-secondary">Secondary</span>
67
+ <span class="badge badge-success">Success</span>
68
+ <span class="badge badge-danger">Danger</span>
69
+ <span class="badge badge-warning">Warning</span>
70
+ <span class="badge badge-info">Info</span>
71
+ <span class="badge badge-light">Light</span>
72
+ <span class="badge badge-dark">Dark</span>
73
+
74
+ ## Table of contents
75
+
76
+ ```liquid
77
+ {% raw %}{% include components/toc.html collapse=true title="Components" %}{% endraw %}
78
+ ```
79
+
80
+ {% include components/toc.html collapse=true title="Components" %}
81
+
82
+ # Forms
83
+
84
+ ## Validations
85
+
86
+ <form class="was-validated">
87
+ <div class="custom-control custom-checkbox mb-3">
88
+ <input type="checkbox" class="custom-control-input" id="customControlValidation1" required>
89
+ <label class="custom-control-label" for="customControlValidation1">Check this custom checkbox</label>
90
+ <div class="invalid-feedback">Example invalid feedback text</div>
91
+ </div>
92
+
93
+ <div class="custom-control custom-radio">
94
+ <input type="radio" class="custom-control-input" id="customControlValidation2" name="radio-stacked" required>
95
+ <label class="custom-control-label" for="customControlValidation2">Toggle this custom radio</label>
96
+ </div>
97
+ <div class="custom-control custom-radio mb-3">
98
+ <input type="radio" class="custom-control-input" id="customControlValidation3" name="radio-stacked" required>
99
+ <label class="custom-control-label" for="customControlValidation3">Or toggle this other custom radio</label>
100
+ <div class="invalid-feedback">More example invalid feedback text</div>
101
+ </div>
102
+
103
+ <div class="form-group">
104
+ <select class="custom-select" required>
105
+ <option value="">Open this select menu</option>
106
+ <option value="1">One</option>
107
+ <option value="2">Two</option>
108
+ <option value="3">Three</option>
109
+ </select>
110
+ <div class="invalid-feedback">Example invalid custom select feedback</div>
111
+ </div>
112
+
113
+ <div class="custom-file">
114
+ <input type="file" class="custom-file-input" id="validatedCustomFile" required>
115
+ <label class="custom-file-label" for="validatedCustomFile">Choose file...</label>
116
+ <div class="invalid-feedback">Example invalid custom file feedback</div>
117
+ </div>
118
+ </form>
119
+
120
+ ## Multiple selects
121
+
122
+ <kbd>cmd</kbd> to select multiple, <kbd>shift</kbd> to select a range.
123
+
124
+ ```html
125
+ <select class="custom-select" multiple>
126
+ <option selected>Open this select menu</option>
127
+ <option value="1">One</option>
128
+ <option value="2">Two</option>
129
+ <option value="3">Three</option>
130
+ </select>
131
+ ```
132
+
133
+ <select class="custom-select" multiple>
134
+ <option selected>Open this select menu</option>
135
+ <option value="1">One</option>
136
+ <option value="2">Two</option>
137
+ <option value="3">Three</option>
138
+ </select>
139
+
140
+ # Grid
141
+
142
+ To start a new row add `<!--row-->` , to start a new column add `<!--column-->`. Leave a blank line before and after such comment.
143
+
144
+ <!--row-->
145
+
146
+ `<!--row-->`
147
+
148
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
149
+
150
+ <!--column-->
151
+
152
+ `<!--column-->`
153
+
154
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
155
+
156
+ <!--row-->
157
+
158
+ `<!--row-->`
159
+
160
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
161
+
162
+ <!--column-->
163
+
164
+ `<!--column-->`
165
+
166
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
167
+
168
+ <!--column-->
169
+
170
+ `<!--column-->`
171
+
172
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
173
+
174
+ <!--row-->
175
+
176
+ # Cards
177
+
178
+ <!--row-->
179
+
180
+ {% include components/card.html title="Card title" header="Card header" body="`text-center`" footer="Card footer" classes="text-center" image="http://spacenews.com/wp-content/uploads/2017/03/f9-ses10-launch1.jpg" %}
181
+
182
+ <!--column-->
183
+
184
+ {%- capture list -%}
185
+ - Cras justo odio
186
+ - Dapibus ac facilisis in
187
+ - Vestibulum at eros
188
+ {%- endcapture -%}
189
+ {% include components/card.html after_body=list before_body=list body="list `after_body` and `before_body`" %}
190
+
191
+ <!--row-->
192
+
193
+ # Blockquote
194
+
195
+ {% include api/get.html file="components/blockquote.html" %}
196
+
197
+ {%- assign quote = site.data.citations | sample -%}
198
+ {%- assign source = quote.sources | sample -%}
199
+ {% assign citation = source.citations | sample %}
200
+ {% include components/blockquote.html text=citation.text author=quote.author source=source.title link=citation.link %}
201
+
202
+ # Tables
203
+
204
+ Usage:
205
+
206
+ ```md
207
+ | Header | Value |
208
+ |:------ |:----- |
209
+ | Alpha | `45` |
210
+ ```
211
+
212
+ Render:
213
+
214
+ | Header | Value |
215
+ |:------ |:----- |
216
+ | Alpha | `45` |
217
+
218
+ # List group custom content
219
+
220
+ <div class="list-group">
221
+ <a href="#" class="list-group-item list-group-item-action flex-column align-items-start active">
222
+ <div class="d-flex w-100 justify-content-between">
223
+ <h5 class="mb-1">List group item heading</h5>
224
+ <small>3 days ago</small>
225
+ </div>
226
+ <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
227
+ <small>Donec id elit non mi porta.</small>
228
+ </a>
229
+ <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
230
+ <div class="d-flex w-100 justify-content-between">
231
+ <h5 class="mb-1">List group item heading</h5>
232
+ <small class="text-muted">3 days ago</small>
233
+ </div>
234
+ <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
235
+ <small class="text-muted">Donec id elit non mi porta.</small>
236
+ </a>
237
+ <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
238
+ <div class="d-flex w-100 justify-content-between">
239
+ <h5 class="mb-1">List group item heading</h5>
240
+ <small class="text-muted">3 days ago</small>
241
+ </div>
242
+ <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
243
+ <small class="text-muted">Donec id elit non mi porta.</small>
244
+ </a>
245
+ </div>
@@ -0,0 +1,85 @@
1
+ {% capture api %}
2
+ Return HTML markup for a card, optional parameters are `header`, `title`, `text`, `footer` and `classes`.
3
+
4
+ - **Usage**
5
+
6
+ ```liquid
7
+ {% raw %}{% include components/card.html %}{% endraw %}
8
+ ```
9
+
10
+ ```liquid
11
+ {% raw %}{% include components/card.html title=title header=header body=text footer=footer classes=classes %}{% endraw %}
12
+ ```
13
+
14
+ - **Return**
15
+
16
+ ```html
17
+ <div class="card {% raw %}{{ include.classes | default: '' }}{% endraw %}">
18
+ <div class="card-header">
19
+ {% raw %}{{ include.header }}{% endraw %}
20
+ </div>
21
+ <div class="card-body">
22
+ <h4 class="card-title">{% raw %}{{ include.title }}{% endraw %}</h4>
23
+ {% raw %}{{ include.body | strip | markdownify }}{% endraw %}
24
+ </div>
25
+ <div class="card-footer">
26
+ {% raw %}{{ include.footer | strip | markdownify }}{% endraw %}
27
+ </div>
28
+ </div>
29
+ ```
30
+
31
+ - **Include**
32
+
33
+ #### `header`
34
+
35
+ - **Type:** string
36
+ - **Optional:** yes
37
+ - **Description:** The card header
38
+
39
+ #### `title`
40
+
41
+ - **Type:** string
42
+ - **Optional:** yes
43
+ - **Description:** The card title inside `.card-body`
44
+
45
+ #### `body`
46
+
47
+ - **Type:** markdown
48
+ - **Optional:** yes
49
+ - **Description:** The content of the `.card-text`
50
+
51
+ #### `footer`
52
+
53
+ - **Type:** markdown
54
+ - **Optional:** yes
55
+ - **Description:** The content of the `.card-footer`
56
+
57
+ #### `classes`
58
+
59
+ - **Type:** string
60
+ - **Optional:** yes
61
+ - **Description:** Additional card css classes
62
+ - **Example values:**
63
+ - `text-center text-right`: text alignment
64
+ - `text-white`: text color
65
+ - `w-25 w-50 w-75 w-100`: width
66
+ - `bg-dark`: background color
67
+ - `border-info`: border color
68
+
69
+ {% endcapture %}
70
+ {% include api/save.html %}
71
+ <div class="card {{ include.classes | default: "" }}">{% if include.image %}
72
+ <img class="card-img-top" src="{{ include.image }}" alt="Card image cap">{% endif %}{% if include.header %}
73
+ <div class="card-header">
74
+ {{ include.header }}
75
+ </div>{% endif %}{% if include.before_body %}
76
+ {{ include.before_body | strip | markdownify }}{% endif %}
77
+ <div class="card-body">{% if include.title %}
78
+ <h4 class="card-title">{{ include.title }}</h4>{% endif %}{% if include.body %}
79
+ {{ include.body | strip | markdownify }}{% endif %}
80
+ </div>{% if include.after_body %}
81
+ {{ include.after_body | strip | markdownify }}{% endif %}{% if include.footer %}
82
+ <div class="card-footer">
83
+ {{ include.footer | strip | markdownify }}
84
+ </div>{% endif %}
85
+ </div>
@@ -0,0 +1 @@
1
+ <p class="lead">{{ include.string }}</p>
@@ -0,0 +1,28 @@
1
+ <!-- Modal -->
2
+ <div class="modal" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
3
+ <div class="modal-dialog modal-dialog-centered" role="document">
4
+ <form class="modal-content">
5
+ <input type="text" hidden id="username" autocomplete="username" value="guest">
6
+ <div class="modal-header">
7
+ <h5 class="modal-title">Login</h5>
8
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
9
+ <span aria-hidden="true">&times;</span>
10
+ </button>
11
+ </div>
12
+ <div class="modal-body">
13
+ <div class="form-group mt-3">
14
+ <label for="personalToken">Generate a <a href="https://github.com/settings/tokens" target="_blank">GitHub personal token</a> and paste below.</label>
15
+ <input autocomplete="new-password" type="password" class="form-control" id="personalToken" placeholder="personal token">
16
+ <div class="invalid-feedback">
17
+ &nbsp;
18
+ </div>
19
+ <small class="form-text text-muted">Personal token will be hashed and stored on <code>localStorage</code>.<br><strong>Logout</strong> to remove permanently from the browser.</small>
20
+ </div>
21
+ </div>
22
+ <div class="modal-footer">
23
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
24
+ <button type="submit" id="submitLogin" class="btn btn-primary">Login</button>
25
+ </div>
26
+ </form>
27
+ </div>
28
+ </div>
@@ -0,0 +1,3 @@
1
+ <li class="nav-item">
2
+ <a class="nav-link{% if page.url == link[0].url %} active{% endif %}" href="{{ link[0].url | default: nav }}">{{ nav }}{% if page.url == link[0].url %} <span class="sr-only">(current)</span>{% endif %}</a>
3
+ </li>
@@ -0,0 +1,3 @@
1
+ <li class="nav-item">
2
+ <span class="navbar-text">{{ include.text | prepend: ": " | prepend: include.title }}</span>
3
+ </li>
@@ -0,0 +1,48 @@
1
+ <!-- Modal -->
2
+ <div class="modal" id="pageinfoModal" tabindex="-1" role="dialog" aria-labelledby="pageinfoModal" aria-hidden="true">
3
+ <div class="modal-dialog modal-dialog-centered" role="document">
4
+ <div class="modal-content">
5
+ <div class="modal-header">
6
+ <h5 class="modal-title">Page info</h5>
7
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
8
+ <span aria-hidden="true">&times;</span>
9
+ </button>
10
+ </div>
11
+ <table>
12
+ <tr>
13
+ <td>Layout</td>
14
+ <td><code>{{ page.layout }}</code></td>
15
+ </tr>
16
+ <tr>
17
+ <td>Path</td>
18
+ <td>
19
+ <a href="{{ site.github.repository_url }}/blob/master/docs/{{ page.path }}">{{ page.path }}</a>
20
+ </td>
21
+ </tr>
22
+ <tr>
23
+ <td>Url</td>
24
+ <td><code>{{ page.permalink }}</code></td>
25
+ </tr>
26
+ <tr>
27
+ <td>Theme</td>
28
+ <td><code id="theme-value">{{ theme }}</code></td>
29
+ </tr>
30
+ <tr>
31
+ <td>Fluid</td>
32
+ <td><code>{{ fluid }}</code></td>
33
+ </tr>
34
+ <tr>
35
+ <td>Sidebar</td>
36
+ <td><code>{{ sidebar }}</code></td>
37
+ </tr>
38
+ <tr>
39
+ <td>Font-face</td>
40
+ <td><code>{{ font_face }}</code></td>
41
+ </tr>
42
+ </table>
43
+ <div class="modal-footer">
44
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ </div>
@@ -0,0 +1,18 @@
1
+ {% assign title = include.title | default: "Table of Contents" %}{% assign show_title = include.show_title | default: true %}{% if include.collapse %}
2
+ <div id="toc-accordion" role="tablist">
3
+ <div class="card">
4
+ <div class="card-header" role="tab" id="toc-headingOne">
5
+ <p class="mb-0">
6
+ <a data-toggle="collapse" href="#toc-collapseOne" aria-expanded="false" aria-controls="toc-collapseOne">{{ title }}</a>
7
+ </p>
8
+ </div>
9
+ <div id="toc-collapseOne" class="collapse " role="tabpanel" aria-labelledby="toc-headingOne" data-parent="#toc-accordion">
10
+ <div></div>
11
+ </div>
12
+ </div>
13
+ </div>
14
+ {% else %}
15
+ <h4 id="toc-title">{{ title }}</h4>
16
+ {% endif %}
17
+ * toc
18
+ {:toc}
@@ -0,0 +1,26 @@
1
+ {%- capture api -%}
2
+ Return the Github URL hosting the `file` feeded with optional `branch` parameter.
3
+
4
+ - **Usage**
5
+
6
+ ```liquid
7
+ {% raw %}{% include filters/link_to_file.html %}
8
+ {% comment %}http://github.com/:owner/:repo/blob/:branch/:file_path{% endcomment %}{% endraw %}
9
+ ```
10
+
11
+ - **Include**
12
+
13
+ #### `file`
14
+
15
+ - **Type:** string
16
+ - **Default:** `page.path`
17
+ - **Description:** The file path
18
+
19
+ #### `branch`
20
+
21
+ - **Type:** string
22
+ - **Default:** `master`
23
+ - **Description:** The file branch
24
+ {%- endcapture -%}
25
+ {%- include api/save.html -%}
26
+ {%- assign link_to_file = include.file | default: page.path -%}{{ site.github.repository_url }}/blob/{{ include.branch | default: 'master' }}/{{ link_to_file }}
@@ -0,0 +1,17 @@
1
+ {%- capture api -%}
2
+ Unslug the `include.string` replacing `-` and `_` with spaces. If `include.string` is lowercase output will be capitalized.
3
+
4
+ - **Usage**
5
+
6
+ ```liquid
7
+ {% raw %}{% include filters/unslug.html string=page.title %}{% endraw %}
8
+ ```
9
+ {%- endcapture -%}
10
+ {%- include api/save.html -%}
11
+ {%- assign words = include.string | replace: '-', ' ' | replace: '_', ' ' | split: ' ' -%}
12
+ {%- for word in words -%}
13
+ {%- assign word_lowercase = word | downcase -%}
14
+ {%- if word == word_lowercase -%}
15
+ {{ word | capitalize }}&nbsp;{%- else -%}
16
+ {{ word }}&nbsp;{%- endif -%}
17
+ {%- endfor -%}
@@ -0,0 +1,2 @@
1
+ </body>
2
+ </html>