Difference between revisions of "Team:KU Leuven/Safety"

 
(83 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{KU_Leuven}}
 
{{KU_Leuven}}
 
<html>
 
<html>
−
<head>
+
<style type="text/css">
−
<style>
+
.svg{
−
div.card {
+
padding: 0px 0px 10px 0px;
−
  width: 250px;
+
}
−
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+
−
  text-align: center;
+
−
}
+
  
−
div.header {
+
#grad {
−
     background-color: #4CAF50;
+
     background: -webkit-linear-gradient(#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2); /* Safari 5.1-6.0 */
−
     color: white;
+
     background: -o-linear-gradient((#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2)); /* Opera 11.1-12.0 */
−
     padding: 100px;
+
     background: -moz-linear-gradient((#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2)); /* Firefox 3.6-15 */
−
     font-size: 40px;
+
     background: linear-gradient((#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2)); /* Standard syntax */
−
}
+
    }
  
−
div.container {
+
.background1{
−
    padding: 10px;
+
            background:url(https://static.igem.org/mediawiki/2017/c/cb/KU_Leuven_Homepage2.png);
−
}
+
            position: initial;
−
</style>
+
            background-size: 100%;
−
</head>
+
            padding: 0 10px 0 10px;
−
<body>
+
    }
 +
    p::first-letter {
 +
            color: #cc3333;
 +
            font-size: 40px;
 +
    }
  
−
<h2>Cards</h2>
 
  
−
<p>The box-shadow property can be used to create paper-like cards:</p>
+
</style>
−
 
+
<div id="grad">
−
<div class="card">
+
<br>
−
  <div class="header">
+
<br>
−
    <h1>1</h1>
+
<div class="background1">
−
  </div>
+
                            <h1 style="text-align:center; padding: 30px; font-size:50px; color: white;">Safety</h1>
−
 
+
                                <p style="text-align:center;color: white; padding: 0px 10px 60px 10px; font-size:15px;">As safety is a very important aspect of sciences, we wanted to create a professor who could alert us whenever we did something dangerous. After following a recipe, which contained sugar, spice, everything nice and chemical X, Hekky arose from our experiment! But in contrary to what we wanted, Hekky came out as an inexperienced lab buddy to which we had to list up all the rules in order to keep him alive. Please read the following rules down below carefully and help us protect our sweet summer child!</p>
−
  <div class="container">
+
                       
−
    <p>January 1, 2016</p>
+
                        </div>
−
  </div>
+
<div class="container">
−
</div>
+
 +
<svg height="auto" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 1000 3000" style="margin: -100px 0 0 0">
 +
    <image height="3000px" width="1000px" xlink:href="https://static.igem.org/mediawiki/2017/b/bc/Safety_BG_2.0.svg"></image>
 +
</svg>
 +
</div>
  
  

Latest revision as of 01:13, 1 November 2017



Safety

As safety is a very important aspect of sciences, we wanted to create a professor who could alert us whenever we did something dangerous. After following a recipe, which contained sugar, spice, everything nice and chemical X, Hekky arose from our experiment! But in contrary to what we wanted, Hekky came out as an inexperienced lab buddy to which we had to list up all the rules in order to keep him alive. Please read the following rules down below carefully and help us protect our sweet summer child!