Team:Alberta/Resources

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> .titlebar { height:130px; width:100%; } .bin { background:url('/wiki/images/thumb/2/26/Background.png/541p...")
 
(22 intermediate revisions not shown)
Line 7: Line 7:
     }
     }
     .bin {
     .bin {
-
       background:url('/wiki/images/thumb/2/26/Background.png/541px-Background.png');
+
       background:url('/wiki/images/e/e4/2013AlbertaBackground.png');
       background-size:100% auto;
       background-size:100% auto;
       padding-top:20px;
       padding-top:20px;
Line 19: Line 19:
         height:37px;
         height:37px;
         margin-top:-17px;
         margin-top:-17px;
-
         margin-left:-155px;
+
         margin-left:-95px;
       }
       }
     }
     }
Line 49: Line 49:
     .content-title {
     .content-title {
       text-align:center;
       text-align:center;
-
       font-size:4em;
+
       font-size:3em;
     }
     }
     .titlebar h3, h4 {
     .titlebar h3, h4 {
Line 55: Line 55:
     }
     }
     .sidebar {
     .sidebar {
-
       position:fixed;
+
       position: fixed;
-
       top:190px;
+
       top: 157px;
-
       float:left;
+
       float: left;
-
       z-index:3;
+
       z-index: 3;
-
       padding: 0 0px 0px 40px;
+
       padding: 10px 10px 10px 10px;
 +
      width: 230px;
 +
    }
 +
    .sidebar_block {
 +
      background-color:white;
 +
      margin:1px;
 +
      border:1px grey solid;
 +
      padding:5px 10px 5px 10px;
 +
      border-radius:5px;
 +
      box-shadow: 0px 0px 20px #444444;
     }
     }
     .main {
     .main {
Line 72: Line 81:
       position:fixed;
       position:fixed;
       margin-left:70px;
       margin-left:70px;
-
       margin-top:-60px;
+
       margin-top:-70px;
       width:180px;
       width:180px;
     }
     }
Line 78: Line 87:
       position:fixed;
       position:fixed;
       margin-left:650px;
       margin-left:650px;
-
       margin-top:-90px;
+
       margin-top:-95px;
       width: 150px;
       width: 150px;
 +
    }
 +
    .igem-logo img {
 +
      width:210px;
     }
     }
     .igem-bar {
     .igem-bar {
Line 371: Line 383:
       box-shadow: 0px 0px 30px #000;
       box-shadow: 0px 0px 30px #000;
        
        
 +
    }
 +
    a.anchor{
 +
      display: block;
 +
      position: relative;
 +
      top: -180px;
 +
      visibility: hidden;
     }
     }
   </style>
   </style>
Line 376: Line 394:
   <body>
   <body>
     <div class="titlebar">
     <div class="titlebar">
-
      <h3>The Littlest Mapmaker</h3>
+
<br>
-
      <h4>"Exploration into the world of <a href="#">DNA Computing</a>"<br/>
+
<img src="/wiki/images/4/41/Ab_mapmen_title.png" width="600" height="95"></img><img src="/wiki/images/a/a5/2013-igem-logo.png" width="198" height="95"></img>
-
        Team Alberta: University of Alberta</h4>
+
-
      <a href="http://www.ualberta.ca" class="ualberta-logo"><img src="/wiki/images/b/b3/Ualberta-logo.png" alt="University of Alberta"></img></a>
+
-
      <a href="https://2013.igem.org" class="igem-logo"><img src="/wiki/images/a/ad/IGem-logo.png" alt="iGem Main Page"></img></a>
+
     </div>
     </div>
     <div class="bin">
     <div class="bin">
Line 387: Line 402:
         <li><a id="project" href="#">Project</a>
         <li><a id="project" href="#">Project</a>
           <ul>
           <ul>
-
             <li><a href="/Team:Alberta/Project">Overview</a></li>
+
             <li><a href="/Team:Alberta/Background">Background</a></li>
-
             <li><a href="/Team:Alberta/Methodology">Methodology</a></li>
+
             <li><a href="/Team:Alberta/Overview">Overview</a></li>
-
             <li><a href="/Team:Alberta/Applications">Applications</a></li>
+
             <li><a href="/Team:Alberta/Results">Results</a></li>
-
          </ul>
+
            <li><a href="/Team:Alberta/Protocols">Protocols</a></li>
-
        </li>
+
             <li><a href="/Team:Alberta/Parts">Submitted Parts</a></li>
-
        <li><a id="notebook" href="#">Notebook</a>
+
             <li><a href="/Team:Alberta/Accomplishments">Accomplishments</a></li>
-
          <ul>
+
-
             <li><a href="/Team:Alberta/Notebook">Timeline</a></li>
+
-
             <li><a href="/Team:Alberta/Parts">BioBricks</a></li>
+
           </ul>
           </ul>
         </li>
         </li>
Line 402: Line 414:
             <li><a href="/Team:Alberta/Team">Roster</a></li>
             <li><a href="/Team:Alberta/Team">Roster</a></li>
             <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Alberta">Official Profile</a></li>
             <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Alberta">Official Profile</a></li>
-
             <li><a href="/Team:Alberta/Attributions">Sponsors</a></li>
+
             <li><a href="/Team:Alberta/Sponsors">Sponsors</a></li>
 +
            <li><a href="/Team:Alberta/Attributions">Attributions</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 411: Line 424:
           </ul>
           </ul>
         </li>
         </li>
-
         <li><i class="nav-icon"></i><a id="safety" href="#" class="active">Safety</a>
+
         <li><i class="nav-icon"></i><a id="safety" href="/Team:Alberta/MainSafety" class="active">Safety</a>
           <ul>
           <ul>
             <li><a href="/Team:Alberta/SafetyForm">Safety Form</a></li>
             <li><a href="/Team:Alberta/SafetyForm">Safety Form</a></li>
Line 421: Line 434:
       </ul>
       </ul>
       <div class="sidebar">
       <div class="sidebar">
-
         <div href class="tooltip"><img src="/wiki/images/7/7d/SideChar.png"></img>  
+
         <div class="sidebar_block">
-
          <span class="saying">Welcome to the Team Alberta Wiki!
+
          <h5>Other Sections</h5>
-
             <div id="box" style="width: 450px; padding: 5px; border: 3px solid #000; background-color: #000000;">
+
            <a href="/Team:Alberta/SafetyForm"><p>Safety Form</p></a>
-
             <div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
             <a href="/Team:Alberta/FAQ"><p>FAQ</p></a>
-
              For visitors: this site is currently under construction. Please contact our Student Liason, Dawson at                  daocun@ualberta.ca, for more information on our current project and how to support us!
+
             <a href="/Team:Alberta/Resources" class="active"><p>Resources</p></a>
-
            </div>
+
-
            </div>
+
-
          </span>
+
         </div>
         </div>
       </div>
       </div>
       <div class="main">
       <div class="main">
       <div class="block">
       <div class="block">
-
         <p class="content-title">Community</p>
+
         <p class="content-title"><img src="/wiki/images/thumb/8/84/Resouces_icon.png/458px-Resouces_icon.png"
 +
height="125"> Resources</img></p>
       </div>
       </div>
       <div class="block">
       <div class="block">
-
         <p><b>Get an inside look at the project by following us on social media.<b></p>
+
         <ul>
-
 
+
          <li>To other University of Alberta students: the Environmental Health and Safety Division provides
-
        <p style="float:left;margin-left:85px;"><a href="https://twitter.com/iGEMAlberta"><img src="/wiki/images/thumb/e/e8/Twit.png/120px-Twit.png" style="height:150px;" alt="Twitter"></img></a>
+
            safety support on common safety questions and situations, as well as documents on proper
-
        <a href="https://www.facebook.com/pages/University-of-Alberta-iGEM-Team/117860431757664"><img src="/wiki/images/2/2b/Facebook-icon-256x256.png" style="height:150px;" alt="Facebook"></img></a></a>
+
            disposal.
-
        <a href="http://statigr.am/tag/igemalberta2013"><img src="/wiki/images/9/93/Instagram-icon-256x256.png" style="height:150px;" alt="Instagram"></img></a></p>
+
            <ul>
-
      <div class="clear"></div>
+
              <li>See their homepage at: <a href="http://www.ehs.ualberta.ca/">http://www.ehs.ualberta.ca/</a></li>
 +
              <li>Ethidium bromide disposal suggestions at: <a href="http://www.ehs.ualberta.ca/EHSDivisions/~/media/Environmental%20Health%20and%20Safety/Documents/Chemical%20Safety/FactSheet_Ethidium_Bromide_-_2011.pdf">http://www.ehs.ualberta.ca/EHSDivisions/~/media/Environmental%20Health%20and%20Safety/ Documents/Chemical%20Safety/FactSheet_Ethidium_Bromide_-_2011.pdf.</a></li>
 +
            </ul>
 +
          </li><br/>
 +
          <li>To general students on a study break:
 +
            <ul>
 +
              <li>See this basic and humourous not-to-do video (which was shown in University of
 +
                Alberta’s EHS Biosafety Course): “Lab Unsafety and Septic Technique” by Jayson Masaki
 +
                below or at <a href="http://www.youtube.com/watch?v=5aDLV0UHyNE">http://www.youtube.com/watch?v=5aDLV0UHyNE</a>           </ul>
 +
<iframe width="640" height="480" src="//www.youtube.com/embed/5aDLV0UHyNE" frameborder="0" allowfullscreen></iframe>
 +
          </li><br/>
 +
          <li>For students not yet familiar with iGEM nor their recommended guidelines:
 +
            <ul>
 +
              <li>The World Health Organization gives a comprehensive guidebook for safety in labs at:
 +
<a href="http://www.who.int/csr/resources/publications/biosafety/Biosafety7.pdf">http://www.who.int/csr/resources/publications/biosafety/Biosafety7.pdf</a><br/>
 +
(Reference: Laboratory Biosafety Manual. 2001. World Health Organization. Retrieved
 +
August 9, 2013, from <a href="http://www.who.int/csr/resources/publications/biosafety/Biosafety7.pdf">http://www.who.int/csr/resources/publications/biosafety/Biosafety7.pdf</a>)</li>
 +
            </ul>
 +
          </li>
 +
        </ul>
       </div>
       </div>
       </div>
       </div>

Latest revision as of 03:53, 29 October 2013


Resources