hasura-imad · RuthraVed · Nov 3, 2016 · Nov 3, 2016 · Nov 3, 2016 · Nov 3, 2016
diff --git a/server.js b/server.js
@@ -9,16 +9,51 @@ app.get('/', function (req, res) {
   res.sendFile(path.join(__dirname, 'ui', 'index.html'));
 });
 
-app.get('/ui/style.css', function (req, res) {
-  res.sendFile(path.join(__dirname, 'ui', 'style.css'));
+app.get('/ui/aboutme.html', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'aboutme.html'));
+});
+
+app.get('/ui/about_pune.html', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'about_pune.html'));
+});
+
+app.get('/ui/index.html', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'index.html'));
 });
 
 app.get('/ui/madi.png', function (req, res) {
   res.sendFile(path.join(__dirname, 'ui', 'madi.png'));
 });
 
+app.get('/ui/main.js', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'main.js'));
+});
+
+app.get('/ui/possibilities.html', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'possibilities.html'));
+});
+
+app.get('/ui/pune-stats.png', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'pune-stats.png'));
+});
+
+app.get('/ui/Shaniwar-Wada.jpg', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'Shaniwar-Wada.jpg'));
+});
+
+app.get('/ui/smartcity_vision.html', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'smartcity_vision.html'));
+});
+
+app.get('/ui/style.css', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'style.css'));
+});
+
+app.get('/ui/what_needed.html', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'what_needed.html'));
+});
 
 var port = 8080; // Use 8080 for local development because you might already have apache running on 80
 app.listen(8080, function () {
-  console.log(`IMAD course app listening on port ${port}!`);
+  console.log(`IMAD Course app listening on port <<<${port}!>>>`);
 });
diff --git a/ui/Shaniwar-Wada.jpg b/ui/Shaniwar-Wada.jpg
diff --git a/ui/about_pune.html b/ui/about_pune.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+    <head><meta charset="UTF-8">
+        <title>
+            About Pune | Future City : Pune
+        </title>
+    </head>    
+        <body style="background-color:powderblue">
+            <section>
+                <h1 style="font-family:verdana;font-size:250%;text-align:center;margin-top:20px;">The Queen Of Deccan - Pune City</h1>
+                <a href="https://en.wikipedia.org/wiki/Pune" target="_blank">
+                    <img src="Shaniwar-Wada.jpg" alt="Shaniwar Wada" align="middle" style="margin:0px auto;display:block;width:480px;height:360px;">
+                </a>    
+            </section>
+
+            <section>
+                <p style="margin-top:20px; margin-bottom:0px; margin-left:100px; margin-right:100px;display:block;text-align:justify">
+                    <b>Pune</b> is the ninth-most populous city in India and the second largest in the state of Maharashtra
+                    after the state capital city of Mumbai. Pune is also the 101st largest city in the world, by population.
+                    Pune is considered the cultural capital of Maharashtra. Pune is also one of the fastest growing cities in
+                    the Asia-Pacific region. The ‘Mercer 2015 Quality of Living rankings’ evaluated local living conditions in
+                    more than 440 cities around the world where Pune ranked at 145, second in India after Hyderabad (138).
+                    It also highlights Pune among evolving business centers and emerging 9 cities around the world with citation
+                    "Hosts IT and automotive companies". Pune has also emerged as a new startup hub in India with tech startups
+                    like <b>Pubmatic, Firstcry.com, Storypick.com, TastyKhana.com</b> and <b>Swipe</b> setting up base in Pune.
+
+                    <h3 style="text-align:justify;margin-left:100px;margin-bottom:0px;">
+                        <b>Highlights</b>
+                    </h3>
+                    <ul style="margin-top:0px; margin-bottom:0px; margin-left:100px; margin-right:100px;display:block;">
+                        <li>All the top IT companies have their presence in Pune, making it the 2nd biggest software hub in the country.</li>
+                        <li>Pune has a very strong manufacturing base across Auto and Engineering.</li>
+                        <li>Pune is one of the top 5 FDI destinations in India.</li>
+                        <li>Pune is also one of the successful start-up destinations in India with more than 400 start-ups from Pune.</li>
+                        <li>Pune City Connect is a forum to bring corporates, eminent citizens together to work on CSR activities on city level issues.</li>
+                        <li>With 811 colleges, Pune is often called the “Oxford of the East”.</li>
+                        <li>This has resulted in more than 30% graduate workforce, which has triggered the IT revolution in Pune.</li>
+                        <li>The educated and qualified citizens of Pune have been instrumental in driving participative governance, which is again one of the best across Indian cities.</li>
+                        <li>Close to the hills, Pune has sufficient water at aggregate level (1250 MLD).</li>
+                        <li>Pune has a very livable climate, with temperature ranging from 12 to 38 degrees Celsius.</li>
+                        <li>Pune has 94% households with tap water, 57% MSW segregation (highest in India) and 97% population covered by sewage systems.</li>
+                        <li>98% electricity coverage with no load shedding.</li>
+                        <li>Pune Municipal Corporation (PMC) spent INR 9,461 per citizen in 2013-14, 3rd highest in India after Delhi and Mumbai.</li>
+                        <li>PMC received AA rating by Fitch in 2015– an independent testimony to its strong balance sheet and fiscal prudence.</li>
+                    </ul>
+                    <hr>
+                    <br>
+                    <br>
+                    <a href="index.html" title="Go to Home Page">Go Back</a>
+                </p>
+            </section>
+        </body>
+        <footer>
+            <small>© Copyright 2016 RuthraVed Technologies</small>
+        </footer>
+    </html>
diff --git a/ui/aboutme.html b/ui/aboutme.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+    <head><meta charset="UTF-8">
+        <title>
+            About Me | Future City : Pune
+        </title>
+    </head>    
+        <body style="background-color:powderblue">
+            <h1 style="font-family:verdana;font-size:250%;text-align:left;margin-top:0px;margin-top:20px;">About Me</h1>
+            <p style="font-family:verdana;text-align:left;margin-right:700px">
+               A final year B.E Computer Science student, I have recently
+               developed a taste for web development and Big Data.
+               Earlier I had worked only on computer apps made using Java, C#.
+               This is my first experience with web apps, and thanks to IMAD team to
+               give a nice kickstart.
+            </p>
+
+            <h2>About RuthraVed Technologies</h2>
+            <p style="font-family:verdana;text-align:left;margin-top:0px;margin-right:700px">
+                Ruthra Ved is a pseudonym that I use. I use it just as amusment and not to stay hidden
+                or harm others as people might think.
+                And the RuthraVed Technologies is just my brain child. A kind of fictional company
+                that does not exist but one day it will ;-)
+            </p>
+
+           <a href="index.html" title="Go to Home Page Page">Go Back</a>
+        </body>
+        <footer>
+            <small>© Copyright 2016 RuthraVed Technologies</small>
+        </footer>
+    </html>
diff --git a/ui/index.html b/ui/index.html
@@ -1,17 +1,26 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
-    <head>
-        <link href="/ui/style.css" rel="stylesheet" />
-    </head>
-    <body>
-        <div class="center">
-            <img src="/ui/madi.png" class="img-medium"/>
-        </div>
-        <br>
-        <div class="center text-big bold">
-            Hi! I am your webapp.
-        </div>
-        <script type="text/javascript" src="/ui/main.js">
-        </script>
-    </body>
-</html>
+    <head><meta charset="UTF-8">
+        <title>
+            Welcome | Future City : Pune
+        </title>
+    </head>    
+
+        <body style="background-color:powderblue">
+            <a href="http://www.imad.tech" target="Visit www.imad.tech" target="_blank">
+                <img src="madi.png" alt="IMAD mascot Madi"; align="left" style="margin:0px auto;display:block;width:500px;height:500px;" >
+            </a>    
+            <ul style="font-size:150%;margin-top:20px;margin-bottom:0px;margin-left:800px;margin-right:10px;display:block">
+                <li><a href="index.html" title="Home">Home</a></li>
+                <li><a href="about_pune.html" title="About Pune">About Pune</a></li>
+                <li><a href="smartcity_vision.html" title="Smart City Vision">Smart City Vision</a></li>
+                <li><a href="aboutme.html" title="About Me">About Me</a></li>
+            </ul>
+            <section>
+                <h1 style="font-size:300%;margin-top:50px">Future City : Smart Pune </h1>
+            </section>
+        </body>
+        <footer>
+            <small>© Copyright 2016 RuthraVed Technologies</small>
+        </footer>
+    </html>
diff --git a/ui/madi.png b/ui/madi.png
diff --git a/ui/possibilities.html b/ui/possibilities.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <head><meta charset="UTF-8">
+        <title>
+            Possibilities | Future City : Pune
+        </title>
+    </head>    
+        <body style="background-color:powderblue">
+            <h1 style="font-family:verdana;font-size:250%;text-align:center;margin-top:20px;">POSSIBILITIES</h1>
+
+            <a href="smartcity_vision.html" title="Go to Smart City Vision Page">Go Back</a>
+        </body>
+        <footer>
+            <small>© Copyright 2016 RuthraVed Technologies</small>
+        </footer>    
+</html>
diff --git a/ui/pune-stats.png b/ui/pune-stats.png
diff --git a/ui/smartcity_vision.html b/ui/smartcity_vision.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head><meta charset="UTF-8">
+        <title>
+            Smart City Vision | Future City : Pune
+        </title>
+    </head>    
+        <body style="background-color:powderblue">
+            <h1 style="font-family:verdana;font-size:250%;text-align:center;margin-top:20px;">SMART CITY VISION</h1>
+            <ul style="font-size:150%;margin-top:20px;margin-bottom:0px;margin-right:800px;margin-left:10px;display:block">
+                <li><a href="what_needed.html" title="What is needed">What Is Needed?</a></li>
+                <li><a href="possibilities.html" title="Probable Solutions">Possibilities</a></li>
+            </ul>
+            <section>
+                <h1 style="font-family:verdana;margin-top:20px;margin-left:250px">Pune's Smart Vision</h1>
+                <p style="margin-bottom:0px; margin-left:250px; margin-right:250px;display:block;text-align:justify">
+                    Leveraging its rich cultural and natural heritage, strong human capital and strong business environment
+                    as key strengths, Pune aspires to become the most livable City in India by solving its core infrastructure
+                    issues in a “future proof” way and by making its neighborhoods beautiful, clean, green and livable. 
+                </p>
+
+                <h1 style="font-family:verdana;text-align:center;margin-top:40px;">Pune holds an important place for both Maharashtra and India</h1>
+                <img src="pune-stats.png" alt="Pune Statistics" align="middle" style="margin:0px auto;display:block;width:640px;height:480px;">
+
+                <h1></h1>
+            </section>
+             <a href="index.html" title="Go to Home Page">Go Back</a>           
+        </body>
+        <footer>
+            <small>© Copyright 2016 RuthraVed Technologies</small>
+        </footer>
+</html>
diff --git a/ui/style.css b/ui/style.css
@@ -20,3 +20,7 @@ body {
     height: 200px;
 }
 
+.img-small {
+    height: 100px;
+}
+
diff --git a/ui/what_needed.html b/ui/what_needed.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <head><meta charset="UTF-8">
+        <title>
+            What Is Needed? | Future City : Pune
+        </title>
+    </head>    
+        <body style="background-color:powderblue">
+            <h1 style="font-family:verdana;font-size:250%;text-align:center;margin-top:20px;">WHAT IS NEEDED?</h1>
+
+           <a href="smartcity_vision.html" title="Go to Smart City Vision Page">Go Back</a>
+        </body>
+        <footer>
+            <small>© Copyright 2016 RuthraVed Technologies</small>
+        </footer>
+    </html>