Salhassan1 (Talk | contribs) |
Salhassan1 (Talk | contribs) |
||
Line 9: | Line 9: | ||
<!-- Title --> | <!-- Title --> | ||
<title>Algae Observations</title> | <title>Algae Observations</title> | ||
+ | |||
+ | <!-- Start of Algae Observations Page Styling --> | ||
+ | <style> | ||
+ | body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/css/compiled-4.8.10.min.css"> | ||
+ | <style> | ||
+ | </style> | ||
+ | <style type="text/css">/* Chart.js */ | ||
+ | @-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;} | ||
+ | </style> | ||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script> | ||
+ | <style> | ||
+ | p { | ||
+ | font-size: 1.5em; | ||
+ | font-weight: 500; | ||
+ | color: black; | ||
+ | text-align: left! important; | ||
+ | } | ||
+ | .center { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | |||
+ | } | ||
+ | .pics { | ||
+ | |||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <!-- End of Algae Observations Page Styling --> | ||
+ | |||
+ | |||
+ | <!-- Start of Algae Log Styling --> | ||
<style> | <style> | ||
body { | body { | ||
Line 188: | Line 232: | ||
clip: rect(0, 1154px, 600px, 0); | clip: rect(0, 1154px, 600px, 0); | ||
}</style> | }</style> | ||
+ | <!-- End of Algae Log Styling --> | ||
</head> | </head> | ||
Line 291: | Line 336: | ||
</section> | </section> | ||
<!-- Breadcrumb Area End --> | <!-- Breadcrumb Area End --> | ||
+ | |||
+ | |||
+ | <!-- Algae Log Area Start --> | ||
<div class="container flex-center text-center"> | <div class="container flex-center text-center"> | ||
Line 479: | Line 527: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <!-- Algae Log Area End --> | ||
+ | |||
+ | <!-- Algae Observations Page Area Start --> | ||
+ | |||
+ | <img src="flask5.png" alt="Girl" style="width:600px;height:500px;" class="center"> | ||
+ | |||
+ | |||
+ | <div class="container"> | ||
+ | <section class="intro"> | ||
+ | |||
+ | <div class="content"> | ||
+ | <h3>Videos 1 and 2</h3> | ||
+ | <hr class="divider hr-xl-left-0 bg-blue-gray"> | ||
+ | <!-- Grid row --> | ||
+ | <div class="row justify-content-center"> | ||
+ | |||
+ | <!-- Grid column --> | ||
+ | <div class="col-4 col-sm-4 "> | ||
+ | |||
+ | <!--Modal: Name--> | ||
+ | <div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog modal-lg" role="document"> | ||
+ | |||
+ | <!--Content--> | ||
+ | <div class="modal-content"> | ||
+ | |||
+ | <!--Body--> | ||
+ | <div class="modal-body mb-0 p-0"> | ||
+ | |||
+ | <div class="embed-responsive embed-responsive-16by9 z-depth-1-half"> | ||
+ | <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/vwVMfEEFkNo" allowfullscreen=""></iframe> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--Footer--> | ||
+ | <div class="modal-footer justify-content-center"> | ||
+ | <span class="mr-4">Video 1.</span> | ||
+ | |||
+ | |||
+ | <button type="button" class="btn btn-outline-primary btn-rounded btn-md ml-4 waves-effect waves-light" data-dismiss="modal">Close</button> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--/.Content--> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!--Modal: Name--> | ||
+ | <br> | ||
+ | <a><img class="img-fluid z-depth-1" src="img1.png" alt="video" data-toggle="modal" data-target="#modal1" height="300" width="300" ></a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <!-- Grid column --> | ||
+ | |||
+ | <!-- Grid column --> | ||
+ | <div class="col-4 col-sm-4 "> | ||
+ | |||
+ | <!--Modal: Name--> | ||
+ | <div class="modal fade" id="modal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog modal-lg" role="document"> | ||
+ | |||
+ | <!--Content--> | ||
+ | <div class="modal-content"> | ||
+ | |||
+ | <!--Body--> | ||
+ | <div class="modal-body mb-0 p-0"> | ||
+ | |||
+ | <div class="embed-responsive embed-responsive-16by9 z-depth-1-half"> | ||
+ | <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/IfAxWv45Uvw" allowfullscreen=""></iframe> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--Footer--> | ||
+ | <div class="modal-footer justify-content-center"> | ||
+ | <span class="mr-4">Video 2.</span> | ||
+ | |||
+ | |||
+ | <button type="button" class="btn btn-outline-primary btn-rounded btn-md ml-4 waves-effect waves-light" data-dismiss="modal">Close</button> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--/.Content--> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!--Modal: Name--> | ||
+ | <br> | ||
+ | <a><img class="img-fluid z-depth-1" src="img2.png" alt="video" data-toggle="modal" data-target="#modal6" height="300" width="300"></a> | ||
+ | |||
+ | </div> | ||
+ | <!-- Grid column --> | ||
+ | |||
+ | <!-- Grid column --> | ||
+ | |||
+ | </div> | ||
+ | <p>A concentration of 1,092,000 Symbiodinium cells per mL. This is a reference of a concentration cell count viewed under 4X and 10X magnification. Click the pictures above to see the videos!</p> | ||
+ | <!-- Grid row ends here--> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <img src="omar7.png" alt="video" height="280" width="500" class="center"> | ||
+ | </section> | ||
+ | |||
+ | <!--video 1 and 2 end here----------> | ||
+ | |||
+ | <!--video 3 and 4 starts here-----------> | ||
+ | <section> | ||
+ | <br> | ||
+ | <div class="content"> | ||
+ | |||
+ | <h3>Videos 3 and 4</h3> | ||
+ | <hr class="divider hr-xl-left-0 bg-blue-gray"> | ||
+ | <!-- Grid row starts here--> | ||
+ | <div class="row justify-content-center"> | ||
+ | |||
+ | |||
+ | <!-- Grid column --> | ||
+ | |||
+ | <!-- Grid column --> | ||
+ | <div class="col-4 col-md-5 "> | ||
+ | |||
+ | <!--Modal: Name--> | ||
+ | <div class="modal fade" id="modal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog modal-lg" role="document"> | ||
+ | |||
+ | <!--Content--> | ||
+ | <div class="modal-content"> | ||
+ | |||
+ | <!--Body--> | ||
+ | <div class="modal-body mb-0 p-0"> | ||
+ | |||
+ | <div class="embed-responsive embed-responsive-16by9 z-depth-1-half"> | ||
+ | <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/xl-YvtV0-KY" allowfullscreen=""></iframe> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--Footer--> | ||
+ | <div class="modal-footer justify-content-center"> | ||
+ | <span class="mr-4">Video 3.</span> | ||
+ | |||
+ | <button type="button" class="btn btn-outline-primary btn-rounded btn-md ml-4 waves-effect waves-light" data-dismiss="modal">Close</button> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--/.Content--> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!--Modal: Name--> | ||
+ | |||
+ | <a><img class="img-fluid z-depth-1" src="img3.png" alt="video" data-toggle="modal" data-target="#modal5" height="300" width="300" style="margin-left:100px;"></a> | ||
+ | |||
+ | </div> | ||
+ | <!-- Grid column --> | ||
+ | |||
+ | <!-- Grid column --> | ||
+ | <div class="col-4 col-md-5"> | ||
+ | |||
+ | <!--Modal: Name--> | ||
+ | <div class="modal fade" id="modal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog modal-lg" role="document"> | ||
+ | |||
+ | <!--Content--> | ||
+ | <div class="modal-content"> | ||
+ | |||
+ | <!--Body--> | ||
+ | <div class="modal-body mb-0 p-0"> | ||
+ | |||
+ | <div class="embed-responsive embed-responsive-16by9 z-depth-1-half"> | ||
+ | <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/IfAxWv45Uvw" allowfullscreen=""></iframe> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--Footer--> | ||
+ | <div class="modal-footer d-block d-md-flex justify-content-center"> | ||
+ | <span class="mr-4">Video 4.</span> | ||
+ | |||
+ | <button type="button" class="btn btn-outline-primary btn-rounded btn-md ml-4 waves-effect waves-light" data-dismiss="modal">Close</button> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--/.Content--> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!--Modal: Name--> | ||
+ | |||
+ | <a><img class="img-fluid z-depth-1" src="img4.png" alt="video" data-toggle="modal" data-target="#modal3" height="300" width="300"></a> | ||
+ | |||
+ | </div> | ||
+ | <!-- Grid column --> | ||
+ | |||
+ | </div> | ||
+ | <!-- Grid row ends here --> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <p>Predator-Prey culture of O. marina fed 2.0 mL of D. tertiolecta. The O. marina culture that was fed 2.0 mL of D. tertiolecta was not fed since 9/18/19. The video depicts the concentration of in the Dunaliella vs. Oxyrrhis as of 10/18/19.</p> | ||
+ | <img src="omar6.png" alt="video" height="370" width="400" class="center"> | ||
+ | </section> | ||
+ | <!--video 3and 4 end here---------------------> | ||
+ | |||
+ | <br> <br> | ||
+ | <section> | ||
+ | <div class="content"> | ||
+ | <!--<h1>Pictues go here</h1>--> | ||
+ | |||
+ | |||
+ | <!--<div class="row"> | ||
+ | <div class="col-md-4"><img src="Algae Obs 1.png" alt="image" height="300" width="300"></div> | ||
+ | <div class="col-md-4 ml-auto" ><img src="Algae Obs 2.png" alt="image" height="300" width="300"></div> | ||
+ | |||
+ | </div> | ||
+ | <br> | ||
+ | <div class="row justify-center"> | ||
+ | <div class="col-md-6 offset-md-3"><img src="Algae Obs 5.png" alt="image" height="350" width="300"></div> | ||
+ | |||
+ | </div> | ||
+ | <div class="row justify-end"> | ||
+ | <div class="col-md-4"><img src="Algae Obs 3.png" alt="image" height="300" width="300"></div> | ||
+ | <div class="col-md-4 offset-md-4"><img src="Algae Obs 4.png" alt="image" height="300" width="300"></div> | ||
+ | </div> | ||
+ | |||
+ | </div>--> | ||
+ | |||
+ | <h3>Pictures</h3> | ||
+ | <hr class="divider hr-xl-left-0 bg-blue-gray"> | ||
+ | <img src="screen1.png" alt="image" height="400" width="900" class="center"> | ||
+ | <img src="screen2.png" alt="image" height="400" width="900" class="center"> | ||
+ | <img src="screen3.png" alt="image" height="400" width="800" class="center"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </section> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- <section class="section novi-background section-98 section-md-110"> | ||
+ | <div class="container"> | ||
+ | <div class="row text-xl-left justify-content-center"> | ||
+ | <div class="col-md-8 col-xl-6"> | ||
+ | <div class="inset-xl-right-20"> | ||
+ | <h3>Videos 1 and 2</h3> | ||
+ | <hr class="divider hr-xl-left-0 bg-blue-gray"> | ||
+ | <p>Video 1 and 2. A concentration of 1,092,000 Symbiodinium cells per mL. This is a reference of a concentration cell count viewed under 4X and 10X magnification. Click the pictures above to see the videos!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-8 col-xl-6 offset-top-30 offset-xl-top-0"> | ||
+ | <div class="shadow-drop-xl"> | ||
+ | |||
+ | <a><img class="img-fluid z-depth-1" src="img1.png" alt="video" data-toggle="modal" data-target="#modal6" height="300" width="300"></a> <br> | ||
+ | <a><img class="img-fluid z-depth-1" src="img2.png" alt="video" data-toggle="modal" data-target="#modal6" height="300" width="300"></a> | ||
+ | |||
+ | <!-- Media Elements--> | ||
+ | <!-- RD Video--> | ||
+ | <!--<div class="rd-video-player play-on-scroll muted played state-pause playlist-show" data-rd-video-path="video/intense/intense" data-rd-video-title="What can we say about Intense ?" data-rd-video-muted="true" data-rd-video-preview="video/intense/intense-preview.jpg" data-rd-video-preload="false"> | ||
+ | <div class="rd-video-wrap embed-custom-16by9"> | ||
+ | <div class="rd-video-preloader"></div> | ||
+ | <video preload="metadata"><source type="video/mp4" src="video/intense/intense.mp4"></video> | ||
+ | <div class="rd-video-preview" style="background-image: url("video/intense/intense-preview.jpg");"></div> | ||
+ | <div class="rd-video-top-controls">--> | ||
+ | <!-- Title--> <!--<span class="rd-video-title">What can we say about Intense ?</span><a class="rd-video-fullscreen mdi mdi-fullscreen rd-video-icon" href="#"></a>--> | ||
+ | <!--</div> | ||
+ | <div class="rd-video-controls"> | ||
+ | <div class="rd-video-controls-buttons"> | ||
+ | <!-- Play\Pause button--> <!--<a class="rd-video-play-pause mdi mdi-play" href="#"></a>--> | ||
+ | <!-- Progress bar-->--> | ||
+ | <!-- </div> | ||
+ | <div class="rd-video-progress-bar"><div class="current" style="width: 100%;"></div></div> | ||
+ | <div class="rd-video-time"><span class="rd-video-current-time">01:10</span> <span class="rd-video-time-divider">:</span> <span class="rd-video-duration">01:10</span></div> | ||
+ | <div class="rd-video-volume-wrap">--> | ||
+ | <!-- Volume button--> <!--<a class="rd-video-volume mdi mdi-volume-high rd-video-icon" href="#"></a> | ||
+ | <div class="rd-video-volume-bar-wrap"> | ||
+ | <!-- Volume bar-->--> | ||
+ | <!-- <div class="rd-video-volume-bar rd-video-volume-bar-vertical"><div class="current" style="width: 100%; height: 0px;"></div></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section>--> | ||
+ | |||
+ | |||
+ | <script src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/js/compiled-4.8.10.min.js"></script> | ||
+ | <div class="hiddendiv common"></div> | ||
+ | <script></script> | ||
+ | |||
+ | <!-- Algae Observations Page Area End --> | ||
<!-- Goodbye Area Start --> | <!-- Goodbye Area Start --> |
Revision as of 19:06, 21 October 2019
Predator-Prey culture of O. marina fed 2.0 mL of D. tertiolecta. The O. marina culture that was fed 2.0 mL of D. tertiolecta was not fed since 9/18/19. The video depicts the concentration of in the Dunaliella vs. Oxyrrhis as of 10/18/19.