type-on-strap 2.3.4 → 2.3.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +29 -12
- data/_data/language.yml +2 -0
- data/_includes/{blog.html → blog/blog.html} +2 -2
- data/_includes/{blog_nav.html → blog/blog_nav.html} +0 -0
- data/_includes/{post_info.html → blog/post_info.html} +0 -0
- data/_includes/{post_nav.html → blog/post_nav.html} +0 -0
- data/_includes/{footer.html → default/footer.html} +1 -1
- data/_includes/{head.html → default/head.html} +14 -1
- data/_includes/{navbar.html → default/navbar.html} +5 -0
- data/_includes/{tags_list.html → default/tags_list.html} +0 -0
- data/_includes/gallery.html +2 -3
- data/_includes/social/cusdis.html +12 -0
- data/_includes/{disqus.html → social/disqus.html} +0 -0
- data/_includes/social/icon_partial.html +11 -0
- data/_includes/social/icons.html +107 -0
- data/_includes/{share_buttons.html → social/share_buttons.html} +44 -36
- data/_layouts/custom.html +12 -7
- data/_layouts/default.html +4 -4
- data/_layouts/home.html +1 -1
- data/_layouts/page.html +1 -1
- data/_layouts/post.html +8 -5
- data/_layouts/tags.html +4 -4
- data/_sass/base/_global.scss +11 -11
- data/_sass/base/_highlight.scss +73 -72
- data/_sass/base/_utility.scss +9 -7
- data/_sass/base/_variables.scss +109 -73
- data/_sass/external/font-awesome/_stacked.scss +1 -1
- data/_sass/includes/_footer.scss +13 -2
- data/_sass/includes/_mermaid.scss +8 -0
- data/_sass/includes/_navbar.scss +7 -6
- data/_sass/includes/_share_buttons.scss +1 -1
- data/_sass/layouts/_blog.scss +6 -5
- data/_sass/layouts/_page.scss +1 -1
- data/_sass/layouts/_posts.scss +25 -6
- data/_sass/layouts/_search.scss +11 -8
- data/_sass/layouts/_tags.scss +2 -2
- data/_sass/type-on-strap.scss +3 -2
- data/assets/css/vendor/bootstrap-iso.css +0 -30
- data/assets/css/vendor/bootstrap-iso.min.css +1 -1
- data/assets/css/vendor/bootstrap.css +0 -30
- data/assets/js/main.min.js +1 -1
- data/assets/js/partials/dark-mode.js +43 -0
- metadata +17 -13
- data/_includes/icons.html +0 -267
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 478babd84de11e9924830b336ad9741deec1e41d437c36747a53060c6c185a87
|
4
|
+
data.tar.gz: 5a2f74dcb75f627ce7542b34c1b7a76229d6189ec80ea7e3bd19a87d7db79727
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 459a18b0e0e372db95920cfa1dedcb6d835c54af709fd13d41a60648df05d952d9edc2a455edc4e6e3411f17b1a215b64bc92219eeb895285f66dc4909f7595c
|
7
|
+
data.tar.gz: '059f94bb911213c4ea06f7109ddf46e25358afd2a581250e27b9701cc416249a6ba114b7752a45230ffbbc7ed6279f2fe81077599d2114b8bfbb2fd77cb48675'
|
data/README.md
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
[![Gem Version](https://badge.fury.io/rb/type-on-strap.svg)](https://badge.fury.io/rb/type-on-strap)
|
5
5
|
[![Docker Pulls](https://img.shields.io/docker/pulls/sylhare/type-on-strap)](https://hub.docker.com/r/sylhare/type-on-strap)
|
6
6
|
|
7
|
-
[![Default Type on Strap blog](https://github.com/Sylhare/Type-on-Strap/blob/master/screenshot.png?raw=true)](https://sylhare.github.io/Type-on-Strap/)
|
7
|
+
[![Default Type on Strap blog](https://github.com/Sylhare/Type-on-Strap/blob/master/assets/img/screenshot.png?raw=true)](https://sylhare.github.io/Type-on-Strap/)
|
8
8
|
|
9
9
|
A free and open-source [Jekyll](https://jekyllrb.com) theme. Based on Rohan Chandra [type-theme](https://github.com/rohanchandra/type-theme) packed with extra features and easily cusomizable:
|
10
10
|
|
@@ -18,6 +18,7 @@ A free and open-source [Jekyll](https://jekyllrb.com) theme. Based on Rohan Chan
|
|
18
18
|
* 🖋 Nice fonts: [Font Awesome](https://fontawesome.com/), [Source Sans Pro](https://fonts.google.com/specimen/Source+Sans+Pro), [Pacifico](https://fonts.google.com/specimen/Pacifico?selection.family=Pacifico)
|
19
19
|
* Seo Tags: [Jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag)
|
20
20
|
* 🛠 Syntax Highlighting: Easily customisable [Base16](https://github.com/chriskempson/base16)
|
21
|
+
* 💡 Light and dark theme supported
|
21
22
|
* Find free of rights images on [pexels](https://www.pexels.com/)
|
22
23
|
|
23
24
|
> [Demo Site](https://sylhare.github.io/Type-on-Strap/)
|
@@ -44,7 +45,7 @@ Check out this tutorial: [Use as Ruby Gem](https://github.com/Sylhare/Type-on-St
|
|
44
45
|
2. Install [Jekyll](https://jekyllrb.com/docs/installation/): `gem install jekyll`, check [#1](https://github.com/Sylhare/Type-on-Strap/issues/1) if you have a problem.
|
45
46
|
3. Install the theme's dependencies: `bundle install`
|
46
47
|
4. Customize the theme
|
47
|
-
-
|
48
|
+
- GitHub Page: [update `_config.yml`](https://github.com/Sylhare/Type-on-Strap#site-configuration)
|
48
49
|
5. Run the Jekyll server: `bundle exec jekyll serve`
|
49
50
|
|
50
51
|
## Structure
|
@@ -87,7 +88,7 @@ If a variable in this document is marked as "optional", disable the feature by r
|
|
87
88
|
|
88
89
|
### Site configuration
|
89
90
|
|
90
|
-
Configure Jekyll as your own blog or with a "baseurl" in
|
91
|
+
Configure Jekyll as your own blog or with a "baseurl" in `_config.yml`:
|
91
92
|
|
92
93
|
Jekyll website *without* a "baseurl" (such as a GitHub Pages website for a given username):
|
93
94
|
|
@@ -117,9 +118,12 @@ title: My Jekyll Blog # Name of website
|
|
117
118
|
avatar: assets/img/triangle.png # Path of avatar image, to be displayed in the theme's header
|
118
119
|
description: My blog posts # Short description, primarily used by search engines
|
119
120
|
favicon: assets/favicon.ico # Icon displayed in the tab
|
121
|
+
color_theme: auto # color theme auto, dark or light
|
120
122
|
```
|
121
123
|
|
122
124
|
You can also customize the seo tags default option following the jekyll-seo-tag plugin [documentation](http://jekyll.github.io/jekyll-seo-tag/advanced-usage/).
|
125
|
+
The color theme can be set to dark or light (customize it in _variables.scss_).
|
126
|
+
Using _auto_ you'll have a tiny icon in the navbar allowing the use to manually switch from dark to light theme.
|
123
127
|
|
124
128
|
### Theme customization 🎨
|
125
129
|
|
@@ -140,7 +144,7 @@ If you don't want anything, replace the value by `" "`.
|
|
140
144
|
Localization string is a way to quickly change the template language for text like *Next Post* or *Follow on*, ...
|
141
145
|
You can find all the properties in `_data/language.yml`.
|
142
146
|
|
143
|
-
By default it is in english, but you can easily add your own language.
|
147
|
+
By default, it is in english, but you can easily add your own language.
|
144
148
|
|
145
149
|
### Google Analytics
|
146
150
|
|
@@ -151,7 +155,9 @@ to `_config.yml` like so:
|
|
151
155
|
google_analytics: UA-NNNNNNNN-N
|
152
156
|
```
|
153
157
|
|
154
|
-
### Comments
|
158
|
+
### Comments
|
159
|
+
|
160
|
+
#### Disqus
|
155
161
|
|
156
162
|
Optionally, if you have a [Disqus](https://disqus.com/) account, you can show a
|
157
163
|
comments section below each post.
|
@@ -163,12 +169,23 @@ to your project's `_config.yml` file:
|
|
163
169
|
disqus_shortname: my_disqus_shortname
|
164
170
|
```
|
165
171
|
|
172
|
+
#### Cusdis
|
173
|
+
|
174
|
+
[Cusdis](https://cusdis.com/) is an open source alternative to Disqus.
|
175
|
+
You can read more about it in the [documentation](https://cusdis.com/doc#/)
|
176
|
+
|
177
|
+
To enable it, set your cusdis name in `_config.yml`:
|
178
|
+
|
179
|
+
```yaml
|
180
|
+
cusdis_app_id: my_data-app-id
|
181
|
+
```
|
182
|
+
|
166
183
|
### Math typesetting with KateX
|
167
184
|
|
168
185
|
When KateX is set in `_config.yml`:
|
169
186
|
|
170
187
|
```yml
|
171
|
-
katex: true # to
|
188
|
+
katex: true # to enable it
|
172
189
|
```
|
173
190
|
|
174
191
|
You can then wrap math expressions with `$$` signs in your posts and make sure you have set the `katex` variable
|
@@ -254,7 +271,7 @@ Please refer to the [Jekyll docs for writing posts](https://jekyllrb.com/docs/po
|
|
254
271
|
|
255
272
|
#### Layout: Post
|
256
273
|
|
257
|
-
|
274
|
+
These are the basic features you can use with the `post` layout.
|
258
275
|
|
259
276
|
```yml
|
260
277
|
|
@@ -305,7 +322,7 @@ some text in the excerpt
|
|
305
322
|
... rest of the text not shown in the excerpt ...
|
306
323
|
```
|
307
324
|
|
308
|
-
The html is stripped out of the excerpt so it only
|
325
|
+
The html is stripped out of the excerpt, so it only displays text.
|
309
326
|
|
310
327
|
#### Image aligner
|
311
328
|
|
@@ -315,8 +332,8 @@ To easily add align images side by side in your article using the `aligner.html`
|
|
315
332
|
{% include aligner.html images="path/to/img1.png,path/to/img2.png,path/to/img3.png" column=3 %}
|
316
333
|
```
|
317
334
|
|
318
|
-
Use it in any markdown file. There are two fields in the
|
319
|
-
- _images_: Takes a string separated with `,` of all the images path.
|
335
|
+
Use it in any markdown file. There are two fields in the _include_ you need to look into:
|
336
|
+
- _images_: Takes a string separated with `,` of all the images' path.
|
320
337
|
- It by default look into `assets/img/` so give the path from there.
|
321
338
|
- _column_: (OPTIONAL) Set the number of column you want your imaged displayed in.
|
322
339
|
- default is 2 columns
|
@@ -386,7 +403,7 @@ layout: page
|
|
386
403
|
title : Portfolio
|
387
404
|
---
|
388
405
|
|
389
|
-
{% include portfolio.html %}
|
406
|
+
{% include default/portfolio.html %}
|
390
407
|
```
|
391
408
|
|
392
409
|
#### Portfolio posts
|
@@ -435,7 +452,7 @@ title: Gallery
|
|
435
452
|
gallery: "assets/img/pexels"
|
436
453
|
---
|
437
454
|
|
438
|
-
{% include gallery.html gallery_path=page.gallery %}
|
455
|
+
{% include default/gallery.html gallery_path=page.gallery %}
|
439
456
|
```
|
440
457
|
|
441
458
|
|
data/_data/language.yml
CHANGED
@@ -16,3 +16,5 @@ str_cookie_approve: "Approve"
|
|
16
16
|
str_cookie_disclaimer: "We would like to use third party cookies and scripts to improve the functionality of this website."
|
17
17
|
str_months: [January, February, March, April, May, June, July, August, September, October, November, December]
|
18
18
|
|
19
|
+
# Localization settings
|
20
|
+
cusdis_lang: # zh-cn, es, tr, pt-BR
|
@@ -18,7 +18,7 @@
|
|
18
18
|
{{ post.title }}
|
19
19
|
</a>
|
20
20
|
</h1>
|
21
|
-
{% include post_info.html author=post.author date=post.date %}
|
21
|
+
{% include blog/post_info.html author=post.author date=post.date %}
|
22
22
|
</header>
|
23
23
|
{% if site.excerpt or site.theme_settings.excerpt %}
|
24
24
|
<div class="excerpt">
|
@@ -34,4 +34,4 @@
|
|
34
34
|
{% endfor %}
|
35
35
|
</div>
|
36
36
|
|
37
|
-
{% include blog_nav.html %}
|
37
|
+
{% include blog/blog_nav.html %}
|
File without changes
|
File without changes
|
File without changes
|
@@ -2,6 +2,19 @@
|
|
2
2
|
<meta charset="utf-8">
|
3
3
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=5">
|
4
4
|
|
5
|
+
<!-- Theme Mode-->
|
6
|
+
{% if site.color_theme == 'auto' %}
|
7
|
+
<script>
|
8
|
+
const isAutoTheme = true;
|
9
|
+
document.documentElement.setAttribute('data-theme', sessionStorage.getItem('theme'))
|
10
|
+
</script>
|
11
|
+
{% else %}
|
12
|
+
<script>
|
13
|
+
const isAutoTheme = false;
|
14
|
+
document.documentElement.setAttribute('data-theme', "{{ site.color_theme | default: 'light' }}")
|
15
|
+
</script>
|
16
|
+
{% endif %}
|
17
|
+
|
5
18
|
<!-- Main JS (navbar.js, katex_init.js and masonry_init.js)-->
|
6
19
|
<script defer src="{{ '/assets/js/main.min.js' | relative_url }}"></script>
|
7
20
|
|
@@ -13,7 +26,7 @@
|
|
13
26
|
|
14
27
|
<!-- RSS -->
|
15
28
|
<link rel="alternate" type="application/atom+xml" title="{{ site.title | default: 'Title' }}" href="{{ 'feed.xml' | absolute_url }}"/>
|
16
|
-
|
29
|
+
|
17
30
|
{% if page.bootstrap %}
|
18
31
|
<!-- Bootstrap-4.1.3 isolation CSS -->
|
19
32
|
<link rel="stylesheet" type="text/css" href="{{ '/assets/css/vendor/bootstrap-iso.min.css' | relative_url }}">
|
@@ -34,6 +34,11 @@
|
|
34
34
|
{% endunless %}
|
35
35
|
{% assign name_page = page.title | append: name_page %}
|
36
36
|
{% endfor %}
|
37
|
+
|
38
|
+
{% if site.color_theme == 'auto' %}
|
39
|
+
<li class="separator"> | </li>
|
40
|
+
<li><a id="theme-toggle" title="{{ page.title }} "aria-label="{{ page.title }}" onclick="themeToggle()"></a></li>
|
41
|
+
{% endif %}
|
37
42
|
</ul>
|
38
43
|
|
39
44
|
</nav>
|
File without changes
|
data/_includes/gallery.html
CHANGED
@@ -4,7 +4,6 @@ html { overflow-y: scroll; }
|
|
4
4
|
|
5
5
|
/* To overwrite page's padding, to get bigger images */
|
6
6
|
/* article {padding:2%;} */
|
7
|
-
|
8
7
|
</style>
|
9
8
|
|
10
9
|
<div id='masonry' class="grid">
|
@@ -19,5 +18,5 @@ html { overflow-y: scroll; }
|
|
19
18
|
{% endfor %}
|
20
19
|
</div>
|
21
20
|
|
22
|
-
<script src="{{
|
23
|
-
<script src="{{
|
21
|
+
<script src="{{ '/assets/js/vendor/imagesloaded.min.js' | relative_url }}" type="text/javascript"></script>
|
22
|
+
<script src="{{ '/assets/js/vendor/masonry.pkgd.min.js' | relative_url }}" type="text/javascript"></script>
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<div class="comments" id="cusdis"
|
2
|
+
data-host="https://cusdis.com"
|
3
|
+
data-app-id="{{ site.cusdis_app_id }}"
|
4
|
+
data-page-id="{{ page.relative_path }}"
|
5
|
+
data-page-url="{{ page.url }}"
|
6
|
+
data-page-title="{{ page.title }}"
|
7
|
+
></div>
|
8
|
+
|
9
|
+
{% if site.data.language.cusdis_lang %}
|
10
|
+
<script defer src="https://cusdis.com/js/widget/lang/{{ site.data.language.cusdis_lang }}.js"></script>
|
11
|
+
{% endif %}
|
12
|
+
<script async src="https://cusdis.com/js/cusdis.es.js"></script>
|
File without changes
|
@@ -0,0 +1,11 @@
|
|
1
|
+
{% if include.isDisplayed %}
|
2
|
+
<li>
|
3
|
+
<a href="{{ include.url }}"
|
4
|
+
title="{{ site.data.language.str_follow_on }} {{ include.social }}">
|
5
|
+
<span class="fa-stack fa-lg">
|
6
|
+
<i class="fas fa-circle fa-stack-2x"></i>
|
7
|
+
<i class="fab fa-{{ include.social | downcase }} fa-stack-1x fa-inverse"></i>
|
8
|
+
</span>
|
9
|
+
</a>
|
10
|
+
</li>
|
11
|
+
{% endif %}
|
@@ -0,0 +1,107 @@
|
|
1
|
+
{% if site.data.social.rss or site.theme_settings.rss %}
|
2
|
+
<li>
|
3
|
+
<a feed.xml href="{{ site.data.social.feed.path | default: 'feed.xml' | relative_url }}"
|
4
|
+
title="{{ site.data.language.str_rss_follow | default: 'Follow RSS feed' }}">
|
5
|
+
<span class="fa-stack fa-lg">
|
6
|
+
<i class="fas fa-circle fa-stack-2x"></i>
|
7
|
+
<i class="fas fa-rss fa-stack-1x fa-inverse"></i>
|
8
|
+
</span>
|
9
|
+
</a>
|
10
|
+
</li>
|
11
|
+
{% endif %}
|
12
|
+
|
13
|
+
{% if site.data.social.email_address or site.theme_settings.email_address %}
|
14
|
+
<li>
|
15
|
+
<a href="mailto:{{ site.data.social.email_address }}"
|
16
|
+
title="{{ site.data.language.str_email }}">
|
17
|
+
<span class="fa-stack fa-lg">
|
18
|
+
<i class="fas fa-circle fa-stack-2x"></i>
|
19
|
+
<i class="fas fa-envelope fa-stack-1x fa-inverse"></i>
|
20
|
+
</span>
|
21
|
+
</a>
|
22
|
+
</li>
|
23
|
+
{% endif %}
|
24
|
+
|
25
|
+
{% assign bh_url = "https://www.behance.net/" | append: site.data.social.behance %}
|
26
|
+
{% assign bh_on = site.data.social.behance or site.theme_settings.behance %}
|
27
|
+
{% include social/icon_partial.html isDisplayed=bh_on url=bh_url social="Behance" %}
|
28
|
+
|
29
|
+
{% assign bb_url = "https://bitbucket.org/" | append: site.data.social.bitbucket %}
|
30
|
+
{% assign bb_on = site.data.social.bitbucket or site.theme_settings.bitbucket %}
|
31
|
+
{% include social/icon_partial.html isDisplayed=bb_on url=bb_url social="Bitbucket" %}
|
32
|
+
|
33
|
+
{% assign db_url = "https://www.dribbble.com/" | append: site.data.social.dribbble %}
|
34
|
+
{% assign db_on = site.data.social.dribbble or site.theme_settings.dribbble %}
|
35
|
+
{% include social/icon_partial.html isDisplayed=db_on url=db_url social="Dribbble" %}
|
36
|
+
|
37
|
+
{% assign fb_url = "https://www.facebook.com/" | append: site.data.social.facebook %}
|
38
|
+
{% assign fb_on = site.data.social.facebook or site.theme_settings.facebook %}
|
39
|
+
{% include social/icon_partial.html isDisplayed=fb_on url=fb_url social="Facebook" %}
|
40
|
+
|
41
|
+
{% assign fk_url = "https://flickr.com/photos/" | append: site.data.social.flickr %}
|
42
|
+
{% assign fk_on = site.data.social.flickr or site.theme_settings.flickr %}
|
43
|
+
{% include social/icon_partial.html isDisplayed=fk_on url=fk_url social="Flickr" %}
|
44
|
+
|
45
|
+
{% assign gh_url = "https://github.com/" | append: site.data.social.github %}
|
46
|
+
{% assign gh_on = site.data.social.github or site.theme_settings.github %}
|
47
|
+
{% include social/icon_partial.html isDisplayed=gh_on url=gh_url social="GitHub" %}
|
48
|
+
|
49
|
+
{% assign ig_url = "https://instagram.com/" | append: site.data.social.instagram %}
|
50
|
+
{% assign ig_on = site.data.social.instagram or site.theme_settings.instagram %}
|
51
|
+
{% include social/icon_partial.html isDisplayed=ig_on url=ig_url social="instagram" %}
|
52
|
+
|
53
|
+
{% assign kb_url = "https://keybase.io/" | append: site.data.social.keybase %}
|
54
|
+
{% assign kb_on = site.data.social.keybase or site.theme_settings.keybase %}
|
55
|
+
{% include social/icon_partial.html isDisplayed=kb_on url=kb_url social="Keybase" %}
|
56
|
+
|
57
|
+
{% assign se_url = site.data.social.linkedin %}
|
58
|
+
{% assign se_on = site.data.social.linkedin or site.theme_settings.linkedin %}
|
59
|
+
{% include social/icon_partial.html isDisplayed=se_on url=se_url social="Linkedin" %}
|
60
|
+
|
61
|
+
{% assign pi_url = "https://www.pinterest.com/" | append: site.data.social.pinterest %}
|
62
|
+
{% assign pi_on = site.data.social.pinterest or site.theme_settings.pinterest %}
|
63
|
+
{% include social/icon_partial.html isDisplayed=pi_on url=pi_url social="Pinterest" %}
|
64
|
+
|
65
|
+
{% assign rd_url = "https://www.reddit.com/user/" | append: site.data.social.reddit %}
|
66
|
+
{% assign rd_on = site.data.social.reddit or site.theme_settings.reddit %}
|
67
|
+
{% include social/icon_partial.html isDisplayed=rd_on url=rd_url social="Reddit" %}
|
68
|
+
|
69
|
+
{% assign sc_url = "https://soundcloud.com/" | append: site.data.social.soundcloud %}
|
70
|
+
{% assign sc_on = site.data.social.soundcloud or site.theme_settings.soundcloud %}
|
71
|
+
{% include social/icon_partial.html isDisplayed=sc_on url=sc_url social="SoundCloud" %}
|
72
|
+
|
73
|
+
{% assign se_url = site.data.social.stack_exchange %}
|
74
|
+
{% assign se_on = site.data.social.stack_exchange or site.theme_settings.stack_exchange %}
|
75
|
+
{% include social/icon_partial.html isDisplayed=se_on url=se_url social="Stack-Exchange" %}
|
76
|
+
|
77
|
+
{% assign so_url = site.data.social.stack_overflow %}
|
78
|
+
{% assign so_on = site.data.social.stack_overflow or site.theme_settings.stack_overflow %}
|
79
|
+
{% include social/icon_partial.html isDisplayed=so_on url=so_url social="Stack-Overflow" %}
|
80
|
+
|
81
|
+
{% assign st_url = "http://steamcommunity.com/id/" | append: site.data.social.steam %}
|
82
|
+
{% assign st_on = site.data.social.steam or site.theme_settings.steam %}
|
83
|
+
{% include social/icon_partial.html isDisplayed=st_on url=st_url social="Steam" %}
|
84
|
+
|
85
|
+
{% assign tb_url = "https://" | append: site.data.social.tumblr | append: ".tumblr.com/" %}
|
86
|
+
{% assign tb_on = site.data.social.tumblr or site.theme_settings.tumblr %}
|
87
|
+
{% include social/icon_partial.html isDisplayed=tb_on url=tb_url social="Tumblr" %}
|
88
|
+
|
89
|
+
{% assign gl_url = "https://gitlab.com/" | append: site.data.social.gitlab %}
|
90
|
+
{% assign gl_on = site.data.social.gitlab or site.theme_settings.gitlab %}
|
91
|
+
{% include social/icon_partial.html isDisplayed=gl_on url=gl_url social="Gitlab" %}
|
92
|
+
|
93
|
+
{% assign tw_url = "https://twitter.com/" | append: site.data.social.twitter %}
|
94
|
+
{% assign tw_on = site.data.social.twitter or site.theme_settings.twitter %}
|
95
|
+
{% include social/icon_partial.html isDisplayed=tw_on url=tw_url social="Twitter" %}
|
96
|
+
|
97
|
+
{% assign v_url = "https://vimeo.com/" | append: site.data.social.vimeo %}
|
98
|
+
{% assign v_on = site.data.social.vimeo or site.theme_settings.vimeo %}
|
99
|
+
{% include social/icon_partial.html isDisplayed=v_on url=v_url social="Vimeo" %}
|
100
|
+
|
101
|
+
{% assign wp_url = "https://" | append: site.data.social.wordpress | append: ".wordpress.com/" %}
|
102
|
+
{% assign wp_on = site.data.social.wordpress or site.theme_settings.wordpress %}
|
103
|
+
{% include social/icon_partial.html isDisplayed=wp_on url=wp_url social="WordPress" %}
|
104
|
+
|
105
|
+
{% assign yt_url = "https://www.youtube.com/channel/" | append: site.data.social.youtube %}
|
106
|
+
{% assign yt_on = site.data.social.youtube or site.theme_settings.youtube %}
|
107
|
+
{% include social/icon_partial.html isDisplayed=yt_on url=yt_url social="Youtube" %}
|
@@ -10,72 +10,80 @@
|
|
10
10
|
|
11
11
|
<div class="share-buttons">
|
12
12
|
<ul class="share-buttons">
|
13
|
-
<
|
13
|
+
<li class="meta">Share</li>
|
14
14
|
{% if site.data.social.share.facebook or site.theme_settings.share_buttons.facebook %}
|
15
15
|
<li>
|
16
|
-
<a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url }}" target="_blank"
|
17
|
-
|
18
|
-
|
19
|
-
|
16
|
+
<a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url }}" target="_blank"
|
17
|
+
title="{{ site.data.social.language.str_share_on }} Facebook">
|
18
|
+
<i class="fab fa-facebook-square fa-2x" aria-hidden="true"></i>
|
19
|
+
<span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} Facebook</span>
|
20
|
+
</a>
|
20
21
|
</li>
|
21
22
|
{% endif %} {% if site.data.social.share.twitter or site.theme_settings.twitter %}
|
22
23
|
<li>
|
23
|
-
<a href="https://twitter.com/intent/tweet?text={{ page.title | strip_html | url_encode }}%20{{ page.url | absolute_url | url_encode }}"
|
24
|
-
|
25
|
-
|
26
|
-
|
24
|
+
<a href="https://twitter.com/intent/tweet?text={{ page.title | strip_html | url_encode }}%20{{ page.url | absolute_url | url_encode }}"
|
25
|
+
target="_blank" title="{{ site.data.social.language.str_tweet }}">
|
26
|
+
<i class="fab fa-twitter-square fa-2x" aria-hidden="true"></i>
|
27
|
+
<span class="sr-only">{{ site.data.social.language.str_tweet | default: "Tweet" }}</span>
|
28
|
+
</a>
|
27
29
|
</li>
|
28
30
|
{% endif %} {% if site.data.social.share.tumblr or site.theme_settings.tumblr %}
|
29
31
|
<li>
|
30
|
-
<a href="https://www.tumblr.com/share?v=3&u={{ page.url | absolute_url }}"e={{ page.title | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}&s="
|
31
|
-
|
32
|
-
|
33
|
-
|
32
|
+
<a href="https://www.tumblr.com/share?v=3&u={{ page.url | absolute_url }}"e={{ page.title | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}&s="
|
33
|
+
target="_blank" title="{{ site.data.social.language.str_share_on }} Tumblr">
|
34
|
+
<i class="fab fa-tumblr-square fa-2x" aria-hidden="true"></i>
|
35
|
+
<span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} Tumblr</span>
|
36
|
+
</a>
|
34
37
|
</li>
|
35
38
|
{% endif %} {% if site.data.social.share.pinterest or site.theme_settings.pinterest %}
|
36
39
|
<li>
|
37
|
-
<a href="https://pinterest.com/pin/create/button/?url={{ page.url | absolute_url }}&media={{ page.feature-img | absolute_url }}$description={{ page.excerpt | strip_html | url_encode }}"
|
38
|
-
|
39
|
-
|
40
|
-
|
40
|
+
<a href="https://pinterest.com/pin/create/button/?url={{ page.url | absolute_url }}&media={{ page.feature-img | absolute_url }}$description={{ page.excerpt | strip_html | url_encode }}"
|
41
|
+
target="_blank" title="{{ site.data.social.language.str_pin_it }}">
|
42
|
+
<i class="fab fa-pinterest-square fa-2x" aria-hidden="true"></i>
|
43
|
+
<span class="sr-only">{{ site.data.social.language.str_pin_it | default: "Pin it" }}</span>
|
44
|
+
</a>
|
41
45
|
</li>
|
42
46
|
{% endif %} {% if site.data.social.share.pocket or site.theme_settings.pocket %}
|
43
47
|
<li>
|
44
|
-
<a href="https://getpocket.com/save?url={{ page.url | absolute_url }}&title={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}"
|
48
|
+
<a href="https://getpocket.com/save?url={{ page.url | absolute_url }}&title={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}"
|
49
|
+
target="_blank" title="{{ site.data.social.language.str_add_to }} Pocket">
|
45
50
|
<span class="fa-stack fa-1x" style="vertical-align: top">
|
46
51
|
<i class="fas fa-square fa-stack-2x" aria-hidden="true"></i>
|
47
52
|
<i class="fab fa-get-pocket fa-stack-1x fa-inverse" aria-hidden="true"></i>
|
48
53
|
</span>
|
49
|
-
|
50
|
-
|
54
|
+
<span class="sr-only">{{ site.data.social.language.str_add_to | default: "Add to" }} Pocket</span>
|
55
|
+
</a>
|
51
56
|
</li>
|
52
57
|
{% endif %} {% if site.data.social.share.reddit or site.theme_settings.reddit %}
|
53
58
|
<li>
|
54
|
-
<a href="https://www.reddit.com/submit?url={{ page.url | absolute_url }}&title={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}"
|
55
|
-
|
56
|
-
|
57
|
-
|
59
|
+
<a href="https://www.reddit.com/submit?url={{ page.url | absolute_url }}&title={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}"
|
60
|
+
target="_blank" title="{{ site.data.social.language.str_share_on }} Reddit">
|
61
|
+
<i class="fab fa-reddit-square fa-2x" aria-hidden="true"></i>
|
62
|
+
<span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} Reddit</span>
|
63
|
+
</a>
|
58
64
|
</li>
|
59
65
|
{% endif %} {% if site.data.social.share.linkedin or site.theme_settings.linkedin %}
|
60
66
|
<li>
|
61
|
-
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url }}&title={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}&summary=&source={{ page.url | absolute_url }}"
|
62
|
-
|
63
|
-
|
64
|
-
|
67
|
+
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url }}&title={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}&summary=&source={{ page.url | absolute_url }}"
|
68
|
+
target="_blank" title="{{ site.data.social.language.str_share_on }} LinkedIn">
|
69
|
+
<i class="fab fa-linkedin fa-2x" aria-hidden="true"></i>
|
70
|
+
<span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} LinkedIn</span>
|
71
|
+
</a>
|
65
72
|
</li>
|
66
73
|
{% endif %} {% if site.data.social.share.wordpress or site.theme_settings.wordpress %}
|
67
74
|
<li>
|
68
|
-
<a href="https://wordpress.com/press-this.php?u={{ page.url | absolute_url }}"e={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}&s="
|
69
|
-
|
70
|
-
|
71
|
-
|
75
|
+
<a href="https://wordpress.com/press-this.php?u={{ page.url | absolute_url }}"e={{ page.title | strip_html | url_encode }}%20%7C%20{{ site.title | strip_html | url_encode }}&s="
|
76
|
+
target="_blank" title="{{ site.data.social.language.str_share_on }} WordPress">
|
77
|
+
<i class="fab fa-wordpress fa-2x" aria-hidden="true"></i>
|
78
|
+
<span class="sr-only">{{ site.data.social.language.str_share_on | default: "Share on" }} WordPress</span>
|
79
|
+
</a>
|
72
80
|
</li>
|
73
81
|
{% endif %} {% if site.data.social.share.email or site.theme_settings.email %}
|
74
82
|
<li>
|
75
|
-
<a href="mailto:?subject={{ page.title }}%20%7C%20{{ site.title }}&body={{ page.url | absolute_url }}"
|
76
|
-
|
77
|
-
|
78
|
-
|
83
|
+
<a href="mailto:?subject={{ page.title }}%20%7C%20{{ site.title }}&body={{ page.url | absolute_url }}"
|
84
|
+
target="_blank" title="{{ site.data.social.language.str_email }}">
|
85
|
+
<i class="fas fa-envelope-square fa-2x" aria-hidden="true"></i>
|
86
|
+
<span class="sr-only">{{ site.data.social.language.str_email | default: "Email" }}</span></a>
|
79
87
|
</li>
|
80
88
|
{% endif %}
|
81
89
|
</ul>
|