Merge pull request #466 from virtual-labs/ui-3.0

fixed small glitches
virtual-labs · Feb 15, 2021 · b798c2b · b798c2b
2 parents 62c8c01 + 43f7a50
commit b798c2b
Show file tree

Hide file tree

Showing 90 changed files with 1,698 additions and 1,868 deletions.
diff --git a/src/lab/Introduction.html b/src/lab/Introduction.html
@@ -108,7 +108,7 @@ <h1 class="text-h1-lightblue">Welcome to Structural Dynamics lab!</h1><div>
 In this virtual structural dynamics laboratory, the student will perform tests on different types of structures for different ground motions(earthquake data). These conditions and/or constraints are designed to reinforce classroom theory, by performing required tests in this virtual lab, analyze subsequent data, and compare the results with theory. For results, graphs and tables are generated after completion of computing experiment.
  <br/>
 
-<p><b> Please note:</b> </p>
+</p><p><b> Please note:</b> </p>
 <p> - This lab requires few Software Dependencies to run the Simulations </p>
 <ol>
 <li> Adobe Flash Plugin, Java1.7, Java3D 1.5.2 (The Java 3D API enables the creation of three-dimensional graphics applications and Internet-based 3D applets)</li>
@@ -120,7 +120,7 @@ <h1 class="text-h1-lightblue">Welcome to Structural Dynamics lab!</h1><div>
 <li> Install Adobe Flash Plugin - This will enable you to run the experiments that need Flash support. Please follow the  <a href="documents/installFlash.html">link</a> to install the Flash Plugin</li>
 <li> Install VirtualBox - Virtual Labs offers a free download of a customized VirtualBox with the required pre installed all the software dependencies(Java 1.7, Java3D-1.5.2, IcedTea Plugin and Adobe Flash Plugin). Please follow the <a href="https://docs.google.com/document/d/1mX0YMtFk4Dxn_vQBJmUJ8pIOPE2hVf6AscJMdLWd9k8/edit#">link</a> to download, install and use VirtualBox for Virtual Labs.</li>
 </ol>
-	</p>
+	<p></p>
 </div>						</div>
 					</div>
 			</div>

diff --git a/src/lab/Prerequisites.html b/src/lab/Prerequisites.html
@@ -102,13 +102,13 @@ <h2 class="text-h2-lightblue" style=" margin-bottom: 20px; margin-top: 10px; "><
 							<!--edit -->
 <h1 class="text-h1-lightblue">Welcome to Structural Dynamics lab!</h1><div>
 <p>
-<ul>
+</p><ul>
 <li>Java allows you to play online virtual labs.</li>
 <li>The Java 3D API enables the creation of three-dimensional graphics applications and Internet-based 3D applets. It provides high-level constructs for creating and manipulation 3D geometry and building the structures used in rendering that geometry. With this software, you can efficiently define and render very large virtual worlds.</li>
 <li>Adobe Flash (formerly Macromedia Flash) is a multimedia platform used to add animation, video, and interactivity to web pages. </li>
 </ul>
 
-</p>
+<p></p>
 <br/>
 </div>						</div>
 					</div>
@@ -221,4 +221,5 @@ <h4>Follow Us</h4>
 
 
 
-</body><!-- jQuery --></html>
+
+</body><!-- jQuery --></html>
diff --git a/src/lab/exp1/Experiment.html b/src/lab/exp1/Experiment.html
@@ -1,7 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
-
-<head>
+<html lang="en"><head>
 	<!--Google Tag Manager-->
 	<script class="gtm">
 	(function(w, d, s, l, i) {
@@ -19,20 +17,20 @@
 	})(window, document, 'script', 'dataLayer', 'GTM-W59SWTR');
 	</script>
 	<!--End Google Tag Manager-->
-	<meta charset="utf-8" />
-	<meta content="IE=edge" http-equiv="X-UA-Compatible" />
-	<meta content="width=device-width, initial-scale=1" name="viewport" />
-	<meta content="Welcome to Virtual Labs - A MHRD Govt of india Initiative" name="description" />
-	<meta content="Virtual Labs - A MHRD Govt of india Initiative" name="author" />
+	<meta charset="utf-8"/>
+	<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
+	<meta content="width=device-width, initial-scale=1" name="viewport"/>
+	<meta content="Welcome to Virtual Labs - A MHRD Govt of india Initiative" name="description"/>
+	<meta content="Virtual Labs - A MHRD Govt of india Initiative" name="author"/>
 	<title>Welcome to Virtual Labs - A MHRD Govt of india Initiative</title>
-	<link href="../images/favicon.ico" rel="shortcut icon" />
-	<link href="../css/bootstrap.min.css" rel="stylesheet" />
+	<link href="../images/favicon.ico" rel="shortcut icon"/>
+	<link href="../css/bootstrap.min.css" rel="stylesheet"/>
 	<!-- Important Owl stylesheet -->
-	<link href="../vendors/owl-carousel/owl.carousel.css" rel="stylesheet" />
-	<link href="../vendors/owl-carousel/owl.theme.css" rel="stylesheet" />
-	<link href="../vendors/font-awesome/css/font-awesome.css" rel="stylesheet" />
+	<link href="../vendors/owl-carousel/owl.carousel.css" rel="stylesheet"/>
+	<link href="../vendors/owl-carousel/owl.theme.css" rel="stylesheet"/>
+	<link href="../vendors/font-awesome/css/font-awesome.css" rel="stylesheet"/>
 	<!-- Custom CSS -->
-	<link href="../css/style.css" rel="stylesheet" />
+	<link href="../css/style.css" rel="stylesheet"/>
 	<!-- <script src="tabs.js" type="text/javascript"></script> -->
 	<script>
 	(function(i, s, o, g, r, a, m) {
@@ -64,7 +62,7 @@
 					<!-- Brand and toggle get grouped for better mobile display -->
 					<div class="navbar-header page-scroll">
 						<button class="navbar-toggle" data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" type="button"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar" style="background-color: #77BB41"></span> <span class="icon-bar" style="background-color: #77BB41"></span> <span class="icon-bar" style="background-color: #77BB41"></span> </button>
-						<a class="navbar-brand main-logo-a" href="http://vlab.co.in/"><img class="img-responsive main-logo" src="../images/vlabs-color-small-moe.jpg" /></a>
+						<a class="navbar-brand main-logo-a" href="http://vlab.co.in/"><img class="img-responsive main-logo" src="../images/vlabs-color-small-moe.jpg"/></a>
 					</div>
 					<!-- Collect the nav links, forms, and other content for toggling -->
 					<div class="collapse navbar-collapse menu-div" id="bs-example-navbar-collapse-1" style="border: 0px;">
@@ -90,7 +88,7 @@
 		<div id="content">
 			<div class="container-fluid">
 				<div class="row">
-					<hr style="background:#ff6600 !important;  height: 8px; margin-top: 0px;" /> </div>
+					<hr style="background:#ff6600 !important;  height: 8px; margin-top: 0px;"/> </div>
 				<!-- row end -->
 			</div>
 			<!-- container-fluid end for slider -->
@@ -122,10 +120,10 @@ <h3 class="text-h3-darkblue" style="margin-top: 2px;"> Feedback </h3> </a>
 						<h1 class="text-h1-lightblue">Simple Harmonic Oscillator</h1>
 						<div class="content" id="experiment-article-section-4-content">
 							<p>
-								<p>Make sure that you have <a href="../Introduction.html">prerequisites</a> installed to run experiment</p>	
+								</p><p>Make sure that you have <a href="../Introduction.html">prerequisites</a> installed to run experiment</p>	
 	<br/>
 <a href="exp1.html" target="_blank">Go to Flash view on Simple Harmonic Oscillator Experiment(Click here)</a>
-									<!-- <a href="ve_pendulum.html" target="_blank">Go to Virtual lab on Simple Harmonic Oscillator Experiment(Click here)</a> --></p>
+									<!-- <a href="ve_pendulum.html" target="_blank">Go to Virtual lab on Simple Harmonic Oscillator Experiment(Click here)</a> --><p></p>
 						</div>
 					</div>
 				</div>
@@ -196,7 +194,7 @@ <h4>Follow Us</h4>
 		});
 	});
 	</script>
-</body>
-<!-- jQuery -->
 
-</html>
+
+
+</body><!-- jQuery --></html>
diff --git a/src/lab/exp1/Feedback.html b/src/lab/exp1/Feedback.html
@@ -1,7 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
-
-<head>
+<html lang="en"><head>
 	<!--Google Tag Manager-->
 	<script class="gtm">
 	(function(w, d, s, l, i) {
@@ -19,20 +17,20 @@
 	})(window, document, 'script', 'dataLayer', 'GTM-W59SWTR');
 	</script>
 	<!--End Google Tag Manager-->
-	<meta charset="utf-8" />
-	<meta content="IE=edge" http-equiv="X-UA-Compatible" />
-	<meta content="width=device-width, initial-scale=1" name="viewport" />
-	<meta content="Welcome to Virtual Labs - A MHRD Govt of india Initiative" name="description" />
-	<meta content="Virtual Labs - A MHRD Govt of india Initiative" name="author" />
+	<meta charset="utf-8"/>
+	<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
+	<meta content="width=device-width, initial-scale=1" name="viewport"/>
+	<meta content="Welcome to Virtual Labs - A MHRD Govt of india Initiative" name="description"/>
+	<meta content="Virtual Labs - A MHRD Govt of india Initiative" name="author"/>
 	<title>Welcome to Virtual Labs - A MHRD Govt of india Initiative</title>
-	<link href="../images/favicon.ico" rel="shortcut icon" />
-	<link href="../css/bootstrap.min.css" rel="stylesheet" />
+	<link href="../images/favicon.ico" rel="shortcut icon"/>
+	<link href="../css/bootstrap.min.css" rel="stylesheet"/>
 	<!-- Important Owl stylesheet -->
-	<link href="../vendors/owl-carousel/owl.carousel.css" rel="stylesheet" />
-	<link href="../vendors/owl-carousel/owl.theme.css" rel="stylesheet" />
-	<link href="../vendors/font-awesome/css/font-awesome.css" rel="stylesheet" />
+	<link href="../vendors/owl-carousel/owl.carousel.css" rel="stylesheet"/>
+	<link href="../vendors/owl-carousel/owl.theme.css" rel="stylesheet"/>
+	<link href="../vendors/font-awesome/css/font-awesome.css" rel="stylesheet"/>
 	<!-- Custom CSS -->
-	<link href="../css/style.css" rel="stylesheet" />
+	<link href="../css/style.css" rel="stylesheet"/>
 	<!-- <script src="tabs.js" type="text/javascript"></script> -->
 	<script>
 	(function(i, s, o, g, r, a, m) {
@@ -64,7 +62,7 @@
 					<!-- Brand and toggle get grouped for better mobile display -->
 					<div class="navbar-header page-scroll">
 						<button class="navbar-toggle" data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" type="button"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar" style="background-color: #77BB41"></span> <span class="icon-bar" style="background-color: #77BB41"></span> <span class="icon-bar" style="background-color: #77BB41"></span> </button>
-						<a class="navbar-brand main-logo-a" href="http://vlab.co.in"><img class="img-responsive main-logo" src="../images/vlabs-color-small-moe.jpg" /></a>
+						<a class="navbar-brand main-logo-a" href="http://vlab.co.in"><img class="img-responsive main-logo" src="../images/vlabs-color-small-moe.jpg"/></a>
 					</div>
 					<!-- Collect the nav links, forms, and other content for toggling -->
 					<div class="collapse navbar-collapse menu-div" id="bs-example-navbar-collapse-1" style="border: 0px;">
@@ -90,7 +88,7 @@
 		<div id="content">
 			<div class="container-fluid">
 				<div class="row">
-					<hr style="background:#ff6600 !important;  height: 8px; margin-top: 0px;" /> </div>
+					<hr style="background:#ff6600 !important;  height: 8px; margin-top: 0px;"/> </div>
 				<!-- row end -->
 			</div>
 			<!-- container-fluid end for slider -->
@@ -206,7 +204,7 @@ <h4>Follow Us</h4>
 		});
 	});
 	</script>
-</body>
-<!-- jQuery -->
 
-</html>
+
+
+</body><!-- jQuery --></html>
diff --git a/src/lab/exp1/Further Readings.html b/src/lab/exp1/Further Readings.html
@@ -1,7 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
-
-<head>
+<html lang="en"><head>
 	<!--Google Tag Manager-->
 	<script class="gtm">
 	(function(w, d, s, l, i) {
@@ -19,20 +17,20 @@
 	})(window, document, 'script', 'dataLayer', 'GTM-W59SWTR');
 	</script>
 	<!--End Google Tag Manager-->
-	<meta charset="utf-8" />
-	<meta content="IE=edge" http-equiv="X-UA-Compatible" />
-	<meta content="width=device-width, initial-scale=1" name="viewport" />
-	<meta content="Welcome to Virtual Labs - A MHRD Govt of india Initiative" name="description" />
-	<meta content="Virtual Labs - A MHRD Govt of india Initiative" name="author" />
+	<meta charset="utf-8"/>
+	<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
+	<meta content="width=device-width, initial-scale=1" name="viewport"/>
+	<meta content="Welcome to Virtual Labs - A MHRD Govt of india Initiative" name="description"/>
+	<meta content="Virtual Labs - A MHRD Govt of india Initiative" name="author"/>
 	<title>Welcome to Virtual Labs - A MHRD Govt of india Initiative</title>
-	<link href="../images/favicon.ico" rel="shortcut icon" />
-	<link href="../css/bootstrap.min.css" rel="stylesheet" />
+	<link href="../images/favicon.ico" rel="shortcut icon"/>
+	<link href="../css/bootstrap.min.css" rel="stylesheet"/>
 	<!-- Important Owl stylesheet -->
-	<link href="../vendors/owl-carousel/owl.carousel.css" rel="stylesheet" />
-	<link href="../vendors/owl-carousel/owl.theme.css" rel="stylesheet" />
-	<link href="../vendors/font-awesome/css/font-awesome.css" rel="stylesheet" />
+	<link href="../vendors/owl-carousel/owl.carousel.css" rel="stylesheet"/>
+	<link href="../vendors/owl-carousel/owl.theme.css" rel="stylesheet"/>
+	<link href="../vendors/font-awesome/css/font-awesome.css" rel="stylesheet"/>
 	<!-- Custom CSS -->
-	<link href="../css/style.css" rel="stylesheet" />
+	<link href="../css/style.css" rel="stylesheet"/>
 	<script src="tabs.js" type="text/javascript"></script>
 	<script>
 	(function(i, s, o, g, r, a, m) {
@@ -64,7 +62,7 @@
 					<!-- Brand and toggle get grouped for better mobile display -->
 					<div class="navbar-header page-scroll">
 						<button class="navbar-toggle" data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" type="button"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar" style="background-color: #77BB41"></span> <span class="icon-bar" style="background-color: #77BB41"></span> <span class="icon-bar" style="background-color: #77BB41"></span> </button>
-						<a class="navbar-brand main-logo-a" href="http://vlab.co.in"><img class="img-responsive main-logo" src="../images/vlabs-color-small-moe.jpg" /></a>
+						<a class="navbar-brand main-logo-a" href="http://vlab.co.in"><img class="img-responsive main-logo" src="../images/vlabs-color-small-moe.jpg"/></a>
 					</div>
 					<!-- Collect the nav links, forms, and other content for toggling -->
 					<div class="collapse navbar-collapse menu-div" id="bs-example-navbar-collapse-1" style="border: 0px;">
@@ -90,13 +88,13 @@
 		<div id="content">
 			<div class="container-fluid">
 				<div class="row">
-					<hr style="background:#ff6600 !important;  height: 8px; margin-top: 0px;" /> </div>
+					<hr style="background:#ff6600 !important;  height: 8px; margin-top: 0px;"/> </div>
 				<!-- row end -->
 			</div>
 			<!-- container-fluid end for slider -->
 			<!-- =================================================================================================================================== -->
 			<div class="container-fluid" style="margin-left: 35px; margin-right: 35px;">
-				<h2 class="text-h2-lightblue" style=" margin-bottom: 20px; margin-top: 10px; "><a class="sidebar-a" href="http://vlab.co.in/broad-area-civil-engineering">Civil Engineering</a> <i aria-hidden="true" class="fa fa-angle-right" style="font-size: 30px; padding-right: 4px;"></i><a class="sidebar-a" href="../Introduction.html">Structural Dynamics Lab</a> <i aria-hidden="true" class="fa fa-angle-right" style="font-size: 30px; padding-right: 4px;"></i><a class="sidebar-a" href="../List o f experiments.html">Experiments</a><br/></h2>
+				<h2 class="text-h2-lightblue" style=" margin-bottom: 20px; margin-top: 10px; "><a class="sidebar-a" href="http://vlab.co.in/broad-area-civil-engineering">Civil Engineering</a> <i aria-hidden="true" class="fa fa-angle-right" style="font-size: 30px; padding-right: 4px;"></i><a class="sidebar-a" href="../Introduction.html">Structural Dynamics Lab</a> <i aria-hidden="true" class="fa fa-angle-right" style="font-size: 30px; padding-right: 4px;"></i><a class="sidebar-a" href="../List of experiments.html">Experiments</a><br/></h2>
 				<div class="row">
 					<div class="col-md-2 sidebar-col-2">
 						<a class="sidebar-a" href="Introduction.html?domain=Structural Dynamics lab&amp;lab=Civil Engineering">
@@ -197,7 +195,7 @@ <h4>Follow Us</h4>
 		});
 	});
 	</script>
-</body>
-<!-- jQuery -->
 
-</html>
+
+
+</body><!-- jQuery --></html>
diff --git a/src/lab/exp1/Introduction.html b/src/lab/exp1/Introduction.html
@@ -1,7 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
-
-<head>
+<html lang="en"><head>
 	<!--Google Tag Manager-->
 	<script class="gtm">
 	(function(w, d, s, l, i) {
@@ -19,20 +17,20 @@
 	})(window, document, 'script', 'dataLayer', 'GTM-W59SWTR');
 	</script>
 	<!--End Google Tag Manager-->
-	<meta charset="utf-8" />
-	<meta content="IE=edge" http-equiv="X-UA-Compatible" />
-	<meta content="width=device-width, initial-scale=1" name="viewport" />
-	<meta content="Welcome to Virtual Labs - A MHRD Govt of india Initiative" name="description" />
-	<meta content="Virtual Labs - A MHRD Govt of india Initiative" name="author" />
+	<meta charset="utf-8"/>
+	<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
+	<meta content="width=device-width, initial-scale=1" name="viewport"/>
+	<meta content="Welcome to Virtual Labs - A MHRD Govt of india Initiative" name="description"/>
+	<meta content="Virtual Labs - A MHRD Govt of india Initiative" name="author"/>
 	<title>Welcome to Virtual Labs - A MHRD Govt of india Initiative</title>
-	<link href="../images/favicon.ico" rel="shortcut icon" />
-	<link href="../css/bootstrap.min.css" rel="stylesheet" />
+	<link href="../images/favicon.ico" rel="shortcut icon"/>
+	<link href="../css/bootstrap.min.css" rel="stylesheet"/>
 	<!-- Important Owl stylesheet -->
-	<link href="../vendors/owl-carousel/owl.carousel.css" rel="stylesheet" />
-	<link href="../vendors/owl-carousel/owl.theme.css" rel="stylesheet" />
-	<link href="../vendors/font-awesome/css/font-awesome.css" rel="stylesheet" />
+	<link href="../vendors/owl-carousel/owl.carousel.css" rel="stylesheet"/>
+	<link href="../vendors/owl-carousel/owl.theme.css" rel="stylesheet"/>
+	<link href="../vendors/font-awesome/css/font-awesome.css" rel="stylesheet"/>
 	<!-- Custom CSS -->
-	<link href="../css/style.css" rel="stylesheet" />
+	<link href="../css/style.css" rel="stylesheet"/>
 	<!-- <script src="tabs.js" type="text/javascript"></script> -->
 	<script>
 	(function(i, s, o, g, r, a, m) {
@@ -64,7 +62,7 @@
 					<!-- Brand and toggle get grouped for better mobile display -->
 					<div class="navbar-header page-scroll">
 						<button class="navbar-toggle" data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" type="button"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar" style="background-color: #77BB41"></span> <span class="icon-bar" style="background-color: #77BB41"></span> <span class="icon-bar" style="background-color: #77BB41"></span> </button>
-						<a class="navbar-brand main-logo-a" href="http://vlab.co.in"><img class="img-responsive main-logo" src="../images/vlabs-color-small-moe.jpg" /></a>
+						<a class="navbar-brand main-logo-a" href="http://vlab.co.in"><img class="img-responsive main-logo" src="../images/vlabs-color-small-moe.jpg"/></a>
 					</div>
 					<!-- Collect the nav links, forms, and other content for toggling -->
 					<div class="collapse navbar-collapse menu-div" id="bs-example-navbar-collapse-1" style="border: 0px;">
@@ -90,7 +88,7 @@
 		<div id="content">
 			<div class="container-fluid">
 				<div class="row">
-					<hr style="background:#ff6600 !important;  height: 8px; margin-top: 0px;" /> </div>
+					<hr style="background:#ff6600 !important;  height: 8px; margin-top: 0px;"/> </div>
 				<!-- row end -->
 			</div>
 			<!-- container-fluid end for slider -->
@@ -197,7 +195,7 @@ <h4>Follow Us</h4>
 		});
 	});
 	</script>
-</body>
-<!-- jQuery -->
 
-</html>
+
+
+</body><!-- jQuery --></html>