Difference between revisions of "Team:USTC"

(Prototype team page)
 
 
(168 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{USTC}}
 
 
<html>
 
<html>
−
 
+
  <head>
−
<div class="column full_size" >
+
    <meta charset="utf-8">
−
<img src="http://placehold.it/800x300/d3d3d3/f2f2f2">
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
−
</div>
+
    <title>Modeling</title>
−
 
+
    <!--<link rel="stylesheet" type="text/css" class="ui" href="semantic.min.css">-->
−
<div class="column full_size" >
+
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css">
−
<h2> Welcome to iGEM 2016! </h2>
+
    <script type="text/javascript" src="https://2016.igem.org/Template:USTC/semanticsjs?action=raw&ctype=text/javascript"></script>
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
    <script type="text/javascript">
−
 
+
    function showModal(){
−
</div>  
+
    $('#HomePageCoverModal')
−
 
+
    .modal({
−
<div class="column half_size" >
+
    dimmerSettings:{
−
<h5>Before you start: </h5>
+
    },
−
<p> Please read the following pages:</p>
+
    onVisible: function(){
−
<ul>
+
    $('.pusher').css("display","block")
−
<li> <a href="https://2016.igem.org/Requirements">Requirements page </a> </li>
+
    },
−
<li> <a href="https://2016.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
    onHide: function(){
−
<li> <a href="https://2016.igem.org/Resources/Template_Documentation"> Template Documentation </a></li>
+
    $('#menuForTablet').css("display","block")
−
</ul>
+
    }
−
</div>
+
    })
−
 
+
    .modal('show');
−
<div class="column half_size" >
+
   
−
<div class="highlight">
+
    }
−
<h5> Styling your wiki </h5>
+
    </script>
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
    <style>
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
+
    /********************Dealing with default Mediawiki setting*******************/
−
</div>
+
    #top_title {
−
</div>
+
    display:none;
−
 
+
    position:absolute;
−
<div class="column full_size" >
+
    }
−
<h5> Wiki template information </h5>
+
    #content {
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
    padding:0px; width:auto; margin-top:-11px; margin-left:0px;
−
 
+
    }
−
</div>  
+
    #globalWrapper{
−
 
+
    }
−
 
+
    body {
−
 
+
    }
−
 
+
    #bodyContent {
−
<div class="column half_size" >
+
    }
−
<h5> Editing your wiki </h5>
+
    div#top_menu_14{
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>  
+
    height:21px;
−
<p> <a href="https://2016.igem.org/wiki/index.php?title=Team:Example&action=edit"> Click here to edit this page! </a></p>
+
    border-bottom-color:#383838;
−
 
+
    }
−
</div>
+
    div#top_menu_under{
−
 
+
   
−
 
+
    }
−
<div class="column half_size" >
+
    div#globalWrapper{
−
<h5>Tips</h5>
+
    padding-bottom: 0;
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
    background-color: #44a17d;
−
<ul>
+
    }
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
    #top_menu_under{
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
    height:0;
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
    }
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
    #sideMenu{
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
    display:none;
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2016.igem.org/Calendar">iGEM 2016 calendar</a> </li>
+
    position:fixed;
−
<li>Have lots of fun! </li>
+
    left:220px;
−
</ul>  
+
    }
−
</div>
+
    /******************************************************************************/
−
 
+
    </style>
−
 
+
    <style>
−
<div class="column half_size" >
+
    div.ui.inverted.vertical.sticky.basic.menu a.item{
−
<h5>Inspiration</h5>
+
    -webkit-transition: background-color 0.6s , color 0.6s;
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
    }
−
<ul>
+
    div.ui.inverted.vertical.sticky.basic.menu a.item:hover{
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
    background-color: #FFFA99;
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
    color:#6E47B2;
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
    }
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
    p{
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
    font-family: 'Lato'!important;
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
    font-size:16px !important;
−
</ul>
+
    line-height: 150%;
−
</div>
+
    }
−
 
+
    </style>
−
<div class="column half_size" >
+
   
−
<h5> Uploading pictures and files </h5>
+
    <!--For multiple devices-->
−
<p> You can upload your pictures and files to the iGEM 2016 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
    <style>
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
    @media only screen
−
 
+
    and (min-width: 1025px){
−
 
+
    div#menuForTablet{
−
<div class="button_click" onClick=" parent.location= 'https://2016.igem.org/Special:Upload '">
+
    display:none;
−
UPLOAD FILES
+
    }
−
</div>
+
    div#main_page_content{
−
 
+
    margin-top:-13px;
−
</div>
+
    }
−
 
+
    }
−
 
+
    @media only screen
−
 
+
    and (max-width : 1024px)
−
 
+
    and (orientation : landscape) {
−
 
+
   
−
 
+
    }
−
 
+
    @media only screen
−
</html>
+
    and (max-width : 1024px)
 +
    and (orientation : portrait) {
 +
   
 +
    }
 +
    </style>
 +
  </head>
 +
 
 +
 
 +
  <body>
 +
   
 +
    <div class="ui inverted vertical sidebar basic menu" style="border-radius:0; background-color: #44a17d; padding-top:9px;font-size:medium; display:none;">
 +
      <div class="item">
 +
        <img class="ui image" src="https://static.igem.org/mediawiki/2016/3/36/T--USTC--a_prion%27s_life.png" >
 +
      </div>
 +
      <a class="item" href="https://2016.igem.org/Team:USTC">Home </a>
 +
      <div class="item">
 +
        <div class="header">Project</div>
 +
        <div class="menu">
 +
          <a class="item" id="Description" href="https://2016.igem.org/Team:USTC/Description"> Description </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Design"> Design </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Proof"> Proof of Concept </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Demonstrate"> Demonstrate </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Results"> Results </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Notebook"> Notebook </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Spin_off"> Spin-off </a>
 +
        </div>
 +
      </div>
 +
      <div class="item">
 +
        <div class="header">Parts</div>
 +
        <div class="menu">
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Basic_Part"> Basic Parts </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Composite_Part"> Composite Parts </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Part_Collection"> Part Collection </a>
 +
        </div>
 +
      </div>
 +
      <a class="item" href="https://2016.igem.org/Team:USTC/Safety">Safety </a>
 +
      <a class="item" href="https://2016.igem.org/Team:USTC/Attributions">Attributions </a>
 +
      <div class="item">
 +
        <div class="header">Human Practices</div>
 +
        <div class="menu">
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/HP/Silver">Silver </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/HP/Gold">Gold </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Integrated_Practices"> Integrated Practices </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Engagement">Engagement </a>
 +
        </div>
 +
      </div>
 +
      <div class="item">
 +
        <div class="header">Awards</div>
 +
        <div class="menu">
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Model"> Model </a>
 +
        </div>
 +
      </div>
 +
      <div class="item">
 +
        <div class="header">Team</div>
 +
        <div class="menu">
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Team"> Members  </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Sponsor"> Sponsor  </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Team/AboutUSTC"> About USTC  </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Acknowledgements"> Acknowledgements  </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Gallery"> Gallery  </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations"> Collaborations </a>
 +
        </div>
 +
      </div>
 +
    </div>
 +
   
 +
   
 +
   
 +
    <div class="pusher" style="display:none;">
 +
     
 +
      <div class="ui modal" id="HomePageCoverModal">
 +
       
 +
        <img id="HomePageCover" class="ui fluid image" src="https://static.igem.org/mediawiki/2016/f/f6/T--USTC--HomePageCover.jpg" >
 +
       
 +
      </div>
 +
     
 +
      <div class="ui menu top fixed" id="menuForTablet" style="background-color: #FBBD08; top:21px;">
 +
        <div class="ui fluid container">
 +
          <a class="item" id="sidebarMenuTrigger">Navigation<i class="bullseye icon"></i></a>
 +
          <div class="right item">Click boxs in the map for more<i class="arrow circle down icon"></i></div>
 +
          <div class="right item">A Prion's Life</div>
 +
        </div>
 +
      </div>
 +
     
 +
      <div class="ui basic segment" id="main_page_content" style="margin-bottom:0; padding:80px 0 20px 0; background-color: #44a17d; ">
 +
        <img class="ui fluid image" src="https://static.igem.org/mediawiki/2016/e/e5/T--USTC--MainPagePicture.png" id="MainPagePicture" onload="showModal()" usemap="#MainPagePic" />
 +
        <map name="MainPagePic" id="MainPagePic">
 +
        <area shape="rect" coords="640,20,880,95" href="#" alt="Project" id="Project" />
 +
          <area shape="rect" coords="480,208,595,455" href="#" alt="Team" id="Team" />
 +
            <area shape="rect" coords="120,208,232,432" href="#" alt="Awards" id="Awards" />
 +
              <area shape="rect" coords="480,490,725,568" href="#" alt="HumanPractice" id="HumanPractice" />
 +
                <area shape="rect" coords="1050,98,1170,321" href="#" alt="Parts" id="Parts" />
 +
                  </map>
 +
                 
 +
                  <div class="ui modal" id="ProjectModal">
 +
                    <i class="close icon"></i>
 +
                    <div class="header">
 +
                      Project
 +
                    </div>
 +
                    <div class="image content">
 +
                      <div class="ui large image">
 +
                        <img class="ui large image" src="https://static.igem.org/mediawiki/2016/5/51/T--USTC--DuiFuTuAn.jpg">
 +
                      </div>
 +
                      <div class="description">
 +
                        <div class="ui container">
 +
                          <p >Hello~ Let me introduce myself first. I am Super Nemo, the mascot of Team USTC. As you can see, my body is just like the structure of the yeast prion Sup35 that Team USTC focused on. <br/>There is no need for any panics in the yeast prion because it is totally human-friendly. As one kind of yeast prion, Sup35 can aggregate at a certain temperature range, and protein denaturant Guanidine Hydrochloride (GdnHCL) can eliminate the aggregation. Based on the properties, we designed two systems--Propri-ontein and Pro Priontein. Want to know more? Welcome in!</p>
 +
                        </div>
 +
                        <div class="ui link list">
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Description">Description</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Design">Design</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Proof">Proof of concept</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Results">Results</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Notebook">Notebook</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Spin_off">Spin-off</a>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                  <div class="ui modal" id="TeamModal">
 +
                    <i class="close icon"></i>
 +
                    <div class="header">
 +
                      Team
 +
                    </div>
 +
                    <div class="image content">
 +
                      <div class="ui large image">
 +
                        <img class="ui large image" src="https://static.igem.org/mediawiki/2016/5/51/T--USTC--DuiFuTuAn.jpg">
 +
                      </div>
 +
                      <div class="description">
 +
                        <div class="ui container">
 +
                          <p >We always say, "the fire burns high when everybody adds wood to it." Having kept eyes on our members all the way, Nemo find the saying suitable for our team. Definite divisions of work made our project proceeded smoothly and the spirit of unity gave us continuous confidence. Those who provided us with experiment materials and suggestions boosted our project, and the sponsorship from our school and Deutsche Bank cleared our worry for finace. Without all of these, we would never have our present success. I, Super Nemo, show my sincere gratitude for all of you on behalf of Team USTC!</p>
 +
                        </div>
 +
                        <div class="ui link list">
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Team"> Members  </a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Sponsor"> Sponsor  </a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Team/AboutUSTC"> About USTC  </a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Acknowledgements"> Acknowledgements  </a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Gallery"> Gallery  </a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations"> Collaborations </a>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                  <div class="ui modal" id="AwardsModal">
 +
                    <i class="close icon"></i>
 +
                    <div class="header">
 +
                      Awards
 +
                    </div>
 +
                    <div class="image content">
 +
                      <div class="ui large image">
 +
                        <img class="ui large image" src="https://static.igem.org/mediawiki/2016/5/51/T--USTC--DuiFuTuAn.jpg">
 +
                      </div>
 +
                      <div class="description">
 +
                        <div class="ui header">Marvellous Model</div>
 +
                        <div class="ui container">
 +
                          <p >We have also done marvellous <strong>modelling</strong> work. Nemo extraordinarily admired for modelling group! Our modelling mainly consists of three parts. One of them models the chemical reaction in the system to show the effect of GdnHCl and heat shock; the second part focuses on binding reactions involving two systems, binding of AD and BD of GAL4 promoters, and binding of sfGFP1-10 and sfGFP11. The last part models the application of our products in hardware. And we have opened our codes, so you can see how brilliant our modelling work is more directly!</p>
 +
                        </div>
 +
                        <div class="ui link list">
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Model">Model</a>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                  <div class="ui modal" id="HumanPracticeModal">
 +
                    <i class="close icon"></i>
 +
                    <div class="header">
 +
                      Human Practice
 +
                    </div>
 +
                    <div class="image content">
 +
                      <div class="ui large image">
 +
                        <img class="ui large image" src="https://static.igem.org/mediawiki/2016/5/51/T--USTC--DuiFuTuAn.jpg">
 +
                      </div>
 +
                      <div class="description">
 +
                        <div class="ui container">
 +
                          <p >As the mascot of Team USTC, I have been quite busy in the last few months because I would show up every time our team carried out human practices. We held a poster presentation for public; designed an experiment for kids to help them get hands on biology; and we held "Plastic for Plants", gave a lecture for high school students and introduced iGEM to freshmen. We consulted Dr. Dong Men for help, attended The 4th iGEM Competition Asia Conference in Taiwan and communicated with Team HFUT. Last but not least, a questionnaire helped us a lot to know public's attitudes. Exhausted, nevertheless I am delighted!</p>
 +
                        </div>
 +
                        <div class="ui link list">
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Silver">Silver</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Gold">Gold</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Integrated_Practices">Integrated Practices</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Engagement">Engagement</a>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                  <div class="ui modal" id="PartsModal">
 +
                    <i class="close icon"></i>
 +
                    <div class="header">
 +
                      Parts
 +
                    </div>
 +
                    <div class="image content">
 +
                      <div class="ui large image">
 +
                        <img class="ui large image" src="https://static.igem.org/mediawiki/2016/5/51/T--USTC--DuiFuTuAn.jpg">
 +
                      </div>
 +
                      <div class="description">
 +
                        <div class="ui container">
 +
                          <p >As an old Chinese saying goes, "Forefathers plant trees and posterities enjoy the shades." We have conquered so many barriers during building our circuits to accomplish our project, so that we would like to share some useful parts therefore the latter teams can get hands on them to save valuable time. We created three basic parts, and six composite parts to test the fluorescence intensity in different situations and the aggregation ability of SUP35. Want more details? Help yourself!</p>
 +
                        </div>
 +
                        <div class="ui link list">
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Basic_Part">Basic Parts</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Composite_Part">Composite Parts</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Part_Collection">Part Collection</a>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                 
 +
                 
 +
                  </div><!--End of ui basic segment id="main_page_content"-->
 +
                 
 +
                 
 +
                 
 +
                  <div style="background-color:#44a17d; color:rgba(255, 255, 255, 0.9); margin-top: -20px;">
 +
                    <div class="ui center aligned container" style="padding-top: 20px;">
 +
                      2016 is our 10th year participating in iGEM.<br/><br/>
 +
                     
 +
                      We designed this special homepage to commemorate this special year. <br/><br/>
 +
                     
 +
                      Two Chinese characters "十年" on the bottom left corner means "ten years".<br/><br/>
 +
                     
 +
                      Live long and prosper!
 +
                     
 +
                    </div>
 +
                   
 +
                    <div class="ui divider"></div>
 +
                    <div class="ui grid">
 +
                     
 +
                      <div class="ui three wide column">
 +
                      </div>
 +
                      <div class="ui five wide column">
 +
                        <h3 class="ui header" style="color:rgba(255, 255, 255, 0.9);">Contact us</h3>
 +
                        <div class="ui massive link list" style="color:rgba(255, 255, 255, 0.9);">
 +
                          <a class="item" href="mailto:yukae@mail.ustc.edu.cn">
 +
                            <i class="mail icon" style="color:rgba(255, 255, 255, 0.9);"></i>
 +
                            <div class="content" style="color:rgba(255, 255, 255, 0.9);">e-mail</div>
 +
                          </a>
 +
                          <a class="item" href="https://www.facebook.com/ustcigem">
 +
                            <i class="facebook icon" style="color:rgba(255, 255, 255, 0.9);"></i>
 +
                            <div class="content" style="color:rgba(255, 255, 255, 0.9);">Facebook</div>
 +
                          </a>
 +
                          <a class="item" href="http://weibo.com/3929719655/fans?topnav=1&amp;wvr=6&amp;mod=message&amp;need_filter=1">
 +
                            <i class="weibo icon" style="color:rgba(255, 255, 255, 0.9);"></i>
 +
                            <div class="content" style="color:rgba(255, 255, 255, 0.9);">Weibo</div>
 +
                          </a>
 +
                        </div>
 +
                      </div>
 +
                      <div class="ui two wide column">
 +
                      </div>
 +
                      <div class="ui five wide column">
 +
                        <h3 class="ui header" style="color:rgba(255, 255, 255, 0.9);">Sponsors</h3>
 +
                        <img class="ui small image" src="https://static.igem.org/mediawiki/2016/c/cc/T--USTC--DeutscheBank.png">
 +
                        <img class="ui small image" src="https://static.igem.org/mediawiki/2016/1/18/T--USTC--USTCXiaohui.png">
 +
                        <img class="ui small image" src="https://static.igem.org/mediawiki/2016/4/45/T--USTC--USTCJiaowuchu.png">
 +
                      </div>
 +
                     
 +
                    </div>
 +
                    <div class="ui divider"></div>
 +
                    <div class="center aligned container">
 +
                      <img class="ui centered tiny image" src="https://static.igem.org/mediawiki/2016/6/6b/T--USTC--MascotLogo.png">
 +
                      <div class="ui list">
 +
                        <div class="item">Designed by 2016 iGEM Team:USTC<br>Under CC License<br>Based on Semantic-UI</div>
 +
                      </div>
 +
                    </div>
 +
                   
 +
                  </div>
 +
                  </div><!--end of pusher-->
 +
                 
 +
                  <script>
 +
                  $(document).ready(function(){
 +
                  $('.ui.sticky.basic.menu').sticky({
 +
                  context: '#main_page_content'
 +
                  });
 +
                 
 +
                  $('#HomePageCover').click(function(){
 +
                  $("#HomePageCoverModal")
 +
                  .modal('hide')
 +
                  });
 +
                  $('#Project').click(function(){
 +
                  $("#ProjectModal")
 +
                  .modal('show')
 +
                  });
 +
                  $('#Team').click(function(){
 +
                  $("#TeamModal")
 +
                  .modal('show')
 +
                  });
 +
                  $('#Awards').click(function(){
 +
                  $("#AwardsModal")
 +
                  .modal('show')
 +
                  });
 +
                  $('#HumanPractice').click(function(){
 +
                  $("#HumanPracticeModal")
 +
                  .modal('show')
 +
                  });
 +
                  $('#Parts').click(function(){
 +
                  $("#PartsModal")
 +
                  .modal('show')
 +
                  });
 +
                 
 +
                  $(window).resize(function(){
 +
                  var windowWidth;
 +
                  windowWidth = document.documentElement.clientWidth;
 +
                  $('#Project').attr("coords",("'" + (640*windowWidth/1280) + "," + (20*windowWidth/1280) + "," + (880*windowWidth/1280) + "," + (95*windowWidth/1280) +"'"));
 +
                  $('#Team').attr("coords",("'" + (480*windowWidth/1280) + "," + (208*windowWidth/1280) + "," + (595*windowWidth/1280) + "," + (455*windowWidth/1280) +"'"));
 +
                  $('#Awards').attr("coords",("'" + (120*windowWidth/1280) + "," + (208*windowWidth/1280) + "," + (232*windowWidth/1280) + "," + (432*windowWidth/1280) +"'"));
 +
                  $('#HumanPractice').attr("coords",("'" + (480*windowWidth/1280) + "," + (490*windowWidth/1280) + "," + (725*windowWidth/1280) + "," + (568*windowWidth/1280) +"'"));
 +
                  $('#Parts').attr("coords",("'" + (1050*windowWidth/1280) + "," + (98*windowWidth/1280) + "," + (1170*windowWidth/1280) + "," + (321*windowWidth/1280) +"'"));
 +
                  });
 +
                 
 +
                  });//End of $(document).ready(function())
 +
                 
 +
                  $(window).load(function(){
 +
                  $("div.pusher").prependTo("body");
 +
                  $("div.sidebar").prependTo("body");
 +
                  $("div#sideMenu").prependTo("div.pusher");
 +
                  var windowWidth;
 +
                  windowWidth = document.documentElement.clientWidth;
 +
                  $('#Project').attr("coords",("'" + (640*windowWidth/1280) + "," + (20*windowWidth/1280) + "," + (880*windowWidth/1280) + "," + (95*windowWidth/1280) +"'"));
 +
                  $('#Team').attr("coords",("'" + (480*windowWidth/1280) + "," + (208*windowWidth/1280) + "," + (595*windowWidth/1280) + "," + (455*windowWidth/1280) +"'"));
 +
                  $('#Awards').attr("coords",("'" + (120*windowWidth/1280) + "," + (208*windowWidth/1280) + "," + (232*windowWidth/1280) + "," + (432*windowWidth/1280) +"'"));
 +
                  $('#HumanPractice').attr("coords",("'" + (480*windowWidth/1280) + "," + (490*windowWidth/1280) + "," + (725*windowWidth/1280) + "," + (568*windowWidth/1280) +"'"));
 +
                  $('#Parts').attr("coords",("'" + (1050*windowWidth/1280) + "," + (98*windowWidth/1280) + "," + (1170*windowWidth/1280) + "," + (321*windowWidth/1280) +"'"));
 +
                 
 +
                  });
 +
                  $("#sidebarMenuTrigger").click(function(){
 +
                  $(".ui.sidebar.menu")
 +
                  .sidebar('setting', 'transition', 'overlay')
 +
                  .sidebar('setting', 'mobileTransition', 'overlay')
 +
                  .sidebar('toggle');
 +
                  });
 +
                  </script>
 +
                </body>
 +
              </html>

Latest revision as of 06:25, 19 November 2016

Modeling