Skip to content

Commit

Permalink
T255429 New demo site (#24)
Browse files Browse the repository at this point in the history 
* Add new demo folder

* Update dev server config and CI code

* fix lint

* update article review
  • Loading branch information
@hueitan
hueitan authored Jul 27, 2020
1 parent 513b876 commit fc60955
Show file tree
Hide file tree
Showing 24 changed files with 688 additions and 81 deletions.
1 change: 0 additions & 1 deletion .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,3 @@ dist/
node_modules/
.nyc_output/
.DS_Store
demo/
61 changes: 61 additions & 0 deletions demo/articles/english.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="../wikipedia-preview.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.
</p>
</div>
<!-- Scripts -->
<script src="../wikipedia-preview.development.js"></script>
<script>
wikipediaPreview.init({
lang: 'en'
});
</script>
<!-- End of Scripts -->
</body>
</html>
61 changes: 61 additions & 0 deletions demo/articles/french.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="../wikipedia-preview.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>, 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.
</p>
</div>
<!-- Scripts -->
<script src="../wikipedia-preview.development.js"></script>
<script>
wikipediaPreview.init({
lang: 'fr'
});
</script>
<!-- End of Scripts -->
</body>
</html>
64 changes: 64 additions & 0 deletions demo/articles/hindi.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="../wikipedia-preview.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/hindi-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>विस्तार से जानिये कालिंजर दुर्ग के बारे में</p>
</div>
<div class="content">
<p>
कालिंजर दुर्ग, भारतीय राज्य उत्तर प्रदेश के बांदा जिले में स्थित एक दुर्ग है। बुन्देलखण्ड क्षेत्र में विंध्य पर्वत पर स्थित यह दुर्ग विश्व धरोहर स्थल खजुराहो से ९७.७(17.7) किमी दूर है। इसे भारत के सबसे विशाल और अपराजेय दुर्गों में गिना जाता रहा है। इस दुर्ग में कई प्राचीन <span class="wmf-wp-with-preview" data-wikipedia-preview>मन्दिर</span> हैं। इनमें कई मन्दिर तीसरी से पाँचवीं सदी गुप्तकाल के हैं। यहाँ के शिव मन्दिर के बारे में मान्यता है कि सागर-मन्थन से निकले कालकूट विष को पीने के बाद भगवान शिव ने यहीं तपस्या कर उसकी ज्वाला शान्त की थी। कार्तिक पूर्णिमा के अवसर पर लगने वाला कार्तिक मेला यहाँ का प्रसिद्ध सांस्कृतिक उत्सव है।
</p>
<p>
प्राचीन काल में यह दुर्ग जेजाकभुक्ति (जयशक्ति चन्देल) साम्राज्य के अधीन था। बाद में यह १०(10)वीं शताब्दी तक चन्देल राजपूतों के अधीन और फिर रीवा के सोलंकियों के अधीन रहा। इन राजाओं के शासनकाल में कालिंजर पर महमूद गजनवी, कुतुबुद्दीन ऐबक, शेर शाह सूरी और <span class="wmf-wp-with-preview" data-wikipedia-preview>हुमांयू</span> आदि ने आक्रमण किए लेकिन इस पर विजय पाने में असफल रहे। कालिंजर विजय अभियान में ही तोप के गोला लगने से शेरशाह की मृत्यु हो गई थी। मुगल शासनकाल में बादशाह अकबर ने इस पर अधिकार किया। इसके बाद जब छत्रसाल बुन्देला ने मुगलों से बुन्देलखण्ड को आजाद कराया तब से यह किला बुन्देलों के अधीन आ गया व छत्रसाल बुन्देला ने अधिकार कर लिया। बाद में यह के नियंत्रण में आ गया। भारत के स्वतंत्रता के पश्चात इसकी पहचान एक महत्त्वपूर्ण ऐतिहासिक धरोहर के रूप में की गयी है। वर्तमान में यह दुर्ग भारतीय पुरातत्त्व सर्वेक्षण विभाग के अधिकार एवं अनुरक्षण में है। यह बहुत ही बेहतरीन तरीके से निर्मित किला है। हालाकि इसने सिर्फ अपने आस पास के इलाकों में ही अच्छी छाप छोड़ी है।
</p>
<p>
कालिंजर दुर्ग विंध्याचल की पहाड़ी पर ७०० फीट की ऊंचाई पर स्थित है। दुर्ग की कुल ऊंचाई १०८ फ़ीट है। इसकी दीवारें चौड़ी और ऊंची हैं। इसे मध्यकालीन भारत का सर्वोत्तम दुर्ग माना जाता था। इस दुर्ग में स्थापत्य की कई शैलियाँ दिखाई देती हैं, जैसे गुप्त शैली, प्रतिहार शैली, पंचायतन नागर शैली, आदि।
</p>
<p>
प्रतीत होता है कि इसकी संरचना वास्तुकार ने अग्नि पुराण, बृहद संहिता तथा अन्य वास्तु ग्रन्थों के अनुसार की है। किले के बीचों-बीच अजय पलका नामक एक झील है जिसके आसपास कई प्राचीन मन्दिर हैं। यहाँ ऐसे तीन मन्दिर हैं जिन्हें <span class="wmf-wp-with-preview" data-wp-title="अंकगणित" data-wikipedia-preview>अंकगणितीय</span> विधि से बनाया गया है। दुर्ग में प्रवेश के लिए सात दरवाजे हैं और ये सभी दरवाजे एक दूसरे से भिन्न शैलियों से अलंकृत हैं। यहाँ के स्तंभों एवं दीवारों में कई प्रतिलिपियां बनी हुई हैं,। मान्यता है कि इनमें यहाँ के खजाने का रहस्य छुपा हुआ है।
</p>
</div>
</div>
<div class="footer">
<p>
This article uses material from the Wikipedia article “<a href="https://hi.m.wikipedia.org/wiki/%E0%A4%95%E0%A4%BE%E0%A4%B2%E0%A4%BF%E0%A4%82%E0%A4%9C%E0%A4%B0_%E0%A4%A6%E0%A5%81%E0%A4%B0%E0%A5%8D%E0%A4%97" target="_blank">कालिंजर</a>”,<br />which is released under the Creative Commons Attribution-Share-Alike License 3.0.
</p>
</div>
<!-- Scripts -->
<script src="../wikipedia-preview.development.js"></script>
<script>
wikipediaPreview.init({
lang: 'hi'
});
</script>
<!-- End of Scripts -->
</body>
</html>
Loading

0 comments on commit fc60955

Please sign in to comment.