|
|
| Line 3: |
Line 3: |
| | <meta charset="UTF-8"> | | <meta charset="UTF-8"> |
| | <link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS?action=raw&ctype=text/css"> | | <link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS?action=raw&ctype=text/css"> |
| | + | <link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS/DescriptionCSS?action=raw&ctype=text/css"> |
| | <link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS/AttributionsStylesheet?action=raw&ctype=text/css"> | | <link rel="stylesheet" href="https://2018.igem.org/Team:Warwick/CSS/AttributionsStylesheet?action=raw&ctype=text/css"> |
| | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> |
| − |
| |
| − | <script>
| |
| − | /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | function ChrisCorreDetails(){
| |
| − | $('#ChrisText h2').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH2').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#ChrisText h4').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH4').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#ChrisPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | function ChrisCorreDetailsReset(){
| |
| − | $('#ChrisText h2').fadeOut(300, function() {
| |
| − | $(this).text('Dr. Christophe Corre').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#ChrisText h4').fadeOut(300, function() {
| |
| − | $(this).text('iGEM Team Supervisor').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#ChrisPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | function CorinneDetails(){
| |
| − | $('#CorinneText h2').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH2').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#CorinneText h4').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH4').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#CorinnePic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | function CorinneDetailsReset(){
| |
| − | $('#CorinneText h2').fadeOut(300, function() {
| |
| − | $(this).text('Dr. Corinne Hanlon').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#CorinneText h4').fadeOut(300, function() {
| |
| − | $(this).text('iGEM Team Supervisor').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#CorinnePic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | function EmzoDetails(){
| |
| − | $('#EmzoText h2').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH2').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#EmzoText h4').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH4').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#EmzoPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | function EmzoDetailsReset(){
| |
| − | $('#EmzoText h2').fadeOut(300, function() {
| |
| − | $(this).text('Dr. Emzo De Los Santos').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#EmzoText h4').fadeOut(300, function() {
| |
| − | $(this).text('WISB Research Fellow').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#EmzoPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | function ClareDetails(){
| |
| − | $('#ClareText h2').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH2').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#ClareText h4').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH4').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#ClarePic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | function ClareDetailsReset(){
| |
| − | $('#ClareText h2').fadeOut(300, function() {
| |
| − | $(this).text('Clare Hayes').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#ClareText h4').fadeOut(300, function() {
| |
| − | $(this).text('PhD Student').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#ClarePic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | function RobGDetails(){
| |
| − | $('#RobGText h2').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH2').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#RobGText h4').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH4').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#RobGPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | function RobGDetailsReset(){
| |
| − | $('#RobGText h2').fadeOut(300, function() {
| |
| − | $(this).text('Robert Ramirez Garcia').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#RobGText h4').fadeOut(300, function() {
| |
| − | $(this).text('Research Assisstant').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#RobGPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | function AudamDetails(){
| |
| − | $('#AudamText h2').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH2').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#AudamText h4').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH4').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#AudamPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | function AudamDetailsReset(){
| |
| − | $('#AudamText h2').fadeOut(300, function() {
| |
| − | $(this).text('Audam Chhun').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#AudamText h4').fadeOut(300, function() {
| |
| − | $(this).text('PhD Student').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#AudamPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | function MarcoDetails(){
| |
| − | $('#MarcoText h2').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH2').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#MarcoText h4').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH4').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#MarcoPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | function MarcoDetailsReset(){
| |
| − | $('#MarcoText h2').fadeOut(300, function() {
| |
| − | $(this).text('Marco Delise').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#MarcoText h4').fadeOut(300, function() {
| |
| − | $(this).text('PhD Student').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#MarcoPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | function JackHoDetails(){
| |
| − | $('#JackHoText h2').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH2').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#JackHoText h4').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH4').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#JackHoPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | function JackHoDetailsReset(){
| |
| − | $('#JackHoText h2').fadeOut(300, function() {
| |
| − | $(this).text('Jack Ho').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#JackHoText h4').fadeOut(300, function() {
| |
| − | $(this).text('PhD Student').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#JackHoPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | function AlexDarlDetails(){
| |
| − | $('#AlexDText h2').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH2').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#AlexDText h4').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH4').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#AlexDPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | function AlexDarlDetailsReset(){
| |
| − | $('#AlexDText h2').fadeOut(300, function() {
| |
| − | $(this).text('Alexander Darlington').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#AlexDText h4').fadeOut(300, function() {
| |
| − | $(this).text('PhD Student').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#AlexDPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | function RobRichDetails(){
| |
| − | $('#RobRichText h2').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH2').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#RobRichText h4').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH4').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#RobRichPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | function RobRichDetailsReset(){
| |
| − | $('#RobRichText h2').fadeOut(300, function() {
| |
| − | $(this).text('Robert Richardson').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#RobRichText h4').fadeOut(300, function() {
| |
| − | $(this).text('PhD Student').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#RobRichPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | function DanTDetails(){
| |
| − | $('#DanTText h2').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH2').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#DanTText h4').fadeOut(300, function() {
| |
| − | $(this).text('ChangedH4').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#DanTPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | function DanTDetailsReset(){
| |
| − | $('#DanTText h2').fadeOut(300, function() {
| |
| − | $(this).text('Daniel Taylor').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#DanTText h4').fadeOut(300, function() {
| |
| − | $(this).text('PhD Student').fadeIn(300);
| |
| − | });
| |
| − |
| |
| − | $('#DanTPic').toggleClass("rotated");
| |
| − | }
| |
| − |
| |
| − | /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | </script>
| |
| | | | |
| | <script> | | <script> |
| Line 501: |
Line 211: |
| | </div> | | </div> |
| | | | |
| − | <div id='descriptionPage'> | + | <div id='descriptionPage'> |
| − | <h1 id='descriptionPageTitle'>Biological</h1>
| + | <h1 id='descriptionPageTitle'>Biological</h1> |
| − | <div id=' descriptionPage'> | + | <div id=' descriptionPagePart1'> |
| − | | + | <p> Lorem ipsum dolor sit amet, consectetur adipiscing 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.</p> |
| − | </div>
| + | <img src='https://static.igem.org/mediawiki/2018/c/c6/T--Warwick--fish.jpg'> |
| − | </div>
| + | </div> |
| | + | <div id='descriptionPagePart2'> |
| | + | <img src='https://static.igem.org/mediawiki/2018/4/4b/T--Warwick--DNA.svg'> |
| | + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing 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.</p> |
| | + | </div> |
| | + | </div> |
| | + | |
| | </div> | | </div> |
| | </div> | | </div> |
igem@warwick.ac.uk