jekyll-any-theme 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +52 -0
- data/_includes/api/example.html +23 -0
- data/_includes/api/get.html +11 -0
- data/_includes/api/save.html +1 -0
- data/_includes/components/alert.html +7 -0
- data/_includes/components/blockquote.html +23 -0
- data/_includes/components/bootstrap.html +245 -0
- data/_includes/components/card.html +85 -0
- data/_includes/components/lead.html +1 -0
- data/_includes/components/login.html +28 -0
- data/_includes/components/navbar_link.html +3 -0
- data/_includes/components/navbar_text.html +3 -0
- data/_includes/components/page_info.html +48 -0
- data/_includes/components/toc.html +18 -0
- data/_includes/filters/link_to_file.html +26 -0
- data/_includes/filters/unslug.html +17 -0
- data/_includes/page/end.html +2 -0
- data/_includes/page/footer.html +26 -0
- data/_includes/page/head.html +28 -0
- data/_includes/page/header.html +7 -0
- data/_includes/page/init.html +17 -0
- data/_includes/page/main.html +44 -0
- data/_includes/page/navbar.html +69 -0
- data/_includes/page/sidebar.html +6 -0
- data/_includes/page/top.html +27 -0
- data/_includes/tempus/calendar.html +26 -0
- data/_includes/tempus/events.html +72 -0
- data/_includes/tempus/next.html +73 -0
- data/_includes/widgets/libros.html +183 -0
- data/_includes/widgets/themes.html +11 -0
- data/_includes/widgets/toc.html +18 -0
- data/_layouts/default.html +8 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +5 -0
- data/_sass/_any_theme.sass +54 -0
- data/_sass/any_theme/_corrections.sass +71 -0
- data/_sass/any_theme/_headings.sass +13 -0
- data/_sass/any_theme/_mixins.sass +11 -0
- data/_sass/any_theme/_syntax_blood.scss +310 -0
- data/_sass/any_theme/_syntax_dark.scss +63 -0
- data/_sass/any_theme/_syntax_default.scss +310 -0
- data/_sass/any_theme/_toc.sass +4 -0
- data/_sass/any_theme/_widgets.sass +48 -0
- data/_sass/bootstrap/_alert.scss +51 -0
- data/_sass/bootstrap/_badge.scss +47 -0
- data/_sass/bootstrap/_breadcrumb.scss +38 -0
- data/_sass/bootstrap/_button-group.scss +166 -0
- data/_sass/bootstrap/_buttons.scss +143 -0
- data/_sass/bootstrap/_card.scss +270 -0
- data/_sass/bootstrap/_carousel.scss +191 -0
- data/_sass/bootstrap/_close.scss +34 -0
- data/_sass/bootstrap/_code.scss +56 -0
- data/_sass/bootstrap/_custom-forms.scss +297 -0
- data/_sass/bootstrap/_dropdown.scss +131 -0
- data/_sass/bootstrap/_forms.scss +333 -0
- data/_sass/bootstrap/_functions.scss +86 -0
- data/_sass/bootstrap/_grid.scss +52 -0
- data/_sass/bootstrap/_images.scss +42 -0
- data/_sass/bootstrap/_input-group.scss +159 -0
- data/_sass/bootstrap/_jumbotron.scss +16 -0
- data/_sass/bootstrap/_list-group.scss +115 -0
- data/_sass/bootstrap/_media.scss +8 -0
- data/_sass/bootstrap/_mixins.scss +42 -0
- data/_sass/bootstrap/_modal.scss +168 -0
- data/_sass/bootstrap/_nav.scss +118 -0
- data/_sass/bootstrap/_navbar.scss +311 -0
- data/_sass/bootstrap/_pagination.scss +77 -0
- data/_sass/bootstrap/_popover.scss +183 -0
- data/_sass/bootstrap/_print.scss +124 -0
- data/_sass/bootstrap/_progress.scss +33 -0
- data/_sass/bootstrap/_reboot.scss +482 -0
- data/_sass/bootstrap/_root.scss +19 -0
- data/_sass/bootstrap/_tables.scss +180 -0
- data/_sass/bootstrap/_tooltip.scss +115 -0
- data/_sass/bootstrap/_transitions.scss +36 -0
- data/_sass/bootstrap/_type.scss +125 -0
- data/_sass/bootstrap/_utilities.scss +14 -0
- data/_sass/bootstrap/_variables.scss +894 -0
- data/_sass/bootstrap/bootstrap-grid.scss +32 -0
- data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
- data/_sass/bootstrap/bootstrap.scss +42 -0
- data/_sass/bootstrap/mixins/_alert.scss +13 -0
- data/_sass/bootstrap/mixins/_background-variant.scss +21 -0
- data/_sass/bootstrap/mixins/_badge.scss +12 -0
- data/_sass/bootstrap/mixins/_border-radius.scss +35 -0
- data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
- data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
- data/_sass/bootstrap/mixins/_buttons.scss +109 -0
- data/_sass/bootstrap/mixins/_caret.scss +65 -0
- data/_sass/bootstrap/mixins/_clearfix.scss +7 -0
- data/_sass/bootstrap/mixins/_float.scss +11 -0
- data/_sass/bootstrap/mixins/_forms.scss +137 -0
- data/_sass/bootstrap/mixins/_gradients.scss +45 -0
- data/_sass/bootstrap/mixins/_grid-framework.scss +67 -0
- data/_sass/bootstrap/mixins/_grid.scss +52 -0
- data/_sass/bootstrap/mixins/_hover.scss +39 -0
- data/_sass/bootstrap/mixins/_image.scss +36 -0
- data/_sass/bootstrap/mixins/_list-group.scss +21 -0
- data/_sass/bootstrap/mixins/_lists.scss +7 -0
- data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
- data/_sass/bootstrap/mixins/_navbar-align.scss +10 -0
- data/_sass/bootstrap/mixins/_pagination.scss +22 -0
- data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
- data/_sass/bootstrap/mixins/_resize.scss +6 -0
- data/_sass/bootstrap/mixins/_screen-reader.scss +35 -0
- data/_sass/bootstrap/mixins/_size.scss +6 -0
- data/_sass/bootstrap/mixins/_table-row.scss +30 -0
- data/_sass/bootstrap/mixins/_text-emphasis.scss +14 -0
- data/_sass/bootstrap/mixins/_text-hide.scss +9 -0
- data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
- data/_sass/bootstrap/mixins/_transition.scss +9 -0
- data/_sass/bootstrap/mixins/_visibility.scss +7 -0
- data/_sass/bootstrap/utilities/_align.scss +8 -0
- data/_sass/bootstrap/utilities/_background.scss +19 -0
- data/_sass/bootstrap/utilities/_borders.scss +59 -0
- data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
- data/_sass/bootstrap/utilities/_display.scss +38 -0
- data/_sass/bootstrap/utilities/_embed.scss +52 -0
- data/_sass/bootstrap/utilities/_flex.scss +46 -0
- data/_sass/bootstrap/utilities/_float.scss +9 -0
- data/_sass/bootstrap/utilities/_position.scss +36 -0
- data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
- data/_sass/bootstrap/utilities/_sizing.scss +12 -0
- data/_sass/bootstrap/utilities/_spacing.scss +51 -0
- data/_sass/bootstrap/utilities/_text.scss +52 -0
- data/_sass/bootstrap/utilities/_visibility.scss +11 -0
- data/assets/css/basic_light_sans.sass +71 -0
- data/assets/css_no/basic_dark_sans.sass +114 -0
- data/assets/css_no/basic_dark_serif.sass +114 -0
- data/assets/css_no/basic_light_serif.sass +69 -0
- data/assets/css_no/bootstrap.sass +44 -0
- data/assets/css_no/dark_additions.sass +74 -0
- data/assets/css_no/dnd.sass +188 -0
- data/assets/css_no/gurps.sass +70 -0
- data/assets/css_no/minidark.sass +177 -0
- data/assets/css_no/minimal.sass +139 -0
- data/assets/css_no/roboto_dark.sass +324 -0
- data/assets/css_no/roboto_light.sass +275 -0
- data/assets/fonts/scala/fonts.scss +59 -0
- data/assets/fonts/scala/scala-bold-webfont.eot +0 -0
- data/assets/fonts/scala/scala-bold-webfont.svg +873 -0
- data/assets/fonts/scala/scala-bold-webfont.ttf +0 -0
- data/assets/fonts/scala/scala-bold-webfont.woff +0 -0
- data/assets/fonts/scala/scala-italic-webfont.eot +0 -0
- data/assets/fonts/scala/scala-italic-webfont.svg +235 -0
- data/assets/fonts/scala/scala-italic-webfont.ttf +0 -0
- data/assets/fonts/scala/scala-italic-webfont.woff +0 -0
- data/assets/fonts/scala/scala-webfont.eot +0 -0
- data/assets/fonts/scala/scala-webfont.svg +234 -0
- data/assets/fonts/scala/scala-webfont.ttf +0 -0
- data/assets/fonts/scala/scala-webfont.woff +0 -0
- data/assets/fonts/scala/scalasans-bold-webfont.eot +0 -0
- data/assets/fonts/scala/scalasans-bold-webfont.svg +244 -0
- data/assets/fonts/scala/scalasans-bold-webfont.ttf +0 -0
- data/assets/fonts/scala/scalasans-bold-webfont.woff +0 -0
- data/assets/fonts/scala/scalasans-webfont.eot +0 -0
- data/assets/fonts/scala/scalasans-webfont.svg +238 -0
- data/assets/fonts/scala/scalasans-webfont.ttf +0 -0
- data/assets/fonts/scala/scalasans-webfont.woff +0 -0
- data/assets/images/dnd-bg.jpg +0 -0
- data/assets/js/any-theme.coffee +33 -0
- data/assets/js/any_theme/libros.coffee +113 -0
- data/assets/js/any_theme/login.coffee +90 -0
- data/assets/js/any_theme/storage.coffee +49 -0
- data/assets/js/any_theme/themes.coffee +10 -0
- data/assets/pages/about.md +17 -0
- data/assets/pages/customize/css.md +22 -0
- data/assets/pages/customize/themes.md +17 -0
- data/assets/pages/docs/libros.md +17 -0
- data/assets/pages/docs/tempus.md +66 -0
- data/assets/pages/index.md +21 -0
- 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 %}“{{ include.source }}”{% 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">×</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
|
+
|
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,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">×</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 }} {%- else -%}
|
16
|
+
{{ word }} {%- endif -%}
|
17
|
+
{%- endfor -%}
|