Difference between revisions of "Team:SYSU-MEDICINE"

 
(19 intermediate revisions by 3 users not shown)
Line 299: Line 299:
 
             left: 25px;
 
             left: 25px;
 
             z-index: 10;
 
             z-index: 10;
 +
            right: 470px;
 
         }
 
         }
 
         .index-content .img-container .my-card>img{
 
         .index-content .img-container .my-card>img{
Line 400: Line 401:
 
                 if (left > 700) {
 
                 if (left > 700) {
 
                     console.log(card);
 
                     console.log(card);
 +
//                    card.css("right", "470");
 
                     card.css("left", "auto");
 
                     card.css("left", "auto");
−
                    card.css("right", "470");
 
 
                 }
 
                 }
 
             }
 
             }
Line 408: Line 409:
 
                 var num = parseInt(id.split("-")[1]);
 
                 var num = parseInt(id.split("-")[1]);
 
                 $(this).children("img").css("z-index", "20");
 
                 $(this).children("img").css("z-index", "20");
−
                iconToCard[num-1].css("display", "block");
+
//                iconToCard[num-1].css("display", "block");
 +
                iconToCard[num-1].fadeIn('fast');
 
             });
 
             });
 
             $(".my-icon").mouseleave(function() {
 
             $(".my-icon").mouseleave(function() {
 
                 var id = $(this).attr("id");
 
                 var id = $(this).attr("id");
 
                 var num = parseInt(id.split("-")[1]);
 
                 var num = parseInt(id.split("-")[1]);
−
                 $(this).children("img").css("z-index", "2");
+
 
−
                iconToCard[num-1].css("display", "none");
+
//                iconToCard[num-1].css("display", "none");
 +
                 var t = $(this);
 +
                iconToCard[num-1].fadeOut({
 +
                    duration:'fast',
 +
                    done: function() {
 +
                        (function(t) {
 +
                            t.children("img").css("z-index", "2");
 +
                        })(t);
 +
                    }
 +
                });
 
             });
 
             });
 
         });
 
         });
Line 512: Line 523:
 
     <div class="carousel-inner" role="listbox">
 
     <div class="carousel-inner" role="listbox">
 
         <div class="item active">
 
         <div class="item active">
−
             <img style='height: auto ;width: 100%' src="https://static.igem.org/mediawiki/2016/2/26/Home_1.png" alt="SYSU-MEDICINE">
+
             <img style='height: auto ;width: 100%' src="https://static.igem.org/mediawiki/2016/c/c3/T--SYSU-MEDICINE--home-3.jpeg" alt="SYSU-MEDICINE">
 
             <div class="carousel-caption">
 
             <div class="carousel-caption">
−
                 <h1>SYSU-MEDICINE</h1>
+
                  
−
                <h2>MSCalvalry: MSCs of Next Generation</h2>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <div class="item">
 
         <div class="item">
−
             <img style='height: auto ;width: 100%' src="https://static.igem.org/mediawiki/2016/2/26/Home_1.png" alt="...">
+
             <img style='height: auto ;width: 100%' src="https://static.igem.org/mediawiki/2016/f/f4/T--SYSU-MEDICINE--home-1.jpeg" alt="...">
 
             <div class="carousel-caption">
 
             <div class="carousel-caption">
−
                 <h1>SYSU-MEDICINE</h1>
+
                 <h1 style="font-size:80px">SYSU-MEDICINE</h1>
−
                 <h2>MSCalvalry: MSCs of Next Generation</h2>
+
                 <h2 style="line-height:1.5;">MSCalvalry: </br>
 +
                MSCs of Next Generation</h2>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <div class="item">
 
         <div class="item">
−
             <img style='height: auto ;width: 100%' src="https://static.igem.org/mediawiki/2016/2/26/Home_1.png" alt="...">
+
             <img style='height: auto ;width: 100%' src="https://static.igem.org/mediawiki/2016/4/45/T--SYSU-MEDICINE--home-2.jpeg" alt="...">
 
             <div class="carousel-caption">
 
             <div class="carousel-caption">
−
                 <h1>SYSU-MEDICINE</h1>
+
                 <h1 style="font-size:80px">SYSU-MEDICINE</h1>
−
                 <h2>MSCalvalry: MSCs of Next Generation</h2>
+
                 <h2 style="line-height:1.5;">MSCalvalry: </br>
 +
                MSCs of Next Generation</h2>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 547: Line 559:
 
     <div class="video-container">
 
     <div class="video-container">
 
         <div class="video">
 
         <div class="video">
−
             <img style="width:100%" src="https://static.igem.org/mediawiki/2016/1/1a/T--SYSU-MEDICINE--video.jpg">
+
             <!--<img style="width:100%" src="https://static.igem.org/mediawiki/2016/1/1a/T&#45;&#45;SYSU-MEDICINE&#45;&#45;video.jpg">-->
 +
            <video width="870"  controls="controls" src="https://static.igem.org/mediawiki/2016/8/85/T--SYSU-MEDICINE--video.mp4"></video>
 
         </div>
 
         </div>
 
         <div class="text">
 
         <div class="text">
 
             <div class="left">
 
             <div class="left">
 
                 <h1>MSCavalry</h1>
 
                 <h1>MSCavalry</h1>
−
                 <h3>-----MSCs of<br/>next generation</h3>
+
                 <h3>-----MSCs of<br/>Next Generation</h3>
 
             </div>
 
             </div>
 
             <div class="right">
 
             <div class="right">
Line 561: Line 574:
 
                 </p>
 
                 </p>
 
                 <p>
 
                 <p>
−
                     This year, MSCavalry: MSCs of next generation is coming.
+
                     This year, MSCavalry: MSCs of Next Generation is coming.
−
                     SYSU-MEDICINE decide to engineer a set of MSCs (homo sapiens) with higher accuracy and we hope that our project can pave the way for future MSCs clinical application.
+
                     SYSU-MEDICINE decided to engineer a set of MSCs (homo sapiens) with higher accuracy and we hope that our project can pave the way for future MSCs clinical application.
 
                 </p>
 
                 </p>
 
             </div>
 
             </div>
Line 578: Line 591:
 
         </div>
 
         </div>
 
         <div class="my-icon" id="icon-2">
 
         <div class="my-icon" id="icon-2">
−
             <img src="https://static.igem.org/mediawiki/2016/7/77/T--SYSU-MEDICINE--home-Button2.png">
+
             <img src="https://static.igem.org/mediawiki/2016/0/0e/T--SYSU-MEDICINE--home-Button4.png">
 
             <div class="my-card" id="card-2">
 
             <div class="my-card" id="card-2">
−
                 <img src="https://static.igem.org/mediawiki/2016/8/82/T--SYSU-MEDICINE--home-Card2.png">
+
                 <img src="https://static.igem.org/mediawiki/2016/b/b9/T--SYSU-MEDICINE--home-Card4.png">
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 590: Line 603:
 
         </div>
 
         </div>
 
         <div class="my-icon" id="icon-4">
 
         <div class="my-icon" id="icon-4">
−
             <img src="https://static.igem.org/mediawiki/2016/0/0e/T--SYSU-MEDICINE--home-Button4.png">
+
             <img src="https://static.igem.org/mediawiki/2016/7/77/T--SYSU-MEDICINE--home-Button2.png">
 
             <div class="my-card" id="card-4">
 
             <div class="my-card" id="card-4">
−
                 <img src="https://static.igem.org/mediawiki/2016/b/b9/T--SYSU-MEDICINE--home-Card4.png">
+
                 <img src="https://static.igem.org/mediawiki/2016/8/82/T--SYSU-MEDICINE--home-Card2.png">
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 605: Line 618:
 
             <div class="my-card" id="card-6">
 
             <div class="my-card" id="card-6">
 
                 <img src="https://static.igem.org/mediawiki/2016/d/d6/T--SYSU-MEDICINE--home-Card6.png">
 
                 <img src="https://static.igem.org/mediawiki/2016/d/d6/T--SYSU-MEDICINE--home-Card6.png">
−
                 <span class="card-text"><a href="#">Click to go to the details page ></a></span>
+
                 <span class="card-text"><a href=" https://2016.igem.org/Team:SYSU-MEDICINE/Description">Click to go to the details page ></a></span>
 
             </div>
 
             </div>
 
         </div>
 
         </div>

Latest revision as of 02:56, 20 October 2016

MSCavalry

-----MSCs of
Next Generation

Inflammatory diseases are an increasing cause of disability and even fatality. Currently, apart from common treatments, MSCs therapy is a promising candidate for curing inflammatory diseases. However, intravascular injected MSCs are criticized for its low homing efficiency and ambiguous distribution in human body.

This year, MSCavalry: MSCs of Next Generation is coming. SYSU-MEDICINE decided to engineer a set of MSCs (homo sapiens) with higher accuracy and we hope that our project can pave the way for future MSCs clinical application.