Difference between revisions of "Template:US AFRL CarrollHS SlideShow"

Latest revision as of 03:06, 2 November 2017

Slideshow

The Whole Student Team!

Practicing presenting and rocking shades

Dr. O'Malley, Annie, Jonah, Dr. Dickey, and Dr. Carter modelling new shirts!

Productive meeting to work on wiki and presentation

Enjoying ice cream with RH lab mentor Mike!

❮ ❯

@@ Line 3: / Line 3: @@
       <title>Slideshow</title>
 </head>
-<body>
 <div class="slideshow-container">
    <div class="mySlides fade">
      <!-- <div class="numbertext">1 / 5</div> -->
-     <img src="https://static.igem.org/mediawiki/igem.org/f/f1/Team_Photo_in_Front_of_a_Airplane.jpg" style="width: 100%; height: 100%; object-fit: cover;">
+     <img src="https://static.igem.org/mediawiki/igem.org/f/f1/Team_Photo_in_Front_of_a_Airplane.jpg" style="width: 100%; height: 80vh; object-fit: cover;">
      <div class="SlideShowText">The Whole Student Team!</div>
    </div>
@@ Line 13: / Line 13: @@
    <div class="mySlides fade">
     <!-- <div class="numbertext">2 / 5</div> -->
-     <img src="https://static.igem.org/mediawiki/igem.org/a/a7/US_AFRL_CARROLLHS_JonahRockingIT.JPG" style="width: 100%; height: 100%; object-fit: cover;">
+     <img src="https://static.igem.org/mediawiki/2017/thumb/6/63/Shades.jpg/800px-Shades.jpg" style="width: 100%; height: 80vh; object-fit: cover;">
-     <div class="SlideShowText">Jonah in front of the B-2 Bomber</div>
+     <div class="SlideShowText">Practicing presenting and rocking shades</div>
    </div>
     <div class="mySlides fade">
      <!-- <div class="numbertext">3 / 5</div> -->
-     <img src="https://static.igem.org/mediawiki/2017/f/f3/US_AFRL_CARROLLHS_RHLAB.JPG" style="width: 100%; height: 100%; object-fit: cover;">
+     <img src="https://static.igem.org/mediawiki/2017/thumb/f/f3/Shirts.jpg/800px-Shirts.jpg" style="width: 100%; height: 80vh; object-fit: cover;">
-     <div class="SlideShowText">RH Lab Cheesin'</div>
+     <div class="SlideShowText">Dr. O'Malley, Annie, Jonah, Dr. Dickey, and Dr. Carter modelling new shirts!</div>
    </div>
    <div class="mySlides fade">
      <!-- <div class="numbertext">4 / 5</div> -->
-     <img src="https://static.igem.org/mediawiki/igem.org/6/68/US_AFRL_CARROLLHS_BOWDOWNTOTHEMASTAH.JPG" style="width: 100%; height: 100%; object-fit: cover;">
+     <img src="https://static.igem.org/mediawiki/2017/thumb/1/1b/Productive.jpg/800px-Productive.jpg" style="width: 100%; height: 80vh; object-fit: cover;">
-     <div class="SlideShowText">RX Bows Down to Mentor Chia!</div>
+     <div class="SlideShowText">Productive meeting to work on wiki and presentation</div>
    </div>
@@ Line 32: / Line 32: @@
    <div class="mySlides fade">
      <!-- <div class="numbertext">5 / 5</div> -->
-     <img src="https://static.igem.org/mediawiki/igem.org/3/3b/US_AFRL_CARROLLHS_Area51BABY.JPG" style="width: 100%; height: 100%; object-fit: cover;">
+     <img src="https://static.igem.org/mediawiki/2017/thumb/8/8d/Icecream.jpg/800px-Icecream.jpg" style="width: 100%; height: 80vh; object-fit: cover;">
-     <div class="SlideShowText">Area 51 at the Air Force Museum</div>
+     <div class="SlideShowText">Enjoying ice cream with RH lab mentor Mike!</div>
    </div>
@@ Line 50: / Line 50: @@
 </div>
 </div>
@@ Line 57: / Line 58: @@
 /* Slideshow container - Change dimensions of the Border Box */
 .slideshow-container {
-   width: 55%;
+   width: 100%;
    height: 80vh;
    position: relative;
-   margin: auto;
+   margin: 0px;
    padding: 0px;
+  top: 0px;
+  z-index: 5;
 }
@@ Line 97: / Line 100: @@
 /* Caption text */
 .SlideShowText {
-   color: #f2f2f2;
+   color: #C2DFFF;
-   font-size: 15px;
+   font-size: 20px;
+  font-family: Verdana;
+  font-weight:bold;
    padding: 8px 12px;
    position: absolute;
-   bottom: 40px;
+   bottom: 50px;
    width: 100%;
    text-align: center;
@@ Line 126: / Line 131: @@
    display: inline-block;
    transition: background-color 0.6s ease;
+  position: relative;
+  bottom: 50px;
+  z-index: 10;
 }
@@ Line 182: / Line 190: @@
-</body>
 </html>