j1-template 2023.0.2 → 2023.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/themes/j1/layouts/content_generator_post.html +8 -2
  3. data/_includes/themes/j1/layouts/layout_metadata_generator.html +6 -0
  4. data/_includes/themes/j1/procedures/blocks/footer/boxes/social_media_icons.proc +22 -22
  5. data/_includes/themes/j1/procedures/posts/pager.proc +4 -0
  6. data/assets/data/banner.html +29 -18
  7. data/assets/data/panel.html +69 -12
  8. data/assets/themes/j1/adapter/js/navigator.js +77 -303
  9. data/assets/themes/j1/adapter/js/themer.js +10 -6
  10. data/lib/j1/version.rb +1 -1
  11. data/lib/starter_web/Gemfile +3 -3
  12. data/lib/starter_web/README.md +5 -5
  13. data/lib/starter_web/_config.yml +10 -10
  14. data/lib/starter_web/_data/blocks/banner.yml +2 -1
  15. data/lib/starter_web/_data/blocks/panel.yml +6 -1
  16. data/lib/starter_web/_data/modules/defaults/navigator.yml +2 -2
  17. data/lib/starter_web/_data/modules/themer.yml +0 -1
  18. data/lib/starter_web/_data/templates/feed.xml +1 -1
  19. data/lib/starter_web/_includes/custom/agency/portfolio.html +67 -0
  20. data/lib/starter_web/_includes/custom/agency/services.html +35 -0
  21. data/lib/starter_web/_includes/custom/agency/team.html +29 -0
  22. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  23. data/lib/starter_web/assets/images/agency/img/about/1.jpg +0 -0
  24. data/lib/starter_web/assets/images/agency/img/about/2.jpg +0 -0
  25. data/lib/starter_web/assets/images/agency/img/about/3.jpg +0 -0
  26. data/lib/starter_web/assets/images/agency/img/about/4.jpg +0 -0
  27. data/lib/starter_web/assets/images/agency/img/close-icon.svg +1 -0
  28. data/lib/starter_web/assets/images/agency/img/header-bg.jpg +0 -0
  29. data/lib/starter_web/assets/images/agency/img/logos/facebook.svg +34 -0
  30. data/lib/starter_web/assets/images/agency/img/logos/google.svg +35 -0
  31. data/lib/starter_web/assets/images/agency/img/logos/ibm.svg +24 -0
  32. data/lib/starter_web/assets/images/agency/img/logos/microsoft.svg +42 -0
  33. data/lib/starter_web/assets/images/agency/img/map-image.png +0 -0
  34. data/lib/starter_web/assets/images/agency/img/navbar-logo.svg +1 -0
  35. data/lib/starter_web/assets/images/agency/img/portfolio/1.jpg +0 -0
  36. data/lib/starter_web/assets/images/agency/img/portfolio/2.jpg +0 -0
  37. data/lib/starter_web/assets/images/agency/img/portfolio/3.jpg +0 -0
  38. data/lib/starter_web/assets/images/agency/img/portfolio/4.jpg +0 -0
  39. data/lib/starter_web/assets/images/agency/img/portfolio/5.jpg +0 -0
  40. data/lib/starter_web/assets/images/agency/img/portfolio/6.jpg +0 -0
  41. data/lib/starter_web/assets/images/agency/img/screenshot.png +0 -0
  42. data/lib/starter_web/assets/images/agency/img/team/1.jpg +0 -0
  43. data/lib/starter_web/assets/images/agency/img/team/2.jpg +0 -0
  44. data/lib/starter_web/assets/images/agency/img/team/3.jpg +0 -0
  45. data/lib/starter_web/package.json +2 -1
  46. data/lib/starter_web/pages/public/learn/mweb/mweb-tester.adoc +299 -0
  47. data/lib/starter_web/pages/public/learn/mweb/static/index.css +237 -0
  48. data/lib/starter_web/pages/public/learn/mweb/static/index.js +1138 -0
  49. data/lib/starter_web/pages/public/learn/mweb/static/lodash.min.js +140 -0
  50. data/lib/starter_web/pages/public/learn/mweb/static/socket.io/socket.io.js +4570 -0
  51. data/lib/starter_web/pages/public/learn/mweb/static/socket.io/socket.io.min.js +7 -0
  52. data/lib/starter_web/pages/public/learn/mweb/static/video-js.min.css +1 -0
  53. data/lib/starter_web/pages/public/learn/mweb/static/video.min.js +26 -0
  54. data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
  55. data/lib/starter_web/utilsrv/package.json +1 -1
  56. metadata +35 -10
  57. data/assets/themes/j1/core/css/icon-fonts/materialdesign-light.css +0 -1222
  58. data/assets/themes/j1/core/css/icon-fonts/materialdesign-light.min.css +0 -1
  59. data/assets/themes/j1/core/css/icon-fonts/materialdesign.css +0 -22307
  60. data/assets/themes/j1/core/css/icon-fonts/materialdesign.min.css +0 -1
  61. data/assets/themes/j1/core/css/icon-fonts/twemoji.css +0 -9499
  62. data/assets/themes/j1/core/css/icon-fonts/twemoji.min.css +0 -1
  63. data/assets/themes/j1/core/css/themes/theme_vapor/bootstrap.css +0 -8876
  64. data/assets/themes/j1/core/css/themes/theme_vapor/bootstrap.min.css +0 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 31e43186bcf8a49e6b47e1a297fcd921dd4aa95ee92a65b71e3b51e5f2f4aa4f
4
- data.tar.gz: 7bef49411c29e970faf4aeb76b4af4ed712ca383d3cbf36f7582543233326e25
3
+ metadata.gz: 4a05cfa6197c6bc052afb4562b88cef4d61183424f17e1437c543d5ace5037d7
4
+ data.tar.gz: 2b69d2438d3e4d3751e7aa6bd81c03e7165da901b890dc335775aad6c7ae05dd
5
5
  SHA512:
6
- metadata.gz: 11349904d27813c26e95f30d433476193cd992e177fa23fccf6a4ee3908fed92cfc4074e3b5de1ceba4087688ccfc1e3dc213ffa52631f05b71aa429cfae5445
7
- data.tar.gz: c997718ba9383a1eea656322f0b764c23af48cf275494c4e3f3b2a842c72c39164bbc09d0868679a13003096bf712a4bf945206229a10bcd619425a092950686
6
+ metadata.gz: 7ebaa41228a0c2e906f5ac127c1c9194e0a99b750503161e89b824e7aeafd2c86c4a01e053fe2e8c6e400012566792d8a6b1bb7df7b573074f36ea7f6a3dedb2
7
+ data.tar.gz: ebc29da57cad6362f9c2387efb44f468b31310030fd3451d8a7d53182e5d67d68a9256618ef69e0b6ea5216762b33d31cb25e34fb066d8005f078ca3c47deca8
@@ -79,8 +79,14 @@
79
79
  <!-- Blog post CONTENT -->
80
80
  <div class="row">
81
81
  <main id="main-content" class="r-text-{{rtext_size}} js-toc-content">
82
- <!-- Include a pager at top position -->
83
- {% include {{pager}} %}
82
+ {% if page.page_navigation %}
83
+ <!-- Include a PAGER (top position) -->
84
+ {% include {{pager}} %}
85
+ {% else %}
86
+ <!-- Skip to include a PAGER -->
87
+ {% endif %}
88
+
89
+ <!-- place blog post HEADLINE -->
84
90
  <div class="post-headline mt-4">
85
91
  {% if language == "en" %}
86
92
  <h1 class="notoc">{{ page.date | localize: "%Y %B, %e" }}</h1>
@@ -198,6 +198,12 @@
198
198
  {{personalization}}
199
199
 
200
200
 
201
+ {% comment %} Load additional fonts from remote
202
+ -------------------------------------------------------------------------------- {% endcomment %}
203
+ <!-- Google fonts -->
204
+ <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
205
+
206
+
201
207
  {% comment %} J1 SEO processing
202
208
  -------------------------------------------------------------------------------- {% endcomment %}
203
209
  <!-- [INFO ] [j1.layout.meta_data_generator.html ] [ start SEO Optimization ] -->
@@ -32,28 +32,28 @@
32
32
  {% assign key = icon[0] %}
33
33
  {% assign value = icon[1] %}
34
34
 
35
- {% if key == 'amazon' and value.enabled %}<li><a id="footerAmazonButton" href="{{value.href}}" data-original-title="Amazon" class="rounded-circle social_amazon "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
36
- {% if key == 'behance' and value.enabled %}<li><a id="footerBehanceButton" href="{{value.href}}" data-original-title="Behance" class="rounded-circle social_behance "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
37
- {% if key == 'blogger' and value.enabled %}<li><a id="footerBloggerButton" href="{{value.href}}" data-original-title="Blogger" class="rounded-circle social_blogger "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
38
- {% if key == 'dribbble' and value.enabled %}<li><a id="footerDribbbleButton" href="{{value.href}}" data-original-title="Dribbble" class="rounded-circle social_dribbble "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
39
- {% if key == 'dropbox' and value.enabled %}<li><a id="footerDropboxButton" href="{{value.href}}" data-original-title="Dropbox" class="rounded-circle social_dropbox "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
40
- {% if key == 'evernote' and value.enabled %}<li><a id="footerEvernoteButton" href="{{value.href}}" data-original-title="Evernote" class="rounded-circle social_evernote "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
41
- {% if key == 'facebook' and value.enabled %}<li><a id="footerFacebookButton" href="{{value.href}}" data-original-title="Facebook" class="rounded-circle social_facebook "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
42
- {% if key == 'forrst' and value.enabled %}<li><a id="footerForrstButton" href="{{value.href}}" data-original-title="Forrst" class="rounded-circle social_forrst "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
43
- {% if key == 'github' and value.enabled %}<li><a id="footerGithubButton" href="{{value.href}}" data-original-title="Github" class="rounded-circle social_github "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
44
- {% if key == 'googleplus' and value.enabled %}<li><a id="footerGooglePlusButton" href="{{value.href}}" data-original-title="GooglePlus" class="rounded-circle social_github "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
45
- {% if key == 'instagram' and value.enabled %}<li><a id="footerTnstagramButton" href="{{value.href}}" data-original-title="Instagram" class="rounded-circle social_instagram "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
46
- {% if key == 'linkedin' and value.enabled %}<li><a id="footerLinkedinButton" href="{{value.href}}" data-original-title="linkedin" class="rounded-circle social_linkedin "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
47
- {% if key == 'pintrest' and value.enabled %}<li><a id="footerPintrestButton" href="{{value.href}}" data-original-title="Pintrest" class="rounded-circle social_pintrest "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
48
- {% if key == 'rss' and value.enabled %}<li><a id="footerRssButton" href="{{value.href}}" data-original-title="RSS" class="rounded-circle social_rss "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
49
- {% if key == 'skype' and value.enabled %}<li><a id="footerSkypeButton" href="{{value.href}}" data-original-title="Skype" class="rounded-circle social_skype "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
50
- {% if key == 'spotify' and value.enabled %}<li><a id="footerSpotifyButton" href="{{value.href}}" data-original-title="Spotify" class="rounded-circle social_spotify "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
51
- {% if key == 'twitter' and value.enabled %}<li><a id="footerTwitterButton" href="{{value.href}}" data-original-title="Twitter" class="rounded-circle social_twitter "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
52
- {% if key == 'vimeo' and value.enabled %}<li><a id="footerVimeoButton" href="{{value.href}}" data-original-title="Vimeo" class="rounded-circle social_vimeo "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
53
- {% if key == 'vk' and value.enabled %}<li><a id="footerVkButton" href="{{value.href}}" data-original-title="VK" class="rounded-circle social_vk "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
54
- {% if key == 'xing' and value.enabled %}<li><a id="footerXingButton" href="{{value.href}}" data-original-title="Xing" class="rounded-circle social_xing "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
55
- {% if key == 'yahoo' and value.enabled %}<li><a id="footerYahooButton" href="{{value.href}}" data-original-title="Yahoo" class="rounded-circle social_yahoo "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
56
- {% if key == 'youtube' and value.enabled %}<li><a id="footerYoutubeButton" href="{{value.href}}" data-original-title="Youtube" class="rounded-circle social_youtube "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
35
+ {% if key == 'amazon' and value.enabled %}<li><a id="footerAmazonButton" href="{{value.href}}" aria-label="footerAmazonButton" data-original-title="Amazon" class="rounded-circle social_amazon "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
36
+ {% if key == 'behance' and value.enabled %}<li><a id="footerBehanceButton" href="{{value.href}}" aria-label="footerBehanceButton" data-original-title="Behance" class="rounded-circle social_behance "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
37
+ {% if key == 'blogger' and value.enabled %}<li><a id="footerBloggerButton" href="{{value.href}}" aria-label="footerBloggerButton" data-original-title="Blogger" class="rounded-circle social_blogger "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
38
+ {% if key == 'dribbble' and value.enabled %}<li><a id="footerDribbbleButton" href="{{value.href}}" aria-label="footerDribbbleButton" data-original-title="Dribbble" class="rounded-circle social_dribbble "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
39
+ {% if key == 'dropbox' and value.enabled %}<li><a id="footerDropboxButton" href="{{value.href}}" aria-label="footerDropboxButton" data-original-title="Dropbox" class="rounded-circle social_dropbox "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
40
+ {% if key == 'evernote' and value.enabled %}<li><a id="footerEvernoteButton" href="{{value.href}}" aria-label="footerEvernoteButton" data-original-title="Evernote" class="rounded-circle social_evernote "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
41
+ {% if key == 'facebook' and value.enabled %}<li><a id="footerFacebookButton" href="{{value.href}}" aria-label="footerFacebookButton" data-original-title="Facebook" class="rounded-circle social_facebook "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
42
+ {% if key == 'forrst' and value.enabled %}<li><a id="footerForrstButton" href="{{value.href}}" aria-label="footerForrstButton" data-original-title="Forrst" class="rounded-circle social_forrst "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
43
+ {% if key == 'github' and value.enabled %}<li><a id="footerGithubButton" href="{{value.href}}" aria-label="footerGithubButton" data-original-title="Github" class="rounded-circle social_github "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
44
+ {% if key == 'googleplus' and value.enabled %}<li><a id="footerGooglePlusButton" href="{{value.href}}" aria-label="footerGooglePlusButton" data-original-title="GooglePlus" class="rounded-circle social_github "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
45
+ {% if key == 'instagram' and value.enabled %}<li><a id="footerTnstagramButton" href="{{value.href}}" aria-label="footerTnstagramButton" data-original-title="Instagram" class="rounded-circle social_instagram "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
46
+ {% if key == 'linkedin' and value.enabled %}<li><a id="footerLinkedinButton" href="{{value.href}}" aria-label="footerLinkedinButton" data-original-title="linkedin" class="rounded-circle social_linkedin "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
47
+ {% if key == 'pintrest' and value.enabled %}<li><a id="footerPintrestButton" href="{{value.href}}" aria-label="footerPintrestButton" data-original-title="Pintrest" class="rounded-circle social_pintrest "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
48
+ {% if key == 'rss' and value.enabled %}<li><a id="footerRssButton" href="{{value.href}}" aria-label="footerRssButton" data-original-title="RSS" class="rounded-circle social_rss "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
49
+ {% if key == 'skype' and value.enabled %}<li><a id="footerSkypeButton" href="{{value.href}}" aria-label="footerSkypeButton" data-original-title="Skype" class="rounded-circle social_skype "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
50
+ {% if key == 'spotify' and value.enabled %}<li><a id="footerSpotifyButton" href="{{value.href}}" aria-label="footerSpotifyButton" data-original-title="Spotify" class="rounded-circle social_spotify "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
51
+ {% if key == 'twitter' and value.enabled %}<li><a id="footerTwitterButton" href="{{value.href}}" aria-label="footerTwitterButton" data-original-title="Twitter" class="rounded-circle social_twitter "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
52
+ {% if key == 'vimeo' and value.enabled %}<li><a id="footerVimeoButton" href="{{value.href}}" aria-label="footerVimeoButton" data-original-title="Vimeo" class="rounded-circle social_vimeo "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
53
+ {% if key == 'vk' and value.enabled %}<li><a id="footerVkButton" href="{{value.href}}" aria-label="footerVkButton" data-original-title="VK" class="rounded-circle social_vk "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
54
+ {% if key == 'xing' and value.enabled %}<li><a id="footerXingButton" href="{{value.href}}" aria-label="footerXingButton" data-original-title="Xing" class="rounded-circle social_xing "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
55
+ {% if key == 'yahoo' and value.enabled %}<li><a id="footerYahooButton" href="{{value.href}}" aria-label="footerYahooButton" data-original-title="Yahoo" class="rounded-circle social_yahoo "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
56
+ {% if key == 'youtube' and value.enabled %}<li><a id="footerYoutubeButton" href="{{value.href}}" aria-label="footerYoutubeButton" data-original-title="Youtube" class="rounded-circle social_youtube "target="_blank" rel="noopener noreferrer"></a></li>{% endif %}
57
57
 
58
58
  {% endfor %}
59
59
  </ul>
@@ -78,6 +78,10 @@
78
78
  <div class="paginator">
79
79
  <ul class="pagination raised-z0">
80
80
 
81
+ {% comment %} Set HOME page (always)
82
+ ---------------------------------------------------------------------------- {% endcomment %}
83
+ <li class="page-item"><a class="page-link" href="/" title="Home">Home</a></li>
84
+
81
85
  {% comment %} Set PREVIOUS page
82
86
  ---------------------------------------------------------------------------- {% endcomment %}
83
87
  {% if page.previous %}
@@ -177,20 +177,21 @@ exclude_from_search: true
177
177
  {% for item in items[1] %}
178
178
  {% assign key = item[0] %}
179
179
  {% assign value = item[1] %}
180
- {% if key == 'enabled' %} {% assign card_enabled = value %} {% endif %}
181
- {% if key == 'width' %} {% assign card_width = value %} {% endif %}
182
- {% if key == 'type' %} {% assign card_type = value %} {% endif %}
183
- {% if key == 'icon' %} {% assign icon = value %} {% endif %}
184
- {% if key == 'icon_size' %} {% assign icon_size = value %} {% endif %}
185
- {% if key == 'icon_color' %} {% assign icon_color = value %} {% endif %}
186
- {% if key == 'image_path' %} {% assign card_image_path = value %} {% endif %}
187
- {% if key == 'description_properties' %} {% assign card_properties = value %} {% endif %}
188
- {% if key == 'title' %} {% assign card_title = value | strip_newlines%} {% endif %}
189
- {% if key == 'translate_title' %} {% assign card_title_translation = value %} {% endif %}
190
- {% if key == 'description' %} {% assign card_description = value | strip_newlines%} {% endif %}
191
- {% if key == 'tagline' %} {% assign card_tagline = value | strip_newlines%} {% endif %}
192
- {% if key == 'text' %} {% assign card_text = value | strip_newlines%} {% endif %}
193
- {% if key == 'buttons' %} {% assign card_buttons = value %} {% endif %}
180
+ {% if key == 'enabled' %} {% assign card_enabled = value %} {% endif %}
181
+ {% if key == 'width' %} {% assign card_width = value %} {% endif %}
182
+ {% if key == 'type' %} {% assign card_type = value %} {% endif %}
183
+ {% if key == 'icon' %} {% assign icon = value %} {% endif %}
184
+ {% if key == 'icon_size' %} {% assign icon_size = value %} {% endif %}
185
+ {% if key == 'icon_color' %} {% assign icon_color = value %} {% endif %}
186
+ {% if key == 'image_path' %} {% assign card_image_path = value %} {% endif %}
187
+ {% if key == 'description_properties' %} {% assign card_properties = value %} {% endif %}
188
+ {% if key == 'position' %} {% assign heading_position = value | strip_newlines%} {% endif %}
189
+ {% if key == 'title' %} {% assign card_title = value | strip_newlines%} {% endif %}
190
+ {% if key == 'tagline' %} {% assign card_tagline = value | strip_newlines%} {% endif %}
191
+ {% if key == 'translate_description' %} {% assign card_translate_description = value %} {% endif %}
192
+ {% if key == 'description' %} {% assign card_description = value | strip_newlines%} {% endif %}
193
+ {% if key == 'text' %} {% assign card_text = value | strip_newlines%} {% endif %}
194
+ {% if key == 'buttons' %} {% assign card_buttons = value %} {% endif %}
194
195
  {% endfor %}
195
196
  {% if card_enabled == false %} {% assign card_items = card_items | minus:1 %} {% endif %}
196
197
  {% endfor %}
@@ -257,17 +258,27 @@ exclude_from_search: true
257
258
  <img
258
259
  class="sticker-image"
259
260
  src="/assets/images/sticker/600x600/sticker-new-version.png"
260
- alt="Get new version 2023.0.2"
261
- title="Get new version 2023.0.2"
261
+ alt="Get new version 2023.0.3"
262
+ title="Get new version 2023.0.3"
262
263
  style="width: 140px; height: 120px;"
263
264
  >
264
265
  </a>
265
266
  </div>
266
267
  ---------------------------------------------------------------- {% endcomment %}
267
268
 
268
- <h2 class="g-font-weight-500 mb-0 {{card_title_translation}}">{{card_title}}</h2>
269
- <p class="tagline mb-0">{{card_tagline}}</p>
269
+ {% if heading_position == 'left' %}
270
+ <h2 class="g-font-weight-500 mb-0 {{card_translate_description}}">{{card_title}}</h2>
271
+ <p class="tagline mb-0 card_translate_description">{{card_tagline}}</p>
270
272
  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
273
+ {% endif%}
274
+
275
+ {% if heading_position == 'center' %}
276
+ <div class="text-center mb-2">
277
+ <h2 class="mb-0 {{card_translate_description}}">{{card_title}}</h2>
278
+ <p class="h4 mb-0 text-muted card_translate_description"><i>{{card_tagline}}</i></p>
279
+ <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
280
+ </div>
281
+ {% endif%}
271
282
 
272
283
  </div>
273
284
  </div>
@@ -142,6 +142,8 @@ exclude_from_search: true
142
142
  {% assign lane_span = panel_settings.lane_span %}
143
143
  {% assign title = panel_settings.title|strip_newlines %}
144
144
  {% assign tagline = panel_settings.tagline|strip_newlines %}
145
+ {% assign heading_position = panel_settings.position|strip_newlines %}
146
+ {% assign heading_translate = panel_settings.translate_description|strip_newlines %}
145
147
  {% assign buttons = panel_settings.buttons %}
146
148
  {% assign header = panel_settings.header %}
147
149
  {% assign properties = panel_settings.properties %}
@@ -223,11 +225,24 @@ exclude_from_search: true
223
225
 
224
226
  <!-- Heading -->
225
227
  <div>
226
- <div class="{{panel_settings.animate}} mb-2">
227
- <h2 class="g-font-weight-500 mb-0 notranslate">{{panel_settings.title}}</h2>
228
- <p class="tagline mb-0"><b>{{panel_settings.tagline}}</b></p>
228
+
229
+ {% if heading_position == 'left' %}
230
+ <div class="{{panel_settings.animate}} mb-2">
231
+ <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
232
+ <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
233
+ <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
234
+ </div>
235
+ </div>
236
+ {% endif %}
237
+
238
+ {% if heading_position == 'center' %}
239
+ <div class="text-center mb-2">
240
+ <h2 class="mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
241
+ <p class="h4 mb-0 text-muted {{heading_translate}}"><i>{{panel_settings.tagline}}</i></p>
229
242
  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
230
243
  </div>
244
+ {% endif%}
245
+
231
246
  <!-- Description -->
232
247
  <div class="{{description_properties}}">{{panel_settings.description}}</div>
233
248
  </div>
@@ -396,13 +411,27 @@ exclude_from_search: true
396
411
 
397
412
  <!-- Heading -->
398
413
  <div>
399
- <div class="{{panel_settings.animate}} mb-2">
400
- <h2 class="g-font-weight-500 mb-0 {{card_title_translate}}">{{panel_settings.title}}</h2>
401
- <p class="tagline mb-0"><b>{{panel_settings.tagline}}</b></p>
414
+
415
+ {% if heading_position == 'left' %}
416
+ <div class="{{panel_settings.animate}} mb-2">
417
+ <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
418
+ <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
419
+ <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
420
+ </div>
421
+ </div>
422
+ {% endif %}
423
+
424
+ {% if heading_position == 'center' %}
425
+ <div class="text-center mb-2">
426
+ <h2 class="mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
427
+ <p class="h4 mb-0 text-muted {{heading_translate}}"><i>{{panel_settings.tagline}}</i></p>
402
428
  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
403
429
  </div>
430
+ {% endif%}
431
+
404
432
  <!-- Description -->
405
433
  <div class="{{description_properties}}">{{panel_settings.description}}</div>
434
+
406
435
  </div>
407
436
  <!-- End Heading -->
408
437
 
@@ -558,13 +587,27 @@ exclude_from_search: true
558
587
 
559
588
  <!-- Heading -->
560
589
  <div class="noclass">
561
- <div class="{{panel_settings.animate}} mb-2">
562
- <h2 class="g-font-weight-500 mb-0">{{panel_settings.title}}</h2>
563
- <p class="tagline mb-0"><b>{{panel_settings.tagline}}</b></p>
590
+
591
+ {% if heading_position == 'left' %}
592
+ <div class="{{panel_settings.animate}} mb-2">
593
+ <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
594
+ <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
595
+ <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
596
+ </div>
597
+ </div>
598
+ {% endif %}
599
+
600
+ {% if heading_position == 'center' %}
601
+ <div class="text-center mb-2">
602
+ <h2 class="mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
603
+ <p class="h4 mb-0 text-muted {{heading_translate}}"><i>{{panel_settings.tagline}}</i></p>
564
604
  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
565
605
  </div>
606
+ {% endif%}
607
+
566
608
  <!-- Description -->
567
609
  <div class="{{description_properties}}">{{panel_settings.description}}</div>
610
+
568
611
  </div>
569
612
  <!-- END Heading -->
570
613
 
@@ -717,15 +760,29 @@ exclude_from_search: true
717
760
  {% if panel_options.title %}
718
761
  <!-- Heading -->
719
762
  <div>
720
- <div class="{{panel_settings.animate}} mb-2">
721
- <h2 class="g-font-weight-500 mb-0">{{panel_options.title}}</h2>
722
- <p class="tagline mb-0"><b>{{panel_options.tagline}}</b></p>
763
+
764
+ {% if heading_position == 'left' %}
765
+ <div class="{{panel_settings.animate}} mb-2">
766
+ <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
767
+ <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
768
+ <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
769
+ </div>
770
+ </div>
771
+ {% endif %}
772
+
773
+ {% if heading_position == 'center' %}
774
+ <div class="text-center mb-2">
775
+ <h2 class="mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
776
+ <p class="h4 mb-0 text-muted {{heading_translate}}"><i>{{panel_settings.tagline}}</i></p>
723
777
  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
724
778
  </div>
779
+ {% endif%}
780
+
725
781
  <!-- Description -->
726
782
  <div class="{{panel_settings.description_properties}}">
727
783
  {{panel_options.description}}
728
784
  </div>
785
+
729
786
  </div>
730
787
  <!-- End Heading -->
731
788
  {% endif %}