Skip to content

Commit

Permalink
Deploying to gh-pages from @ c1e8ef3 🚀
Browse files Browse the repository at this point in the history
  • Loading branch information
@hueitan
hueitan committed Dec 16, 2024
1 parent 2cbf775 commit 839baa2
Show file tree
Hide file tree
Showing 28 changed files with 1,069 additions and 0 deletions.
64 changes: 64 additions & 0 deletions storybook-dev-dependencies/articles/arabic.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="yes" name="mobile-web-app-capable"/>
<meta content="default" name="apple-mobile-web-app-status-bar-style"/>
<link href="../css/header.css" rel="stylesheet" type="text/css"/>
<link href="../css/footer.css" rel="stylesheet" type="text/css"/>
<link href="../css/article.css" rel="stylesheet" type="text/css"/>
<link href="../css/link.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<a href="../index.html">
<div class="header">Wikipedia Preview demo</div>
</a>
<div class="container" dir="rtl">
<div class="cover" style="background-image: url('../img/arabic-pic.jpg');">
<a href="../index.html">
<div class="close-btn">
<div class="outer">
<img alt="Image/" src="../img/oval.png" class="oval" />
</div>
<div class="inner">
<img alt="Image/" src="../img/fill1.png" class="fill1" />
<img alt="Image/" src="../img/fill2.png" class="fill2" />
</div>
</div>
</a>
</div>
<div class="title">
<p>أم كلثوم (مطربة)</p>
</div>
<div class="content">
<p>
فاطمة بنت الشيخ المؤذن إبراهيم السيد البلتاجي وتعرف أيضاً بكُنيتها المشهورة أُم كَلثوم، كما تُعرف بعدة ألقاب منها: ثومة، الجامعة العربية، الست، سيدة الغناء العربي، شمس الأصيل، صاحبة العصمة، كوكب الشرق، قيثارة الشرق، فنانة الشعبهي مغنية وممثلة مصرية، ولدت في محافظة الدقهلية بالخديوية المصرية في 31 ديسمبر 1898 أو رسميًا حسب السجلات المدنية في 4 مايو 1908م، وتوفيت في <span class="wmf-wp-with-preview" data-wikipedia-preview>القاهرة</span> بعد معاناة مع المرض في 3 فبراير 1975م. وتعد أم كلثوم من أبرز مغني القرن العشرين الميلادي، وبدأت مشوارها الفني في سن الطفولة، اشتهرت في <span class="wmf-wp-with-preview" data-wikipedia-preview>مصر</span> وفي عموم الوطن العربي
</p>
<p>
عادت إلى القاهرة لكي تستقر نهائياً في عام 1921م. وكانت تغني في مسرح البوسفور في ميدان رمسيس بدون فرقة موسيقية. وغنت على مسرح حديقة الأزيكية واشتهرت بقصيدة وحقك أنت المنى والطلب وتعد هذه أول إسطوانة لها صدرت في منتصف العشرينيات وبيع منها ثمانية عشر ألف إسطوانة. وتعلمت أم كلثوم لاحقاً من أمين المهدي أصول الموسيقى، وكذلك تعلمت عزف العود على يدي أمين المهدي ومحمود رحمي ومحمد القصبحي.
في عام 1923م غنت في حفلات كبار القوم، كما غنت في حفل حضرته كبار مطربات عصرها وعلى رأسهم منيرة المهدية شخصياً والتي كانت تلقب بسلطانة الطرب، والتقت في نفس العام بالموسيقار <span class="wmf-wp-with-preview" data-wikipedia-preview>محمد_عبد_الوهاب</span> لأول مرة بحفلة أقيمت في منزل والد أبي بكر خيرت.
في عام 1924م تعرفت إلى أحمد رامي عن طريق أبو العلا، في إحدى الحفلات التي أدت أم كلثوم فيها أغنية الصب تفضحه عيونه كان أحمد رامي حاضراً بعد أن عاد من أوروبا، فأدرك أنه قد وجد هدفه. غير أن البداية الحقيقية كانت عندما سمعها محمد القصبجي الملحن المجدد وقتها. في نفس العام 1924م، تعرفت أم كلثوم إلى طبيب أسنان يهوى الموسيقى هو أحمد صبري النجريدي أول ملحن يلحن لأم كلثوم ألحانا خاصة بها، إلا أن ألحانه اعتمدت على الزخارف الموسيقية بشكل مبالغ به مما دفع أم كلثوم إلى إنهاء التعاون معه مبكراً.
</p>

</div>
</div>
<div class="footer">
<p>
This article uses material from the Wikipedia article “<a href="https://ar.m.wikipedia.org/wiki/%D8%A3%D9%85_%D9%83%D9%84%D8%AB%D9%88%D9%85_(%D9%85%D8%B7%D8%B1%D8%A8%D8%A9)" target="_blank"> أم كلثوم (مطربة)</a>",<br />which is released under the Creative Commons Attribution-Share-Alike License 3.0.
<br/><br/>
<a href="https://github.com/wikimedia/wikipedia-preview" target="_blank"> View Source </a>
</p>
</div>
<!-- Scripts -->
<script src="../script/wikipedia-preview.umd.cjs"></script>
<script>
wikipediaPreview.init({
lang: 'ar',
detectLinks: true
});
</script>
<!-- End of Scripts -->
</body>
</html>
61 changes: 61 additions & 0 deletions storybook-dev-dependencies/articles/bahasaIndonesia.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="yes" name="mobile-web-app-capable"/>
<meta content="default" name="apple-mobile-web-app-status-bar-style"/>
<link href="../css/header.css" rel="stylesheet" type="text/css"/>
<link href="../css/footer.css" rel="stylesheet" type="text/css"/>
<link href="../css/article.css" rel="stylesheet" type="text/css"/>
<link href="../css/link.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<a href="../index.html">
<div class="header">Wikipedia Preview demo</div>
</a>
<div class="container">
<div class="cover" style="background-image: url('../img/bahasa-indonesia-pic.jpg');">
<a href="../index.html">
<div class="close-btn">
<div class="outer">
<img alt="Image/" src="../img/oval.png" class="oval" />
</div>
<div class="inner">
<img alt="Image/" src="../img/fill1.png" class="fill1" />
<img alt="Image/" src="../img/fill2.png" class="fill2" />
</div>
</div>
</a>
</div>
<div class="title">
<p>Gili Trawangan</p>
</div>
<div class="content">
<p>
Gili Trawangan adalah yang terbesar dari ketiga pulau kecil atau gili yang terdapat di sebelah barat laut <a class="wmf-wp-with-preview" href="https://id.wikipedia.org/wiki/Pulau_Lombok">Lombok</a>. Trawangan juga satu-satunya gili yang ketinggiannya di atas permukaan laut cukup signifikan. Dengan panjang 3 km dan lebar 2 km, Trawangan berpopulasi sekitar 800 jiwa. Di antara ketiga gili tersebut, Trawangan memiliki fasilitas untuk wisatawan yang paling beragam; kedai "Tîr na Nôg" mengklaim bahwa Trawangan adalah pulau terkecil di dunia yang ada bar Irlandia-nya. Bagian paling padat penduduk adalah sebelah timur pulau ini.
</p>
<p>
Trawangan punya nuansa "pesta" lebih daripada <span class="wmf-wp-with-preview" data-wikipedia-preview>Gili Meno</span> dan Gili Air, karena banyaknya pesta sepanjang malam yang setiap malamnya dirotasi acaranya oleh beberapa tempat keramaian. Aktivitas yang populer dilakukan para wisatawan di Trawangan adalah scuba diving (dengan sertifikasi PADI), snorkeling (di pantai sebelah timur laut), bermain kayak, dan berselancar. Ada juga beberapa tempat bagi para wisatawan belajar berkuda mengelilingi pulau.
</p>
</div>
</div>
<div class="footer">
<p>
This article uses material from the Wikipedia article “<a href="https://id.m.wikipedia.org/wiki/Gili_Trawangan" target="_blank">Gili Trawangan</a>”,<br />which is released under the Creative Commons Attribution-Share-Alike License 3.0.
<br/><br/>
<a href="https://github.com/wikimedia/wikipedia-preview" target="_blank"> View Source </a>
</p>
</div>
<!-- Scripts -->
<script src="../script/wikipedia-preview.umd.cjs"></script>
<script>
wikipediaPreview.init({
lang: 'id',
detectLinks: true
});
</script>
<!-- End of Scripts -->
</body>
</html>
72 changes: 72 additions & 0 deletions storybook-dev-dependencies/articles/english.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="yes" name="mobile-web-app-capable"/>
<meta content="default" name="apple-mobile-web-app-status-bar-style"/>
<link href="../css/header.css" rel="stylesheet" type="text/css"/>
<link href="../css/footer.css" rel="stylesheet" type="text/css"/>
<link href="../css/article.css" rel="stylesheet" type="text/css"/>
<link href="../css/link.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<a href="../index.html">
<div class="header">Wikipedia Preview demo</div>
</a>
<div class="container">
<div class="cover" style="background-image: url('../img/english-pic.png');">
<a href="../index.html">
<div class="close-btn">
<div class="outer">
<img alt="Image/" src="../img/oval.png" class="oval" />
</div>
<div class="inner">
<img alt="Image/" src="../img/fill1.png" class="fill1" />
<img alt="Image/" src="../img/fill2.png" class="fill2" />
</div>
</div>
</a>
</div>
<div class="title">
<p>Wildlife of the Central African Republic</p>
</div>
<div class="content">
<p>
Wildlife in the Central African Republic is in the vast natural habitat located between the Congo Basin's rain forests and large savannas, where the human density was smaller than 0.5 per km2 prior to 1850. The forest area of 22.755 million, considered one of the richest storehouses of wildlife spread over national parks, hunting reserves and community hunting areas, experienced an alarming loss of wild life due to greed for <span class="wmf-wp-with-preview" data-wikipedia-preview>ivory</span> and bushmeat exploitation by hunters – mostly Arab slavers from across the borders of the Central African Republic (Central African Republic) with Chad and Sudan.<br />
</p>
<p>
Realising the serious threat to the wildlife, the colonists – French Administration – in 1935 and later the Government of the Republic of CRA, enacted laws and created National parks and preserves, which covered 16.6% of the country. The three most coveted national parks are the Manovo-Gounda St. Floris National Park with its reported "greatest concentrations of hippos in the world", the <span class="wmf-wp-with-preview" data-wp-title="Bamingui-Bangoran_National_Park_and_Biosphere_Reserve" data-wikipedia-preview> Bamingui-Bangoran National</span> Park in the north; and the Dzanga-Sangha Reserve which covers rain forests. The Manovo-Gounda-Saint-Floris National Park, in particular was inscribed to the UNESCO List of World Heritage Sites in 1988 in recognition of the diversity of life present within it in respect of its wealth of flora and fauna.
</p>
<p>
In 2014, the Chinko Nature Reserve in eastern CRA was granted management through a public-private partnership with the Central African Republic Ministry of Wildlife, Water and Forestry and African Parks, a conservation NGO that takes on the direct, long-term management of national parks and protected areas in partnership with governments to save wildlife, restore landscapes and ensure sustainable livelihoods for local communities. African Parks has a mandate to manage this protected area, now referred to as the <span class="wmf-wp-with-preview" data-wikipedia-preview>Chinko Project</span>, for the next 50 years.
</p>
</div>
</div>
<div class="footer">
<p>
This article uses material from the Wikipedia article “<a href="https://en.m.wikipedia.org/wiki/Wildlife_of_the_Central_African_Republic" target="_blank">Wildlife of the Central African Republic</a>”,<br />which is released under the Creative Commons Attribution-Share-Alike License 3.0.
<br/><br/>
<a href="https://github.com/wikimedia/wikipedia-preview" target="_blank"> View Source </a>
</p>
</div>
<!-- Scripts -->
<script src="../script/wikipedia-preview.umd.cjs"></script>
<script>
wikipediaPreview.init({
lang: 'en',
detectLinks: true,
events: {
onShow: function(title, lang, type) {
console.log( 'Opening ' + type + ' popup for article ' + title + ' in ' + lang )
},
onWikiRead: function(title, lang) {
console.log( 'Going to read article ' + title + ' in ' + lang + ' on Wikipedia' )
}
}
});
</script>
<!-- End of Scripts -->
</body>
</html>
66 changes: 66 additions & 0 deletions storybook-dev-dependencies/articles/french.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="yes" name="mobile-web-app-capable"/>
<meta content="default" name="apple-mobile-web-app-status-bar-style"/>
<link href="../css/header.css" rel="stylesheet" type="text/css"/>
<link href="../css/footer.css" rel="stylesheet" type="text/css"/>
<link href="../css/article.css" rel="stylesheet" type="text/css"/>
<link href="../css/link.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<a href="../index.html">
<div class="header">Wikipedia Preview demo</div>
</a>
<div class="container">
<div class="cover" style="background-image: url('../img/french-pic.png');">
<a href="../index.html">
<div class="close-btn">
<div class="outer">
<img alt="Image/" src="../img/oval.png" class="oval" />
</div>
<div class="inner">
<img alt="Image/" src="../img/fill1.png" class="fill1" />
<img alt="Image/" src="../img/fill2.png" class="fill2" />
</div>
</div>
</a>
</div>
<div class="title">
<p>Conseil de sécurité des Nations unies</p>
</div>
<div class="content">
<p>
Le Conseil de sécurité des Nations unies est l'organe exécutif de l'Organisation des Nations unies (ONU). Il est défini comme ayant « la responsabilité principale du maintien de la paix et de la sécurité internationale » selon la Charte des Nations unies et dispose pour cela de pouvoirs spécifiques tels que le maintien de la paix, l'établissement de sanctions internationales et l'intervention militaire.
</p>
<p>
Certaines décisions, appelées <span class="wmf-wp-with-preview" data-wp-title="Conseil_de_sécurité_des_Nations_unies" data-wikipedia-preview>résolutions</span> (<span class="wmf-wp-with-preview" data-wp-title="Conseil_de_sécurité_des_Nations_unies#Histoire" data-wikipedia-preview>histoire</span>), du Conseil de sécurité ont force exécutoire et « les Membres de l'Organisation conviennent d'accepter et d'appliquer les décisions du Conseil de sécurité ». Il se réunit au siège des Nations unies à New York après avoir siégé dans différentes capitales, telles que Paris ou Addis-Abeba. Ses membres doivent y être présents en permanence, du fait que le Conseil peut être réuni à tout moment, notamment en cas de crise exceptionnelle, ce que ne permettait pas la Charte de la Société des Nations.
</p>
<p>
Le Conseil de sécurité est composé de quinze membres : cinq permanents pourvus du <span class="wmf-wp-with-preview" data-wikipedia-preview>droit de veto</span> (Chine, États-Unis, France, Royaume-Uni, Russie) et dix élus pour une durée de deux ans (renouvelés par moitié tous les ans).
</p>
</div>
</div>
<div class="footer">
<p>
This article uses material from the Wikipedia article “<a href="https://fr.m.wikipedia.org/wiki/Conseil_de_s%C3%A9curit%C3%A9_des_Nations_unies" target="_blank">Conseil de sécurité des Nations unies</a>”,<br />which is released under the Creative Commons Attribution-Share-Alike License 3.0.
<br/><br/>
<a href="https://github.com/wikimedia/wikipedia-preview" target="_blank"> View Source </a>
</p>
</div>
<!-- Scripts -->
<script src="../script/wikipedia-preview.umd.cjs"></script>
<script>
wikipediaPreview.init({
root: '.content > p, .footer > p',
detectLinks: true,
lang: 'fr',
debug: true
});
</script>
<!-- End of Scripts -->
</body>
</html>
Loading

0 comments on commit 839baa2

Please sign in to comment.