j1-template 2024.3.13 → 2024.3.14

data/lib/starter_web/_data/templates/feed.xml

@@ -57,7 +57,7 @@
   <id>{{ page.url | absolute_url | xml_escape }}</id>
   <post_limited>{{ limit_posts }}</post_limited>
   <template_name>J1 Theme</template_name>
-  <template_version>2024.3.13</template_version>
+  <template_version>2024.3.14</template_version>
 
   {% assign title = site.title | default: site.name %}
   {% if page.collection != "posts" %}

data/lib/starter_web/_includes/attributes.asciidoc

@@ -535,6 +535,7 @@ tag::tags[]
 
 // special characters
 //
+:char-space:                                       
 :char-emdash:                                     —
 :char-middot:                                     ·
 :char-dot:                                        .

data/lib/starter_web/_plugins/asciidoctor/amplitude-block.rb

@@ -38,7 +38,7 @@ Asciidoctor::Extensions.register do
 
     def process parent, target, attributes
 
-      title_html  = (attributes.has_key? 'title') ? %(<div class="player-title">#{attributes['title']}</div>\n) : nil
+      title_html = (attributes.has_key? 'title') ? %(<div class="player-title"> <i class="mdib mdib-ear-hearing mdib-24px mr-2"></i> #{attributes['title']} </div>\n) : nil
 
       html = %(
         <div class="audioblock #{attributes['role']}">

data/lib/starter_web/_plugins/asciidoctor/dailymotion-block.rb

@@ -47,7 +47,7 @@ Asciidoctor::Extensions.register do
       chars           = [('a'..'z'), ('A'..'Z'), ('0'..'9')].map(&:to_a).flatten
       video_id        = (0...11).map { chars[rand(chars.length)] }.join
 
-      title_html      = (attributes.has_key? 'title') ? %(<div class="video-title">#{attributes['title']}</div>\n) : nil
+      title_html      = (attributes.has_key? 'title') ? %(<div class="video-title"> <i class="mdib mdib-youtube-tv mdib-24px mr-2"></i> #{attributes['title']} </div>\n) : nil
       poster_image    = (poster = attributes['poster']) ? %(#{poster}) : nil
       theme_name      = (theme = attributes['theme'])  ? %(#{theme}) : nil
       caption_enabled = (caption  = attributes['caption'])  ? true : false

data/lib/starter_web/_plugins/asciidoctor/gallery-block.rb

@@ -34,8 +34,10 @@ Asciidoctor::Extensions.register do
     default_attrs 'role' => 'mt-4 mb-4'
 
     def process parent, target, attributes
-      title_html  = (attributes.has_key? 'title') ? %(<div class="gallery-title">#{attributes['title']}</div>\n) : nil
-      html        = %(
+
+      title_html = (attributes.has_key? 'title') ? %(<div class="gallery-title"> <i class="mdib mdib-collage mdib-24px mr-2"></i> #{attributes['title']} </div>\n) : nil
+
+      html = %(
         <div class="#{attributes['role']}">
           #{title_html}
           <div id="#{target}_parent" class="gallery"></div>

data/lib/starter_web/_plugins/asciidoctor/masonry-block.rb

@@ -38,7 +38,7 @@ Asciidoctor::Extensions.register do
 
     def process parent, target, attributes
 
-      title_html  = (attributes.has_key? 'title') ? %(<div class="masonry-title">#{attributes['title']}</div>\n) : nil
+      title_html  = (attributes.has_key? 'title') ? %(<div class="masonry-title"> <i class="mdib mdib-collage mdib-24px mr-2"></i> #{attributes['title']} </div>\n) : nil
       html        = %(
         <div class="#{attributes['role']}">
           #{title_html}

data/lib/starter_web/_plugins/asciidoctor/videojs-block.rb

@@ -50,7 +50,7 @@ Asciidoctor::Extensions.register do
       chars           = [('a'..'z'), ('A'..'Z'), ('0'..'9')].map(&:to_a).flatten
       video_id        = (0...11).map { chars[rand(chars.length)] }.join
 
-      title_html      = (attributes.has_key? 'title') ? %(<div class="video-title">#{attributes['title']}</div>\n) : %(<div class="video-title">VideoJS Video</div>\n)
+      title_html      = (attributes.has_key? 'title') ? %(<div class="video-title"> <i class="mdib mdib-youtube-tv mdib-24px mr-2"></i> #{attributes['title']} </div>\n) : nil
       poster_image    = (poster = attributes['poster']) ? %(#{poster}) : nil
       theme_name      = (theme  = attributes['theme'])  ? %(#{theme}) : nil
       caption_enabled = (caption  = attributes['caption'])  ? true : false
@@ -97,57 +97,69 @@ Asciidoctor::Extensions.register do
                 // insert div|caption container AFTER the image
                 image.parentNode.insertBefore(newDiv, image.nextSibling);
               } else {
-                console.error(`No image found for  src="${imageSrc}".`);
+                console.error(`Kein Bild mit src="${imageSrc}" gefunden.`);
               }
-            } // END addCaptionAfterImage
+            }
 
-            var appliedOnce = false;
-            videojs("#{video_id}").ready(function() {
-              var vjs_player    = document.getElementById("#{video_id}");
-              var videojsPlayer = this;
+            var dependencies_met_page_ready = setInterval (function (options) {
+              var pageState      = $('#content').css("display");
+              var pageVisible    = (pageState == 'block') ? true : false;
+              var j1CoreFinished = (j1.getState() === 'finished') ? true : false;
 
-              if ('#{caption_enabled}' === 'true') {
-                addCaptionAfterImage('#{poster_image}');
-              }
+              if (j1CoreFinished && pageVisible) {
 
-              // add playbackRates
-              videojsPlayer.playbackRates([0.5, 1, 1.5, 2]);
-
-              // add hotkeys plugin
-              videojsPlayer.hotkeys({
-                enableModifiersForNumbers: false
-              });
-
-              // add zoom plugin
-              videojsPlayer.zoomPlugin({
-                moveX:  0,
-                moveY:  0,
-                rotate: 0,
-                zoom:   1
-              });
-
-              // set start position of current video
-              // ---------------------------------------------------------------
-              videojsPlayer.on("play", function() {
-                var startFromSecond = new Date('1970-01-01T' + "#{attributes['start']}" + 'Z').getTime() / 1000;
-                if (!appliedOnce) {
-                  videojsPlayer.currentTime(startFromSecond);
-                  appliedOnce = true;
+                if ('#{caption_enabled}' === 'true') {
+                  addCaptionAfterImage('#{poster_image}');
                 }
-              }); // END start position
-
-              // scroll to player top position
-              // ---------------------------------------------------------------
-              vjs_player.addEventListener('click', function(event) {
-                var scrollOffset        = (window.innerWidth >= 720) ? -130 : -110;
-                const targetDiv         = document.getElementById("#{video_id}");
-                const targetDivPosition = targetDiv.offsetTop;
 
-                window.scrollTo(0, targetDivPosition + scrollOffset);
-              }); // END EventListener 'click'
-
-            }); // END VJS player ready
-          }); // END document ready
+                var appliedOnce = false;
+                videojs("#{video_id}").ready(function() {
+                  var videojsPlayer = this;
+
+                  // add playbackRates
+                  videojsPlayer.playbackRates([0.5, 1, 1.5, 2]);
+
+                  // add hotkeys plugin
+                  videojsPlayer.hotkeys({
+                    enableModifiersForNumbers: false
+                  });
+
+                  // add zoom plugin
+                  videojsPlayer.zoomPlugin({
+                    moveX:  0,
+                    moveY:  0,
+                    rotate: 0,
+                    zoom:   1
+                  });
+
+                  // set start position of current video
+                  // -----------------------------------------------------------
+                  videojsPlayer.on("play", function() {
+                    var startFromSecond = new Date('1970-01-01T' + "#{attributes['start']}" + 'Z').getTime() / 1000;
+                    if (!appliedOnce) {
+                      videojsPlayer.currentTime(startFromSecond);
+                      appliedOnce = true;
+                    }
+                  });
+                });
+
+                // scroll to player top position
+                // -------------------------------------------------------------
+                var vjs_player = document.getElementById("#{video_id}");
+
+                vjs_player.addEventListener('click', function(event) {
+                  var scrollOffset = (window.innerWidth >= 720) ? -130 : -110;
+
+                  // scroll player to top position
+                  const targetDiv         = document.getElementById("#{video_id}");
+                  const targetDivPosition = targetDiv.offsetTop;
+                  window.scrollTo(0, targetDivPosition + scrollOffset);
+                }); // END EventListener 'click'
+
+                clearInterval(dependencies_met_page_ready);
+              }
+            }, 10);
+          });
         </script>
       )
 

data/lib/starter_web/_plugins/asciidoctor/vimeo-block.rb

@@ -48,7 +48,7 @@ Asciidoctor::Extensions.register do
       chars           = [('a'..'z'), ('A'..'Z'), ('0'..'9')].map(&:to_a).flatten
       video_id        = (0...11).map {chars[rand(chars.length)]}.join
 
-      title_html      = (attributes.has_key? 'title') ? %(<div class="video-title">#{attributes['title']}</div>\n) : nil
+      title_html      = (attributes.has_key? 'title') ? %(<div class="video-title"> <i class="mdib mdib-youtube-tv mdib-24px mr-2"></i> #{attributes['title']} </div>\n) : nil
       poster_image    = (poster = attributes['poster']) ? %(#{poster}) : nil
       theme_name      = (theme = attributes['theme']) ? %(#{theme}) : nil
       caption_enabled = (caption  = attributes['caption'])  ? true : false
@@ -102,30 +102,37 @@ Asciidoctor::Extensions.register do
                 // insert div|caption container AFTER the image
                 image.parentNode.insertBefore(newDiv, image.nextSibling);
               } else {
-                console.error(`No image found for  src="${imageSrc}."`);
+                console.error(`Kein Bild mit src="${imageSrc}" gefunden.`);
               }
-            } // END addCaptionAfterImage
+            }
 
-            videojs("#{video_id}").ready(function() {
-              var vjs_player = document.getElementById("#{video_id}");
+            var dependencies_met_page_ready = setInterval (function (options) {
+              var pageState      = $('#content').css("display");
+              var pageVisible    = (pageState == 'block') ? true : false;
+              var j1CoreFinished = (j1.getState() === 'finished') ? true : false;
 
-              if ('#{caption_enabled}' === 'true') {
-                addCaptionAfterImage('#{poster_image}');
-              }
+              if (j1CoreFinished && pageVisible) {
+                if ('#{caption_enabled}' === 'true') {
+                  addCaptionAfterImage('#{poster_image}');
+                }
 
-              // scroll to player top position
-              // ---------------------------------------------------------------
-              vjs_player.addEventListener('click', function(event) {
-                var scrollOffset = (window.innerWidth >= 720) ? -130 : -110;
+                // scroll to player top position
+                // -------------------------------------------------------------
+                var vjs_player = document.getElementById("#{video_id}");
 
-                // scroll player to top position
-                const targetDiv         = document.getElementById("#{video_id}");
-                const targetDivPosition = targetDiv.offsetTop;
-                window.scrollTo(0, targetDivPosition + scrollOffset);
-              }); // END EventListener 'click'
+                vjs_player.addEventListener('click', function(event) {
+                  var scrollOffset = (window.innerWidth >= 720) ? -130 : -110;
 
-            }); // END VJS player ready
-          }); // END document ready
+                  // scroll player to top position
+                  const targetDiv         = document.getElementById("#{video_id}");
+                  const targetDivPosition = targetDiv.offsetTop;
+                  window.scrollTo(0, targetDivPosition + scrollOffset);
+                }); // END EventListener 'click'
+
+                clearInterval(dependencies_met_page_ready);
+              }
+            }, 10);
+          });
         </script>
       )
 

data/lib/starter_web/_plugins/asciidoctor/youtube-block.rb

@@ -46,22 +46,19 @@ Asciidoctor::Extensions.register do
     use_dsl
 
     named :youtube
-    name_positional_attributes 'caption', 'start', 'poster', 'theme', 'role'
-    default_attrs 'caption' => 'true',
-                  'start'   => '00:00:00',
-                  'poster'  => '/assets/image/icons/videojs/videojs-poster.png',
-                  'theme'   => 'uno',
-                  'role'    => 'mt-3 mb-3'
+    name_positional_attributes 'poster', 'theme', 'role'
+    default_attrs 'poster' => '/assets/image/icons/videojs/videojs-poster.png',
+                  'theme' => 'uno',
+                  'role' => 'mt-3 mb-3'
 
     def process parent, target, attributes
 
-      chars           = [('a'..'z'), ('A'..'Z'), ('0'..'9')].map(&:to_a).flatten
-      video_id        = (0...11).map { chars[rand(chars.length)] }.join
+      chars         = [('a'..'z'), ('A'..'Z'), ('0'..'9')].map(&:to_a).flatten
+      video_id      = (0...11).map { chars[rand(chars.length)] }.join
 
-      title_html      = (attributes.has_key? 'title') ? %(<div class="video-title">#{attributes['title']}</div>\n) : nil
-      poster_image    = (poster = attributes['poster']) ? %(#{poster}) : nil
-      theme_name      = (theme  = attributes['theme'])  ? %(#{theme}) : nil
-      caption_enabled = (caption  = attributes['caption'])  ? true : false
+      title_html    = (attributes.has_key? 'title') ? %(<div class="video-title"> <i class="mdib mdib-youtube-tv mdib-24px mr-2"></i> #{attributes['title']} </div>\n) : nil
+      poster_image  = (poster = attributes['poster']) ? %(#{poster}) : nil
+      theme_name    = (theme  = attributes['theme'])  ? %(#{theme}) : nil
 
       html = %(
         <div class="youtube-player bottom #{attributes['role']}">
@@ -108,42 +105,35 @@ Asciidoctor::Extensions.register do
                 // insert div|caption container AFTER the image
                 image.parentNode.insertBefore(newDiv, image.nextSibling);
               } else {
-                console.error(`No image found for  src="${imageSrc}."`);
+                console.error(`Kein Bild mit src="${imageSrc}" gefunden.`);
               }
-            } // END addCaptionAfterImage
+            }
 
-            var appliedOnce = false;
-            videojs("#{video_id}").ready(function() {
-              var vjs_player    = document.getElementById("#{video_id}");
-              var videojsPlayer = this;
+            var dependencies_met_page_ready = setInterval (function (options) {
+              var pageState      = $('#content').css("display");
+              var pageVisible    = (pageState == 'block') ? true : false;
+              var j1CoreFinished = (j1.getState() === 'finished') ? true : false;
 
-              if ('#{caption_enabled}' === 'true') {
+              if (j1CoreFinished && pageVisible) {
                 addCaptionAfterImage('#{poster_image}');
-              }
 
-              // set start position of current video
-              // ---------------------------------------------------------------
-              videojsPlayer.on("play", function() {
-                var startFromSecond = new Date('1970-01-01T' + "#{attributes['start']}" + 'Z').getTime() / 1000;
-                if (!appliedOnce) {
-                  videojsPlayer.currentTime(startFromSecond);
-                  appliedOnce = true;
-                }
-              }); // END start position
+                // scroll to player top position
+                // -------------------------------------------------------------
+                var vjs_player = document.getElementById("#{video_id}");
 
-              // scroll to player top position
-              // ---------------------------------------------------------------
-              vjs_player.addEventListener('click', function(event) {
-                var scrollOffset = (window.innerWidth >= 720) ? -130 : -110;
+                vjs_player.addEventListener('click', function(event) {
+                  var scrollOffset = (window.innerWidth >= 720) ? -130 : -110;
 
-                // scroll player to top position
-                const targetDiv         = document.getElementById("#{video_id}");
-                const targetDivPosition = targetDiv.offsetTop;
-                window.scrollTo(0, targetDivPosition + scrollOffset);
-              }); // END EventListener 'click'
+                  // scroll player to top position
+                  const targetDiv         = document.getElementById("#{video_id}");
+                  const targetDivPosition = targetDiv.offsetTop;
+                  window.scrollTo(0, targetDivPosition + scrollOffset);
+                }); // END EventListener 'click'
 
-            }); // END VJS player ready
-          }); // END document ready
+                clearInterval(dependencies_met_page_ready);
+              }
+            }, 10);
+          });
         </script>
       )
 

data/lib/starter_web/_plugins/index/lunr.rb

@@ -394,6 +394,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2024.3.13'
+    VERSION = '2024.3.14'
   end
 end

data/lib/starter_web/assets/image/icons/lanus/scalable/lanus.svg

@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="lanus.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   inkscape:export-filename="D:\j1\github\j1-theme\j1-template\packages\300_theme_src\assets\image\icons\lanus\lanus.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1901"
+     inkscape:window-height="1246"
+     id="namedview6"
+     showgrid="false"
+     inkscape:pagecheckerboard="true"
+     inkscape:showpageshadow="false"
+     inkscape:zoom="1.9609375"
+     inkscape:cx="175.94218"
+     inkscape:cy="235.60159"
+     inkscape:window-x="418"
+     inkscape:window-y="7"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4"
+     inkscape:document-rotation="0" />
+  <ellipse
+     style="opacity:0.523523;fill:#000000;fill-opacity:1;stroke-width:1.55429"
+     id="path831-0-3"
+     cx="216.73309"
+     cy="274.35858"
+     rx="30.08765"
+     ry="28.30279" />
+  <ellipse
+     style="opacity:0.523523;fill:#ff0000;fill-opacity:1;stroke-width:1.55429"
+     id="path831-0"
+     cx="249.62552"
+     cy="141.76892"
+     rx="30.08765"
+     ry="28.30279" />
+  <path
+     fill="currentColor"
+     d="M 118.94548,344.56663 A 184.27458,174.56775 0 0 1 49.541939,204.22905 C 51.727877,113.8597 128.01712,39.352618 223.21472,34.610505 A 183.61879,173.94651 0 0 1 416.7795,206.29984 l 50.05799,91.11486 c 0.10939,0.18638 0.19681,0.37275 0.28416,0.55912 a 26.231257,24.849501 0 0 1 -12.37241,32.01444 l -0.28418,0.12425 -55.17307,24.00048 v 69.62002 a 26.231257,24.849501 0 0 1 -26.23128,24.84949 h -104.925 a 8.7437534,8.2831689 0 0 1 0,-16.56633 h 104.925 a 8.7437519,8.2831669 0 0 0 8.74377,-8.28316 v -74.94197 a 8.7437519,8.2831669 0 0 1 5.11511,-7.53767 l 60.11328,-26.07127 a 8.7437519,8.2831669 0 0 0 4.10958,-10.35396 L 400.27566,212.22231 A 8.9623459,8.4902464 0 0 1 399.29199,208.37063 166.13128,157.38017 0 0 0 259.39196,53.06126 v 48.45653 a 43.718761,41.415835 0 1 1 -17.48749,0 V 51.218255 a 170.50316,161.52176 0 0 0 -17.72795,0 C 151.7564,54.821433 91.446367,102.98805 72.909617,166.95481 h 55.326093 a 8.7437519,8.2831669 0 0 1 6.71082,2.98195 l 60.02585,68.33611 a 43.981072,41.66433 0 1 1 -13.3998,10.62318 l -57.42457,-65.3749 H 69.21538 a 165.9127,157.17309 0 0 0 64.35402,150.75365 8.7437519,8.2831669 0 0 1 3.43192,7.66193 l -17.4875,132.53067 a 8.7437519,8.2831669 0 0 1 -8.74376,7.24777 h -1.09297 a 8.7437519,8.2831669 0 0 1 -7.67264,-9.31857 z M 224.41698,142.1053 a 26.231257,24.849501 0 1 0 26.23124,-24.84949 26.231257,24.849501 0 0 0 -26.23124,24.84949 m -8.74376,157.3802 a 26.231257,24.849501 0 1 0 -26.23125,-24.84951 26.231257,24.849501 0 0 0 26.23125,24.84951"
+     id="path2-1"
+     style="stroke-width:2.12759" />
+</svg>

data/lib/starter_web/assets/image/icons/lanus/scalable/lanus_sw.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="lanus.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2132"
+     inkscape:window-height="1246"
+     id="namedview6"
+     showgrid="false"
+     inkscape:pagecheckerboard="true"
+     inkscape:showpageshadow="false"
+     inkscape:zoom="1.9609375"
+     inkscape:cx="256"
+     inkscape:cy="276.39841"
+     inkscape:window-x="348"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     fill="currentColor"
+     d="m 831.6525,207.58198 a 84.3,84.3 0 0 0 31.75,-67.77 c -1,-43.639992 -35.9,-79.619995 -79.45,-81.909995 a 84,84 0 0 0 -88.54999,82.909995 l -22.9,44 c -0.05,0.09 -0.09,0.18 -0.13,0.27 a 12,12 0 0 0 5.66,15.46 l 0.13,0.06 25.24,11.59 v 33.62 a 12,12 0 0 0 12,12 h 47.99999 a 4,4 0 0 0 0,-8 h -47.99999 a 4,4 0 0 1 -4,-4 v -36.19 a 4,4 0 0 0 -2.34,-3.64 l -27.5,-12.59 a 4,4 0 0 1 -1.88,-5 l 23.27,-44.72 a 4.1,4.1 0 0 0 0.45,-1.86 76,76 0 0 1 63.99999,-74.999995 v 23.400003 a 20,20 0 1 0 8,0 V 65.921985 a 78,78 0 0 1 8.11,0 c 33.13,1.74 60.72,25.000003 69.2,55.890005 h -25.31 a 4,4 0 0 0 -3.07,1.44 l -27.46,32.99999 a 20.12,20.12 0 1 0 6.13,5.13 l 26.27,-31.56999 h 25.13 a 75.9,75.9 0 0 1 -29.44,72.79999 4,4 0 0 0 -1.57,3.7 l 8,64 a 4,4 0 0 0 4,3.5 h 0.5 a 4,4 0 0 0 3.51,-4.5 z m -48.25,-97.76999 a 12,12 0 1 1 -12,-12.000002 12,12 0 0 1 12,12.000002 m 4,75.99999 a 12,12 0 1 1 12,-12 12,12 0 0 1 -12,12"
+     id="path2" />
+  <path
+     fill="currentColor"
+     d="M 118.94548,344.56663 A 184.27458,174.56775 0 0 1 49.541939,204.22905 C 51.727877,113.8597 128.01712,39.352618 223.21472,34.610505 A 183.61879,173.94651 0 0 1 416.7795,206.29984 l 50.05799,91.11486 c 0.10939,0.18638 0.19681,0.37275 0.28416,0.55912 a 26.231257,24.849501 0 0 1 -12.37241,32.01444 l -0.28418,0.12425 -55.17307,24.00048 v 69.62002 a 26.231257,24.849501 0 0 1 -26.23128,24.84949 h -104.925 a 8.7437534,8.2831689 0 0 1 0,-16.56633 h 104.925 a 8.7437519,8.2831669 0 0 0 8.74377,-8.28316 v -74.94197 a 8.7437519,8.2831669 0 0 1 5.11511,-7.53767 l 60.11328,-26.07127 a 8.7437519,8.2831669 0 0 0 4.10958,-10.35396 L 400.27566,212.22231 A 8.9623459,8.4902464 0 0 1 399.29199,208.37063 166.13128,157.38017 0 0 0 259.39196,53.06126 v 48.45653 a 43.718761,41.415835 0 1 1 -17.48749,0 V 51.218255 a 170.50316,161.52176 0 0 0 -17.72795,0 C 151.7564,54.821433 91.446367,102.98805 72.909617,166.95481 h 55.326093 a 8.7437519,8.2831669 0 0 1 6.71082,2.98195 l 60.02585,68.33611 a 43.981072,41.66433 0 1 1 -13.3998,10.62318 l -57.42457,-65.3749 H 69.21538 a 165.9127,157.17309 0 0 0 64.35402,150.75365 8.7437519,8.2831669 0 0 1 3.43192,7.66193 l -17.4875,132.53067 a 8.7437519,8.2831669 0 0 1 -8.74376,7.24777 h -1.09297 a 8.7437519,8.2831669 0 0 1 -7.67264,-9.31857 z M 224.41698,142.1053 a 26.231257,24.849501 0 1 0 26.23124,-24.84949 26.231257,24.849501 0 0 0 -26.23124,24.84949 m -8.74376,157.3802 a 26.231257,24.849501 0 1 0 -26.23125,-24.84951 26.231257,24.849501 0 0 0 26.23125,24.84951"
+     id="path2-1"
+     style="stroke-width:2.12759" />
+</svg>

data/lib/starter_web/assets/image/modules/icons/social/scalable/icon-twitter-x-28 - social.svg

@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 24 56.571429"
+   width="28"
+   height="66"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="icon-twitter-x-28 - social.svg"
+   inkscape:export-filename="D:\j1\github\j1-theme\j1-template\packages\300_theme_src\assets\image\modules\icons\social\twitter_x.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2353"
+     inkscape:window-height="1246"
+     id="namedview6"
+     showgrid="false"
+     inkscape:pagecheckerboard="false"
+     inkscape:showpageshadow="false"
+     inkscape:zoom="15.212121"
+     inkscape:cx="14"
+     inkscape:cy="31.533099"
+     inkscape:window-x="217"
+     inkscape:window-y="7"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4"
+     inkscape:document-rotation="0" />
+  <rect
+     style="opacity:0.523523;fill:#fafafa;fill-opacity:0.78039217;stroke-width:1.41318;stroke-miterlimit:4;stroke-dasharray:none"
+     id="rect837"
+     width="23.890722"
+     height="23.665339"
+     x="0.056345098"
+     y="1.9246635e-08"
+     inkscape:export-filename="D:\j1\github\j1-theme\j1-template\packages\300_theme_src\assets\image\modules\icons\social\rect837.png"
+     inkscape:export-xdpi="96"
+     inkscape:export-ydpi="96" />
+  <path
+     d="m 6.8895836,7.4237745 3.8271184,5.7756795 -3.6259126,4.476375 h 1.4242397 l 2.8389979,-3.514134 2.328086,3.514134 h 3.727041 l -4.003041,-6.05156 3.393103,-4.2004945 H 15.3971 L 12.770894,10.663138 10.628213,7.4237745 Z m 2.0710469,1.139117 h 1.1050505 l 5.27348,7.9738215 h -1.09557 z"
+     id="path2-7"
+     style="stroke-width:0.554252" />
+  <g
+     id="g866"
+     transform="matrix(1,0,0,1.0504945,0,-2.8593901)">
+    <rect
+       style="opacity:0.523523;fill:#03a9f4;fill-opacity:1;stroke-width:1.36632;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect839"
+       width="23.928194"
+       height="22.087648"
+       x="0.075219117"
+       y="34.540127" />
+    <path
+       d="m 6.9323619,41.397271 3.8271191,5.390633 -3.6259131,4.17795 h 1.42424 l 2.8389981,-3.279858 2.328087,3.279858 h 3.72704 l -4.00304,-5.648122 3.393103,-3.920461 H 15.43988 l -2.626207,3.023406 -2.142681,-3.023406 z m 2.071047,1.063176 H 10.10846 l 5.273481,7.442232 h -1.09557 z"
+       id="path2-7-8"
+       style="stroke-width:0.535458" />
+  </g>
+</svg>