Skip to content

Commit

Permalink
CD 8806839028: Update GCWeb compiled demos files
Browse files Browse the repository at this point in the history
  • Loading branch information
@wet-boew-bot
wet-boew-bot committed Apr 23, 2024
1 parent b154081 commit ac22a56
Show file tree
Hide file tree
Showing 4 changed files with 206 additions and 25 deletions.
50 changes: 40 additions & 10 deletions _wetboew-demos/twitter/twitter-en.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,28 +7,58 @@
"tag": "twitter",
"parentdir": "twitter",
"altLangPrefix": "twitter",
"dateModified": "2017-02-07"
"dateModified": "2024-04-23"
}
---
<span class="wb-prettify all-pre hide"></span>

<ul>
<li><a href="twitter-en.html">Twitter embedded timeline</a></li>
<li><a href="twitter-extra-en.html">Twitter embedded timeline - Extra examples</a></li>
</ul>

<section>
<h2>Purpose</h2>
<p>Helps with implementing Twitter embedded timelines.</p>
</section>

<section>
<h2>Example: Embedded User Timeline</h2>
<div class="wb-twitter">
<a class="twitter-timeline" href="https://twitter.com/WebExpToolkit" data-tweet-limit="3">Tweets by @WebExpToolkit</a>
</div>
<h2>Examples: Profile timeline</h2>

<section>
<h3>Code</h3>
<pre><code>&lt;div class=&quot;wb-twitter&quot;&gt;
<div class="row">
<section class="col-md-6">
<h3>Standard account</h3>
<div class="wb-twitter">
<a class="twitter-timeline" href="https://twitter.com/WebExpToolkit" data-tweet-limit="3">Tweets by @WebExpToolkit</a>
</div>
<section>
<h4>Code</h4>
<pre><code>&lt;div class=&quot;wb-twitter&quot;&gt;
&lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/WebExpToolkit&quot; data-tweet-limit=&quot;3&quot; &gt;Tweets by @WebExpToolkit&lt;/a&gt;
&lt;/div&gt;</code></pre>
</section>
</section>
</section>

<p>Twitter Developer Documentation: <a href="https://dev.twitter.com/web/embedded-timelines/user">Embedded User Timeline</a></p>
<section class="col-md-6">
<h3>"Verified" account</h3>
<div class="wb-twitter">
<a class="twitter-timeline" href="https://twitter.com/Canada" data-height="fb-page">Tweets by @Canada</a>
</div>
<section>
<h4>Code</h4>
<pre><code>&lt;div class=&quot;wb-twitter&quot;&gt;
&lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/Canada&quot; data-height=&quot;fb-page&quot;&gt;Tweets by @Canada&lt;/a&gt;
&lt;/div&gt;</code></pre>
</section>
</section>
</div>
</section>

<section>
<h2>Twitter developer documentation</h2>
<ul>
<li><a rel="external" href="https://developer.twitter.com/en/docs/twitter-for-websites/timelines/overview">Timelines overview</a></li>
<li><a rel="external" href="https://developer.twitter.com/en/docs/twitter-for-websites/supported-languages">Supported languages and browsers</a></li>
<li><a rel="external" href="https://developer.twitter.com/en/docs/twitter-for-websites/webpage-properties">Webpage properties</a></li>
</ul>
</section>
62 changes: 62 additions & 0 deletions _wetboew-demos/twitter/twitter-extra-en.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
---
{
"title": "Twitter embedded timeline - Extra examples",
"language": "en",
"description": "Extra Twitter embedded timeline examples.",
"tag": "twitter",
"parentdir": "twitter",
"altLangPrefix": "twitter-extra",
"dateModified": "2024-04-23"
}
---
<span class="wb-prettify all-pre hide"></span>

<ul>
<li><a href="twitter-{{language}}.html">Twitter embedded timeline</a></li>
<li><a href="twitter-extra-{{language}}.html">Twitter embedded timeline - Extra examples</a></li>
</ul>

<section>
<h2>Examples: Profile timeline</h2>

<div class="row">
<section class="col-md-6">
<h3>"Verified" account (<code>lang="zh-Hans"</code>, in context)</h3>
<div class="wb-twitter" lang="zh-Hans">
<a class="twitter-timeline" href="https://twitter.com/Canada" data-height="fb-page">Tweets by @Canada</a>
</div>
<section>
<h4>Code</h4>
<pre><code>&lt;div class=&quot;wb-twitter&quot; lang=&quot;zh-Hans&quot;&gt;
&lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/Canada&quot; data-height=&quot;fb-page&quot;&gt;Tweets by @Canada&lt;/a&gt;
&lt;/div&gt;</code></pre>
</section>
</section>

<section class="col-md-6">
<h3>"Verified" account (<code>data-dnt="false"</code>)</h3>
<div class="wb-twitter">
<a class="twitter-timeline" href="https://twitter.com/XDevelopers" data-height="fb-page" data-dnt="false">Tweets by @XDevelopers</a>
</div>
<section>
<h4>Code</h4>
<pre><code>&lt;div class=&quot;wb-twitter&quot;&gt;
&lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/XDevelopers&quot; data-height=&quot;fb-page&quot; data-dnt=&quot;false&quot;&gt;Tweets by @XDevelopers&lt;/a&gt;
&lt;/div&gt;</code></pre>
</section>
</section>
</div>

<section>
<h3>Standard account (<code>data-height="270"</code>)</h3>
<div class="wb-twitter">
<a class="twitter-timeline" href="https://twitter.com/WebExpToolkit" data-height="270">Tweets by @WebExpToolkit</a>
</div>
<section>
<h4>Code</h4>
<pre><code>&lt;div class=&quot;wb-twitter&quot;&gt;
&lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/WebExpToolkit&quot; data-height=&quot;270&quot;&gt;Tweets by @WebExpToolkit&lt;/a&gt;
&lt;/div&gt;</code></pre>
</section>
</section>
</section>
62 changes: 62 additions & 0 deletions _wetboew-demos/twitter/twitter-extra-fr.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
---
{
"title": "Chronologie intégrée Twitter - Exemples d’extra",
"language": "fr",
"description": "Exemples d’extra des chronologies intégrées Twitter.",
"tag": "twitter",
"parentdir": "twitter",
"altLangPrefix": "twitter-extra",
"dateModified": "2024-04-23"
}
---
<span class="wb-prettify all-pre hide"></span>

<ul>
<li><a href="twitter-{{language}}.html">Chronologie intégrée Twitter</a></li>
<li><a href="twitter-extra-{{language}}.html">Chronologie intégrée Twitter - Exemples d’extra</a></li>
</ul>

<section>
<h2>Exemples&nbsp;: Chronologie de profil</h2>

<div class="row">
<section class="col-md-6">
<h3>Compte «&nbsp;certifié&nbsp;» (<code>lang="zh-Hans"</code>, en contexte)</h3>
<div class="wb-twitter" lang="zh-Hans">
<a class="twitter-timeline" href="https://twitter.com/Canada" data-height="fb-page">Tweets de @Canada</a>
</div>
<section>
<h4>Code</h4>
<pre><code>&lt;div class=&quot;wb-twitter&quot; lang=&quot;zh-Hans&quot;&gt;
&lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/Canada&quot; data-height=&quot;fb-page&quot;&gt;Tweets de @Canada&lt;/a&gt;
&lt;/div&gt;</code></pre>
</section>
</section>

<section class="col-md-6">
<h3>Compte «&nbsp;certifié&nbsp;» (<code>data-dnt="false"</code>)</h3>
<div class="wb-twitter">
<a class="twitter-timeline" href="https://twitter.com/XDevelopers" data-height="fb-page" data-dnt="false">Tweets de @XDevelopers</a>
</div>
<section>
<h4>Code</h4>
<pre><code>&lt;div class=&quot;wb-twitter&quot;&gt;
&lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/XDevelopers&quot; data-height=&quot;fb-page&quot; data-dnt=&quot;false&quot;&gt;Tweets de @XDevelopers&lt;/a&gt;
&lt;/div&gt;</code></pre>
</section>
</section>
</div>

<section>
<h3>Compte standard (<code>data-height="270"</code>)</h3>
<div class="wb-twitter">
<a class="twitter-timeline" href="https://twitter.com/WebExpToolkit" data-height="270">Tweets de @WebExpToolkit</a>
</div>
<section>
<h4>Code</h4>
<pre><code>&lt;div class=&quot;wb-twitter&quot;&gt;
&lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/WebExpToolkit&quot; data-height=&quot;270&quot;&gt;Tweets de @WebExpToolkit&lt;/a&gt;
&lt;/div&gt;</code></pre>
</section>
</section>
</section>
57 changes: 42 additions & 15 deletions _wetboew-demos/twitter/twitter-fr.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,35 +3,62 @@
"title": "Chronologie intégrée Twitter",
"language": "fr",
"category": "Plugiciels",
"description": "Affiche des chronologies intégrées Twitter.",
"description": "Aide avec l’implémentation des chronologies intégrées Twitter.",
"tag": "twitter",
"parentdir": "twitter",
"altLangPrefix": "twitter",
"dateModified": "2014-08-01"
"dateModified": "2024-04-23"
}
---
<span class="wb-prettify all-pre hide"></span>

<ul>
<li><a href="twitter-{{language}}.html">Chronologie intégrée Twitter</a></li>
<li><a href="twitter-extra-{{language}}.html">Chronologie intégrée Twitter - Exemples d’extra</a></li>
</ul>

<section>
<h2>But</h2>
<p>Ce plugiciel aide à afficher des chronologies intégrées Twitter.</p>
</section>

<div lang="en">
<p><strong>Needs translation</strong></p>
<section>
<h2>Example: Embedded User Timeline</h2>
<div class="wb-twitter">
<a class="twitter-timeline" href="https://twitter.com/WebExpToolkit" data-tweet-limit="3">Tweets by @WebExpToolkit</a>
</div>
<h2>Exemples&nbsp;: Chronologie de profil</h2>

<section>
<h3>Code</h3>
<pre><code>&lt;div class=&quot;wb-twitter&quot;&gt;
&lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/WebExpToolkit&quot; data-tweet-limit=&quot;3&quot; &gt;Tweets by @WebExpToolkit&lt;/a&gt;
<div class="row">
<section class="col-md-6">
<h3>Compte standard</h3>
<div class="wb-twitter">
<a class="twitter-timeline" href="https://twitter.com/WebExpToolkit" data-tweet-limit="3">Tweets de @WebExpToolkit</a>
</div>
<section>
<h4>Code</h4>
<pre><code>&lt;div class=&quot;wb-twitter&quot;&gt;
&lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/WebExpToolkit&quot; data-tweet-limit=&quot;3&quot; &gt;Tweets de @WebExpToolkit&lt;/a&gt;
&lt;/div&gt;</code></pre>
</section>
</section>
</section>

<p>Twitter Developer Documentation: <a href="https://dev.twitter.com/web/embedded-timelines/user">Embedded User Timeline</a></p>
<section class="col-md-6">
<h3>Compte «&nbsp;certifié&nbsp;»</h3>
<div class="wb-twitter">
<a class="twitter-timeline" href="https://twitter.com/Canada" data-height="fb-page">Tweets de @Canada</a>
</div>
<section>
<h4>Code</h4>
<pre><code>&lt;div class=&quot;wb-twitter&quot;&gt;
&lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/Canada&quot; data-height=&quot;fb-page&quot;&gt;Tweets de @Canada&lt;/a&gt;
&lt;/div&gt;</code></pre>
</section>
</section>
</div>
</section>

<section>
<h2>Documentation destinée aux développeurs Twitter</h2>
<ul>
<li><a rel="external" href="https://developer.twitter.com/en/docs/twitter-for-websites/timelines/overview">Aperçu des chronologies (anglais seulement)</a></li>
<li><a rel="external" href="https://developer.twitter.com/en/docs/twitter-for-websites/supported-languages">Langues et navigateurs compatibles (anglais seulement)</a></li>
<li><a rel="external" href="https://developer.twitter.com/en/docs/twitter-for-websites/webpage-properties">Propriétés de page Web (anglais seulement)</a></li>
</ul>
</section>
</div>

0 comments on commit ac22a56

Please sign in to comment.