Difference between revisions of "Team:IISc-Bangalore/Team"

Line 1: Line 1:
 
{{IISc-Bangalore}}
 
{{IISc-Bangalore}}
 
<html>
 
<html>
 +
<style>
 +
    .imgContainer {
 +
        width: 100%;
 +
        display: block;
 +
        position: relative;
 +
        overflow: hidden;
 +
    }
 +
    .animImg {
 +
        width: 20%;
 +
        margin: 0 2.5%;
 +
    }
 +
    .imgDesc {
 +
        width: 100%;
 +
        background-color: rgba(0,0,0,0.3);
 +
    }
 +
    .imgDesc table {
 +
        width: 100%;
 +
        display: none;
 +
        position: relative;
 +
        top: 50%;
 +
        transform: translateY(-50%);
 +
    }
 +
    .imgDescImg {
 +
        width: 30%;
 +
    }
 +
    .imgDescTextHeading {
 +
        width: 10%;
 +
        text-align: right;
 +
        padding-right: 20px;
 +
        font-weight: 800;
 +
    }
 +
</style>
 
     <ol id="inPageNav">
 
     <ol id="inPageNav">
 
<li><a href="#igem-iisc">iGEM @ IISc<img src="https://static.igem.org/mediawiki/2017/6/68/T--IISc-Bangalore--navbar_bullet.png" /></a></li>
 
<li><a href="#igem-iisc">iGEM @ IISc<img src="https://static.igem.org/mediawiki/2017/6/68/T--IISc-Bangalore--navbar_bullet.png" /></a></li>
Line 17: Line 49:
 
<h1 id="igem-iisc">iGEM @ IISc</h1>
 
<h1 id="igem-iisc">iGEM @ IISc</h1>
 
<h1 id="student-leaders">Leaders</h1>
 
<h1 id="student-leaders">Leaders</h1>
−
  <img src='https://static.igem.org/mediawiki/2017/0/0c/T--IISc-Bangalore--people-sai.svg' style="width: 40%;">
+
    <div class="imgContainer">
 +
        <img src="https://static.igem.org/mediawiki/2017/0/0c/T--IISc-Bangalore--people-sai.svg" class="animImg" />
 +
        <img src="https://static.igem.org/mediawiki/2017/0/0c/T--IISc-Bangalore--people-sai.svg" class="animImg" />
 +
        <div class="imgDesc">
 +
            <table>
 +
                <tr>
 +
                    <td class="imgDescImg" rowspan="8"><img src="https://static.igem.org/mediawiki/2017/0/0c/T--IISc-Bangalore--people-sai.svg" /></td>
 +
                    <td class="imgDescTextHeading">
 +
                        Name
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        Sai Padma Priya (Sai)
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Role
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        Student Leader, Wiki
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Year, Major
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        3rd, Biology
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Hobbies
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        Theatre, Music, Reading fiction, Graphic Design and Anime
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Likes to eat
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        Mexican hot chocolate
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Favourite Scientist
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        Linus Pauling
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Favourite Microbe
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        <i>Desulforudis audaxviator</i>
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Favourite Quote
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        "I seem to have been only like a boy playing on the seashore, and diverting myself in now and then finding a smoother pebble or a prettier shell than ordinary, whilst the great ocean of truth lay all undiscovered before me." - Isaac Newton
 +
                    </td>
 +
                </tr>
 +
            </table>
 +
        </div>
 +
        <div class="imgDesc">
 +
            <table>
 +
                <tr>
 +
                    <td class="imgDescImg" rowspan="8"><img src="https://static.igem.org/mediawiki/2017/0/0c/T--IISc-Bangalore--people-sai.svg" /></td>
 +
                    <td class="imgDescTextHeading">
 +
                        Name
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        Sai Padma Priya (Sai)
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Role
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        Student Leader, Wiki
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Year, Major
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        3rd, Biology
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Hobbies
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        Theatre, Music, Reading fiction, Graphic Design and Anime
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Likes to eat
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        Mexican hot chocolate
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Favourite Scientist
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        Linus Pauling
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Favourite Microbe
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        <i>Desulforudis audaxviator</i>
 +
                    </td>
 +
                </tr>
 +
                <tr>
 +
                    <td class="imgDescTextHeading">
 +
                        Favourite Quote
 +
                    </td>
 +
                    <td class="imgDescText">
 +
                        "I seem to have been only like a boy playing on the seashore, and diverting myself in now and then finding a smoother pebble or a prettier shell than ordinary, whilst the great ocean of truth lay all undiscovered before me." - Isaac Newton
 +
                    </td>
 +
                </tr>
 +
            </table>
 +
        </div>
 +
    </div>
 
<h1 id="lab">Lab</h1>
 
<h1 id="lab">Lab</h1>
 
<h1 id="hardware">Hardware</h1>
 
<h1 id="hardware">Hardware</h1>
Line 39: Line 212:
 
         }
 
         }
 
     }
 
     }
 +
 +
$(document).ready(function(){
 +
        $(".imgDesc").css("height", "0px");
 +
    })
 +
    $(".animImg").click(function(){
 +
        var rqdiv = $(this).parent().children(".imgDesc").eq($(this).index(".imgContainer>img"));
 +
        var indice = $(this).index(".imgContainer>img");
 +
        $(this).parent().children(".imgDesc").each(function(){
 +
            if($(this).index(".imgContainer>div") !== indice){
 +
                $(this).animate({
 +
                    height:0.
 +
                }, 500, function() {
 +
                    $(this).children("table").css("display", "none");
 +
                });
 +
            }
 +
            else if($(this).index(".imgContainer>div") === indice){
 +
                if($(this).height() === 500){
 +
                    $(this).animate({
 +
                        height:0
 +
                    }, 500, function() {
 +
                        $(this).children("table").css("display", "none");
 +
                    });
 +
                }
 +
                else{
 +
                    $(this).animate({
 +
                        height:"500px"
 +
                    }, 500, function() {
 +
                        $(this).children("table").fadeIn(200);
 +
                    });
 +
                }
 +
            }
 +
        });
 +
    });
 +
    $(".imgDesc").click(function(){
 +
        $(this).animate({
 +
            height: 0
 +
        }, 500, function() {
 +
            $(this).children("table").css("display", "none");
 +
        });
 +
    })
 
</script>
 
</script>
 
</html>
 
</html>

Revision as of 23:06, 1 November 2017

  1. iGEM @ IISc
  2. Leaders
  3. Lab
  4. Hardware
  5. Software
  6. Publicity
  7. Administrative

iGEM @ IISc

Leaders

Name Sai Padma Priya (Sai)
Role Student Leader, Wiki
Year, Major 3rd, Biology
Hobbies Theatre, Music, Reading fiction, Graphic Design and Anime
Likes to eat Mexican hot chocolate
Favourite Scientist Linus Pauling
Favourite Microbe Desulforudis audaxviator
Favourite Quote "I seem to have been only like a boy playing on the seashore, and diverting myself in now and then finding a smoother pebble or a prettier shell than ordinary, whilst the great ocean of truth lay all undiscovered before me." - Isaac Newton
Name Sai Padma Priya (Sai)
Role Student Leader, Wiki
Year, Major 3rd, Biology
Hobbies Theatre, Music, Reading fiction, Graphic Design and Anime
Likes to eat Mexican hot chocolate
Favourite Scientist Linus Pauling
Favourite Microbe Desulforudis audaxviator
Favourite Quote "I seem to have been only like a boy playing on the seashore, and diverting myself in now and then finding a smoother pebble or a prettier shell than ordinary, whilst the great ocean of truth lay all undiscovered before me." - Isaac Newton

Lab

Hardware

Software

Publicity

Administrative

Something