Team:UT Dallas/Team

From 2011.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-
 
+
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
  <title>Your Company Name</title>
-
This is a template page. READ THESE INSTRUCTIONS.
+
  <meta http-equiv="Content-Type"
-
</div>
+
content="text/html; charset=iso-8859-1">
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
<!-- ImageReady Preload Script (index.psd) -->
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
  <script type="text/javascript">
-
</div>
+
<!--
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
function newImage(arg) {
 +
if (document.images) {
 +
rslt = new Image();
 +
rslt.src = arg;
 +
return rslt;
 +
}
 +
}
 +
function changeImages() {
 +
if (document.images && (preloadFlag == true)) {
 +
for (var i=0; i<changeImages.arguments.length; i+=2) {
 +
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
 +
}
 +
}
 +
}
-
{|align="justify"
+
var preloadFlag = false;
-
|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.
+
function preloadImages() {
-
|[[Image:UT_Dallas_logo.png|200px|right|frame]]
+
if (document.images) {
-
|-
+
company_over = newImage("images/company-over.gif");
-
|
+
services_over = newImage("images/services-over.gif");
-
''Tell us more about your project. Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
partners_over = newImage("images/partners-over.gif");
-
|[[Image:UT_Dallas_team.png|right|frame|Your team picture]]
+
support_over = newImage("images/support-over.gif");
-
|-
+
news_over = newImage("images/news-over.gif");
-
|
+
preloadFlag = true;
-
|align="center"|[[Team:UT_Dallas | Team Example]]
+
}
-
|}
+
}
-
 
+
// -->
-
<!--- The Mission, Experiments --->
+
  </script><!-- End Preload Script -->
-
 
+
  <link href="css/styles.css" rel="stylesheet"
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
type="text/css">
-
!align="center"|[[Team:UT_Dallas|Home]]
+
</head>
-
!align="center"|[[Team:UT_Dallas/Team|Team]]
+
<body leftmargin="0" topmargin="0"
-
!align="center"|[https://igem.org/Team.cgi?year=2010&team_name=UT_Dallas Official Team Profile]
+
onload="preloadImages();" bgcolor="#ffffff"
-
!align="center"|[[Team:UT_Dallas/Project|Project]]
+
marginheight="0" marginwidth="0">
-
!align="center"|[[Team:UT_Dallas/Parts|Parts Submitted to the Registry]]
+
<center><!-- ImageReady Slices (index.psd) -->
-
!align="center"|[[Team:UT_Dallas/Modeling|Modeling]]
+
<table border="0" cellpadding="0" cellspacing="0"
-
!align="center"|[[Team:UT_Dallas/Notebook|Notebook]]
+
width="775">
-
!align="center"|[[Team:UT_Dallas/Safety|Safety]]
+
  <tbody>
-
!align="center"|[[Team:UT_Dallas/Attributions|Attributions]]
+
    <tr>
-
|}
+
      <td colspan="9"> <img src="images/title.gif"
-
 
+
alt="" height="81" width="383"></td>
-
 
+
      <td colspan="5" rowspan="2"> <img
-
 
+
src="images/main1.gif" alt="" usemap="#Map"
-
== '''Who we are''' ==
+
border="0" height="118" width="392"></td>
-
{|border = "0"
+
      <td> <img src="images/spacer.gif" alt=""
-
|-
+
height="81" width="1"></td>
-
|rowspan="3"|
+
    </tr>
-
 
+
    <tr>
-
 
+
      <td colspan="2"> <a href="#"
-
 
+
onmouseover="window.status='company'; changeImages('company', 'images/company-over.gif'); return true;"
-
 
+
onmouseout="window.status=''; changeImages('company', 'images/company.gif'); return true;">
-
 
+
      <img name="company" src="images/company.gif"
-
'''Advisors:'''
+
alt="company" border="0" height="37" width="75"></a></td>
-
 
+
      <td colspan="2"> <a href="#"
-
*''' Advisor 1''':    Mentor for all
+
onmouseover="window.status='services'; changeImages('services', 'images/services-over.gif'); return true;"
-
*'''Advisor 2''':      Our favorite
+
onmouseout="window.status=''; changeImages('services', 'images/services.gif'); return true;">
-
*'''Grad Student 1''':    Our leader 
+
      <img name="services" src="images/services.gif"
-
 
+
alt="services" border="0" height="37" width="76"></a></td>
-
 
+
      <td colspan="2"> <a href="#"
-
'''Undergrads:'''
+
onmouseover="window.status='partners'; changeImages('partners', 'images/partners-over.gif'); return true;"
-
 
+
onmouseout="window.status=''; changeImages('partners', 'images/partners.gif'); return true;">
-
*'''Student 1''':    Sleepyhead
+
      <img name="partners" src="images/partners.gif"
-
*'''Student 2''':    Math nerd
+
alt="partners" border="0" height="37" width="75"></a></td>
-
*'''Student 3''':  Michael, Is going to save the world
+
      <td> <a href="#"
-
*'''Student 4''':    Loves iGEM
+
onmouseover="window.status='support'; changeImages('support', 'images/support-over.gif'); return true;"
-
*'''Student 5''': A normal student... or(r) am I?
+
onmouseout="window.status=''; changeImages('support', 'images/support.gif'); return true;">
-
*'''Student 6''': Table football fan
+
      <img name="support" src="images/support.gif"
-
*'''Student 7''':
+
alt="support" border="0" height="37" width="80"></a></td>
-
 
+
      <td colspan="2"> <a href="#"
-
 
+
onmouseover="window.status='news'; changeImages('news', 'images/news-over.gif'); return true;"
-
|
+
onmouseout="window.status=''; changeImages('news', 'images/news.gif'); return true;">
-
<gallery>
+
      <img name="news" src="images/news.gif" alt="news"
-
Image:UT_Dallas_Team_member_1.png|Team member 1
+
  border="0" height="37" width="77"></a></td>
-
Image:UT_Dallas_Team_member_2.png|Team member 2
+
      <td> <img src="images/spacer.gif" alt=""
-
Image:UT_Dallas_Team_member_3.png|Team member 3
+
height="37" width="1"></td>
-
Image:UT_Dallas_Team_member_4.png|Team member 4
+
    </tr>
-
Image:UT_Dallas_Team_member_5.png|Team member 5
+
    <tr>
-
Image:UT_Dallas_Team_member_6.png|Team member 6
+
      <td colspan="14"> <img src="images/main2.gif"
-
Image:UT_Dallas_Team_member_7.png|Team member 7
+
alt="" height="31" width="775"></td>
-
</gallery>
+
      <td> <img src="images/spacer.gif" alt=""
-
|}
+
height="31" width="1"></td>
-
 
+
    </tr>
-
== '''What we did''' ==
+
    <tr>
-
 
+
      <td colspan="3"> <img src="images/search1.gif"
-
(Provide proper attribution for all work)
+
alt="" height="21" width="88"></td>
-
 
+
      <td colspan="2" align="center"
-
 
+
background="images/b-search.gif" valign="middle"> <input
-
== '''Where we're from''' ==
+
name="textfield" type="text"> </td>
 +
      <td colspan="9"> <img src="images/search2.gif"
 +
alt="" usemap="#Map2" border="0" height="21"
 +
width="562"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="21" width="1"></td>
 +
    </tr>
 +
    <tr>
 +
      <td colspan="8"> <img src="images/ab1.gif"
 +
alt="" height="115" width="361"></td>
 +
      <td colspan="6" rowspan="2"> <img
 +
  src="images/main3.gif" alt="" height="218"
 +
width="414"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="115" width="1"></td>
 +
    </tr>
 +
    <tr>
 +
      <td colspan="3" rowspan="2"> <img
 +
src="images/ab2.gif" alt="" height="119"
 +
width="88"></td>
 +
      <td colspan="5" rowspan="2" align="right"
 +
background="images/b-ab.gif" valign="top"> <span
 +
class="text3">Lorem ipsum dolor sit amet, consetetur <br>
 +
sadi pscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
 +
dolore magna </span>aliquyam erat, sed diam voluptua. At vero
 +
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
 +
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 +
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. Sed
 +
diam voluptua.</td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="103" width="1"></td>
 +
    </tr>
 +
    <tr>
 +
      <td colspan="2"> <img src="images/ab3.gif"
 +
alt="" height="16" width="50"></td>
 +
      <td colspan="2" rowspan="3"> <img
 +
src="images/test1.gif" alt="" height="113"
 +
width="100"></td>
 +
      <td rowspan="3" class="text1" align="left"
 +
background="images/b-test.gif" valign="top"> <span
 +
class="text2">Lorem ipsum dolor sit amet, consetetur sadi
 +
pscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
 +
dolore magna aliquyam erat, sed diam voluptua.</span> At vero eos
 +
et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
 +
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
 +
dolor sit amet, consetetur sadipscing elitr, sed diam. </td>
 +
      <td rowspan="3"> <img src="images/index_19.gif"
 +
alt="" height="113" width="16"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="16" width="1"></td>
 +
    </tr>
 +
    <tr>
 +
      <td rowspan="3"> <img src="images/services2.gif"
 +
alt="" height="211" width="13"></td>
 +
      <td colspan="9"> <img src="images/services1.gif"
 +
alt="" height="59" width="398"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="59" width="1"></td>
 +
    </tr>
 +
    <tr>
 +
      <td colspan="9" rowspan="2" align="left"
 +
background="images/b-services.gif" valign="top">
 +
Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam
 +
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
 +
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
 +
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
 +
ipsum dolor sit amet. L<span class="text3">orem ipsum
 +
dolor sit amet, consetetur sadipscing elitr, sed diam. Sed diam
 +
voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
 +
Lorem ipsum dolor sit amet, consetetur sadi pscing elitr,</span>
 +
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
 +
aliquyam erat, sed diam voluptua vero eos et accusam et justo duo
 +
dolores et ea rebum amet, consetetur sadipscing elitr, sed diam. Sed
 +
voluptua. <span class="text3">At vero eos et accusam et
 +
justo duo dolores et ea rebum.</span></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="38" width="1"></td>
 +
    </tr>
 +
    <tr>
 +
      <td colspan="4"> <img src="images/test2.gif"
 +
alt="" height="114" width="364"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="114" width="1"></td>
 +
    </tr>
 +
    <tr>
 +
      <td colspan="14"> <img src="images/footer.gif"
 +
alt="" height="16" width="775"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="16" width="1"></td>
 +
    </tr>
 +
    <tr>
 +
      <td colspan="15" class="text2" align="center"
 +
background="images/b-links.gif" height="57"
 +
valign="middle"> <a href="#">Home</a> | <a
 +
href="#">Products</a> | <a href="#">Services</a>
 +
| <a href="#">Partners</a> | <a href="#">Support</a>
 +
| <a href="#">Contact Us</a>&nbsp;</td>
 +
    </tr>
 +
    <tr>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="13"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="62"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="13"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="63"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="62"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="13"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="80"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="55"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="22"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="28"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="59"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="41"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="248"></td>
 +
      <td> <img src="images/spacer.gif" alt=""
 +
height="1" width="16"></td>
 +
      <td></td>
 +
    </tr>
 +
  </tbody>
 +
</table>
 +
<!-- End ImageReady Slices -->
 +
<map name="Map">
 +
<area shape="rect" coords="281,24,314,46" href="#"
 +
alt="home">
 +
<area shape="rect" coords="316,24,343,47" href="#"
 +
alt="member area">
 +
<area shape="rect" coords="348,25,367,47" href="#"
 +
alt="contact">
 +
</map>
 +
<map name="Map2">
 +
<area shape="rect" coords="0,5,27,19" href="#"
 +
alt="submit">
 +
</map>
 +
</center>
 +
</body>
 +
</html>

Revision as of 14:55, 17 June 2011

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Your Company Name

company services partners support news
Lorem ipsum dolor sit amet, consetetur
sadi pscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. Sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.
Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. Sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua vero eos et accusam et justo duo dolores et ea rebum amet, consetetur sadipscing elitr, sed diam. Sed voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Home | Products | Services | Partners | Support | Contact Us 
home member area contact submit

Retrieved from "http://2011.igem.org/Team:UT_Dallas/Team"