Difference between revisions of "Team:KU Leuven"

m
 
(81 intermediate revisions by 4 users not shown)
Line 21: Line 21:
 
}
 
}
 
#grad {
 
#grad {
−
     background: -webkit-linear-gradient(#C17952,#ffd4a6,#edf2f4); /* Safari 5.1-6.0 */
+
     background: -webkit-linear-gradient(#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2); /* Safari 5.1-6.0 */
−
     background: -o-linear-gradient(#C17952,#ffd4a6,#edf2f4); /* Opera 11.1-12.0 */  
+
     background: -o-linear-gradient((#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2)); /* Opera 11.1-12.0 */  
−
     background: -moz-linear-gradient(#C17952,#ffd4a6,#edf2f4); /* Firefox 3.6-15 */
+
     background: -moz-linear-gradient((#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2)); /* Firefox 3.6-15 */
−
     background: linear-gradient(#C17952,#ffd4a6,#edf2f4); /* Standard syntax */
+
     background: linear-gradient((#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2)); /* Standard syntax */
 
}
 
}
  
Line 80: Line 80:
 
  opacity: 1;
 
  opacity: 1;
 
}
 
}
−
.container2{
+
.el__text .container2{
 
position: relative;
 
position: relative;
 
padding: 0px 10px 0 10px;
 
padding: 0px 10px 0 10px;
Line 244: Line 244:
 
  position: absolute;
 
  position: absolute;
 
  right: 10px;
 
  right: 10px;
−
  top: 10px;
+
  top: 1px;
−
  width: 60px;
+
  width: 40px;
−
  height: 60px;
+
  height: 50px;
 
  opacity: 0;
 
  opacity: 0;
 
  pointer-events: none;
 
  pointer-events: none;
Line 403: Line 403:
 
  -webkit-transition-delay: 0s;
 
  -webkit-transition-delay: 0s;
 
          transition-delay: 0s;
 
          transition-delay: 0s;
−
  background-image: url("https://www.gpsspellen.be/wp-content/uploads/2014/02/2605896820_bd88c33639_o.jpg");
+
  background-image: url("https://static.igem.org/mediawiki/2017/archive/9/96/20171030191733%21New_Homepage.jpg");
 
}
 
}
 
.el:nth-child(2) {
 
.el:nth-child(2) {
Line 431: Line 431:
 
  -webkit-transition-delay: 0.1s;
 
  -webkit-transition-delay: 0.1s;
 
          transition-delay: 0.1s;
 
          transition-delay: 0.1s;
−
  background-image: url("https://www.gpsspellen.be/wp-content/uploads/2014/02/2605896820_bd88c33639_o.jpg");
+
  background-image: url("https://static.igem.org/mediawiki/2017/archive/9/96/20171030191733%21New_Homepage.jpg");
 
}
 
}
 
.el:nth-child(3) {
 
.el:nth-child(3) {
Line 459: Line 459:
 
  -webkit-transition-delay: 0.2s;
 
  -webkit-transition-delay: 0.2s;
 
          transition-delay: 0.2s;
 
          transition-delay: 0.2s;
−
  background-image: url("https://www.gpsspellen.be/wp-content/uploads/2014/02/2605896820_bd88c33639_o.jpg");
+
  background-image: url("https://static.igem.org/mediawiki/2017/archive/9/96/20171030191733%21New_Homepage.jpg");
 
}
 
}
 
.el:nth-child(4) {
 
.el:nth-child(4) {
Line 487: Line 487:
 
  -webkit-transition-delay: 0.3s;
 
  -webkit-transition-delay: 0.3s;
 
          transition-delay: 0.3s;
 
          transition-delay: 0.3s;
−
  background-image: url("https://www.gpsspellen.be/wp-content/uploads/2014/02/2605896820_bd88c33639_o.jpg");
+
  background-image: url("https://static.igem.org/mediawiki/2017/archive/9/96/20171030191733%21New_Homepage.jpg");
 
}
 
}
 
.el:nth-child(5) {
 
.el:nth-child(5) {
Line 515: Line 515:
 
  -webkit-transition-delay: 0.4s;
 
  -webkit-transition-delay: 0.4s;
 
          transition-delay: 0.4s;
 
          transition-delay: 0.4s;
−
  background-image: url("https://www.gpsspellen.be/wp-content/uploads/2014/02/2605896820_bd88c33639_o.jpg");
+
  background-image: url("https://static.igem.org/mediawiki/2017/archive/9/96/20171030191733%21New_Homepage.jpg");
 
}
 
}
 
.el:hover .el__bg:after {
 
.el:hover .el__bg:after {
Line 543: Line 543:
 
  -webkit-transform: scale(1.1);
 
  -webkit-transform: scale(1.1);
 
          transform: scale(1.1);
 
          transform: scale(1.1);
 +
}
 +
img .rotate180 {
 +
    -webkit-transform: rotate(180deg);
 +
    -moz-transform: rotate(180deg);
 +
    -o-transform: rotate(180deg);
 +
    -ms-transform: rotate(180deg);
 +
    transform: rotate(180deg);
 
}
 
}
 
 
Line 593: Line 600:
 
display: block;
 
display: block;
 
}
 
}
 +
}
 +
p {
 +
font-color:white;
 +
font-size: 120px;
 +
 +
}
 +
.imagecontainer{
 +
padding:0;
 
}
 
}
  
Line 623: Line 638:
 
          <div class="el__text">HEKcite</div>
 
          <div class="el__text">HEKcite</div>
 
          <div class="container2">
 
          <div class="container2">
−
          <p>Inspired by the heart and its rhythm, our team sought to aid those of us who are in need of continuous drug monitoring. To achieve this goal we transformed ourselves into real dance instructors as we introduced a continuous rhythm in HEK cells. </p>
+
          <p style="color:white;font-size:25px; font-family:arial; position:absolute;text-align:justify">Inspired by the heart and its rhythm, our team sought to aid those who need continuous drug monitoring. To achieve this goal, we transformed ourselves into real dance instructors as we introduced a continuous rhythm in HEK cells. Our cells performed wonderfully so we are very proud to present you: <a href="https://2017.igem.org/Team:KU_Leuven/Description">HEKcite!</a></p>
 
          </div>
 
          </div>
 
            <div class="el__close-btn"></div>
 
            <div class="el__close-btn"></div>
Line 646: Line 661:
 
          </div>
 
          </div>
 
          <div class="el__content">
 
          <div class="el__content">
−
            <div class="el__text">
+
            <div class="el__text"></div>
 
            <div class="container2">
 
            <div class="container2">
−
            <div class="el_paragraph">
+
           
−
          <p>The story of our team starts with 4 bioscience engineers who were eager to expand their knowledge and learn vital practical skills. Almost 1 year later they were joined by 9 motivated students and so the Avengers… I mean the 2017 KULeuven iGEM team was formed. </p>
+
          <p style="color:white;font-size:25px; font-family:arial; position:absolute;text-align:justify">The story of our team starts with four bioscience engineering students who were eager to expand their knowledge and learn vital practical skills. Almost one year later they were joined by nine motivated students and so the final 2017 KULeuven iGEM team was formed. A vast amount of meetings were followed by the actual lab work in the summer, but hard work was always varied with fantastic teambuilding activities. The great camaraderie is formed.
−
          </div>
+
                                            <a href="https://2017.igem.org/Team:KU_Leuven/Team">Meet our amazing team</a>
−
          </div>
+
         
 +
          <br>
 +
         
 +
          </p>
 +
                   
  
−
            </div>
+
            </div>
 
            <div class="el__close-btn"></div>
 
            <div class="el__close-btn"></div>
 
          </div>
 
          </div>
Line 675: Line 694:
 
          </div>
 
          </div>
 
          <div class="el__content">
 
          <div class="el__content">
−
            <div class="el__text">
+
            <div class="el__text"></div>
 
            <div class="container2">
 
            <div class="container2">
−
          <p>Located just 30 kilometers from Brussels lies the educational beating heart of Belgium, the city of Leuven. It is home to the KULeuven, one of the oldest universities in Europe. Allow us to tell you some fun facts about Leuven. <br>
+
          <p style="color:white;font-size:20px; font-family:arial; position:absolute;text-align:justify">Located just 30 kilometers from Brussels lies the educational beating heart of Belgium, the city of Leuven. It is home to the KULeuven, one of the oldest universities in Europe. Allow us to tell you some fun facts about Leuven.<br>
 
          <br>
 
          <br>
 
Fact number 1: Did you know that Leuven is famously home to the biggest bar in the world?  
 
Fact number 1: Did you know that Leuven is famously home to the biggest bar in the world?  
 
<br>
 
<br>
 
<br>
 
<br>
−
Fact number 2: Around 1/3rd of the population of Leuven is a student at the university or works there. During summer, the streets of Leuven do indeed look emptier.
+
Fact number 2: Around one third of the population of Leuven is a student at the university or works there. During summer, the streets of Leuven do indeed look emptier.
−
<br><br>
+
<br>
−
Fact number 3: Every year in oktober there is a major sport event where the different student fraternities battle it out on the racing track. The fraternity who ran the highest number of laps after 24 hours wins this prestigious competition.  
+
<br>
−
 
+
Fact number 3: Every year in October there is a major sports event where the different student societies battle it out on the racing track. The society that ran the most of laps after 24 hours wins this prestigious competition.  
 +
<br>
 +
<br>
 +
Want to know more about our university, click <a href="https://www.kuleuven.be/english/">here</a>
 
</p>
 
</p>
 
          </div>
 
          </div>
−
          </div>
+
         
 
             
 
             
 
            <div class="el__close-btn"></div>
 
            <div class="el__close-btn"></div>
Line 708: Line 730:
 
          <div class="el__bg"></div>
 
          <div class="el__bg"></div>
 
          <div class="el__preview-cont">
 
          <div class="el__preview-cont">
−
            <h2 class="el__heading"><font color="white">Human Practices</font></h2>
+
            <h2 class="el__heading"><font color="white">Education</font></h2>
 
          </div>
 
          </div>
 
          <div class="el__content">
 
          <div class="el__content">
−
            <div class="el__text">
+
            <div class="el__text"></div>
 
            <div class="container2">
 
            <div class="container2">
−
          <p>Silver:<br>
+
          <p style="color:white;font-size:25px; font-family:arial; position:absolute; text-align:justify;">Developing a card game that teaches you more about the immune system and its enemies, teaching children and young adults about biology and the importance of synthetic biology, doing fun experiments with children attending the children’s university event... Our team did all this and more to make sure that we left a positive impact on the next generation. Want to know more about our education project, click <a href="https://2017.igem.org/Team:KU_Leuven/HP/Education">here</a> </p>
−
Learn more about how our team sought to put ourselves in the lives of the patients we try to help. You will learn about the stories of organ transplant patients as well as epilepsy patients and how their stories gave us conformation that our project is indeed valuable. The ethical aspect of our project is described as well. 
+
−
<br>
+
−
<br>
+
−
Gold:<br>
+
−
Learn more about how our team improved the project by talking to specialists. Their years of experience and opinions pushed us to adapt our project to match these critical insights. You will learn more about these specialists and their background.
+
−
<br><br>
+
−
Education:<br>
+
−
Learn more about how our team devoted substantial effort in teaching students from elementary schools and high schools about biology. With adapted programs for both groups we tried to enrich the scientific knowledge of these young students while showing them the beauty of synthetic biology.
+
−
<br><br>
+
−
Public engagement:<br>
+
−
Learn more about how our team reached out to the general public as well as other iGEM teams. You will learn about our blog in the scientific magazine EOS, the European practice jamboree and much more.
+
−
</p>
+
 
          </div>
 
          </div>
−
          </div>
+
         
 
 
 
            <div class="el__close-btn"></div>
 
            <div class="el__close-btn"></div>
Line 750: Line 760:
 
          </div>
 
          </div>
 
          <div class="el__content">
 
          <div class="el__content">
−
            <div class="el__text">
+
            <div class="el__text"></div>
 
            <div class="container2">
 
            <div class="container2">
−
          <p>You can reach our team through our Facebook page (Insert FB page) . So send us some love, or if you have any questions feel free to ask them there!
+
          <p style="color:white;font-size:25px; font-family:arial; position:absolute;text-align:justify">You can contact the KU Leuven team through our <a href="https://www.facebook.com/KULeuveniGEM/">Facebook</a>page or via igem2017@kuleuven.be. So, send us some love, or if you have any questions feel free to ask them there!
 
          </p>
 
          </p>
 
          </div>
 
          </div>
−
          </div>
+
         
 
            <div class="el__close-btn"></div>
 
            <div class="el__close-btn"></div>
 
          </div>
 
          </div>
Line 838: Line 848:
 
                            <rect x="200" y="2100" display="inline" opacity="0" fill="#000000" width="200" height="200" />
 
                            <rect x="200" y="2100" display="inline" opacity="0" fill="#000000" width="200" height="200" />
 
                        </a>
 
                        </a>
−
                        <a xlink:href="#game">
+
                        <a xlink:href="https://2017.igem.org/Team:KU_Leuven/Design">  
−
                            <rect x="800" y="2100" display="inline" opacity="0" fill="#000000" width="200" height="200" />
+
 
                        </a>
 
                        </a>
−
                        <a xlink:href="https://2017.igem.org/Team:KU_Leuven/HP/Gold_Integrated">
+
                        <a xlink:href="https://2017.igem.org/Team:KU_Leuven/HP/HP_Main">
 
                            <rect x="200" y="2500" display="inline" opacity="0" fill="#000000" width="200" height="200" />
 
                            <rect x="200" y="2500" display="inline" opacity="0" fill="#000000" width="200" height="200" />
 
                        </a>
 
                        </a>
−
                        <a xlink:href="#education">
+
                        <a xlink:href="https://2017.igem.org/Team:KU_Leuven/HP/Education">
 
                            <rect x="800" y="2500" display="inline" opacity="0" fill="#000000" width="200" height="200" />
 
                            <rect x="800" y="2500" display="inline" opacity="0" fill="#000000" width="200" height="200" />
 
                        </a>
 
                        </a>
Line 889: Line 898:
 
          
 
          
 
     });
 
     });
−
 
−
   
 
−
 
 
</script>
 
</script>
 
</div>
 
</div>
Line 942: Line 948:
 
                 <a href="#">
 
                 <a href="#">
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
−
                         <div>Tillion-S.S.T</div>
+
                         <div><img src="https://static.igem.org/mediawiki/2017/c/c0/Tillion_logo.png" /></div>
 
                     </li>
 
                     </li>
 
                 </a>
 
                 </a>
Line 986: Line 992:
 
                     <li class="col-sm-3">
 
                     <li class="col-sm-3">
 
                         <div><img src="https://static.igem.org/mediawiki/2017/e/ec/KU_Leuven-sponsor-agilent.jpg" /></div>
 
                         <div><img src="https://static.igem.org/mediawiki/2017/e/ec/KU_Leuven-sponsor-agilent.jpg" /></div>
 +
                    </li>
 +
                </a>
 +
<a href="">
 +
                    <li class="col-sm-3">
 +
                        <div><img src="https://static.igem.org/mediawiki/2017/3/3b/T--KU_Leuven--Sponsor-Img-Missing.png" /></div>
 
                     </li>
 
                     </li>
 
                 </a>
 
                 </a>
Line 997: Line 1,008:
 
         </div>
 
         </div>
 
     </footer>
 
     </footer>
−
 
 
</html>
 
</html>

Latest revision as of 17:11, 6 June 2018

Project

HEKcite

Inspired by the heart and its rhythm, our team sought to aid those who need continuous drug monitoring. To achieve this goal, we transformed ourselves into real dance instructors as we introduced a continuous rhythm in HEK cells. Our cells performed wonderfully so we are very proud to present you: HEKcite!

1
1

Team

The story of our team starts with four bioscience engineering students who were eager to expand their knowledge and learn vital practical skills. Almost one year later they were joined by nine motivated students and so the final 2017 KULeuven iGEM team was formed. A vast amount of meetings were followed by the actual lab work in the summer, but hard work was always varied with fantastic teambuilding activities. The great camaraderie is formed. Meet our amazing team

2
2

KU LEUVEN

Located just 30 kilometers from Brussels lies the educational beating heart of Belgium, the city of Leuven. It is home to the KULeuven, one of the oldest universities in Europe. Allow us to tell you some fun facts about Leuven.

Fact number 1: Did you know that Leuven is famously home to the biggest bar in the world?

Fact number 2: Around one third of the population of Leuven is a student at the university or works there. During summer, the streets of Leuven do indeed look emptier.

Fact number 3: Every year in October there is a major sports event where the different student societies battle it out on the racing track. The society that ran the most of laps after 24 hours wins this prestigious competition.

Want to know more about our university, click here

3
3

Education

Developing a card game that teaches you more about the immune system and its enemies, teaching children and young adults about biology and the importance of synthetic biology, doing fun experiments with children attending the children’s university event... Our team did all this and more to make sure that we left a positive impact on the next generation. Want to know more about our education project, click here

4
4

Contact

You can contact the KU Leuven team through our Facebookpage or via igem2017@kuleuven.be. So, send us some love, or if you have any questions feel free to ask them there!

5
5