Merge pull request #13 from virtual-labs/main

pulling old data
virtual-labs · May 9, 2023 · e4d67c1 · e4d67c1
2 parents f620448 + 0074033
commit e4d67c1
Show file tree

Hide file tree

Showing 91 changed files with 2,644 additions and 1,657 deletions.
diff --git a/experiment/simulation/Buffer Solution.html b/experiment/simulation/Buffer Solution.html
diff --git a/experiment/simulation/Buffer Solution.js b/experiment/simulation/Buffer Solution.js
diff --git a/experiment/simulation/css/README.md b/experiment/simulation/css/README.md
diff --git a/experiment/simulation/css/main.css b/experiment/simulation/css/main.css
diff --git a/experiment/simulation/images/README.md b/experiment/simulation/images/README.md
diff --git a/experiment/simulation/imgs/bf1.png b/experiment/simulation/imgs/bf1.png
diff --git a/experiment/simulation/imgs/bf2.png b/experiment/simulation/imgs/bf2.png
diff --git a/experiment/simulation/imgs/bf3.png b/experiment/simulation/imgs/bf3.png
diff --git a/experiment/simulation/imgs/eq1 - Copy.svg b/experiment/simulation/imgs/eq1 - Copy.svg
diff --git a/experiment/simulation/imgs/eq1.svg b/experiment/simulation/imgs/eq1.svg
diff --git a/experiment/simulation/imgs/exp0.png b/experiment/simulation/imgs/exp0.png
diff --git a/experiment/simulation/imgs/exp1.png b/experiment/simulation/imgs/exp1.png
diff --git a/experiment/simulation/imgs/exp2.png b/experiment/simulation/imgs/exp2.png
diff --git a/experiment/simulation/imgs/exp3.png b/experiment/simulation/imgs/exp3.png
diff --git a/experiment/simulation/imgs/pr1.png b/experiment/simulation/imgs/pr1.png
diff --git a/experiment/simulation/imgs/pr2.png b/experiment/simulation/imgs/pr2.png
diff --git a/experiment/simulation/imgs/pr3.png b/experiment/simulation/imgs/pr3.png
diff --git a/experiment/simulation/imgs/prx1.png b/experiment/simulation/imgs/prx1.png
diff --git a/experiment/simulation/imgs/prx2.png b/experiment/simulation/imgs/prx2.png
diff --git a/experiment/simulation/imgs/prx3.png b/experiment/simulation/imgs/prx3.png
diff --git a/experiment/simulation/imgs2/1.png b/experiment/simulation/imgs2/1.png
diff --git a/experiment/simulation/imgs2/10.png b/experiment/simulation/imgs2/10.png
diff --git a/experiment/simulation/imgs2/105.png b/experiment/simulation/imgs2/105.png
diff --git a/experiment/simulation/imgs2/11.png b/experiment/simulation/imgs2/11.png
diff --git a/experiment/simulation/imgs2/12.png b/experiment/simulation/imgs2/12.png
diff --git a/experiment/simulation/imgs2/13.png b/experiment/simulation/imgs2/13.png
diff --git a/experiment/simulation/imgs2/14.png b/experiment/simulation/imgs2/14.png
diff --git a/experiment/simulation/imgs2/15.png b/experiment/simulation/imgs2/15.png
diff --git a/experiment/simulation/imgs2/16.png b/experiment/simulation/imgs2/16.png
diff --git a/experiment/simulation/imgs2/16x.png b/experiment/simulation/imgs2/16x.png
diff --git a/experiment/simulation/imgs2/2.png b/experiment/simulation/imgs2/2.png
diff --git a/experiment/simulation/imgs2/3.png b/experiment/simulation/imgs2/3.png
diff --git a/experiment/simulation/imgs2/5.png b/experiment/simulation/imgs2/5.png
diff --git a/experiment/simulation/imgs2/6.png b/experiment/simulation/imgs2/6.png
diff --git a/experiment/simulation/imgs2/7.png b/experiment/simulation/imgs2/7.png
diff --git a/experiment/simulation/imgs2/8.png b/experiment/simulation/imgs2/8.png
diff --git a/experiment/simulation/imgs3/19.png b/experiment/simulation/imgs3/19.png
diff --git a/experiment/simulation/imgs3/20.png b/experiment/simulation/imgs3/20.png
diff --git a/experiment/simulation/imgs3/21.png b/experiment/simulation/imgs3/21.png
diff --git a/experiment/simulation/imgs3/22.png b/experiment/simulation/imgs3/22.png
diff --git a/experiment/simulation/imgs3/23.png b/experiment/simulation/imgs3/23.png
diff --git a/experiment/simulation/imgs3/24.png b/experiment/simulation/imgs3/24.png
diff --git a/experiment/simulation/imgs3/25.png b/experiment/simulation/imgs3/25.png
diff --git a/experiment/simulation/imgs3/26.png b/experiment/simulation/imgs3/26.png
diff --git a/experiment/simulation/imgs3/27-5.png b/experiment/simulation/imgs3/27-5.png
diff --git a/experiment/simulation/imgs3/27.png b/experiment/simulation/imgs3/27.png
diff --git a/experiment/simulation/imgs3/28-5.png b/experiment/simulation/imgs3/28-5.png
diff --git a/experiment/simulation/imgs3/28.png b/experiment/simulation/imgs3/28.png
diff --git a/experiment/simulation/imgs3/29.png b/experiment/simulation/imgs3/29.png
diff --git a/experiment/simulation/imgs3/30.png b/experiment/simulation/imgs3/30.png
diff --git a/experiment/simulation/imgs3/31.png b/experiment/simulation/imgs3/31.png
diff --git a/experiment/simulation/index.html b/experiment/simulation/index.html
@@ -1,182 +1,104 @@
 <!DOCTYPE html>
-<html lang="en">
-
+<html>
 <head>
-  <meta charset="UTF-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <link rel="stylesheet" type="text/css" href="src/css/style.css" />
-  <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />
-  <link rel="icon" href="https://www.vlab.co.in/images/logo.jpg" type="image/x-icon" />
-  <title>Virtual Labs</title>
-  <script type="text/javascript" src="slplayer.js"></script>
-  <div class="col-3"></div>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
-    integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"
-    integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA=="
-    crossorigin="anonymous" referrerpolicy="no-referrer" />
-</head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Virtual Labs Dei-Linear Control Systems</title>
+    <link rel = "icon" href = "https://www.vlab.co.in/images/logo.jpg" type = "image/x-icon">
 
+    <link rel="stylesheet" type="text/css" href="../src/styles/css/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../src/styles/custom.css">
+    <script src="../src/scripts/jquery.min.js"></script>
+    <script src="../src/scripts/bootstrap.min.js"></script>
+
+</head>
 <body>
-  <!-- <header id="header">
-    <button class="menu-btn" onclick="dispmenu(this )">
-      <div class="container">
-        <div class="bar1"></div>
-        <div class="bar2"></div>
-        <div class="bar3"></div>
-      </div>
-    </button>
-    <a href="https://www.vlab.co.in/"><img src="https://www.vlab.co.in/images/logo.jpg" /></a>
-    <div class="right-head">
-      <a href="https://www.vlab.co.in/">HOME</a>
-      <a href="https://www.vlab.co.in/participating-institutes">PARTNERS</a>
-      <a href="https://www.vlab.co.in/contact-us">CONTACT</a>
-    </div>
-  </header>
-  <nav class="side-nav" id="navbar">
-    <div class="nav-element">
-      <a href="../exp1.html">Aim</a>
-    </div>
-    <div class="nav-element">
-      <a href="../theory.html">Theory</a>
-    </div>
-    <div class="nav-element">
-      <a href="../objective.html">Objective</a>
-    </div>
-    <div class="nav-element">
-      <a href="../pretest.html">Pretest</a>
-    </div>
-    <div class="nav-element">
-      <a href="../procedure.html">Procedure</a>
-    </div>
-    <div class="nav-element">
-      <a href="index.html"><span class="cp">Simulation</span></a>
+
+<div class="row zero">
+    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 header zero">
+        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 zero">
+            <button class="btn" id="navbtn">
+                <i class="fa fa-bars" style="font-size: 32px;"></i>
+            </button>
+            <img src="../extra/logo.png" style="height: 95px; padding-left: 25px">
+        </div>
+        <div class="col-lg-8 col-md-8 col-sm-0 col-xs-0 zero hidden-sm hidden-xs hdmnu">
+
+          <a href="https://www.vlab.co.in/" target="_new">HOME</a>
+          <a href="https://www.vlab.co.in/participating-institutes" target="_new">PARTNERS</a>
+          <a href="https://www.vlab.co.in/contact-us" target="_new">CONTACT</a>
+
+        </div>
     </div>
-    <div class="nav-element">
-      <a href="../posttest.html">Posttest</a>
+
+    <div class="col-lg-12 col-md-12 col-sm-0 col-xs-0 zero mnbody">
+        <div id="mySidebar" class="sidebar">
+          <a href="../index.html" style="margin-top:-27px"> Biochemistry Lab.</a>
+          <hr>
+          <a href="index.html" class="mnuact" >Aim</a>
+          <a href="theory.html" >Theory</a>
+          <a href="objective.html" >Objective</a>
+          <a href="pretest.html" >Pretest</a>
+          <a href="procedure.html" >Procedure</a>
+          <a href="simulation.html" >Simulation</a>
+          <a href="posttest.html" >Posttest</a>
+          <a href="references.html" >References</a>
+        </div>
+        <div id="main"> 
+          <h2>Aim</h2>
+          <hr>
+          <p>The main aim of this lab is to help the students to understand the concept of pH and buffers and to optimally use pH meter to make the buffer solutions with accuracy which is the foundation for successful advanced experiments. To provide the method for the preparation of buffers with precision to deal with molecules and macromolecules that mostly are weak electrolytes of biochemical importance.  The lab also will enable the application of the method for the determination of the pH of the soil, various juices, and other products where pH is an important criterion for their purity and optimal function. </p>
+        </div>
+
+
     </div>
-    <div class="nav-element">
-      <a href="../references.html">References</a>
+
+
+
+
+
+
+</div>
+<div class="row zero">
+<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 zero footer">
+    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 comlnk">
+        <h4>Community Links</h4>
+        <a href="https://sakshat.ac.in/">Sakshat Portal</a>
+        <a href="http://outreach.vlabs.ac.in/">Outreach Portal</a>
+        <a href="https://www.vlab.co.in/faq">FAQ: Virtual Labs</a>
     </div>
-    <div class="nav-element">
-      <a href="../feedback.html">Feedback</a>
+    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 cnts">
+        <h4>Contact Us</h4>
+        <p>Phone: General Information:
+            <br>
+            011-26582050
+            <br>
+            Email: support@vlabs.ac.in
+        </p>
     </div>
-  </nav>
-  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script>
-  <script type="text/javascript" src="src/js/main.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=default"></script> -->
-
-   <div id="BufferSolution" style="position: relative; height: 100%"></div>
-    <script type="text/javascript">
-      (function (Saola) {
-        var li = {
-          color: "#2090e6",
-          density: 14,
-          diameter: 248,
-          range: 1,
-          shape: "spiral",
-          speed: 3,
-        };
-        Saola.openDoc("Buffer Solution.js", "BufferSolution", {
-          paused: false,
-          preloaderOptions: li,
-          center: "horizontal",
-          autofit: true,
-        });
-      })(AtomiSaola);
-    </script>
-
-    <!-- <div class="instructions">
-      <p>
-        To get the equipment, Step by step click on the equipment button given
-        in the Apparatus menu.
-      </p>
+    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 flos">
+        <h4>Suggested</h4>
+        <a href="https://twitter.com/TheVirtualLabs">Dayalbagh Educational Institute</a>
+        <a href="https://twitter.com/TheVirtualLabs">0562-2801545, 0562-2801226</a>
+        <a href="https://twitter.com/TheVirtualLabs">Email: admin@dei.ac.in</a>
     </div>
-    <div style="padding-top: 10px" class="row">
-      <div class="col-2">
-        <ul>
-          <li><a class="active" href="#">Appratus Required</a></li>
-          <li>
-            <button
-              class="button"
-              style="margin: 5px"              
-            >
-              Beaker
-            </button>
-          </li>
-          <li>
-            <button
-              class="button"
-              style="margin: 5px"             
-            >
-              Petri dish
-            </button>
-          </li>
-          <li>
-            <button
-              class="button"
-              style="margin: 5px"              
-            >
-              Weigh Machine
-            </button>
-          </li>
-          <li>
-            <button
-              class="button"
-              style="margin: 5px"              
-            >
-              Distilled Water
-            </button>
-          </li>
-        </ul>
-      </div>
-       -->
-    <!-- <div class="equipment">
-      <div class="col-9">
-        <div id="BufferSolution" style="position: relative; height: 80%;"></div>
-    <script type="text/javascript">
-      (function (Saola) {
-        var li = {
-          color: "#2090e6",
-          density: 14,
-          diameter: 248,
-          range: 1,
-          shape: "spiral",
-          speed: 3,
-        };
-        Saola.openDoc("Buffer Solution.js", "BufferSolution", {
-          paused: false,
-          preloaderOptions: li,
-          center: "horizontal",
-          autofit: true,
-        });
-      })(AtomiSaola);
-    </script>
-        <!-- <div class="equipment">
-				<div class="row">
-					<div >
-						<div class="grid-container">
-							<div id="show" class="grid-item" style="margin-top: 10px;">
-								<iframe style="margin-left:0; border: 1px solid rgba(0, 0, 0, 0.1);" width="500px" height="300px" src="https://www.figma.com/proto/
-								q2ZGUPN7UmiHfL8VU5UO8M/Buffer_Solution?embed_host=share&kind=&node-id=33%3A561&page-id=5%3A129&scaling=
-								scale-down-width&starting-point-node-id=29%3A83&viewport=386%2C816%2C0.54" allowfullscreen></iframe>
-							</div>
-							<div id="show1" class="grid-item" style="margin-top: 40px;">
-								<img  width="120px" height="100px" src="./src/images/petridish.png">
-							</div>
-							<div id="show2" class="grid-item" style="margin-top: 40px;">
-								<img width="120px" height="120px" src="./src/images/weigh.png">
-							</div>
-							<div id="show3" class="grid-item" style="margin-top: 40px;">
-								<img idth="100px" height="100px" src="./src/images/flask.png">
-							</div>
-						</div>
-					</div>
-				</div>
-			</div> -->
-  </div>
+
+</div>
+</div>
+<script>
+$(document).ready(function(){
+  $("#navbtn").click(function(){
+    $("#main").toggleClass("hidmain");
+    $("#mySidebar").toggleClass("hidslid");
+
+  });
+});
+</script>
 
 </body>
+</html>
+
+
+
 
-</html>
diff --git a/experiment/simulation/js/README.md b/experiment/simulation/js/README.md
diff --git a/experiment/simulation/js/main.js b/experiment/simulation/js/main.js