Difference between revisions of "Team:Calgary/Attributions"

Line 1: Line 1:
−
{{Calgary/Imposter-Navbar-No-Logo}}
+
body {
−
<html>
+
   overflow-x: hidden;
−
   <head>
+
}
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
−
    <link
+
−
      rel="stylesheet"
+
−
      type="text/css"
+
−
      href="https://2020.igem.org/Template:Calgary/Attributions-Style?action=raw&ctype=text/css"
+
−
    />
+
−
    <link
+
−
      rel="stylesheet"
+
−
      type="text/css"
+
−
      href="https://2020.igem.org/Template:Calgary/Imposter-Sidebar-2-Style?action=raw&ctype=text/css"
+
−
    />
+
−
    <link
+
−
      href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700&display=swap"
+
−
      rel="stylesheet"
+
−
    />
+
−
    <style>
+
−
      /*header font size for tablet*/
+
−
      @media (max-width: 768px) {
+
−
        .resp h1 {
+
−
          font-size: 55px !important;
+
−
        }
+
−
      }
+
  
−
      /*header font size for mobile*/
+
.grid-container {
−
      @media (max-width: 525px) {
+
  display: grid;
−
        .resp h1 {
+
  grid-template-areas:
−
          font-size: 50px !important;
+
    "menu header header header header header"
−
        }
+
    "menu main main main main main"
−
      }
+
    "menu footer footer footer footer footer";
 +
  grid-gap: 10px;
 +
  padding: 10px;
 +
}
  
−
      /* Fixing the top content under the navbar */
+
/*Banner styling section*/
−
      .banner-image {
+
/* HEADER/BANNER */
−
        position: relative;
+
body,
−
      }
+
html {
−
    </style>
+
  height: 100%;
−
  </head>
+
}
  
−
  <body>
+
/* The banner image */
−
    <div>
+
.banner-image {
−
      <div class="container3 container-fluid">
+
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
−
        <div class="sidenav" id="sidenav">
+
  background-image: linear-gradient(
−
          <a href="https://2020.igem.org/Team:Calgary">
+
      to bottom,
−
            <img
+
      rgba(0, 0, 0, 0.5) 0%,
−
              src="https://static.igem.org/mediawiki/2020/c/c1/T--Calgary--whitelogo.jpg"
+
      rgba(0, 0, 0, 0.5) 100%
−
              style="
+
    ),
−
                height: 150px;
+
    url("https://static.igem.org/mediawiki/2020/6/6c/T--Calgary--cellulase.jpg");
−
                width: auto;
+
  /* Set a specific height */
−
                padding-top: 20px;
+
  height: 65vh;
−
                position: relative;
+
  /* Position and center the image to scale nicely on all screens */
−
                left: -20px;
+
  background-position: center;
−
              "
+
  background-repeat: no-repeat;
−
            />
+
  background-size: cover;
−
          </a>
+
  position: relative;
−
          <a href="#tm"> Team Members </a>
+
  background-attachment: fixed;
−
          <br />
+
  margin-top: ;
−
          <a href="#hp"> Community Human Practices </a>
+
}
−
          <br />
+
−
          <a href="#gs"> General Support </a>
+
−
          <br />
+
−
          <a href="#gw"> General Wet Lab Support </a>
+
−
          <br />
+
−
          <a href="#dl"> General Dry Lab Support </a>
+
−
          <br />
+
−
          <a href="#en"> Entrepreneurship </a>
+
−
          <br />
+
−
          <a href="#ed"> Education </a>
+
−
        </div>
+
  
−
        <div class="grid-container main">
+
/* Place text in the middle of the image */
−
          <div class="container1">
+
.banner-text {
−
            <div class="banner-image">
+
  font-size: ;
−
              <div class="banner-text resp">
+
  font-weight: ;
−
                <h1
+
  color: ;
−
                  style="
+
  text-align: center;
−
                    font-family: 'Public Sans', sans-serif;
+
  position: absolute;
−
                    font-weight: 600;
+
  left: 50%;
−
                  "
+
  top: 50%;
−
                >
+
  transform: translate(-50%, -50%);
−
                  ATTRIBUTIONS
+
}
−
                </h1>
+
−
              </div>
+
−
            </div>
+
−
          </div>
+
  
 +
.banner-text h1 {
 +
  color: #f1c23f;
 +
  font-size: 5em;
 +
  font-weight: 600;
 +
  font-family: "Public Sans", sans-serif;
 +
  margin-top: 25%;
 +
}
  
 +
.container2 h2 {
 +
  color: #000;  /*changes h2 text color to black in the div class container2.*/
 +
  font-weight: 200;
 +
}
  
 +
.container1 {
 +
  grid-area: header;
 +
  margin-left: -20px;
 +
  margin-right: -20px;
 +
  margin-top: -20px;
 +
}
  
−
          <div class="container2">
+
/*Main section styling*/
 +
.container2 {
 +
  grid-area: main;
 +
  padding-top: 50px;
 +
  padding-left: 200px;
 +
  padding-right: 200px;
 +
  margin-top: -10px;
 +
  margin-left: -10px;
 +
  margin-right: -10px;
 +
  margin-bottom: -170px;
 +
  background-color: #fff;
 +
}
  
−
            <div class="section">
+
.hp-name {
−
              <h2 id="tm">Team Members</h2>
+
  font-weight: bold;
 +
  color: #882916;
 +
}
  
−
              <div class="ind">
+
.hp-org {
−
                <span class="hp-name"> Alexa Calkhoven </span>
+
  font-style: italic;
−
                <span class="hp-org"> Dry Lab </span>
+
}
−
                <p>
+
−
                  Was the wiki development lead and contributed to the branding of Oviita.
+
−
                </p>
+
−
              </div>
+
  
−
              <div class="ind">
+
.ind {
−
                <span class="hp-name"> Andrew Symes </span>
+
  margin-top: 20px;
−
                <span class="hp-org"> Dry Lab </span>
+
  margin-bottom: 20px;
−
                <p>
+
}
−
                  Completed all of our protein modelling and led the creation of Bellatrix.
+
−
                  Also, contributed to entrepreneurship by incorporating Oviita as a non-profit organization and created our dry lab educational materials.
+
−
                </p>
+
−
              </div>
+
  
−
              <div class="ind">
+
.section {
−
                <span class="hp-name"> John Cedric Acierto </span>
+
  margin-bottom: 40px;
−
                <span class="hp-org"> Dry Lab </span>
+
}
−
                <p>
+
−
                  Focused on the software aspect of the bioreactor design and was a major contributor to our wiki.
+
−
                </p>
+
−
              </div>
+
  
−
              <div class="ind">
+
#tm {
−
                <span class="hp-name"> Randy Moore </span>
+
  padding-top: 10px;
−
                <span class="hp-org"> Dry Lab </span>
+
}
−
                <p>
+
−
                  Major contributor to the Bioreactor design, the Randle Cell Testing Device, and Bellatrix. Also worked on entrepreneurship and parts of our wiki.
+
−
                </p>
+
−
              </div>
+
  
−
              <div class="ind">
+
#hp {
−
                <span class="hp-name"> Allison Guthrie </span>
+
  padding-top: 20px;
−
                <span class="hp-org"> Wet Lab </span>
+
}
−
                <p>
+
−
                  Worked on Cellulase Integration in the lab and helped design the wet lab experiments for the Bioreactor development.
+
−
                  Also was a major contributor to human practices, helped organize JulyGEM, improved our wet lab educational materials, and helped create the Oviita brand.
+
−
                </p>
+
−
              </div>
+
  
−
              <div class="ind">
+
#gs {
−
                <span class="hp-name"> Anika Zaman </span>
+
  padding-top: 20px;
−
                <span class="hp-org"> Wet Lab </span>
+
}
−
                <p>
+
−
                  Designed and worked on Biocontainment in the lab, and was one of the human practices leads.
+
−
                  Also was a major contributor to the Oviita brand, helped organize JulyGEM, and made our graphics.
+
−
                </p>
+
−
              </div>
+
  
−
              <div class="ind">
+
#gw {
−
                <span class="hp-name"> Arshia Mostoufi </span>
+
  padding-top: 20px;
−
                <span class="hp-org"> Wet Lab </span>
+
}
−
                <p>
+
−
                  Designed the Biocontainment parts and worked on the lab execution, while also helping organize JulyGEM.
+
−
                </p>
+
−
              </div>
+
  
−
              <div class="ind">
+
#dl {
−
                <span class="hp-name"> Michaella Atienza </span>
+
  padding-top: 20px;
−
                <span class="hp-org"> Wet Lab </span>
+
}
−
                <p>
+
−
                  One of the human practices leads and sole designer of the Thymol and Omega-3 Fatty acid Production projects.
+
−
                  Also helped create the wet lab educational materials, and brought the Oviita brand to life by developing all of our videos.
+
−
                </p>
+
−
              </div>
+
  
−
              <div class="ind">
+
#en {
−
                <span class="hp-name"> Nimaya De Silva </span>
+
  padding-top: 20px;
−
                <span class="hp-org"> Wet Lab </span>
+
}
−
                <p>
+
−
                  Design and worked on Biocontainment in the lab. Also helped organize JulyGEM, create our wet lab educational materials,
+
−
                  and was a major contributor to our wiki.
+
−
                </p>
+
−
              </div>
+
  
−
              <div class="ind">
+
#ed {
−
                <span class="hp-name"> Simran Sandhu </span>
+
  padding-top: 20px;
−
                <span class="hp-org"> Wet Lab </span>
+
}
−
                <p>
+
−
                  Worked on Cellulase Integration in the lab and spearheaded the branding of Oviita.
+
−
                  Also helped organize JulyGEM, improve our wet lab educational materials, and create our graphics.
+
−
                </p>
+
−
              </div>
+
  
−
              <div class="ind">
+
.last-section {
−
                <span class="hp-name"> Sravya Kakumanu </span>
+
   padding-bottom: 40px;
−
                <span class="hp-org"> Wet Lab </span>
+
}
−
                <p>
+
/* Sidebar styling section */
−
                  Lead and designed the Cellulase Integration project, designed wet lab experiments for the Bioreactor development,
+
.container3 {
−
                  and was a major contributor to the Oviita brand. Also made many of our graphics, helped organize JulyGEM, and
+
   grid-area: menu;
−
                  contributed to the wet lab educational materials.
+
}
−
                </p>
+
−
              </div>
+
−
            </div>
+
−
 
+
−
            <div class="section">
+
−
 
+
−
              <h2 id="hp"> Community Human Practices </h2>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Charles Mather </span>
+
−
                <span class="hp-org"> Medical, cultural, and Sub-Saharan anthropologist at the University of Calgary </span>
+
−
                <p>
+
−
                  Informed us of local culture and practices and helped us envision how our idea could fit into existing infrastructure in West Africa.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Dia Sanou </span>
+
−
                <span class="hp-org"> Professor of Nutrition and International Health working with the UN Food and Agricultural Organization in East Africa </span>
+
−
                <p>
+
−
                  Taught us more about existing systems of micronutient supplementation, what still needs to be improved, and how Oviita fits within this.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Warren Wilson </span>
+
−
                <span class="hp-org"> Biological Anthropologist at the University of Calgary </span>
+
−
                <p>
+
−
                  Gave us a more nuanced and cautious understanding of the complicated factors relating to nutritional aid, and taught us the importance of centering our design on the user's real needs
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Sidney Courtice </span>
+
−
                <span class="hp-org"> Volunteer for the United Way GAIN (Group for Assisting and Improving Non-profits) Team </span>
+
−
                <p>
+
−
                  Gave us direction on how to establish a charity non-profit and stressed the importance of creating partnerships with existing organizations and community groups.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Chris Naugler </span>
+
−
                <span class="hp-org"> Professor of Pathology and Associate Dean of Undergraduate Medical Education at the UofC Cumming School of Medicine </span>
+
−
                <p>
+
−
                  Helped us understand the testing and diagnostics of vitamin A deficiency and the applications of a field test.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Banda Ndiaye </span>
+
−
                <span class="hp-org"> Deputy Regional Director of Health for Africa with Nutrition International </span>
+
−
                <p>
+
−
                  Taught us about existing solutions and focused our attention to the importance of preventative measures, long-term solutions, and commitment to the overall vitamin A deficiency initiative
+
−
                </p>
+
−
              </div>
+
−
            </div>  <!--HP Section-->
+
−
 
+
−
            <hr>
+
−
 
+
−
            <div class="section">
+
−
              <h2 id="gs">General Support</h2>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name">Dr. Mayi Arcellana-Panlilio </span>
+
−
                <span class="hp-org"> Senior Instructor at the Cumming School of Medicine. </span>
+
−
                <p>
+
−
                  The primary supervisor for the iGEM Calgary team who provided endless support and guidance for us.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Mackenzie Sampson  </span>
+
−
                <span class="hp-org"> Electrical Engineering student at the University of Calgary </span>
+
−
                <p>
+
−
                  Provided key guidance on the Bioreactor design, Randle Cell Testing Device development, and helped our entrepreneurship.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Jadon Duby  </span>
+
−
                <span class="hp-org"> Mathematics student at the University of Calgary </span>
+
−
                <p>
+
−
                  Provided key guidance on the metabolic flux.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Christian Emond </span>
+
−
                <span class="hp-org"> Research Assistant </span>
+
−
                <p>
+
−
                  Was our Research Assistant throughout the iGEM season, and always offered advice and assistance with any of the team's needs.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Elke Monika Lohmeier Vogel </span>
+
−
                <span class="hp-org"> Adjunct Senior Instructor in Biochemistry at the University of Calgary </span>
+
−
                <p>
+
−
                  Always provided us with support and feedback on our ideas, especially in the initial stages of project ideation.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Tian Zhao </span>
+
−
                <span class="hp-org"> Teaching Assistant and PhD student at the Cumming School of Medicine </span>
+
−
                <p>
+
−
                  Helped train our new members and provided cruicial support and advice to the wet lab, especially when we started lab work in the fall.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Deirdre Lobb </span>
+
−
                <span class="hp-org"> Laboratory Technician </span>
+
−
                <p>
+
−
                  Supported the team, kept our lab space safe and up to COVID-19 regulations, and helped us with ordering materials and supplies in the lab.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Marija Drikic </span>
+
−
                <span class="hp-org"> Metabolomics Research Assistant </span>
+
−
                <p>
+
−
                  Provided feedback and advice to the wet lab, and was a judge at JulyGEM.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Raymond Turner </span>
+
−
                <span class="hp-org"> Biochemistry Professor Emeritus at the University of Calgary </span>
+
−
                <p>
+
−
                  Sponsored one of our member's research stipend for the summer, and gave advice to the wet lab in the initial designing phase of the project.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Kamran Yusuf </span>
+
−
                <span class="hp-org"> Associate professor in the Department of Pediatrics </span>
+
−
                <p>
+
−
                  Sponsored one of our member's research stipend for the summer .
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Brianne Burkinshaw </span>
+
−
                <span class="hp-org"> Instructor in the Department of Biological Sciences </span>
+
−
                <p>
+
−
                  Sponsored one of our member's research stipend for the summer .
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Dae-kyun Ro </span>
+
−
                <span class="hp-org"> Professor in the Department of Biological Sciences </span>
+
−
                <p>
+
−
                  Sponsored one of our member's research stipend for the summer .
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Anders Nygren  </span>
+
−
                <span class="hp-org"> Vice-dean of the Schulich School of Engineering </span>
+
−
                <p>
+
−
                  Sponsored one of our member's research stipend for the summer .
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Michael Wahba  </span>
+
−
                <span class="hp-org"> Game Developer and iGEM Calgary alumni </span>
+
−
                <p>
+
−
                  Helped train our new dry lab members and provided expertise on one of our early ideas for synbio education.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Sarah Walker </span>
+
−
                <span class="hp-org"> Computer Science Student and iGEM Calgary alumni </span>
+
−
                <p>
+
−
                  Led us through a workshop on effective meeting and project organization strategies.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Neeraj Gupta  </span>
+
−
                <span class="hp-org"> Co-founder of Formulate IP </span>
+
−
                <p>
+
−
                  Led an informative workshop on patents at JulyGEM.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Patrick Wu   </span>
+
−
                <span class="hp-org"> Graphic Designer and iGEM alumni </span>
+
−
                <p>
+
−
                  Led an informative workshop on graphic design in iGEM at JulyGEM and was a judge at JulyGEM.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Sara Far </span>
+
−
                <span class="hp-org"> CEO of yOIL Technologies </span>
+
−
                <p>
+
−
                  Led an informative workshop on iGEM start-ups at JulyGEM.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Julie Legault  </span>
+
−
                <span class="hp-org"> Co-founder of Amino Labs </span>
+
−
                <p>
+
−
                  Led an informative workshop effective science communication at JulyGEM.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Elisa Park  </span>
+
−
                <span class="hp-org"> Hunter Hub for Entrepreneurial Thinking </span>
+
−
                <p>
+
−
                  Was a judge at JulyGEM.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Colin Dalton   </span>
+
−
                <span class="hp-org">  </span>
+
−
                <p>
+
−
                  Was a judge at JulyGEM, and provided some guidance on our dry lab projects.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Robert Mayall  </span>
+
−
                <span class="hp-org"> Co-founder of FREDSense Technologies </span>
+
−
                <p>
+
−
                  Was a judge at JulyGEM, and provided guidance on the wet lab portion of our project, particularly Biocontainment.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Chelsea Wu  </span>
+
−
                <span class="hp-org">  </span>
+
−
                <p>
+
−
                  Was a judge at JulyGEM.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> JC Gray  </span>
+
−
                <span class="hp-org"> iGEM HP Committee  </span>
+
−
                <p>
+
−
                  Was a judge at JulyGEM, and provided us some guidance on how to prepare HP educational materials.
+
−
                </p>
+
−
              </div>
+
−
            </div> <!--General Support Section--> <!--General Support Section-->
+
−
 
+
−
            <hr>
+
−
 
+
−
            <div class="section">
+
−
              <h2 id="gw">General Wet Lab Support</h2>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Vanina Zaremberg </span>
+
−
                <span class="hp-org"> Associate Professor in Biochemistry at the University of Calgary </span>
+
−
                <p>
+
−
                  Helped team with various aspects of the wet lab projects and generously gave us yeast protocols and <span style="font-style:italic">Yarrowia lipolytica</span> and <span style="font-style: italic"> Saccharomyces cerevisiae  </span> strains.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Vanina Zaremberg </span>
+
−
                <span class="hp-org"> Associate Professor in Biochemistry at the University of Calgary </span>
+
−
                <p>
+
−
                  Helped team with various aspects of the wet lab projects and generously gave us <span style="font-style:italic">Yarrowia lipolytica</span> and <span style="font-style: italic"> Saccharomyces cerevisiae  </span> strains.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Maria Laura Sonsa </span>
+
−
                <span class="hp-org"> PhD Student at the University of Calgary </span>
+
−
                <p>
+
−
                  Generously gave us yeast protocols and recommendations.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Trevor Randall </span>
+
−
                <span class="hp-org"> PhD Student at the University of Calgary </span>
+
−
                <p>
+
−
                  Gave us advice on Gibson cloning and feedback on our project at our Faculty Talk.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Heather Addy </span>
+
−
                <span class="hp-org"> Associate head in the Department of Biological Sciences </span>
+
−
                <p>
+
−
                  Helped with understand yeast characteristics and taxonomy.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Rodrigo Ledesma-Amaro </span>
+
−
                <span class="hp-org"> Imperial Collage London </span>
+
−
                <p>
+
−
                  Graciously sent us beta-carotene producing <span style="font-style:italic">Y. lipolytica</span> strain and <span style="font-style: italic">Y. lipolytica</span> protocols.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Anirban Chakraborty </span>
+
−
                <span class="hp-org"> Research Associate at the University of Calgary </span>
+
−
                <p>
+
−
                  Gave us advice on our to culture environmental samples for Biocontainment experiments.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Murray Lab </span>
+
−
                <span class="hp-org"> Research Associate at the University of Calgary </span>
+
−
                <p>
+
−
                  Graciously sent us the genetically engineered <span style="font-style:italic">S. cerevisiae</span> strains yMM60 and yMM65 that we used in our proof of concept co-culturing experiments.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Peter Facchini </span>
+
−
                <span class="hp-org"> Professor at the University of Calgary </span>
+
−
                <p>
+
−
                  Provided a number of useful suggestions regarding the co-culturing of our strains, and gave feedback to the experimental design of our project.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Gordon Chua </span>
+
−
                <span class="hp-org"> Professor at the University of Calgary </span>
+
−
                <p>
+
−
                  Helped us gain knowledge in creating our own auxotrophic strains and answered our general questions regarding co-culturing. He also provided us with the contact information for a number of other academia members that informed our project development.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Joe Harrison </span>
+
−
                <span class="hp-org"> Associate Professor at the University of Calgary </span>
+
−
                <p>
+
−
                  Allowed us to use a plate reader in his lab, and lent us some DNS reagent.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Derek Toms </span>
+
−
                <span class="hp-org"> Postdoctoral Fellow at University of Calgary </span>
+
−
                <p>
+
−
                  Gave us feedback during our Faculty Talk.
+
−
                </p>
+
−
              </div>
+
−
            </div>
+
−
 
+
−
            <hr>
+
−
 
+
−
            <div class="section">
+
−
              <h2 id="dl">General Dry Lab Support</h2>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Firstname Lastname </span>
+
−
                <span class="hp-org"> Company Industries Inc. </span>
+
−
                <p>
+
−
                  Far far away, behind the word mountains, far from the
+
−
                  countries Vokalia and Consonantia, there live the blind texts.
+
−
                  Separated they live in Bookmarksgrove right at the coast of
+
−
                  the Semantics, a large language ocean.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Firstname Lastname </span>
+
−
                <span class="hp-org"> Company Industries Inc. </span>
+
−
                <p>
+
−
                  Far far away, behind the word mountains, far from the
+
−
                  countries Vokalia and Consonantia, there live the blind texts.
+
−
                  Separated they live in Bookmarksgrove right at the coast of
+
−
                  the Semantics, a large language ocean.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Firstname Lastname </span>
+
−
                <span class="hp-org"> Company Industries Inc. </span>
+
−
                <p>
+
−
                  Far far away, behind the word mountains, far from the
+
−
                  countries Vokalia and Consonantia, there live the blind texts.
+
−
                  Separated they live in Bookmarksgrove right at the coast of
+
−
                  the Semantics, a large language ocean.
+
−
                </p>
+
−
              </div>
+
−
            </div>
+
−
 
+
−
            <hr>
+
−
 
+
−
            <div class="section">
+
−
              <h2 id="en">Entrepreneurship</h2>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Firstname Lastname </span>
+
−
                <span class="hp-org"> Company Industries Inc. </span>
+
−
                <p>
+
−
                  Far far away, behind the word mountains, far from the
+
−
                  countries Vokalia and Consonantia, there live the blind texts.
+
−
                  Separated they live in Bookmarksgrove right at the coast of
+
−
                  the Semantics, a large language ocean.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Firstname Lastname </span>
+
−
                <span class="hp-org"> Company Industries Inc. </span>
+
−
                <p>
+
−
                  Far far away, behind the word mountains, far from the
+
−
                  countries Vokalia and Consonantia, there live the blind texts.
+
−
                  Separated they live in Bookmarksgrove right at the coast of
+
−
                  the Semantics, a large language ocean.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Firstname Lastname </span>
+
−
                <span class="hp-org"> Company Industries Inc. </span>
+
−
                <p>
+
−
                  Far far away, behind the word mountains, far from the
+
−
                  countries Vokalia and Consonantia, there live the blind texts.
+
−
                  Separated they live in Bookmarksgrove right at the coast of
+
−
                  the Semantics, a large language ocean.
+
−
                </p>
+
−
              </div>
+
−
            </div>
+
−
 
+
−
            <hr>
+
−
 
+
−
            <div class="section last-section">
+
−
              <h2 id="ed">Education and Outreach</h2>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Fatima Ghanem </span>
+
−
                <span class="hp-org"> Renert High School Calgary. </span>
+
−
                <p>
+
−
                  Renert iGEM lead, helped orchestrate Renert HS iGEM workshops
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Douglas Clark </span>
+
−
                <span class="hp-org"> Education Professor of Design-Based Learning and Learning Sciences </span>
+
−
                <p>
+
−
                  Aided in one of our early synthetic biology education projects.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Dr. Douglas Clark </span>
+
−
                <span class="hp-org"> Education Professor of Design-Based Learning and Learning Sciences </span>
+
−
                <p>
+
−
                  Aided in one of our early synthetic biology education projects.
+
−
                </p>
+
−
              </div>
+
−
 
+
−
              <div class="ind">
+
−
                <span class="hp-name"> Patrick Diep </span>
+
−
                <span class="hp-org"> CSBERG </span>
+
−
                <p>
+
−
                  Aided in HP Package development
+
−
                </p>
+
−
              </div>
+
−
            </div>
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
    </div>
+
−
  </body>
+
−
</html>
+
−
 
+
−
{{Calgary/Imposter-Footer}}
+

Revision as of 05:52, 7 October 2020

body { 

 overflow-x: hidden;

}

.grid-container { 

 display: grid;
 grid-template-areas:
   "menu header header header header header"
   "menu main main main main main"
   "menu footer footer footer footer footer";
 grid-gap: 10px;
 padding: 10px;

}

/*Banner styling section*/ /* HEADER/BANNER */ body, html { 

 height: 100%;

}

/* The banner image */ .banner-image { 

 /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
 background-image: linear-gradient(
     to bottom,
     rgba(0, 0, 0, 0.5) 0%,
     rgba(0, 0, 0, 0.5) 100%
   ),
   url("T--Calgary--cellulase.jpg");
 /* Set a specific height */
 height: 65vh;
 /* Position and center the image to scale nicely on all screens */
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 background-attachment: fixed;
 margin-top: ;

}

/* Place text in the middle of the image */ .banner-text { 

 font-size: ;
 font-weight: ;
 color: ;
 text-align: center;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);

}

.banner-text h1 { 

 color: #f1c23f;
 font-size: 5em;
 font-weight: 600;
 font-family: "Public Sans", sans-serif;
 margin-top: 25%;

}

.container2 h2 { 

 color: #000;  /*changes h2 text color to black in the div class container2.*/
 font-weight: 200;

}

.container1 { 

 grid-area: header;
 margin-left: -20px;
 margin-right: -20px;
 margin-top: -20px;

}

/*Main section styling*/ .container2 { 

 grid-area: main;
 padding-top: 50px;
 padding-left: 200px;
 padding-right: 200px;
 margin-top: -10px;
 margin-left: -10px;
 margin-right: -10px;
 margin-bottom: -170px;
 background-color: #fff;

}

.hp-name { 

 font-weight: bold;
 color: #882916;

}

.hp-org { 

 font-style: italic;

}

.ind { 

 margin-top: 20px;
 margin-bottom: 20px;

}

.section { 

 margin-bottom: 40px;

}

  1. tm {
 padding-top: 10px;

}

  1. hp {
 padding-top: 20px;

}

  1. gs {
 padding-top: 20px;

}

  1. gw {
 padding-top: 20px;

}

  1. dl {
 padding-top: 20px;

}

  1. en {
 padding-top: 20px;

}

  1. ed {
 padding-top: 20px;

}

.last-section { 

 padding-bottom: 40px;

} /* Sidebar styling section */ .container3 { 

 grid-area: menu;

}