Difference between revisions of "Team:Georgia State/AlgaeObservations"

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(&quot;video/intense/intense-preview.jpg&quot;);"></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

Algae Observations

Algae Observations

ALGAE LOG

Culturing during July & August
NOTEBOOK
July 2019
S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
August 2019
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Notebook
Girl

Videos 1 and 2


video

video

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!

video

Videos 3 and 4

video
video

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.

video


Pictures

image image image
--> -->

Copyright © All rights reserved | This template is made with by Colorlib | Modified by GSU iGEM

Contact Us

Tel: (+1) 404 413 5344

E-mail: igemgsu@gmail.com

Address: iGEM 50 Decatur St SE, Atlanta GA 30303