|
|
(36 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{Template:Team Linkoping}} |
| + | {{Template:Team Linkoping/Twitter-feed}} |
| <html> | | <html> |
- | <head>
| |
- | <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
| |
| <script type="text/javascript"> | | <script type="text/javascript"> |
- | $(document).ready(function() {
| + | var page=0; |
- | $("#cfcontrols").on('mouseover', 'li', function() {
| + | $("#cfcontrols li").eq(page).addClass("active"); |
- | $("#cf img").removeClass("opaque");
| + | $("#cfcontrols li a span").eq(page).addClass("selected"); |
- | | + | $("#cf img").eq(page).addClass("opaque"); |
- | var newImage = $(this).index();
| + | |
- | $("#cf img").eq(newImage).addClass("opaque");
| + | |
- | | + | |
- | $("#cfcontrols li a span").removeClass("selected");
| + | |
- | $(this).addClass("selected");
| + | |
- | });
| + | |
- | });
| + | |
| </script> | | </script> |
- | <style> | + | </html> |
- | /*hide default igem banner and reformat style into blank slate*/
| + | {{Template:Team Linkoping/popup_video}} |
- | #globalWrapper {width: 100%;}
| + | ==About Us== |
- | #search-controls {display:none;}
| + | The LiU iGEM team consists of twelve students from Linköping University who are interested in biotechnology. All of us have been studying engineering in technical or chemical biology for at least three years. In our group we also have two seniors, a professor who is head of the division of information coding and a med. doctor in biomedicine. Our goal with the project is to reach the finals in the iGEM competition and to be able to take our team and project to Boston. |
| | | |
- | .printfooter {display:none;}
| + | You can read more about the members of LiU iGEM on our [[Team:Linkoping_Sweden/Team|team page]]. |
- | #footer-box {border:none;}
| + | |
- | #catlinks {display:none;}
| + | |
- | .firstHeading {display:none;} | + | |
- | #content {width: 100%; border:none;}
| + | |
- | #bodyContent {border:none;}
| + | |
- | body {width: 967px; margin:auto;background-color:white;}
| + | |
| | | |
- | .headerpic{
| + | ==Our idea== |
- | position:absolute;
| + | Our Project idea is to first grow E.Coli that has been genetically modified to produce an antibody with the enzyme luciferase attached to its constant part. At first the antibody will be constructed to adhere to an egg antigen, but our long time goal is to be able to switch to whichever antigen desired. Luciferase is an enzyme that cleaves luciferin in the presence of ATP, giving rise to a long lasting green light by the principle of luminescence. Luminescence is superior to fluorescence due to, e.g. lack of fading. |
- | z-index:-1;
| + | |
- | }
| + | |
| | | |
- | #cf img {
| + | To distinguish between the antibodies that have adhered to the antigen and the ones that have not, we use RFP attached to a fake, but identical, antigen. The extra antibodies adhere to the fake antigen and the luminescence from luciferase gets transferred to RFP through a process called FRET. This results in two emitted lights: green and red, by this we can distinguish between a fake antigen and a true antigen. The fake antigen with RFP attached will also be grown inside a genetically modified E.Coli. |
- | -webkit-transition: opacity 0.5s ease-in-out;
| + | |
- | -moz-transition: opacity 0.5s ease-in-out;
| + | |
- | -o-transition: opacity 0.5s ease-in-out;
| + | |
- | transition: opacity 0.5s ease-in-out;
| + | |
- | opacity:0;
| + | |
- | -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
| + | |
- | filter: alpha(opacity=0);
| + | |
- | }
| + | |
| | | |
- | #cf img.opaque {
| + | By first adding the antibodies to a solution with known concentrations of egg antigen and then adding the fake antigen complex, to bind the unbounded antibodies, the intensity of light emitted should be proportional to the concentration of antigen in the solution. This way we can determine how much antigen are present in real life sample, and if there are any at all. |
- | opacity:1;
| + | |
- | -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
| + | |
- | filter: alpha(opacity=1);
| + | |
- | }
| + | |
| | | |
- | #cssmenu ul {
| + | For a more in depth explanation of our project, head on over to the [[Team:Linkoping_Sweden/Project|project]] part of this website. |
- | list-style-type:none;
| + | {{Template:Team Linkoping footer}} |
- | width:auto;
| + | |
- | position:relative;
| + | |
- | display:block;
| + | |
- | height:32px;
| + | |
- | font-size:.7em;
| + | |
- | background:url(https://static.igem.org/mediawiki/igem.org/2/25/Bg_blue.png) repeat-x top left;
| + | |
- | font-family:Verdana,Helvetica,Arial,sans-serif;
| + | |
- | border:1px solid #000;
| + | |
- | margin:0;
| + | |
- | padding:0;
| + | |
- | }
| + | |
- | | + | |
- | #cssmenu li {
| + | |
- | display:block;
| + | |
- | float:left;
| + | |
- | margin:0;
| + | |
- | padding:0;
| + | |
- | }
| + | |
- | | + | |
- | #cssmenu li a {
| + | |
- | float:left;
| + | |
- | color:#527dff;
| + | |
- | text-decoration:none;
| + | |
- | height:24px;
| + | |
- | padding:9px 15px 0;
| + | |
- | font-weight:600;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | #cssmenu li a:hover,
| + | |
- | #cssmenu .active {
| + | |
- | color:#fff;
| + | |
- | background:url(https://static.igem.org/mediawiki/igem.org/2/25/Bg_blue.png) repeat-x top left;
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
- | | + | |
- | #cssmenu .active a {
| + | |
- | color:#fff;
| + | |
- | font-weight:700;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #cssmenu ul{
| + | |
- | background-color:#527dff;
| + | |
- | } | + | |
- | #cssmenu li a:hover,
| + | |
- | #cssmenu li.active {
| + | |
- | background-color:#fff;
| + | |
- | } | + | |
- | | + | |
- | #cf img {
| + | |
- | -webkit-transition: opacity 1s ease-in-out;
| + | |
- | -moz-transition: opacity 1s ease-in-out;
| + | |
- | -o-transition: opacity 1s ease-in-out;
| + | |
- | transition: opacity 1s ease-in-out;
| + | |
- | }
| + | |
- | @keyframes cfFadeInOut {
| + | |
- | 0% {
| + | |
- | opacity:1;
| + | |
- | }
| + | |
- | 45% {
| + | |
- | opacity:1;
| + | |
- | }
| + | |
- | 55% {
| + | |
- | opacity:0;
| + | |
- | }
| + | |
- | 100% {
| + | |
- | opacity:0;
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | #cf img.top {
| + | |
- | animation-name: cfFadeInOut;
| + | |
- | animation-timing-function: ease-in-out;
| + | |
- | animation-iteration-count: infinite;
| + | |
- | animation-duration: 10s;
| + | |
- | animation-direction: alternate;
| + | |
- | }
| + | |
- | </style>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <div id="header">
| + | |
- | <div id="cf">
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic opaque" alt="Team Linköpng University" />
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
| + | |
- | <img src="https://static.igem.org/mediawiki/2013/3/33/Bgpicture3.png" class="headerpic" alt="Team Linköpng University" />
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
| + | |
- | </div>
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/c/c5/Frame.png" alt="Team Linköpng University" />
| + | |
- | </div>
| + | |
- | <div id='cssmenu' style="width:910px">
| + | |
- | <ul id="cfcontrols">
| + | |
- | <li class='active'><a href='#'><span class="selected">Home</span></a></li>
| + | |
- | <li><a href='#'><span>Team</span></a></li>
| + | |
- | <li><a href='#'><span>Profile</span></a></li>
| + | |
- | <li><a href='#'><span>Project</span></a></li>
| + | |
- | <li><a href='#'><span>Parts</span></a></li>
| + | |
- | <li><a href='#'><span>Models</span></a></li>
| + | |
- | <li><a href='#'><span>Notebook</span></a></li>
| + | |
- | <li><a href='#'><span>Safety</span></a></li>
| + | |
- | <li><a href='#'><span>Attributions</span></a></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </body>
| + | |
- | </html>
| + | |
- | ==Example text==
| + | |
- | A common form of ''lorem ipsum'' text reads as follows:
| + | |
- | {| width=580px
| + | |
- | |width="25px" |<!--indenter column-->
| + | |
- | | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| + | |
- | |}
| + | |
- | Another version of the text uses the word "adipisici" (rather than "adipisici'''ng'''"; the digraph ''ng'' at the end of words is alien to classical Latin). Other versions of lorem ipsum include additional words to add variety so that repeated verses will not word-wrap on the same phrases.
| + | |