This is an automated email from the ASF dual-hosted git repository. grobmeier pushed a commit to branch youtube_embed in repository https://gitbox.apache.org/repos/asf/logging-site.git
commit dadb8599e86a27402c628c9483660661d466508d Author: Christian Grobmeier <[email protected]> AuthorDate: Fri Jul 26 22:13:15 2024 +0200 added support for CSS formatting --- _plugins/youtube.rb | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/_plugins/youtube.rb b/_plugins/youtube.rb index 885c4f42..c11cd64a 100644 --- a/_plugins/youtube.rb +++ b/_plugins/youtube.rb @@ -9,9 +9,22 @@ module Jekyll def render(context) video_id, image_url = @text.split(' ') <<~HTML - <div class="yt-container-#{video_id}" style="cursor: pointer;"> - <img src="#{image_url}" alt="Video thumbnail" style="width: 100%; height: auto;"> + <div class="youtube-placeholder yt-container-#{video_id}" style="cursor: pointer;"> + <img src="#{image_url}" alt="Video thumbnail"> </div> + <div class="youtube-placeholder-description"> + Clicking on this image will load the video and send data from and to YouTube/Google. + </div> + <style> + .youtube-placeholder { + width: 560px; + height: auto; + } + .youtube-placeholder-description { + color: gray; + font-style: italic; + } + </style> <script> document.addEventListener('DOMContentLoaded', function() { var container = document.querySelector('.yt-container-#{video_id}');
