Difference between revisions of "Team:UI-Indonesia"

 
(36 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
{{:Template:UI-Indonesia/css/wiki_default_settings}}
 
{{:Template:UI-Indonesia/css/wiki_default_settings}}
 
{{:Template:UI-Indonesia/css/menu_bar}}
 
{{:Template:UI-Indonesia/css/menu_bar}}
 +
  
 
<html>
 
<html>
 
<head>
 
<head>
 
     <title>Home - Hi,Vax! UI iGEM Team 2016</title>
 
     <title>Home - Hi,Vax! UI iGEM Team 2016</title>
 +
</head>
 +
<body>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
     <meta content="width=device-width, initial-scale=1.0" name="viewport">
Line 13: Line 16:
 
     <link href="https://2016.igem.org/Template:UI-Indonesia/prototype01/bootstrap_min_css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
     <link href="https://2016.igem.org/Template:UI-Indonesia/prototype01/bootstrap_min_css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
     <!-- the wiki settings in the section immediately below are from UC San Diego 2015 -->
 
     <!-- the wiki settings in the section immediately below are from UC San Diego 2015 -->
−
 
 
     <style type="text/css">
 
     <style type="text/css">
 
         /* WIKI SETTINGS*/
 
         /* WIKI SETTINGS*/
Line 54: Line 56:
 
     vertical-align: middle;
 
     vertical-align: middle;
 
     }
 
     }
−
     </style>
+
 
−
</head>
+
     .portfolio-box {
−
<body>
+
    position: relative;
−
     <!-- header section -->
+
    display: block;
 +
     max-width: 240px;
 +
    margin: 0 auto;
 +
    }
 +
    .portfolio-box .portfolio-box-caption {
 +
    color: white;
 +
    opacity: 0;
 +
    display: block;
 +
    background: rgba(240, 95, 64, 0.9);
 +
    position: absolute;
 +
    bottom: 0;
 +
    text-align: center;
 +
    width: 100%;
 +
    height: 100%;
 +
    -webkit-transition: all 0.35s;
 +
    -moz-transition: all 0.35s;
 +
    transition: all 0.35s;
 +
    }
 +
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
 +
    width: 100%;
 +
    text-align: center;
 +
    position: absolute;
 +
    top: 50%;
 +
    transform: translateY(-50%);
 +
    }
 +
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
 +
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
 +
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
 +
    padding: 0 15px;
 +
    }
 +
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
 +
    text-transform: uppercase;
 +
    font-weight: 600;
 +
    font-size: 14px;
 +
    }
 +
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
 +
    font-size: 18px;
 +
    }
 +
    .portfolio-box:hover .portfolio-box-caption {
 +
    opacity: 1;
 +
    }
 +
    .portfolio-box:focus {
 +
    outline: none;
 +
    }
 +
    .button-learn-more{
 +
        width: 225px;
 +
        height: 63px;
 +
        font-size: 24px;
 +
        color: white;
 +
        background: transparent;
 +
        border-radius: 8px;
 +
        border: 3px solid white;
 +
        font-weight: 600px;
 +
        cursor: pointer;
 +
        margin-bottom: 205px;
 +
        -webkit-transition-duration: 0.4s;
 +
        transition-duration: 0.4s;
 +
    }
 +
    .button-learn-more:hover{
 +
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
 +
    }
 +
    .button-ourproject-details{
 +
        width: 225px;
 +
        height: 63px;
 +
        font-size: 24px;
 +
        color: #E74C3C;
 +
        background: transparent;
 +
        border-radius:8px;
 +
        border: 3px solid #E74C3C;
 +
        font-weight: 600px;
 +
        margin-bottom: 205px;
 +
        cursor: pointer;
 +
        -webkit-transition-duration: 0.4s;
 +
        transition-duration: 0.4s;
 +
    }
 +
    .button-ourproject-details:hover{
 +
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
 +
    }
 +
    .button-medalcriteria-details{
 +
        width: 225px;
 +
        height: 63px;
 +
        font-size: 24px;
 +
        color: #E74C3C;
 +
        background: transparent;
 +
        border-radius:8px;
 +
        border: 3px solid #E74C3C;
 +
        font-weight: 600px;
 +
        margin-bottom: 205px;
 +
        cursor: pointer;
 +
        -webkit-transition-duration: 0.4s;
 +
        transition-duration: 0.4s;
 +
    }
 +
    .button-medalcriteria-details:hover{
 +
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
 +
    }
 +
    .button-team-details{
 +
        width: 225px;
 +
        height: 63px;
 +
        font-size: 24px;
 +
        color: #E74C3C;
 +
        background: transparent;
 +
        border-radius:8px;
 +
        border: 3px solid #E74C3C;
 +
        font-weight: 600px;
 +
        margin-bottom: 205px;
 +
        cursor: pointer;
 +
        -webkit-transition-duration: 0.4s;
 +
        transition-duration: 0.4s;
 +
    }
 +
    .button-team-details:hover{
 +
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
 +
    }
 +
    .button-general{
 +
        margin-top: 25px;
 +
        width: 225px;
 +
        height: 63px;
 +
        font-size: 24px;
 +
        color: #E74C3C;
 +
        background: transparent;
 +
        border-radius:8px;
 +
        border: 3px solid #E74C3C;
 +
        font-weight: 600px;
 +
        margin-bottom: 205px;
 +
        cursor: pointer;
 +
        -webkit-transition-duration: 0.4s;
 +
        transition-duration: 0.4s;
 +
    }
 +
    .button-general:hover{
 +
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
 +
    }
 +
    .font-learn-more{
 +
        color: white;
 +
    }
 +
    .parts-section{
 +
       
 +
    }
 +
    .imgHumanPractice{
 +
        display: block;
 +
        margin: auto;
 +
        margin-top: 25px;
 +
        margin-bottom: 25px;
 +
    }
 +
    .imgHivax{
 +
        display: block;
 +
        margin: auto;
 +
        margin-top: 25px;
 +
        margin-bottom: 25px;
 +
    }
 +
    </style><!-- header section -->
 
     <header>
 
     <header>
 
         <div id="nav-box">
 
         <div id="nav-box">
Line 68: Line 218:
 
                         <a href="#our-project">Our Project</a>
 
                         <a href="#our-project">Our Project</a>
 
                     </li>
 
                     </li>
−
                     <li>
+
                     <li class='has-sub'>
−
                         <a href='https://2016.igem.org/team:UI-Indonesia/Parts'>Parts</a>
+
                         <a href='#part-section'>Part</a>
 +
                        <ul>
 +
                            <li><a href="https://2016.igem.org/Team:UI-Indonesia/Basic_Part">Basic Part</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:UI-Indonesia/Parts">Part</a></li>
 +
                        </ul>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
Line 78: Line 232:
 
                         <ul>
 
                         <ul>
 
                             <li>
 
                             <li>
−
                                 <a href="#">Education</a>
+
                                 <a href="https://2016.igem.org/Team:UI-Indonesia/HP/Silver">Field Activities</a>
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
−
                                 <a href="https://2016.igem.org/Team:UI-Indonesia/Engagement">Social-Engagement</a>
+
                                 <a href="https://2016.igem.org/Team:UI-Indonesia/HP/Gold">Hand Book</a>
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
−
                                 <a href="#">Social Studies</a>
+
                                 <a href="https://2016.igem.org/Team:UI-Indonesia/Integrated_Practices
 +
">Integrated Human Practice</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2016.igem.org/Team:UI-Indonesia/Engagement">Education and Public Engagement</a>
 
                             </li>
 
                             </li>
 
                         </ul>
 
                         </ul>
Line 93: Line 251:
 
                     <li>
 
                     <li>
 
                         <a href='#team'>Team</a>
 
                         <a href='#team'>Team</a>
−
                    </li>
 
−
                    <li>
 
−
                        <a href='#result'>Result</a>
 
 
                     </li>
 
                     </li>
 
                     <li class='has-sub'>
 
                     <li class='has-sub'>
−
                         <a href='#references'>References</a>
+
                         <a href='#'>References</a>
 
                         <ul>
 
                         <ul>
 
                             <li>
 
                             <li>
−
                                 <a href="#">Notebook</a>
+
                                 <a href="https://2016.igem.org/Team:UI-Indonesia/Notebook">Notebook</a>
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
−
                                <a href="#">Safety</a>
+
                                 <a href='https://2016.igem.org/Team:UI-Indonesia/Attributions'>Attributions</a>
−
                            </li>
+
−
                            <li>
+
−
                                 <a href='https://2016.igem.org/team:UI-Indonesia/Attributions'>Attributions</a>
+
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
Line 122: Line 274:
 
             <div class="row">
 
             <div class="row">
 
                 <h3></h3>
 
                 <h3></h3>
−
                 <h1>UI iGEM TEAM 2016</h1><button class="know-more">LEARN MORE</button>
+
                 <h1>UI iGEM TEAM 2016</h1><a href="#our-project"><button type="button" class="button-learn-more">LEARN MORE</button></a>
 
                 <p></p>
 
                 <p></p>
 
             </div>
 
             </div>
Line 131: Line 283:
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                 <div class="col-md-8 col-md-offset-2 contents-heading">
−
                     <h2>Our Project: Hi, Vax!</h2><img alt="Hi, Vax! Logo" height="75" src="https://static.igem.org/mediawiki/2016/5/5b/UI-Indonesia_Logo_Project-Logo%282%29.png" width="150">
+
                     <h2>Our Project: Hi, Vax!</h2><img alt="Hi, Vax! Logo" class="imgHivax" height="150" src="https://static.igem.org/mediawiki/2016/5/5b/UI-Indonesia_Logo_Project-Logo%282%29.png" width="300">
 
                     <p>HIV is one of the biggest health issues the world has ever faced, and although antiretroviral therapy (ART) has made it possible to prevent mortality in HIV patients, it has
 
                     <p>HIV is one of the biggest health issues the world has ever faced, and although antiretroviral therapy (ART) has made it possible to prevent mortality in HIV patients, it has
 
                     several limitations, including the logistic and economic burden that arises from the need for lifelong treatment. To end HIV, we still need a cure. Today, the best hope for a cure
 
                     several limitations, including the logistic and economic burden that arises from the need for lifelong treatment. To end HIV, we still need a cure. Today, the best hope for a cure
Line 141: Line 293:
 
                     intron, polyadenylation sequence and barrier element) and immune stimulation (immunostimulatory DNA motif and RNA gene as well as coding sequences for peptides that direct antigen
 
                     intron, polyadenylation sequence and barrier element) and immune stimulation (immunostimulatory DNA motif and RNA gene as well as coding sequences for peptides that direct antigen
 
                     processing) with respect to existing vaccine backbones. We’re having the parts synthesized and assembling them soon. We hope that this new vaccine backbone will give rise to new,
 
                     processing) with respect to existing vaccine backbones. We’re having the parts synthesized and assembling them soon. We hope that this new vaccine backbone will give rise to new,
−
                     safer and more potent DNA vaccines for HIV—maybe even a cure.</p>
+
                     safer and more potent DNA vaccines for HIV—maybe even a cure.</p><a href="https://2016.igem.org/Team:UI-Indonesia/Description"><button class="button-ourproject-details" type="button">Description</button></a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </section><!-- parts section -->
+
     </section><!-- part section -->
−
     <section class="ourproject text-center" id="parts-section">
+
     <section class="contents text-center" id="part-section">
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-md-8 col-md-offset-2 ourproject-heading">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                     <h2>Parts</h2>
 
                     <h2>Parts</h2>
−
                     <p>A year strugling for this project wouldn't be this fun without these person.</p>
+
                     <a class="portfolio-box" href="https://2016.igem.org/Team:UI-Indonesia/Basic_Part"><img alt="" class="img-responsive" src="https://static.igem.org/mediawiki/2016/f/f2/T--UI-Indonesia--Parts01_Thumbnail.jpg">
 +
                    <div class="portfolio-box-caption">
 +
                        <div class="portfolio-box-caption-content">
 +
                            <div class="project-category text-faded">
 +
                                Basic Part
 +
                            </div>
 +
                            <div class="project-name">
 +
                                Basic Part
 +
                            </div>
 +
                        </div>
 +
                    </div></a> <a class="portfolio-box" href="https://2016.igem.org/Team:UI-Indonesia/Parts"><img alt="" class="img-responsive" src="https://static.igem.org/mediawiki/2016/e/e2/T--UI-Indonesia--Parts02_Thumbnail.jpg">
 +
                    <div class="portfolio-box-caption">
 +
                        <div class="portfolio-box-caption-content">
 +
                            <div class="project-category text-faded">
 +
                                Parts
 +
                            </div>
 +
                            <div class="project-name">
 +
                                Parts
 +
                            </div>
 +
                        </div>
 +
                    </div></a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </section><!-- modelling section -->
 
     </section><!-- modelling section -->
−
     <section class="about text-center" id="modelling">
+
     <section class="contents text-center" id="modelling">
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-md-8 col-md-offset-2 about-heading">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                     <h2>Modelling</h2>
 
                     <h2>Modelling</h2>
−
                     <p>A year strugling for this project wouldn't be this fun without these person.</p>
+
                     <a href="https://2016.igem.org/Team:UI-Indonesia/Model"><button type="button" class="button-general">Check This Out!</button></a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </section><!-- human-practice section -->
 
     </section><!-- human-practice section -->
−
     <section class="about text-center" id="human-practice">
+
     <section class="contents text-center" id="human-practice">
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-md-8 col-md-offset-2 about-heading">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                     <h2>Human Practice</h2>
 
                     <h2>Human Practice</h2>
−
                     <p>A year strugling for this project wouldn't be this fun without these person.</p>
+
                    <img src="https://static.igem.org/mediawiki/2016/a/a2/T--UI-Indonesia--3.png" width="640px" height="640px" class="img-responsive imgHumanPractice">
 +
                     <p>Wanna know more about the fun and madness in our 8 months projects? Only one click away to figure out the whole journey! Make sure to go to every tab on human practice section, fellas!</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </section><!-- medal criteria section -->
 
     </section><!-- medal criteria section -->
−
     <section class="about text-center" id="medal-criteria">
+
     <section class="contents text-center" id="medal-criteria">
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-md-8 col-md-offset-2 about-heading">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                     <h2>Medal Criteria</h2>
 
                     <h2>Medal Criteria</h2>
 
                     <p>"Go get gold" was our jargon. We did our best to achive every particular things in medal criteria.</p>
 
                     <p>"Go get gold" was our jargon. We did our best to achive every particular things in medal criteria.</p>
−
                 </div><button>Click here to know what we've done</button>
+
                 </div><a href="https://2016.igem.org/Team:UI-Indonesia/Medal_Criteria"><button class="button-medalcriteria-details" type="button">Click here to know what we've done</button></a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </section><!-- team section -->
 
     </section><!-- team section -->
−
     <section class="about text-center" id="team">
+
     <section class="contents text-center" id="team">
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-md-8 col-md-offset-2 about-heading">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                     <h2>Team</h2>
 
                     <h2>Team</h2>
−
                     <p>A year strugling for this project wouldn't be this fun without these person.</p><a href="https://2016.igem.org/team:UI-Indonesia/Team"><button type="button">Click here to know
+
                     <p>UI iGEM Team consist of 14 members. We represent multidisciplinary background such as: medicine, biology, pharmacy, bioengineering, public health, accounting, and social welfare. We collaborate to bring our project to be as applicable as possible.</p><a href="https://2016.igem.org/team:UI-Indonesia/Team"><button class="button-team-details" type=
−
                     who they're</button></a>
+
                     "button">Know Us</button></a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </section><!-- result section -->
 
     </section><!-- result section -->
−
     <section class="about text-center" id="result">
+
     <section class="contents text-center" id="result">
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-md-8 col-md-offset-2 about-heading">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                     <h2>Result</h2>
 
                     <h2>Result</h2>
 
                     <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
 
                     <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </div>
+
         </div><!-- footer starts here -->
−
    </section><!-- references section -->
+
−
    <section class="about text-center" id="references">
+
−
        <div class="container">
+
−
            <div class="row">
+
−
                <div class="col-md-8 col-md-offset-2 about-heading">
+
−
                    <h2>References</h2>
+
−
                    <p>A year strugling for this project wouldn't be this fun without these person.</p>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </section><!-- footer starts here -->
+
 
     <!-- script tags
 
     <!-- script tags
 
     ============================================================= -->
 
     ============================================================= -->

Latest revision as of 01:59, 20 October 2016


Home - Hi,Vax! UI iGEM Team 2016

Our Project: Hi, Vax!

Hi, Vax! Logo

HIV is one of the biggest health issues the world has ever faced, and although antiretroviral therapy (ART) has made it possible to prevent mortality in HIV patients, it has several limitations, including the logistic and economic burden that arises from the need for lifelong treatment. To end HIV, we still need a cure. Today, the best hope for a cure is DNA vaccines, which are DNA molecules that harbour a gene encoding an antigen. When administered, cells will take up these molecules and produce the antigen. Dendritic cells will take this antigen to lymph nodes and present them to T cells, activating them and licensing them to hunt and kill infected cells. In theory, this would allow for the elimination of viral reservoir in the body. In reality, however, DNA vaccination for HIV hasn’t worked in humans.

Although the key component of a DNA vaccine is the antigen-encoding gene, the vaccine backbone, as the name implies, accounts for most of its mass and governs its activity. So, we wondered, can we design a better vaccine backbone? We have designed genetic elements that, when put together, will hopefully achieve improved transgene expression (promoter, intron, polyadenylation sequence and barrier element) and immune stimulation (immunostimulatory DNA motif and RNA gene as well as coding sequences for peptides that direct antigen processing) with respect to existing vaccine backbones. We’re having the parts synthesized and assembling them soon. We hope that this new vaccine backbone will give rise to new, safer and more potent DNA vaccines for HIV—maybe even a cure.

Parts

Basic Part
Basic Part
Parts
Parts

Modelling

Human Practice

Wanna know more about the fun and madness in our 8 months projects? Only one click away to figure out the whole journey! Make sure to go to every tab on human practice section, fellas!

Medal Criteria

"Go get gold" was our jargon. We did our best to achive every particular things in medal criteria.

Team

UI iGEM Team consist of 14 members. We represent multidisciplinary background such as: medicine, biology, pharmacy, bioengineering, public health, accounting, and social welfare. We collaborate to bring our project to be as applicable as possible.

Result

Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!

© 2016 UI iGEM Team. All rights reserved.