Make Bellatrix's youtube video responsive

_showcase_projects/3-Bellatrix-cheeku.markdown

@@ -14,5 +14,24 @@ weight: 2
 ---
 
 A simple personal assistant driven by text and voice with limitless possibilities of adding more features. Uses AIML (Artificial Intelligence Markup Language) for pattern matching and chatbot abilities along with a few python and shell scripts to carry out system processes. The repository resides [here]({{ page.repo }}).
-
-<iframe width="1024" height="500" src="https://www.youtube.com/embed/v_A9FpL3Sa4" frameborder="0" allowfullscreen></iframe>
+<style>
+.videowrapper {
+    float: none;
+    clear: both;
+    width: 100%;
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 25px;
+    height: 0;
+}
+.videowrapper iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+</style>
+<div class = "videowrapper">
+	<iframe width="1024" height="500" src="https://www.youtube.com/embed/v_A9FpL3Sa4" frameborder="0" allowfullscreen></iframe>
+</div>

_site/feed.xml

@@ -6,9 +6,9 @@
 </description>
     <link>http://localhost:4000/</link>
     <atom:link href="http://localhost:4000/feed.xml" rel="self" type="application/rss+xml" />
-    <pubDate>Wed, 05 Apr 2017 12:18:13 +0530</pubDate>
-    <lastBuildDate>Wed, 05 Apr 2017 12:18:13 +0530</lastBuildDate>
-    <generator>Jekyll v3.3.1</generator>
+    <pubDate>Thu, 06 Apr 2017 00:29:29 +0530</pubDate>
+    <lastBuildDate>Thu, 06 Apr 2017 00:29:29 +0530</lastBuildDate>
+    <generator>Jekyll v3.4.3</generator>
 
   </channel>
 </rss>

_site/readme.md

@@ -29,4 +29,4 @@ Please create a PR to WnCC:master. All content you add will go to your project p
 Add a relevant image to the `_images` folder and resize it if needed using the `resize.py` script. If it doesn't need to be resized add it to the ignored list inside `resize.py`. If in doubt or unable to do the above, mention it in the PR.
 
 ##### If you are a collaborator:
-Please (jekyll) build and push to the master. Server is on auto-deploy and reflects everything built and pushed to production. **Do not forget to cherry-pick the last commits from master to gh-pages. Also checkout production and merge it with master.** If you don't want to do the above, just create a PR with the change to WnCC:master.
+Please (jekyll) build and push to the master. Server is on auto-deploy and reflects everything built and pushed to production. **Do not forget to cherry-pick the last commits from master to gh-pages. The gh-pages website is: [http://nihal111.github.io/WnCC/](http://nihal111.github.io/WnCC/) which serves as a backup to the main website. Also checkout production and merge it with master.** If you don't want to do the above, just create a PR with the change to WnCC:master.

_site/showcase/index.html

@@ -196,8 +196,28 @@ <h4 style="font-weight: 500;">
 
                     </h4>
                     <p><p>A simple personal assistant driven by text and voice with limitless possibilities of adding more features. Uses AIML (Artificial Intelligence Markup Language) for pattern matching and chatbot abilities along with a few python and shell scripts to carry out system processes. The repository resides <a href="https://github.com/udiboy1209/bellatrix">here</a>.</p>
+<style>
+.videowrapper {
+    float: none;
+    clear: both;
+    width: 100%;
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 25px;
+    height: 0;
+}
+.videowrapper iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+</style>
 
-<iframe width="1024" height="500" src="https://www.youtube.com/embed/v_A9FpL3Sa4" frameborder="0" allowfullscreen=""></iframe>
+<div class="videowrapper">
+	<iframe width="1024" height="500" src="https://www.youtube.com/embed/v_A9FpL3Sa4" frameborder="0" allowfullscreen=""></iframe>
+</div>
 </p>
                     <!-- <ul class="actions">
                         <li><a href="#" class="button alt">Learn More</a></li>

_site/showcase_projects/3-Bellatrix-cheeku.html

@@ -99,8 +99,28 @@ <h1><a href="/" class="site-title" >WnCC</a></h1>
 </header>
         <!-- Use <article></article>inside content to center align content-->
         <p>A simple personal assistant driven by text and voice with limitless possibilities of adding more features. Uses AIML (Artificial Intelligence Markup Language) for pattern matching and chatbot abilities along with a few python and shell scripts to carry out system processes. The repository resides <a href="https://github.com/udiboy1209/bellatrix">here</a>.</p>
+<style>
+.videowrapper {
+    float: none;
+    clear: both;
+    width: 100%;
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 25px;
+    height: 0;
+}
+.videowrapper iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+</style>
 
-<iframe width="1024" height="500" src="https://www.youtube.com/embed/v_A9FpL3Sa4" frameborder="0" allowfullscreen=""></iframe>
+<div class="videowrapper">
+	<iframe width="1024" height="500" src="https://www.youtube.com/embed/v_A9FpL3Sa4" frameborder="0" allowfullscreen=""></iframe>
+</div>
 
         <!-- Footer -->
 <footer id="footer">

_site/soc_projects/10-fossee-scilab-julia.html

@@ -226,10 +226,12 @@ <h2 class="post-title" >Scilab-Julia Interface</h2>
 <!--break-->
 
 <h3 id="applicant-profile">Applicant profile:</h3>
-<p>The applicant should-
-- Have excellent coding skills in C and C++
-- Know how to call functions from external libraries in C/C++ code
-- Know how to compile C/C++ code by linking against external libraries</p>
+<p>The applicant should-</p>
+<ul>
+  <li>Have excellent coding skills in C and C++</li>
+  <li>Know how to call functions from external libraries in C/C++ code</li>
+  <li>Know how to compile C/C++ code by linking against external libraries</li>
+</ul>
 
 <h3 id="suggested-reading">Suggested reading:</h3>