index: add hindi version of FS section

Resolves issue #16

4 files changed, 211 insertions, 0 deletions

diff --git a/static/includes/home-articles-section.hi.html b/static/includes/home-articles-section.hi.html
new file mode 100644
index 0000000..10e3bfd
--- /dev/null
+++ b/static/includes/home-articles-section.hi.html
@@ -0,0 +1,47 @@
+<div class="articles">
+    <section class="section">
+        <div class="container">
+            <div class="wrapper">
+                <div class="content">
+                    <header>
+                        <h1 class="title"><span>Articles</span></h1>
+                        <a class="feed" href="/article/feed.atom">
+                            <span class="feed-icon"></span>
+                            <span class="is-sr-only">Atom Feed</span>
+                        </a>
+                    </header>
+                    <ul class="news-items">
+                        <li>
+                            <p><span class="tag is-white">Jan 23, 2021</span>
+                              <a href="/article/better-than-whatsapp/hi">व्हाट्सएप
+                                से बेहतर: इन स्वतंत्र सॉफ्टवेयर ऐप्स और सेवाओं का प्रयोग करें</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Sep 19, 2011</span>
+                                <a href="/article/android/">Android and Users' Freedom
+                                - By Richard Stallman</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Feb 27, 2009</span>
+                                <a href="/article/liberating-cyberspace-rms-interview/">Liberating cyberspace -
+                                Interview with Richard M. Stallman,
+                                founder, Free Software Foundation,
+                                FRONTLINE</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Oct 19, 2007</span>
+                                <a href="/article/frontline-moglen-interview/">The Spectre of Free
+                                Information - Interview with Eben
+                                Moglen, Professor of Law and Legal
+                                History - FRONTLINE</a>
+                            </p>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>
diff --git a/static/includes/home-articles-section.html b/static/includes/home-articles-section.html
new file mode 100644
index 0000000..4f339ab
--- /dev/null
+++ b/static/includes/home-articles-section.html
@@ -0,0 +1,48 @@
+<div class="articles">
+    <section class="section">
+        <div class="container">
+            <div class="wrapper">
+                <div class="content">
+                    <header>
+                        <h1 class="title"><span>Articles</span></h1>
+                        <a class="feed" href="/article/feed.atom">
+                            <span class="feed-icon"></span>
+                            <span class="is-sr-only">Atom Feed</span>
+                        </a>
+                    </header>
+                    <ul class="news-items">
+                        <li>
+                            <p><span class="tag is-white">Jan 23, 2021</span>
+                                <a href="/article/better-than-whatsapp">Better
+                                than WhatsApp: Try these Free Software
+                                Apps and Services</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Sep 19, 2011</span>
+                                <a href="/article/android/">Android and Users' Freedom
+                                - By Richard Stallman</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Feb 27, 2009</span>
+                                <a href="/article/liberating-cyberspace-rms-interview/">Liberating cyberspace -
+                                Interview with Richard M. Stallman,
+                                founder, Free Software Foundation,
+                                FRONTLINE</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Oct 19, 2007</span>
+                                <a href="/article/frontline-moglen-interview/">The Spectre of Free
+                                Information - Interview with Eben
+                                Moglen, Professor of Law and Legal
+                                History - FRONTLINE</a>
+                            </p>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>
diff --git a/static/includes/home-fs-section.hi.html b/static/includes/home-fs-section.hi.html
new file mode 100644
index 0000000..a733321
--- /dev/null
+++ b/static/includes/home-fs-section.hi.html
@@ -0,0 +1,56 @@
+<div class="fs">
+    <section class="section">
+        <div class="container">
+            <div class="wrapper">
+                <div class="content">
+                    <header>
+                        <h1 class="title"><span>स्वतंत्र सॉफ्टवेयर आंदोलन</span></h1>
+                    </header>
+
+                    <div class="columns">
+                        <div class="column">
+                            <p>स्वतंत्र सॉफ्टवेयर आंदोलन स्वतंत्र सॉफ्टवेयर के निर्माण, प्रयोग तथा
+                              अंगीकरण कराने के लिए अभियान चलाने का एक विश्वव्यापी प्रयास है,
+                              जो उपयोगकर्ताओं को <a href="//gnu.org/philosophy/free-sw.html">
+                              चार आवश्यक आज़ादियों का अधिकार प्रदान करता है</a>:</p>
+
+                            <ul>
+                              <li>प्रोग्राम को उनकी इच्छानुसार किसी भी उद्देश्य के लिए
+                                इस्तेमाल करने की आज़ादी (आज़ादी ०)।</li>
+
+                              <li>प्रोग्राम का अध्ययन कर वह कैसे काम करता है
+                                यह समझने की आज़ादी और उसके कोड में बदलाव
+                                कर उससे अपनी इच्छानुसार कंप्यूटिंग करवाने की आज़ादी
+                                (आज़ादी १)। इस आज़ादी को प्राप्त करने के लिये
+                                उपयोगकर्ताओं को स्रोत कोड का मिलना पूर्व निहित शर्त है।</li>
+
+                              <li>प्रोग्राम के प्रतियों को दूसरों के साथ बांटने की आज़ादी
+                                ताकि वे दूसरों की मदद कर सकें (आज़ादी २)।</li>
+
+                              <li>उनके द्वारा संशोधित किए गए प्रोग्राम के संस्करणों की प्रतियां
+                                दूसरों के साथ बांटने की आज़ादी (आज़ादी ३)। ऐसा करने से
+                                वे पूरे समुदाय को अपने बदलावों का लाभ उठाने का अवसर दे
+                                सकते हैं। इस आज़ादी को प्राप्त करने के लिये उपयोगकर्ताओं
+                                को स्रोत कोड का मिलना पूर्व निहित शर्त है।</li>
+                            </ul>
+
+                        </div>
+                        <div class="column">
+                            <video controls="controls"
+                                   poster="//static.fsf.org/nosvn/rms-photos/20140407-geneva-01.png" style="width:512px"
+                                   src="//audio-video.gnu.org/video/TEDxGE2014_Stallman05_LQ.webm">
+                                <track label="English" srclang="en" src="//static.fsf.org/nosvn/rms-tedx-subtitles/rms-ted-talk.en.vtt">
+                                <track label="French" srclang="fr" src="//static.fsf.org/nosvn/rms-tedx-subtitles/rms-ted-talk.fr.vtt">
+                                <track label="Spanish" srclang="es" src="//static.fsf.org/nosvn/TEDx_es.vtt">
+                                <track label="Persian" srclang="fa" src="//static.fsf.org/nosvn/rms-ted-talk.fa.srt">
+                            </video>
+                            <p>Download this video in a free format
+                                (<a href="//audio-video.gnu.org/video/TEDxGE2014_Stallman05_HQ.ogv">HD</a>)
+                                (<a href="//audio-video.gnu.org/video/TEDxGE2014_Stallman05_LQ.webm">SD</a>).</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>
diff --git a/static/includes/home-fs-section.html b/static/includes/home-fs-section.html
new file mode 100644
index 0000000..8f4af7e
--- /dev/null
+++ b/static/includes/home-fs-section.html
@@ -0,0 +1,60 @@
+<div class="fs">
+    <section class="section">
+        <div class="container">
+            <div class="wrapper">
+                <div class="content">
+                    <header>
+                        <h1 class="title"><span>Free Software Movement</span></h1>
+                    </header>
+
+                    <div class="columns">
+                        <div class="column">
+                            <p>The free software movement is a world
+                                wide effort that campaigns for the
+                                creation, use, and adoption of free
+                                software that entitles users to
+                                <a href="//gnu.org/philosophy/free-sw.html">four
+                                essential freedoms</a>:</p>
+
+                            <ul>
+                                <li>The freedom to run the program as
+                                they wish, for any purpose (freedom 0).</li>
+
+                                <li>The freedom to study how the
+                                program works, and change it so it
+                                does their computing as they wish
+                                (freedom 1). Access to the source code
+                                is a precondition for this.</li>
+
+                                <li>The freedom to redistribute copies
+                                so they can help others (freedom 2).</li>
+
+                                <li>The freedom to distribute copies
+                                of their modified versions to others
+                                (freedom 3). By doing this they can
+                                give the whole community a chance to
+                                benefit from their changes. Access to
+                                the source code is a precondition for
+                                this.</li>
+                            </ul>
+
+                        </div>
+                        <div class="column">
+                            <video controls="controls"
+                                   poster="//static.fsf.org/nosvn/rms-photos/20140407-geneva-01.png" style="width:512px"
+                                   src="//audio-video.gnu.org/video/TEDxGE2014_Stallman05_LQ.webm">
+                                <track label="English" srclang="en" src="//static.fsf.org/nosvn/rms-tedx-subtitles/rms-ted-talk.en.vtt">
+                                <track label="French" srclang="fr" src="//static.fsf.org/nosvn/rms-tedx-subtitles/rms-ted-talk.fr.vtt">
+                                <track label="Spanish" srclang="es" src="//static.fsf.org/nosvn/TEDx_es.vtt">
+                                <track label="Persian" srclang="fa" src="//static.fsf.org/nosvn/rms-ted-talk.fa.srt">
+                            </video>
+                            <p>Download this video in a free format
+                                (<a href="//audio-video.gnu.org/video/TEDxGE2014_Stallman05_HQ.ogv">HD</a>)
+                                (<a href="//audio-video.gnu.org/video/TEDxGE2014_Stallman05_LQ.webm">SD</a>).</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>