Team:Dundee/Team

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
<html>
<html>
 +
<body>
 +
  <!-- Text Grid -->
 +
    <div id="display">
 +
        <!-- Text Grid -->
 +
      <div class="container">
 +
        <!--Titile-->
 +
        <div class = "row">
-
<!--main content -->
+
            <!--Used to center "poster" column-->
-
<table width="70%" align="center">
+
            <div class=" col-md-3"></div>
 +
            <div class="col-md-6 col-centered" id="title">
 +
                <h1>Team</h1>
 +
            </div>   
 +
       
 +
            <!--Used to center "poster" column-->
 +
            <div class="col-md-3"></div>
 +
     
 +
        </div>
 +
         
 +
         
 +
        <!-- Wet Team -->
 +
        <div class = "row">
 +
            <!--Used to center "poster" column-->
 +
            <div class=" col-md-3"></div>
 +
            <div class="col-md-6 col-centered" id="info">
 +
                <h2>Wet Team</h2>
 +
               
 +
                <!--Nested row to hold images-->
 +
                <div class="row">
 +
                    <div class="col-xs-3">
 +
                    <a href="#clean" data-toggle="modal">
 +
                    <img src="img/fakeTeam/clintNormal.jpg" class="img-responsive teamImage" onclick="showPoster(0)" alt="Responsive image">
 +
                    </a>
 +
                        </div>
 +
                    <div class="col-xs-3">
 +
                        <a href="#clean" data-toggle="modal">
 +
                    <img src="img/fakeTeam/johnNormal.jpg" class="img-responsive teamImage" onclick="showPoster(1)" alt="Responsive image">
 +
                        </div>
 +
                        </a>
 +
                    <div class="col-xs-3">
 +
                        <a href="#clean" data-toggle="modal">
 +
                    <img src="img/fakeTeam/sethNoraml.jpg" class="img-responsive teamImage" onclick="showPoster(2)" alt="Responsive image">
 +
                            </a>
 +
                </div>
 +
                <div class="col-xs-3">
 +
                    <a href="#posterModal" data-toggle="modal">
 +
                        <img src="http://placehold.it/150x150" class="img-responsive" alt="Responsive image">
 +
                    </a>
 +
                    </div>
 +
                </div>
 +
            </div>   
 +
       
 +
            <!--Used to center "poster" column-->
 +
            <div class="col-md-3"></div>
 +
     
 +
        </div>
-
<!--welcome box -->
+
         
-
<tr>
+
<!-- SET MODAL LOOK-->
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
    <script>
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
    function showPoster(member) {
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
        var image = document.getElementById('westernImage');
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
        var name = document.getElementById('name');
-
<br>
+
        var text = document.getElementById('text');
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Dundee/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
       
-
</td>
+
        if (member == 0){
-
</tr>
+
            image.src = "img/fakeTeam/clintCow.jpg";
-
 
+
            name.textContent = "Clint Eastwood";
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
            text.textContent = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sagittis purus quis ligula molestie ultricies. Nulla eu sem pellentesque diam auctor malesuada in sed arcu. Etiam a vehicula nunc. Sed vestibulum augue quis pellentesque ornare.";
-
<!-- end welcome box -->
+
        }   
-
<tr>
+
       
-
 
+
        if (member == 1){
-
<!--navigation menu -->
+
            image.src = "img/fakeTeam/johnCow.jpg";
-
<td align="center" colspan="3">
+
            name.textContent = "John Wayne";
-
 
+
            text.textContent = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sagittis purus quis ligula molestie ultricies. Nulla eu sem pellentesque diam auctor malesuada in sed arcu. Etiam a vehicula nunc. Sed vestibulum augue quis pellentesque ornare.";
-
<table  width="100%">
+
        }
-
<tr heigth="15px"></tr>
+
        if (member == 2){
-
<tr heigth="75px">
+
            image.src = "img/fakeTeam/sethCow.jpg";
-
 
+
            name.textContent = "Seth MacFarlane";
-
 
+
            text.textContent = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sagittis purus quis ligula molestie ultricies. Nulla eu sem pellentesque diam auctor malesuada in sed arcu. Etiam a vehicula nunc. Sed vestibulum augue quis pellentesque ornare.";
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
        }
-
<a href="https://2014.igem.org/Team:Dundee"style="color:#000000">Home </a> </td>
+
        }
-
 
+
         
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
    </script>
-
<a href="https://2014.igem.org/Team:Dundee/Team"style="color:#000000"> Team </a> </td>
+
   
-
 
+
         
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
         
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Dundee"style="color:#000000"> Official Team Profile </a></td>
+
<!-- MODELS -->
-
 
+
    <div class ="modal fade" id="clean" role="dialog">
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
        <div class = "modal-dialog">
-
<a href="https://2014.igem.org/Team:Dundee/Project"style="color:#000000"> Project</a></td>
+
            <div class="modal-content">
-
 
+
                <div class="modal-header">
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
                    <h2 id="name"></h2>
-
<a href="https://2014.igem.org/Team:Dundee/Parts"style="color:#000000"> Parts</a></td>
+
                </div>
-
 
+
                <div class ="row">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
                <div class="modal-body" id="cleanContent">
-
<a href="https://2014.igem.org/Team:Dundee/Modeling"style="color:#000000"> Modeling</a></td>
+
               
-
 
+
                    <div class = "col-md-6">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
                        <img id="westernImage" src="img/mockTeam.jpg" class="img-responsive teamMember" alt="Responsive image">  
-
<a href="https://2014.igem.org/Team:Dundee/Notebook"style="color:#000000"> Notebook</a></td>
+
                        </div>
-
 
+
                   
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
                    <div class = "col-md-6">
-
<a href="https://2014.igem.org/Team:Dundee/Safety"style=" color:#000000"> Safety </a></td>
+
                    <p id="text"></p>
-
 
+
                    </div>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
                   
-
<a href="https://2014.igem.org/Team:Dundee/Attributions"style="color:#000000"> Attributions </a></td>
+
                </div>
-
 
+
                </div>
-
 
+
            </div>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
        </div>
-
</tr>
+
   
-
</table>
+
    </div>  
-
 
+
   
-
<!--end navigation menu -->
+
    <div class ="modal fade" id="posterModal" role="dialog">
-
</tr>
+
        <div class = "modal-dialog">
-
</tr>
+
            <div class="modal-content" id="poster">
-
</td>
+
                    <img src="img/whoIs.jpg" class="img-responsive teamMember" alt="Responsive image">  
-
 
+
              </div>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
        </div>  
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
    </div>  
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
   
-
 
+
         
-
<tr><td > <h3> Team Information</h3></td>
+
         
-
<td ></td >
+
         
-
<td > <h3> Upload pictures of your team!</h3></td>
+
         
-
</tr>
+
         
-
 
+
    <!-- FOOTER -->
-
<tr>
+
    <!-- JS import  WILL NEED CHANGED DONE LOCAL FOR BS -->
-
<td width="45%"  valign="top">
+
    <script src="http://code.jquery.com/jquery-latest.js"></script>
-
<p>
+
    <script src="js/bootstrap.js"></script>
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
</body>
-
<p>
+
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
-
 
+
-
</ul>
+
-
 
+
-
 
+
-
 
+
-
</td>
+
-
<td></td>
+
-
<td width="45%" valign="top">  
+
-
<p> We provide a server where you can upload images for your wiki!</p>
+
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
<br>
+
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
-
</td>
+
-
 
+
-
 
+
-
</tr>
+
-
 
+
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
-
<td ></td >
+
-
<td > </td>
+
-
</tr>
+
-
 
+
-
 
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
<p>What should this page contain?</p>
+
-
<ul>
+
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
+
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
-
</ul>
+
-
 
+
-
</td>
+
-
 
+
-
<td></td>
+
-
<td width="45%"  valign="top"> </td>
+
-
 
+
-
</tr>
+
-
 
+
-
 
+
-
</table>
+
</html>
</html>

Revision as of 15:27, 26 May 2014

Dundee 2014

Dundee 2014


Team

Wet Team

Responsive image
Responsive image
Responsive image
Responsive image

Retrieved from "http://2014.igem.org/Team:Dundee/Team"