j1-template 2023.0.2 → 2023.0.3

Sign up to get free protection for your applications and to get access to all the features.
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 %}