Difference between revisions of "Team:USNA Annapolis/HP/Gold Integrated"

Line 299: Line 299:
  
  
 +
 +
<div class="w3-container">
 +
  <h2>Slideshow Caption</h2>
 +
  <p>Add a caption text for each image slide with the w3-display-* classes (topleft, topmiddle, topright, bottomleft, bottommiddle, bottomright or middle).</p>
 +
</div>
 +
 +
<div class="w3-content w3-display-container">
 +
 +
<div class="w3-display-container mySlides">
 +
  <img src="" alt="some nice pictures" style="width:100%">
 +
  <div class="w3-display-bottomleft w3-large w3-container w3-padding-16 w3-black">
 +
    Trolltunga, Norway
 +
  </div>
 +
</div>
 +
 +
<div class="w3-display-container mySlides">
 +
  <img src="" alt="some nice pictures"style="width:25%">
 +
  <div class="w3-display-bottomright w3-large w3-container w3-padding-16 w3-black">
 +
    Northern Lights, Norway
 +
  </div>
 +
</div>
 +
 +
<div class="w3-display-container mySlides">
 +
  <img src="" alt="some nice pictures" style="width:25%">
 +
  <div class="w3-display-topleft w3-large w3-container w3-padding-16 w3-black">
 +
    Beautiful Mountains
 +
  </div>
 +
</div>
 +
 +
<div class="w3-display-container mySlides">
 +
  <img src=""  alt="some nice pictures" style="width:25%">
 +
  <div class="w3-display-topright w3-large w3-container w3-padding-16 w3-black">
 +
    The Rain Forest
 +
  </div>
 +
</div>
 +
 +
<div class="w3-display-container mySlides">
 +
  <img src="" alt="some nice pictures" style="width:25%">
 +
  <div class="w3-display-middle w3-large w3-container w3-padding-16 w3-black">
 +
    Description
 +
  </div>
 +
</div>
 +
 +
<button class="w3-button w3-display-left w3-black" onclick="plusDivs(-1)">&#10094;</button>
 +
<button class="w3-button w3-display-right w3-black" onclick="plusDivs(1)">&#10095;</button>
 +
 +
</div>
 +
 +
<script>
 +
var slideIndex = 1;
 +
showDivs(slideIndex);
 +
 +
function plusDivs(n) {
 +
  showDivs(slideIndex += n);
 +
}
 +
 +
function showDivs(n) {
 +
  var i;
 +
  var x = document.getElementsByClassName("mySlides");
 +
  if (n > x.length) {slideIndex = 1}   
 +
  if (n < 1) {slideIndex = x.length}
 +
  for (i = 0; i < x.length; i++) {
 +
    x[i].style.display = "none"; 
 +
  }
 +
  x[slideIndex-1].style.display = "block"; 
 +
}
 +
</script>
  
  

Revision as of 14:41, 12 July 2017

Human Practices

Going Beyond the Lab

Outreach

First Way We Interacted

Short Description about how we interacted with some group of people (Plebe survey thing?) and we'll throw in a photo or two here with the plebes or some pictures of people talking and smiling.


Second Way We Interacted

I'm still thinking of keeping the little quote thing around since it adds a little bit to the paragraph, so maybe we can get a person from the crowd to comment on what they think of the project, or just talk about how it is nice to go out and spread our message. Nothing crazy.

An inspirational message about how we love to tell people about the wonderful things we are doing down in D.C!

Wrap up sentence of the interaction, talk about how it impacted our work.

In this section it would be nice to have a close up picture of someone from the group talking to a bunch of students or something, or maybe pointing to a volunteer who is asking questions.

person pointing

Event Photos

I'll just throw like a slide show deal here, and then we can add whatever photos we want from it.

Slideshow Caption

Add a caption text for each image slide with the w3-display-* classes (topleft, topmiddle, topright, bottomleft, bottommiddle, bottomright or middle).

some nice pictures
Trolltunga, Norway
some nice pictures
Northern Lights, Norway
some nice pictures
Beautiful Mountains
some nice pictures
The Rain Forest
some nice pictures
Description