Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Responsiveness for iframes created #10

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
25 changes: 22 additions & 3 deletions src/lab/exp2/Theory.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,21 @@
<link href="../../../css/style.css" rel="stylesheet">
<script type="text/javascript" src = 'tabs.js'></script>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-67558473-1', 'auto');ga('send', 'pageview');</script>
<style>
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body id="page-top" class="index">
<div id="top">
Expand Down Expand Up @@ -100,13 +115,17 @@ <h2 class="text-h2-lightblue" style=" margin-bottom: 20px; margin-top: 10px; "><
<!--edit -->
<h1 class="text-h2-lightblue">Carry out Fly Leveling using Auto Level</h1><div class="content" id="experiment-article-section-1-content">
<h2>Explanation in Class Room through Video Coverage </h2>
<p><iframe allowfullscreen frameborder="0" height="390" src="https://www.youtube.com/embed/oHk_onMDxCM" width="640"></iframe></p>
<h2> </h2>
<p>
<div class="videoWrapper">
<iframe allowfullscreen frameborder="0" height="390" src="https://www.youtube.com/embed/oHk_onMDxCM" width="640"></iframe></p>
</div> <h2> </h2>
<h2>Principle</h2>
<p>Simple addition and subtraction is used to determine the elevations of various points</p>
<h2> </h2>
<h2>Methodology</h2>
<iframe allowfullscreen frameborder="0" height="390" src="https://www.youtube.com/embed/Bm8CB-SeL4U" width="640"></iframe>
<div class="videoWrapper">
<iframe allowfullscreen frameborder="0" height="390" src="https://www.youtube.com/embed/Bm8CB-SeL4U" width="640"></iframe>
</div>
<p><br clear="all">
</br></p>
</div> </div>
Expand Down
21 changes: 19 additions & 2 deletions src/lab/exp3/Theory.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,21 @@
<link href="../../../css/style.css" rel="stylesheet">
<script type="text/javascript" src = 'tabs.js'></script>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-67558473-1', 'auto');ga('send', 'pageview');</script>
<style>
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body id="page-top" class="index">
<div id="top">
Expand Down Expand Up @@ -100,14 +115,16 @@ <h2 class="text-h2-lightblue" style=" margin-bottom: 20px; margin-top: 10px; "><
<!--edit -->
<h1 class="text-h2-lightblue">Carry out Profile Leveling using Auto Level</h1><div class="content" id="experiment-article-section-1-content">
<h2>Explanation in Class Room through Video Coverage </h2>
<div class="videoWrapper">
<p><iframe allowfullscreen frameborder="0" height="390" src="https://www.youtube.com/embed/EIJUFgdZKQU" width="640"></iframe></p>
<h2> </h2>
</div> <h2> </h2>
<h2>Principle</h2>
<p>Simple addition and subtraction is used to determine the elevations of various points</p>
<h2> </h2>
<h2>Methodology</h2>
<div class="videoWrapper">
<iframe allowfullscreen frameborder="0" height="390" src="https://www.youtube.com/embed/m2aAn-Vt2S0" width="640"></iframe>
<p><br clear="all">
</div><p><br clear="all">
</br></p>
</div> </div>
</div>
Expand Down
19 changes: 19 additions & 0 deletions src/lab/exp4/Theory.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,21 @@
<link href="../../../css/style.css" rel="stylesheet">
<script type="text/javascript" src = 'tabs.js'></script>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-67558473-1', 'auto');ga('send', 'pageview');</script>
<style>
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body id="page-top" class="index">
<div id="top">
Expand Down Expand Up @@ -100,7 +115,9 @@ <h2 class="text-h2-lightblue" style=" margin-bottom: 20px; margin-top: 10px; "><
<!--edit -->
<h1 class="text-h2-lightblue">Observations of Vertical and Horizontal angles using Total Station</h1><div class="content" id="experiment-article-section-1-content">
<h2>Explanation in Class Room through Video Coverage </h2>
<div class="videoWrapper">
<p><iframe allowfullscreen frameborder="0" height="390" src="https://www.youtube.com/embed/4NVCbdQPdTQ" width="640"></iframe></p>
</div>
<h2> </h2>
<h2>Principle</h2>
<p>It is based on the measurement of time for the distance travelled by wave<br>
Expand All @@ -114,7 +131,9 @@ <h2>Principle</h2>
<p>  </p>
<h2> </h2>
<h2>Methodology</h2>
<div class="videoWrapper">
<iframe allowfullscreen frameborder="0" height="390" src="https://www.youtube.com/embed/edfkXHrxfDw" width="640"></iframe>
</div>
<p><br clear="all">
</br></p>
</div> </div>
Expand Down
19 changes: 19 additions & 0 deletions src/lab/exp5/Theory.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,21 @@
<link href="../../../css/style.css" rel="stylesheet">
<script type="text/javascript" src = 'tabs.js'></script>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-67558473-1', 'auto');ga('send', 'pageview');</script>
<style>
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body id="page-top" class="index">
<div id="top">
Expand Down Expand Up @@ -100,14 +115,18 @@ <h2 class="text-h2-lightblue" style=" margin-bottom: 20px; margin-top: 10px; "><
<!--edit -->
<h1 class="text-h2-lightblue">Study of Plane Table and Its Accesories</h1><div class="content" id="experiment-article-section-1-content">
<h2>Explanation in Class Room through Video Coverage </h2>
<div class="videoWrapper">
<p><iframe allowfullscreen frameborder="0" height="390" src="https://www.youtube.com/embed/azPyAkC2nIg" width="640"></iframe></p>
</div>
<h2> </h2>
<h2>Principle</h2>
<p>Plane Tabling is a graphical method where measurements are carry out plot the details for preparing the map of the area.</p>
<p>  </p>
<h2> </h2>
<h2>Methodology</h2>
<div class="videoWrapper">
<iframe allowfullscreen frameborder="0" height="390" src="https://www.youtube.com/embed/iARMptRwFfM" width="640"></iframe>
</div>
<p><br clear="all">
</br></p>
</div> </div>
Expand Down
19 changes: 19 additions & 0 deletions src/lab/exp6/Theory.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,21 @@
<link href="../../../css/style.css" rel="stylesheet">
<script type="text/javascript" src = 'tabs.js'></script>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-67558473-1', 'auto');ga('send', 'pageview');</script>
<style>
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body id="page-top" class="index">
<div id="top">
Expand Down Expand Up @@ -100,7 +115,9 @@ <h2 class="text-h2-lightblue" style=" margin-bottom: 20px; margin-top: 10px; "><
<!--edit -->
<h1 class="text-h2-lightblue">Detail Plotting by Radiation method</h1><div class="content" id="experiment-article-section-1-content">
<h2>Explanation in Class Room through Video Coverage </h2>
<div class="videoWrapper">
<iframe allowfullscreen frameborder="0" height="390" src="https://www.youtube.com/embed/jDlXdr2sFwY" width="640"></iframe>
</div>
<h2> </h2>
<h2>Principle</h2>
<ul>
Expand All @@ -111,7 +128,9 @@ <h2>Principle</h2>
<p>  </p>
<h2> </h2>
<h2>Methodology</h2>
<div class="videoWrapper">
<iframe allowfullscreen frameborder="0" height="390" src="https://www.youtube.com/embed/IGSGLyjA1w8" width="640"></iframe>
</div>
<p><br clear="all">
</br></p>
</div> </div>
Expand Down