index: add hindi version of FS section

Resolves issue #16

6 files changed, 361 insertions, 108 deletions

diff --git a/static/hi/index.html b/static/hi/index.html
new file mode 100755
index 0000000..5770649
--- /dev/null
+++ b/static/hi/index.html
@@ -0,0 +1,138 @@
+<!--#include virtual="/includes/html-open.html"-->
+
+<!--#include virtual="/includes/header-open.html"-->
+<title>Free Software Foundation India</title>
+<!--#include virtual="/includes/header-close.html"-->
+
+<!--#include virtual="/includes/body-open.html"-->
+<!--#include virtual="/includes/navbar.html"-->
+
+<!-- start main -->
+<div class="main">
+
+<!-- start lang block -->
+<div class="lang-block">
+  <div class="container">
+    <div class="lang">
+      <p><a href="/">en</a> | hi</p>
+    </div>
+  </div>
+</div>
+<!-- end lang block -->
+
+<!-- start banner -->
+<div class="fsfi-banner">
+    <div class="container">
+        <section class="hero is-bold">
+            <div class="hero-body">
+                <div class="container">
+                    <div class="content is-large">
+                        <header>
+                            <h1>Free Software Foundation of India</h1>
+                        </header>
+
+                        <p class="banner-text fsfi-lead">
+                            FSF India is a non-profit organisation committed to
+                            advocating, promoting and propagating the use and
+                            development of swatantra software in India.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+</div>
+<!-- end banner-->
+
+<!-- start fs section -->
+<!--#include virtual="/includes/home-fs-section.hi.html"-->
+<!-- end fs section -->
+
+
+<!-- start news section -->
+<div class="news">
+    <section class="section">
+        <div class="container">
+            <div class="wrapper">
+                <div class="content">
+                    <header>
+                        <h1 class="title"><span>News</span></h1>
+                        <a class="feed" href="/news/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">Sep 19, 2020</span>
+                                <a href="/news/free-software-camp-2020-announcement/">Free
+                                Software Camp 2020 Launches on Software Freedom Day</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">July 11, 2020</span>
+                                <a href="/news/proprietary-apps-in-schools/">Open
+                                letter to KITE: On the use of
+                                proprietary apps and services for
+                                online classes in schools</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">May 29, 2020</span>
+                                <a href="/news/arogya-sethu">Aarogya Sethu client app released as Free Software</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Sep 12, 2019</span>
+                                <a href="/news/thottingal">Santhosh Thottingal is awarded the President's Maharshi Badrayan Vyas Samman for 2019</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Jul 28, 2019</span>
+                                <a href="/news/mh-schools-floss/">IT syllabus of  class XI in Maharshtra now includes FLOSS</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Jul 17, 2019</span>
+                                <a href="/news/vnrvjiet-fw/">Free Software Seminar at VNRVJIET</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Mar 07, 2014</span>
+                                <a href="/news/free-digital-society/">FSF India's call for a free digital society supported by free software</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Oct 25, 2013</span>
+                                <a href="/news/response-oss-framwork/">FSF India's Response to the Proposed Framework by Govt of India</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Oct 14, 2013</span>
+                                <a href="/news/smc-twelve-years/">Swatantra Malayalam Computing completes 12 years</a>
+                            </p>
+                        </li>
+                        <li>
+                            <p><span class="tag is-white">Sep 28, 2013</span>
+                                <a href="/news/gnu-thirty/">The GNU system has turned thirty years old on September 27, 2013</a>
+                            </p>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>
+<!-- end news section -->
+
+<!-- start articles section -->
+<!--#include virtual="/includes/home-articles-section.hi.html"-->
+<!-- end artictles section -->
+
+</div>
+<!-- end main -->
+
+<!--#include virtual="/includes/footer.html"-->
+<!--#include virtual="/includes/js.html"-->
+<!--#include virtual="/includes/body-close.html"-->
+<!--#include virtual="/includes/html-close.html"-->
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>
diff --git a/static/index.html b/static/index.html
index 32af548..d368e8d 100755
--- a/static/index.html
+++ b/static/index.html
@@ -10,6 +10,16 @@
 <!-- start main -->
 <div class="main">
 
+<!-- start lang block -->
+<div class="lang-block">
+  <div class="container">
+    <div class="lang">
+      <p>en | <a href="/hi">hi</a></p>
+    </div>
+  </div>
+</div>
+<!-- end lang block -->
+
 <!-- start banner -->
 <div class="fsfi-banner">
     <div class="container">
@@ -35,66 +45,7 @@
 <!-- end banner-->
 
 <!-- start fs section -->
-<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>
+<!--#include virtual="/includes/home-fs-section.html"-->
 <!-- end fs section -->
 
 
@@ -175,54 +126,7 @@
 <!-- end news section -->
 
 <!-- start articles section -->
-<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>
+<!--#include virtual="/includes/home-articles-section.html"-->
 <!-- end artictles section -->
 
 </div>