This is an automated email from the ASF dual-hosted git repository.
git-site-role pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/privacy-website.git
The following commit(s) were added to refs/heads/asf-site by this push:
new d8317b2 Automatic Site Publish by Buildbot
d8317b2 is described below
commit d8317b220355000d462d45209a733cf45fcbca81
Author: buildbot <[email protected]>
AuthorDate: Fri Jul 26 21:07:52 2024 +0000
Automatic Site Publish by Buildbot
---
output/faq/committers.html | 4 +
output/faq/community.html | 1 +
output/faq/infrastructure.html | 1 +
output/faq/software-users.html | 1 +
output/feed.xml | 2 +-
output/guides/event-photography.html | 1 +
output/guides/jekyll-youtube-plugin.html | 140 +++++++++++++++++++++++
output/index.html | 1 +
output/matomo/index.html | 1 +
output/matomo/upgrade-matomo.html | 1 +
output/policies/asf-domains.html | 1 +
output/policies/index.html | 1 +
output/policies/latest-changes.html | 1 +
output/policies/mailinglist-policy.html | 1 +
output/policies/privacy-policy-committer.html | 1 +
output/policies/privacy-policy-contributors.html | 1 +
output/policies/privacy-policy-public.html | 1 +
output/policies/website-policy.html | 1 +
output/responses/index.html | 1 +
19 files changed, 161 insertions(+), 1 deletion(-)
diff --git a/output/faq/committers.html b/output/faq/committers.html
index 505a25d..c39c008 100644
--- a/output/faq/committers.html
+++ b/output/faq/committers.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
@@ -170,6 +171,9 @@ and using an open source player like <a
href="https://github.com/sampotts/plyr";>
<p>For embedding videos, please see: <a
href="/examples/youtube-html/with-youtube-api.html">YouTube Example 1</a>
and <a href="/examples/youtube-html/with-youtube-embeds.html">YouTube Example
2</a></p>
+<p>Please look at this <a href="/guides/jekyll-youtube-plugin.html">Jekyll
plugin</a> if you
+are running Jekyll on ASF infrastructure.</p>
+
<h3 id="can-i-embed-social-plugins-in-example-like-buttons">Can I embed social
plugins (in example Like-Buttons)?</h3>
<p>Yes, but you can only load them when users actively want them
diff --git a/output/faq/community.html b/output/faq/community.html
index 591ef61..cc65724 100644
--- a/output/faq/community.html
+++ b/output/faq/community.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/faq/infrastructure.html b/output/faq/infrastructure.html
index 15873a5..a9e289c 100644
--- a/output/faq/infrastructure.html
+++ b/output/faq/infrastructure.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/faq/software-users.html b/output/faq/software-users.html
index e1baefc..130cb9f 100644
--- a/output/faq/software-users.html
+++ b/output/faq/software-users.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/feed.xml b/output/feed.xml
index 6d94298..2ec9d22 100644
--- a/output/feed.xml
+++ b/output/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed
xmlns="http://www.w3.org/2005/Atom"; ><generator uri="https://jekyllrb.com/";
version="4.2.2">Jekyll</generator><link href="/feed.xml" rel="self"
type="application/atom+xml" /><link href="/" rel="alternate" type="text/html"
/><updated>2024-06-04T21:29:21+00:00</updated><id>/feed.xml</id><title
type="html">Apache Software Foundation - Data Privacy</title><subtitle>Write an
awesome description for your new site here. You can edit this line in _conf
[...]
+<?xml version="1.0" encoding="utf-8"?><feed
xmlns="http://www.w3.org/2005/Atom"; ><generator uri="https://jekyllrb.com/";
version="4.2.2">Jekyll</generator><link href="/feed.xml" rel="self"
type="application/atom+xml" /><link href="/" rel="alternate" type="text/html"
/><updated>2024-07-26T21:07:51+00:00</updated><id>/feed.xml</id><title
type="html">Apache Software Foundation - Data Privacy</title><subtitle>Write an
awesome description for your new site here. You can edit this line in _conf
[...]
<p>Jekyll requires blog post files to be named according to the following
format:</p>
diff --git a/output/guides/event-photography.html
b/output/guides/event-photography.html
index 6177e5d..b96cdb0 100644
--- a/output/guides/event-photography.html
+++ b/output/guides/event-photography.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/guides/jekyll-youtube-plugin.html
b/output/guides/jekyll-youtube-plugin.html
new file mode 100644
index 0000000..521a89e
--- /dev/null
+++ b/output/guides/jekyll-youtube-plugin.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1">
+
+
+ <link rel="alternate" type="application/rss+xml" title="Apache
Software Foundation - Data Privacy RSS" href="/rss.xml" />
+ <link rel="stylesheet" href="/css/main.css">
+ <title></title>
+ </head>
+ <body>
+ <header>
+ <div class="header-logo"><a href="/"><img src="/images/asf-logo.png"/></a>
+ <div class="header-text">ASF Data Privacy</div>
+ </div>
+
+ <nav>
+ <label for="show-menu" class="show-menu">Show Menu</label>
+ <input type="checkbox" id="show-menu" role="button">
+ <ul id="menu">
+ <li><a href="/">Home</a></li>
+ <li><a href="/policies">Policies</a></li>
+ <li>
+ <a href="#">Privacy FAQ ▼</a>
+ <ul class="hidden">
+ <li><a href="/faq/community.html">Community Privacy
FAQ</a></li>
+ <li><a href="/faq/committers.html">Committers' Privacy
FAQ</a></li>
+ <li><a href="/faq/infrastructure.html">Infrastructure
Privacy FAQ</a></li>
+ <li><a href="/faq/software-users.html">Software Users
FAQ</a></li>
+ <li><a href="/responses">PMC Responses</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Guides</a>
+ <ul class="hidden">
+ <li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
+ </ul>
+ <li><a href="/matomo">Matomo</a></li>
+ <li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
+ </ul>
+ </nav>
+</header>
+
+ <main>
+ <h1 id="a-jekyll-plugin-for-embedding-youtube-videos">A Jekyll
plugin for embedding YouTube videos</h1>
+
+<h2 id="the-issue">The Issue</h2>
+
+<p>We want to embed YouTube videos on our Jekyll site. How can we do this?</p>
+
+<h2 id="general-considerations">General Considerations</h2>
+
+<p>YouTube videos can be embedded when loading the YouTube video only after
+the user consents. Usually, this is done by clicking on a placeholder image
+or a similar element.</p>
+
+<h2 id="the-jekyll-plugin">The Jekyll plugin</h2>
+
+<p>Thanks to the ASF Infrastructure team, ASF sites are allowed to use plugins
+with Jekyll. Plugins make it easier to embed YouTube videos on your site.</p>
+
+<p>A plugin is a Ruby script that extends Jekyll’s functionality.
+The following plugin can be placed inside the <code class="language-plaintext
highlighter-rouge">_plugins</code> directory of your Jekyll site.</p>
+
+<div class="language-ruby highlighter-rouge"><div class="highlight"><pre
class="highlight"><code><span class="k">module</span> <span
class="nn">Jekyll</span>
+ <span class="k">class</span> <span class="nc">YouTube</span> <span
class="o"><</span> <span class="no">Liquid</span><span
class="o">::</span><span class="no">Tag</span>
+ <span class="k">def</span> <span class="nf">initialize</span><span
class="p">(</span><span class="n">tag_name</span><span class="p">,</span> <span
class="n">text</span><span class="p">,</span> <span
class="n">tokens</span><span class="p">)</span>
+ <span class="k">super</span>
+ <span class="vi">@text</span> <span class="o">=</span> <span
class="n">text</span><span class="p">.</span><span class="nf">strip</span>
+ <span class="k">end</span>
+
+ <span class="k">def</span> <span class="nf">render</span><span
class="p">(</span><span class="n">context</span><span class="p">)</span>
+ <span class="n">video_id</span><span class="p">,</span> <span
class="n">image_url</span> <span class="o">=</span> <span
class="vi">@text</span><span class="p">.</span><span
class="nf">split</span><span class="p">(</span><span class="s1">' '</span><span
class="p">)</span>
+ <span class="o"><<~</span><span class="no">HTML</span><span
class="sh">
+ <div class="youtube-placeholder yt-container-</span><span
class="si">#{</span><span class="n">video_id</span><span
class="si">}</span><span class="sh">" style="cursor: pointer;">
+ <img src="</span><span class="si">#{</span><span
class="n">image_url</span><span class="si">}</span><span class="sh">"
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-</span><span
class="si">#{</span><span class="n">video_id</span><span
class="si">}</span><span class="sh">');
+ function addElement() {
+ var iframe = document.createElement('iframe');
+ iframe.setAttribute('width', '560');
+ iframe.setAttribute('height', '315');
+ iframe.setAttribute('src',
'https://www.youtube-nocookie.com/embed/</span><span class="si">#{</span><span
class="n">video_id</span><span class="si">}</span><span
class="sh">?autoplay=1');
+ iframe.setAttribute('title', 'YouTube video player');
+ iframe.setAttribute('frameborder', '0');
+ iframe.setAttribute('allow', 'accelerometer; autoplay;
clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');
+ iframe.setAttribute('allowfullscreen', '');
+ container.innerHTML = '';
+ container.appendChild(iframe);
+ }
+ container.addEventListener('click', addElement);
+ });
+ </script>
+</span><span class="no"> HTML</span>
+ <span class="k">end</span>
+ <span class="k">end</span>
+<span class="k">end</span>
+
+<span class="no">Liquid</span><span class="o">::</span><span
class="no">Template</span><span class="p">.</span><span
class="nf">register_tag</span><span class="p">(</span><span
class="s1">'youtube'</span><span class="p">,</span> <span
class="no">Jekyll</span><span class="o">::</span><span
class="no">YouTube</span><span class="p">)</span>
+</code></pre></div></div>
+
+<h2 id="using-the-plugin">Using the plugin</h2>
+
+<p>To use the plugin, you can add the following code to your Markdown file:</p>
+
+<div class="language-markdown highlighter-rouge"><div class="highlight"><pre
class="highlight"><code>{% youtube Hpe7p24DQo0 /img/placeholder.jpg %}
+</code></pre></div></div>
+
+<p>This will create a placeholder image that, when clicked, will load the
YouTube video with the ID <code class="language-plaintext
highlighter-rouge">Hpe7p24DQo0</code>.</p>
+
+<p>You can see the plugin in action on the <a
href="https://logging.apache.org/blog/2024/07/25/Log4j-At-Community-Over-Code-2024.html";>Logging
Website</a>.
+The source code can be found <a
href="https://github.com/apache/logging-site/blob/main/_plugins/youtube.rb";>here</a>.</p>
+
+ </main>
+ <footer>
+ © 2021-2024 The Apache Software Foundation under the terms of the Apache
License 2.0.
+
+ Apache, the Apache feather logo, and the Apache logo are either registered
trademarks or
+ trademarks of The Apache Software Foundation in the United States and
other countries.
+</footer>
+
+ </body>
+</html>
diff --git a/output/index.html b/output/index.html
index 8483f1f..9eb74ae 100644
--- a/output/index.html
+++ b/output/index.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/matomo/index.html b/output/matomo/index.html
index 600e505..af4b0f8 100644
--- a/output/matomo/index.html
+++ b/output/matomo/index.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/matomo/upgrade-matomo.html
b/output/matomo/upgrade-matomo.html
index f50b8da..775048e 100644
--- a/output/matomo/upgrade-matomo.html
+++ b/output/matomo/upgrade-matomo.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/policies/asf-domains.html b/output/policies/asf-domains.html
index 8024464..96d1440 100644
--- a/output/policies/asf-domains.html
+++ b/output/policies/asf-domains.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/policies/index.html b/output/policies/index.html
index e8cb9ec..8e002fe 100644
--- a/output/policies/index.html
+++ b/output/policies/index.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/policies/latest-changes.html
b/output/policies/latest-changes.html
index c0148bb..60ad8fa 100644
--- a/output/policies/latest-changes.html
+++ b/output/policies/latest-changes.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/policies/mailinglist-policy.html
b/output/policies/mailinglist-policy.html
index d4f11bc..018d74c 100644
--- a/output/policies/mailinglist-policy.html
+++ b/output/policies/mailinglist-policy.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/policies/privacy-policy-committer.html
b/output/policies/privacy-policy-committer.html
index cabf62c..d848606 100644
--- a/output/policies/privacy-policy-committer.html
+++ b/output/policies/privacy-policy-committer.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/policies/privacy-policy-contributors.html
b/output/policies/privacy-policy-contributors.html
index dcfe8a3..b4ac4a0 100644
--- a/output/policies/privacy-policy-contributors.html
+++ b/output/policies/privacy-policy-contributors.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/policies/privacy-policy-public.html
b/output/policies/privacy-policy-public.html
index 788aee3..d5bfc1c 100644
--- a/output/policies/privacy-policy-public.html
+++ b/output/policies/privacy-policy-public.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/policies/website-policy.html
b/output/policies/website-policy.html
index 32f5e12..cfb6dc8 100644
--- a/output/policies/website-policy.html
+++ b/output/policies/website-policy.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
diff --git a/output/responses/index.html b/output/responses/index.html
index b0c98b8..93f0f0f 100644
--- a/output/responses/index.html
+++ b/output/responses/index.html
@@ -35,6 +35,7 @@
<a href="#">Guides</a>
<ul class="hidden">
<li><a href="/guides/event-photography.html">Event
Photos</a></li>
+ <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll
Plugin for YouTube</a></li>
</ul>
<li><a href="/matomo">Matomo</a></li>
<li><a href="http://www.apache.org/foundation/";>About the
ASF</a></li>
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
