Updated various things

css/layout.css

@@ -325,36 +325,36 @@ ul#nav li.current a { color: #F06000; }
    border-radius: 3px 0 0 3px;
 }
 
+.data {
+  	width: 75%;
+  	-moz-animation: data 3s ease;
+  	-webkit-animation: data 3s ease;
+}
 .iot {
   	width: 80%;
-  	-moz-animation: iot 2s ease;
+  	-moz-animation: iot 3s ease;
-  	-webkit-animation: iot 2s ease;
+  	-webkit-animation: iot 3s ease;
 }
-.languages {
+.software {
-  	width: 75%;
-  	-moz-animation: languages 2s ease;
-  	-webkit-animation: languages 2s ease;
-}
-.systems {
   	width: 70%;
-  	-moz-animation: systems 2s ease;
+  	-moz-animation: software 3s ease;
-  	-webkit-animation: systems 2s ease;
+  	-webkit-animation: software 3s ease;
 }
 .ubicom {
   	width: 80%;
-  	-moz-animation: ubicom 2s ease;
+  	-moz-animation: ubicom 3s ease;
-  	-webkit-animation: ubicom 2s ease;
+  	-webkit-animation: ubicom 3s ease;
 }
 
+@-moz-keyframes data {
+  0%   { width: 0px;  }
+  100% { width: 75%;  }
+}
 @-moz-keyframes iot {
   0%   { width: 0px;  }
   100% { width: 80%;  }
 }
-@-moz-keyframes languages {
+@-moz-keyframes software {
-  0%   { width: 0px;  }
-  100% { width: 75%;  }
-}
-@-moz-keyframes systems {
   0%   { width: 0px;  }
   100% { width: 70%;  }
 }
@@ -363,15 +363,15 @@ ul#nav li.current a { color: #F06000; }
   100% { width: 80%;  }
 }
 
+@-webkit-keyframes data {
+  0%   { width: 0px;  }
+  100% { width: 75%;  }
+}
 @-webkit-keyframes iot {
   0%   { width: 0px;  }
   100% { width: 80%;  }
 }
-@-webkit-keyframes languages {
+@-webkit-keyframes software {
-  0%   { width: 0px;  }
-  100% { width: 75%;  }
-}
-@-webkit-keyframes systems {
   0%   { width: 0px;  }
   100% { width: 70%;  }
 }

index.html

@@ -205,7 +205,7 @@
             </p>
             <h6>Mechanisms for the Dynamic Installation &amp; Control of Data Collection Tasks on Smartphones</h6>
             <p style="text-align: justify;">
-              Extend "EasyHarvest" to support the flexible development, installation and activation of dynamic standalone and collaborative privacy mechanisms using Wi-Fi Direct on mobile personal devices, as independently developed software components that can be used in conjunction with sensing applications that run on the device. <a href="//cloud.delkappa.com/s/AYeibPNXcFWReHn" target="_blank">[Read More]</a>
+              Extended <i>EasyHarvest</i> to support the flexible development, installation and activation of dynamic standalone and collaborative privacy mechanisms using Wi-Fi Direct on mobile personal devices, as independently developed software components that can be used in conjunction with sensing applications that run on the device. <a href="//cloud.delkappa.com/s/AYeibPNXcFWReHn" target="_blank">[Read More]</a>
             </p>
 
           </div>
@@ -222,7 +222,7 @@
             </p>
             <h6>Deployment &amp; Controlled Execution of Sensing Tasks on Smartphones</h6>
             <p style="text-align: justify;">
-              Build "EasyHarvest", a crowdsourcing framework that simplifies the deployment and controlled execution of large-scale sensing applications on Android smartphones via a single web interface. Introduce a RESTful API in Java on top of Tomcat for client-server communication and data collection organized in SQL and XML structures. <a href="//cloud.delkappa.com/s/CZPZWwHdXASn4SP" target="_blank">[Read More]</a>
+              Built <i>EasyHarvest</i>, a crowdsourcing framework that simplifies the deployment and controlled execution of large-scale sensing applications on Android smartphones via a single web interface. Introduced a RESTful API in Java on top of Tomcat for client-server communication and data collection organized in SQL and XML structures. <a href="//cloud.delkappa.com/s/CZPZWwHdXASn4SP" target="_blank">[Read More]</a>
             </p>
 
           </div>
@@ -255,10 +255,8 @@
             </p>
             <p style="text-align: justify;">
               <ul>
-                <li>- Developing Applications for Mobile Devices</li>
+                <li>Assisted the preparation and conducting of 2 undergraduate ('Developing Applications for Mobile Devices' and 'Web Services &amp; Service Oriented Architectures') and 3 graduate ('Advanced Databases', 'Data Integration &amp; Warehouses', and 'Embedded Java Workshop') courses.</li>
-                <li>- Advanced Databases</li>
+                <li>Supervised 7 undergraduate students for 3 internships and 1 project.</li>
-                <li>- Web Services &amp; Service Oriented Architectures</li>
-                <li>- Data Integration &amp; Warehouses</li>
               </ul>
             </p>
 
@@ -277,7 +275,7 @@
             </p>
 
             <p style="text-align: justify;">
-              Design "Live Like Local", a collaborative cross-platform framework that facilitates the communication of citizens with local authorities. Let visitors discover how the locals live and allow businesses to offer unique experiences and maximize their profits.
+              Designed <i>Live Like Local</i>, a collaborative cross-platform framework that facilitates the communication of citizens with local authorities. Let visitors discover how the locals live, and allow businesses to offer unique experiences and maximize their profits.
             </p>
 
           </div>
@@ -295,7 +293,7 @@
             </p>
 
             <p style="text-align: justify;">
-              Assert with Google Test and further develop CernVM WebAPI, an infrastructure in C++ that enables launching computational jobs on volunteer, cluster and cloud nodes. Support with this technology "Virtual Atom Smasher", a CERN interactive educational game in JavaScript, and upgrade its UI.
+              Asserted with Google Test and further developed <i>CernVM WebAPI</i>, an infrastructure in C++ that enables launching computational jobs on volunteer, cluster and cloud nodes. Supported with this technology <i>Virtual Atom Smasher</i>, a CERN interactive educational game in JavaScript, and upgraded its UI.
             </p>
 
           </div>
@@ -312,10 +310,7 @@
               <em class="date">Sep 2014 - Jun 2015</em>
             </p>
             <p style="text-align: justify;">
-              <ul>
+              Assisted the preparation and conducting of 2 undergraduate courses (`Concurrent Programming' and `System Programming').
-                <li>- Concurrent Programming</li>
-                <li>- System Programming</li>
-              </ul>
             </p>
 
           </div>
@@ -339,9 +334,9 @@
         <div class="bars">
 
           <ul class="skills">
+            <li><span class="bar-expand data"></span><em>Data Management</em></li>
             <li><span class="bar-expand iot"></span><em>Internet of Things</em></li>
-            <li><span class="bar-expand languages"></span><em>Software Engineering</em></li>
+            <li><span class="bar-expand software"></span><em>Software Engineering</em></li>
-            <li><span class="bar-expand systems"></span><em>Operating Systems</em></li>
             <li><span class="bar-expand ubicom"></span><em>Ubiquitous Computing</em></li>
           </ul>
 
@@ -354,51 +349,6 @@
   </section> <!-- Resume Section End-->
 
 
-  <!-- Contact Section
-  ================================================== -->
-  <section id="contact">
-
-    <div class="row section-head">
-
-      <div class="twelve columns header-col">
-        <h1><br>Want to send me a &hearts; letter?</h1>
-      </div>
-
-    </div>
-
-    <div class="row">
-
-      <div class="twelve columns">
-
-        <!-- form -->
-        <form action="" method="post" id="contactForm" name="contactForm">
-          <fieldset>
-            <input type="text" value="" size="35" maxlength="100" id="contactName" name="contactName" placeholder="Name (required)">
-            <input type="text" value="" size="35" maxlength="100" id="contactEmail" name="contactEmail" placeholder="Email (required)">
-            <input type="text" value="" size="35" maxlength="100" id="contactSubject" name="contactSubject" placeholder="Subject">
-            <textarea cols="50" rows="15" maxlength="1500" id="contactMessage" name="contactMessage" placeholder="Message" style="resize: vertical; font-family: inherit; font-size: inherit"></textarea>
-            <div id="g-recaptcha" class="g-recaptcha" data-theme="dark" data-sitekey="6Le1wRcTAAAAAMOmewHOghJved-nNQOq-1ro7vtc"></div><br/>
-            <button class="submit">Submit</button>
-            <span id="image-loader">
-              <img alt="" src="images/loader.gif">
-            </span>
-          </fieldset>
-        </form> <!-- Form End -->
-
-        <!-- contact-warning -->
-        <div id="message-warning"> Error boy</div>
-        <!-- contact-success -->
-        <div id="message-success">
-          <i class="fa fa-check"></i>Your message was sent, thank you!<br>
-        </div>
-
-      </div>
-
-    </div>
-
-  </section> <!-- Contact Section End-->
-
-
   <!-- footer
   ================================================== -->
   <footer>