Difference between revisions of "Team:NUS Singapore-A/shadow/Team"

Line 151: Line 151:
  
 
/* Modal Content/Box */
 
/* Modal Content/Box */
−
.modal-content {
+
.profile-content {
 
     background-color: #fefefe;
 
     background-color: #fefefe;
 
     margin: 15% auto; /* 15% from the top and centered */
 
     margin: 15% auto; /* 15% from the top and centered */
 
     padding: 20px;
 
     padding: 20px;
−
     border: 2px solid #888;
+
     border: 2px solid  
 +
      rgba(133,133,133,.15);
 +
    background-color: #fff;
 +
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.09);
 +
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.09);
 +
    box-shadow: 0 0 8px rgba(0,0,0,.09);
 
     width: 80%; /* Could be more or less, depending on screen size */
 
     width: 80%; /* Could be more or less, depending on screen size */
 
}
 
}
Line 177: Line 182:
 
   flex-direction: row;
 
   flex-direction: row;
 
   justify-content: center;
 
   justify-content: center;
−
   align-items: stretch;
+
   align-items: flex-start;
 +
  justify-content: space-evenly;
 
    
 
    
 
}
 
}
 
.profile-description{
 
.profile-description{
 
   display: flex;
 
   display: flex;
 +
  flex-wrap: no-wrap;
 
   flex-grow: 3;
 
   flex-grow: 3;
 
   flex-direction: column;
 
   flex-direction: column;
 
   justify-content: space-between;
 
   justify-content: space-between;
−
  padding 20px;
 
 
   text-align: justify;
 
   text-align: justify;
 +
  max-width: 80%;
 
}
 
}
 
.profile-description-item{
 
.profile-description-item{
Line 284: Line 291:
 
   <div class="members-gallery">
 
   <div class="members-gallery">
 
     <img src="https://static.igem.org/mediawiki/2018/0/03/T--NUS_Singapore-A--NUSGEM_Team_Final.png">
 
     <img src="https://static.igem.org/mediawiki/2018/0/03/T--NUS_Singapore-A--NUSGEM_Team_Final.png">
−
     <a class="nanda" id = "nanda_a"></a>
+
     <a href="#nanda" class="nanda"></a>
−
     <a class="ting2" id = "ting2_a"></a>
+
     <a href="#ting2" class="ting2"></a>
−
     <a class="marcus" id = "marcus_a"></a>
+
     <a href="#marcus" class="marcus"></a>
−
     <a class="rita" id = "rita_a"></a>
+
     <a href="rita" class="rita"></a>
−
     <a class="walter" id = "walter_a"></a>
+
     <a href="#walter" class="walter"></a>
−
     <a class="liyana" id = "liyana_a"></a>
+
     <a href="#liyana" class="liyana"></a>
−
     <a class="aaronl" id = "aaronl_a"></a>
+
     <a href="#aaronl" class="aaronl"></a>
−
     <a class="russell" id = "russell_a"></a>
+
     <a href="#russell" class="russell"></a>
−
     <a class="hyhy" id = "hyhy_a"></a>
+
     <a href="#hyhy" class="hyhy"></a>
−
     <a class="ryan" id = "ryan_a"></a>
+
     <a href="#ryan" class="ryan"></a>
−
     <a class="beatrix" id = "beatrix_a"></a>
+
     <a href="#beatrix" class="beatrix"></a>
−
     <a class="jiacheng" id = "jiacheng_a"></a>
+
     <a href="#jiacheng" class="jiacheng"></a>
−
     <a class="me" id = "me_a"></a>
+
     <a hre="#me" class="me"></a>
 
   </div>
 
   </div>
  
 
<div class="profile-wrapper">
 
<div class="profile-wrapper">
−
   <div id="jiacheng_profile" class="modal">
+
   <div class="profile-content">
−
     <div class="modal-content">
+
     <div class="profile" id="jiacheng">
−
       <div>
+
       <div class="profile-picture">
−
         <span class="close" style="padding: 0px; margin: 0px;">&times;</span>
+
         <span class="portrait1 portrait_jc"></span>
 
       </div>
 
       </div>
−
       <div class="profile">
+
       <div class="profile-description">
−
 
+
         <h2 style="font-family: 'Montserrat'; font-weight: 600;">ROLE</h2>
−
        <div class="profile-picture">
+
        <p style="font-family: 'lora';">Head of Wiki, Head of Hardware, Member of Modelling Team, Science Team, and Wet Lab Team</p>
−
          <span class="portrait1 portrait_jc"></span>
+
        <h2 style="font-family: 'Montserrat'; font-weight: 600;">AMBITION</h2>
−
         </div>
+
        <p style="font-family: 'lora';">Jiacheng’s dream is uncomplicated. He just wants to travel around the world.</p>
−
 
+
        <h2 style="font-family: 'Montserrat'; font-weight: 600;">INTERESTING FACT ABOUT HIM</h2>
−
        <div class="profile-description">
+
        <p style="font-family: 'lora';">He loves philosophy. Thankfully, the kind of philosophy he’s inclined towards is not Sartre’s “Hell is other people” or Schopenhauer’s relentless pessimism, but more Lao Tzu’s “Simplicity, patience, compassion.” (Editor’s note: It is with deepest
−
            <h2 style="font-family: 'Montserrat'; font-weight: 600;">ROLE</h2>
+
          regret that I announce the premature demise of the editorial gerbils, Pinky and The Brian. Hegel’s Phenomenology of Spirit was too much to handle. This intellectual deficiency will be rectified in the next generation of editorial gerbils.)</p>
−
            <p style="font-family: 'lora';">Head of Wiki, Head of Hardware, Member of Modelling Team, Science Team, and Wet Lab Team</p>
+
−
            <h2 style="font-family: 'Montserrat'; font-weight: 600;">AMBITION</h2>
+
−
            <p style="font-family: 'lora';">Jiacheng’s dream is uncomplicated. He just wants to travel around the world.</p>
+
−
            <h2 style="font-family: 'Montserrat'; font-weight: 600;">INTERESTING FACT ABOUT HIM</h2>
+
−
            <p style="font-family: 'lora';">He loves philosophy. Thankfully, the kind of philosophy he’s inclined towards is not Sartre’s “Hell is other people” or Schopenhauer’s relentless pessimism, but more Lao Tzu’s “Simplicity, patience, compassion.” (Editor’s note: It is with deepest regret that I announce the premature demise of the editorial gerbils, Pinky and The Brian. Hegel’s Phenomenology of Spirit was too much to handle. This intellectual deficiency will be rectified in the next generation of editorial gerbils.)</p>
+
−
        </div>
+
 
       </div>
 
       </div>
−
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
−
  <div id="nanda_profile" class="modal">
 
−
    <div class="modal-content">
 
−
      <div>
 
−
        <span class="close" style="padding: 0px; margin: 0px;">&times;</span>
 
−
      </div>
 
−
      <div class="profile">
 
  
−
        <div class="profile-picture">
 
−
          <span class="portrait1 portrait_nanda"></span>
 
−
        </div>
 
  
−
        <div class="profile-description">
 
−
            <h2 style="font-family: 'Montserrat'; font-weight: 600;">ROLE</h2>
 
−
            <p style="font-family: 'lora';">
 
  
−
            Team Leader, Head of Wet Lab, Member of Science Team and Human Practices Team
+
  <div class="profile-content">
 +
    <div class="profile" id="nanda">
 +
      <div class="profile-picture">
 +
        <span class="portrait1 portrait_nanda"></span>
 +
      </div>
 +
      <div class="profile-description">
 +
        <h2 style="font-family: 'Montserrat'; font-weight: 600;">ROLE</h2>
 +
        <p style="font-family: 'lora';">
  
−
            </p>
+
        Team Leader, Head of Wet Lab, Member of Science Team and Human Practices Team
−
            <h2 style="font-family: 'Montserrat'; font-weight: 600;">AMBITION</h2>
+
−
            <p style="font-family: 'lora';">
+
  
−
            Nanda hopes to make the world a better place in any way she can, which includes helping anyone in need of her love and support.
+
        </p>
 +
        <h2 style="font-family: 'Montserrat'; font-weight: 600;">AMBITION</h2>
 +
        <p style="font-family: 'lora';">Nanda hopes to make the world a better place in any way she can, which includes helping anyone in need of her love and support.</p>
 +
        <h2 style="font-family: 'Montserrat'; font-weight: 600;">INTERESTING FACT ABOUT HER</h2>
 +
        <p style="font-family: 'lora';">She is skilled at doing English-Chinese translation, and would probably make a career of it if she can’t find employment related to her main degree.</p>
 +
      </div>
 +
    </div>
 +
  </div>
  
−
            </p>
 
−
            <h2 style="font-family: 'Montserrat'; font-weight: 600;">INTERESTING FACT ABOUT HER</h2>
 
−
            <p style="font-family: 'lora';">
 
  
−
            She is skilled at doing English-Chinese translation, and would probably make a career of it if she can’t find employment related to her main degree.
+
  <div class="profile-content">
 +
    <div class="profile" id="ting2">
 +
      <div class="profile-picture">
 +
        <span class="portrait1 portrait_ting2"></span>
 +
      </div>
 +
      <div class="profile-description">
 +
        <h2 style="font-family: 'Montserrat'; font-weight: 600;">ROLE</h2>
 +
        <p style="font-family: 'lora';">
 +
 
 +
        Member of Science Team, Wet Lab Team, Safety Team, and Creative Team
  
−
            </p>
+
        </p>
−
         </div>
+
         <h2 style="font-family: 'Montserrat'; font-weight: 600;">AMBITION</h2>
 +
        <p style="font-family: 'lora';">Ting Ting has a passion for fashion, and hopes to combine this with what she’s learning as a life sciences student.</p>
 +
        <h2 style="font-family: 'Montserrat'; font-weight: 600;">INTERESTING FACT ABOUT HER</h2>
 +
        <p style="font-family: 'lora';">For some incredibly odd reason, pigs stop when they meet Ting Ting. One day she may accidentally cause a traffic jam, either because all those pigs are blocking the way, or because she’s the chicest chica around.</p>
 
       </div>
 
       </div>
−
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
−
  <div id="ting2_profile" class="modal">
 
−
    <div class="modal-content">
 
−
      <div>
 
−
        <span class="close" style="padding: 0px; margin: 0px;">&times;</span>
 
−
      </div>
 
−
      <div class="profile">
 
  
−
        <div class="profile-picture">
 
−
          <span class="portrait1 portrait_ting2"></span>
 
−
        </div>
 
  
−
        <div class="profile-description">
 
−
            <h2 style="font-family: 'Montserrat'; font-weight: 600;">ROLE</h2>
 
−
            <p style="font-family: 'lora';">
 
  
−
            Member of Science Team, Wet Lab Team, Safety Team, and Creative Team
 
  
−
            </p>
 
−
            <h2 style="font-family: 'Montserrat'; font-weight: 600;">AMBITION</h2>
 
−
            <p style="font-family: 'lora';">
 
  
−
            Ting Ting has a passion for fashion, and hopes to combine this with what she’s learning as a life sciences student.
 
  
−
            </p>
 
−
            <h2 style="font-family: 'Montserrat'; font-weight: 600;">INTERESTING FACT ABOUT HER</h2>
 
−
            <p style="font-family: 'lora';">
 
−
 
−
            For some incredibly odd reason, pigs stop when they meet Ting Ting. One day she may accidentally cause a traffic jam, either because all those pigs are blocking the way, or because she’s the chicest chica around.
 
−
 
−
            </p>
 
−
        </div>
 
−
      </div>
 
−
 
−
    </div>
 
−
  </div>
 
 
   <div id="marcus_profile" class="modal">
 
   <div id="marcus_profile" class="modal">
 
     <div class="modal-content">
 
     <div class="modal-content">

Revision as of 18:26, 29 July 2018

CONNECT WITH US

ROLE

Head of Wiki, Head of Hardware, Member of Modelling Team, Science Team, and Wet Lab Team

AMBITION

Jiacheng’s dream is uncomplicated. He just wants to travel around the world.

INTERESTING FACT ABOUT HIM

He loves philosophy. Thankfully, the kind of philosophy he’s inclined towards is not Sartre’s “Hell is other people” or Schopenhauer’s relentless pessimism, but more Lao Tzu’s “Simplicity, patience, compassion.” (Editor’s note: It is with deepest regret that I announce the premature demise of the editorial gerbils, Pinky and The Brian. Hegel’s Phenomenology of Spirit was too much to handle. This intellectual deficiency will be rectified in the next generation of editorial gerbils.)

ROLE

Team Leader, Head of Wet Lab, Member of Science Team and Human Practices Team

AMBITION

Nanda hopes to make the world a better place in any way she can, which includes helping anyone in need of her love and support.

INTERESTING FACT ABOUT HER

She is skilled at doing English-Chinese translation, and would probably make a career of it if she can’t find employment related to her main degree.

ROLE

Member of Science Team, Wet Lab Team, Safety Team, and Creative Team

AMBITION

Ting Ting has a passion for fashion, and hopes to combine this with what she’s learning as a life sciences student.

INTERESTING FACT ABOUT HER

For some incredibly odd reason, pigs stop when they meet Ting Ting. One day she may accidentally cause a traffic jam, either because all those pigs are blocking the way, or because she’s the chicest chica around.

Team

In this page you can introduce your team members, instructors, and advisors.

What should this page contain?

  • Include pictures of your teammates, don’t forget instructors and advisors!
  • You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.
  • Take team pictures! Show us your school, your lab and little bit of your city.
  • Remember that image galleries can help you showcase many pictures while saving space.

Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples: