Difference between revisions of "Team:SDU-Denmark/testfh"

(Created page with "<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css?family=Rob...")
 
Line 1: Line 1:
 +
{{SDU-Denmark}}
 +
 
<html>
 
<html>
  
<head>
+
<body>
    <meta charset="utf-8">
+
<div class="container-fluid">           <!-- Start of container-fluid -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
 
+
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
+
    <link href="https://fonts.googleapis.com/css?family=Oswald:200" rel="stylesheet">
+
    <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
+
    <link rel="stylesheet" href="https://2017.igem.org/Team:SDU-Denmark/core/bootstrapcss?action=raw&ctype=text/css">
+
 
+
    <script type="text/javascript" src="https://2017.igem.org/Team:SDU-Denmark/core/jquery?action=raw&ctype=text/javascript"></script>
+
    <script type="text/javascript" src="https://2017.igem.org/Team:SDU-Denmark/core/bootstrap?action=raw&ctype=text/javascript"></script>
+
</head>
+
 
+
 
+
 
+
<style> /* Start of styling */
+
 
+
 
+
/***********************************************************************************************************************************/
+
/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/
+
/**********************************************************************************************************************************/
+
+
 
+
/* Clear the default wiki settings */
+
+
#home_logo, #sideMenu { display:none; }
+
#sideMenu, #top_title, .patrollink  {display:none;}
+
#content { width:100%; padding:0px;  margin-top:-32px; margin-left:0px;}
+
body {background-color:white;}
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
 
+
 
+
 
+
 
+
/*********************************************************************************************************************************/
+
/********************************************** GENERAL STYLING OF HTML CONTENT ********************************************/
+
/*********************************************************************************************************************************/
+
 
+
#HQ_page h1 {
+
  font-family: 'poppins', sans-serif;
+
  font-size: 250%;
+
  color: rgb(0, 0, 0);
+
  margin-bottom: -15px;
+
}
+
 
+
#HQ_page h2 {
+
  font-family: 'poppins', sans-serif;
+
  font-size: 300%;
+
  color: rgb(0, 0, 0);
+
}
+
 
+
#HQ_page h3 {
+
  font-family: ‘helvetica neue’, helvetica, arial, sans-serif;
+
  font-size: 125%;
+
  color: rgb(0, 0, 0);
+
}
+
 
+
#HQ_page p {
+
    font-family: ‘helvetica neue’, helvetica, arial, sans-serif;
+
    font-size: 16px;
+
    line-height: 24px;
+
    text-align: justify;
+
    color: rgba(0, 0, 0, .8);
+
    padding-top: 5px;
+
}
+
 
+
 
+
 
+
        /* Used within paragraphs to make the skim reading option */
+
span {
+
 
+
}
+
 
+
 
+
 
+
/*********************************************************************************************************************************/
+
/************************************************** BOOTSTRAP ROWS & COLUMNS ***********************************************/
+
/*********************************************************************************************************************************/
+
 
+
 
+
/********************************* HOME COVER  *********************************/
+
 
+
#homeCover {
+
  height: 650px;
+
  background: linear-gradient(rgba(10, 10, 10, 0.3), rgba(10, 10, 10, 0.3)), url(https://static.igem.org/mediawiki/2017/0/06/T--SDU-Denmark--Group_picture_SDU_first_trip.JPG) no-repeat center;
+
  background-size: cover;
+
}
+
 
+
 
+
/********************************* HOME CONTENT  *********************************/
+
 
+
#homeContent {
+
  padding-bottom: 125px;
+
}
+
 
+
 
+
/********************************* TEAM COVER  *********************************/
+
 
+
#teamCover {
+
  height: 250px;
+
  background-color: #32474D;
+
  background-size: cover;
+
}
+
 
+
 
+
/********************************* TEAM CONTENT  *********************************/
+
 
+
#teamPage {
+
padding-top: 75px;
+
}
+
 
+
#teamCenter {
+
  height: 400px;
+
  width: 400px;
+
  background-color: #D0D7D6;
+
  border-radius: 100%;
+
  float: left;
+
  margin: 5px;
+
  padding-top: 25px;
+
  text-align: center;
+
  vertical-align: middle;
+
}
+
 
+
#teamCenterP {
+
  margin: 20px;
+
  float: left;
+
  text-align: center;
+
  vertical-align: middle;
+
}
+
 
+
#insertName {
+
  height: 75px;
+
  width: 75px;
+
  background-color: #D0D7D6;
+
  border-radius: 100%;
+
  margin: 20px;
+
}
+
 
+
 
+
/********************************* ATTRIBUTIONS COVER  *********************************/
+
 
+
 
+
/********************************* ATTRIBTIONS CONTENT  *********************************/
+
 
+
 
+
/********************************* COLLABORATIONS COVER  *********************************/
+
 
+
 
+
/********************************* COLLABORATIONS CONTENT  *********************************/
+
 
+
 
+
/********************************* ACHIEVEMENTS COVER  *********************************/
+
 
+
 
+
/********************************* ACHIEVEMENTS CONTENT  *********************************/
+
 
+
 
+
 
+
 
+
 
+
/*********************************************************************************************************************************/
+
/********************************************************* LAYOUT CLASSES ******************************************************/
+
/*********************************************************************************************************************************/
+
 
+
 
+
        /* The highlight option */
+
 
+
#skimreadtext {
+
  font-family: Verdana, Geneva, sans-serif;
+
  font-size: 10px;
+
  line-height: 12px;
+
}
+
  
  
#skimreadinner {
 
  background-color: #fefefe;
 
  width: 50px;
 
  height: 50px;
 
  border-radius: 100%;
 
  display: flex;
 
  justify-content: center;
 
  align-items: center;
 
}
 
  
  
#skimreadouter {
+
<div class="row" id="homeCover">          <!--Start of home cover -->
  background-color: #b77468;
+
  width: 55px;
+
  height: 55px;
+
  border-radius: 100%;
+
  display: flex;
+
  justify-content: center;
+
  align-items: center;
+
}
+
  
.skimreadouterActive {
+
</div>                                                              <!--End of home cover -->
  background-color: #609360 !important;
+
}
+
  
  
.highlighted {
 
    font-family: sans-serif;
 
    font-size: 16px;
 
    line-height: 24px;
 
    text-align: justify;
 
    color: rgba(0, 0, 0, .85);
 
    padding-top: 5px;
 
    background: #fffdcc !important;
 
    border: 0.1px solid #fffcbf;
 
  
}
 
  
 +
<div class="row" id="contentPage">          <!-- Start of home content -->
 +
  <div class="col-sm-3"><div id="skimreadouter"><div id="skimreadinner"><div id="skimreadtext">skim-<br>read.</div></div></div></div>
  
.notHighlighted {
+
  <div class="col-sm-5" id="homeContent">
    font-family: sans-serif;
+
     <h1>SDU-Denmark</h1><hr>
     font-size: 16px;
+
         
    line-height: 24px;
+
     <p><span id="notHighlighted">Welcome to the wiki for the 2017 iGEM team of the University of Southern Denmark! Our project this year focuses on green energy through bioelectricity in the form of </span><span id="highlighted">a bacterial solar battery</span><span id="notHighlighted">. This device will be constructed to contain two cultures of genetically engineered <i>Escherichia coli</i> (<i>E. coli</i>). A photosynthesising <i>E. coli</i> will produce a carbon source in the form of </span><span id="highlighted">cellulose, by fixating carbon dioxide</span><span id="notHighlighted"> through Calvin Cycle and harvesting energy from sunlight. When switched on, the second <i>E. coli</i> will break down the formed cellulose by secreting cellulase through the cellulase secretion system. Once cellulose is broken down, cellobiose can enter the second <i>E. coli</i> and be broken down to glucose by introduction of periplasmic beta-glucosidase. Electrons will then be harvested from the </span><span id="highlighted">anaerobic glycolysis of glucose to facilitate an electrical current</span><span id="notHighlighted">. The electron transfer will be mediated by bacterial nanowires retrieved from <i>Geobacter sulfurreducens</I>.</span></p>
     text-align: justify;
+
    color: rgba(0, 0, 0, .2);
+
    padding-top: 5px;
+
}
+
  
 +
  <p><span id="notHighlighted">Our device will be </span><span id="highlighted">designed to resemble a leaf</span><span id="notHighlighted">, in which way it can contribute to a </span><span id="highlighted">better city ambience</span><span id="notHighlighted"> when integrated into an urban environment. For the implementation of our device in an urban environment, we will </span><span id="highlighted">collaborate with city planning experts</span><span id="notHighlighted">, with focus of implementation of our device into our home city, Odense. This way, our device can be optimised to reach its full potential and thereby fulfill the needs for a greener future. </span></p>
  
 +
  <p><span id="notHighlighted">Plant leaves do photosynthesis and are full of bacteria. Our leaf is just like that - except it also powers your phone!</span></p>
  
 +
  </div>
  
/*********************************************************************************************************************************/
+
  <div class="col-sm-4"></div>
/******************************************************* SUPPORT CLASSES ******************************************************/
+
</div>                                                          <!-- End home content -->
/*********************************************************************************************************************************/
+
  
  
  
  
/*********************************************************************************************************************************/
+
<div class="row" id="teamCover">          <!--Start of team cover -->
/***************************************************** RESPONSIVE LAYOUT ******************************************************/
+
/*********************************************************************************************************************************/
+
  
 +
</div>                                                              <!--End of team cover -->
  
  
  
  
</style>
 
  
<!--------------------------------- THIS IS WHERE THE HTML BEGINS ------------------------------------>
+
<div class="row" id="teamPage">          <!-- Start of team content -->
  
 +
<div class="row" id="teamRow1">
 +
    <div class="col-sm-1"></div>
 +
    <div class="col-sm-1"></div>
 +
    <div class="col-sm-1" id="insertName"></div>
 +
    <div class="col-sm-1"></div>
  
 +
    <div class="col-sm-4"></div>
  
 +
    <div class="col-sm-4"></div>
 +
</div>
  
  
<script>
+
<div class="row" id="teamRow2">
 +
    <div class="col-sm-4"></div>
  
        // THIS IS WHERE THE JQUERY BEGINS:
+
    <div class="col-sm-4"><div id="teamCenter"><h2>hello.</h2><div id="teamCenterP"><h3><em>Press a team member and get to know us!</em></h3></div></div></div>
  
 +
    <div class="col-sm-4"></div>
 +
</div>
 +
</div>                                                          <!-- End team content -->
  
$(document).ready(function(){
 
    $('#skimreadinner').click(function(){
 
        $('[id="skimreadouter"]').toggleClass('skimreadouterActive');
 
        $('[id="highlighted"]').toggleClass('highlighted');
 
        $('[id="notHighlighted"]').toggleClass('notHighlighted');
 
    });
 
});
 
  
  
  
</script>
+
</div>                    <!-- End of container fluid -->
 +
</body>
  
 
</html>
 
</html>

Revision as of 09:12, 28 July 2017

skim-
read.

SDU-Denmark


Welcome to the wiki for the 2017 iGEM team of the University of Southern Denmark! Our project this year focuses on green energy through bioelectricity in the form of a bacterial solar battery. This device will be constructed to contain two cultures of genetically engineered Escherichia coli (E. coli). A photosynthesising E. coli will produce a carbon source in the form of cellulose, by fixating carbon dioxide through Calvin Cycle and harvesting energy from sunlight. When switched on, the second E. coli will break down the formed cellulose by secreting cellulase through the cellulase secretion system. Once cellulose is broken down, cellobiose can enter the second E. coli and be broken down to glucose by introduction of periplasmic beta-glucosidase. Electrons will then be harvested from the anaerobic glycolysis of glucose to facilitate an electrical current. The electron transfer will be mediated by bacterial nanowires retrieved from Geobacter sulfurreducens.

Our device will be designed to resemble a leaf, in which way it can contribute to a better city ambience when integrated into an urban environment. For the implementation of our device in an urban environment, we will collaborate with city planning experts, with focus of implementation of our device into our home city, Odense. This way, our device can be optimised to reach its full potential and thereby fulfill the needs for a greener future.

Plant leaves do photosynthesis and are full of bacteria. Our leaf is just like that - except it also powers your phone!

hello.

Press a team member and get to know us!