Difference between revisions of "Team:Sheffield"

Line 23: Line 23:
 
                  
 
                  
 
                 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 
                 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
                  
+
 
 +
                 <script
 +
                  src="https://2016.igem.org/Template:Sheffield/scripts/popover?action=raw&ctype=text/javascript"></script>
 +
 
 
                 <script  
 
                 <script  
 
                   src="https://2016.igem.org/Template:Sheffield/scripts/front?action=raw&ctype=text/javascript"></script>
 
                   src="https://2016.igem.org/Template:Sheffield/scripts/front?action=raw&ctype=text/javascript"></script>
Line 267: Line 270:
 
 
 
<div class="tablet right-box">
 
<div class="tablet right-box">
<div class = "right-but"><h1>Our Song</h1></div>
+
<div class = "right-but"><h1>Our Theme</h1></div>
 
</div>
 
</div>
 
 
Line 273: Line 276:
 
 
 
                         <div class = "phone left-but"><h1>New Here?</h1></div>
 
                         <div class = "phone left-but"><h1>New Here?</h1></div>
<div class = "phone right-but"><h1>Our Song</h1></div>
+
<div class = "phone right-but"><h1>Our Theme</h1></div>
 
 
 
</div>
 
</div>
Line 282: Line 285:
 
                   <p>We welcome you to team Sheffield's wiki for 2016. The website has been designed to run on all devices big or small. We have made the website as interactive as possible.</p>
 
                   <p>We welcome you to team Sheffield's wiki for 2016. The website has been designed to run on all devices big or small. We have made the website as interactive as possible.</p>
 
<p>For the best experience we recommend using a CHROME browser</p>
 
<p>For the best experience we recommend using a CHROME browser</p>
  <p>A few things to look out for:>/p>
+
  <p>A few things to look out for:</p>
 
                   <p>anytime you see a banner like this:</p>
 
                   <p>anytime you see a banner like this:</p>
                   <!-- Image 1 -->
+
                   <center>
 +
                  <img style="width:50%" src="https://static.igem.org/mediawiki/2016/8/8e/T--Sheffield--banner-long.png">
 +
                  </center>
 
                   <p>It will display the text below for that section</p>
 
                   <p>It will display the text below for that section</p>
                   <p>Words like this: : are part of our interactive glossary. Click them to bring up a quick definition of the word and click them again to close</p>
+
                   <p>Words like this <button class="btn btn-lg btn-danger" data-placement="top" data-toggle="popover" title="Important word" data-content="A text definition goes here. Click the button to close me">click me</button> are part of our interactive glossary. Click them to bring up a quick definition of the word and click them again to close</p>
 
                   <p>Or if you want to see all our terms look out for the glossary image to take you to our fulls set of definitions</p>
 
                   <p>Or if you want to see all our terms look out for the glossary image to take you to our fulls set of definitions</p>
 
                 </div>
 
                 </div>

Revision as of 09:04, 19 October 2016

A template page

New Here?

Our Theme

New Here?

Our Theme

How to use the website - a note from the team

We welcome you to team Sheffield's wiki for 2016. The website has been designed to run on all devices big or small. We have made the website as interactive as possible.

For the best experience we recommend using a CHROME browser

A few things to look out for:

anytime you see a banner like this:

It will display the text below for that section

Words like this are part of our interactive glossary. Click them to bring up a quick definition of the word and click them again to close

Or if you want to see all our terms look out for the glossary image to take you to our fulls set of definitions