Line 1: | Line 1: | ||
{{KU_Leuven}} | {{KU_Leuven}} | ||
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | body, html { | ||
+ | height: 100vh; | ||
+ | } | ||
+ | /* The hero image */ | ||
+ | .hero-image { | ||
+ | /* The image used */ | ||
+ | background-image: url("https://static.igem.org/mediawiki/2017/5/5c/Safety_KU_Leuven-01.png"); | ||
+ | |||
+ | /* Set a specific height */ | ||
+ | height: 50vh; | ||
+ | |||
+ | /* Position and center the image to scale nicely on all screens */ | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | /* Place text in the middle of the image */ | ||
+ | .hero-text { | ||
+ | text-align: center; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | transform: translate(-50%, -50%); | ||
+ | color: white; | ||
+ | } | ||
+ | </style> | ||
<div class="hero-image"> | <div class="hero-image"> | ||
<div class="hero-text"> | <div class="hero-text"> | ||
Line 16: | Line 45: | ||
var speed = 50; | var speed = 50; | ||
− | function typeWriter() { | + | function typeWriter() { |
− | + | if (i < txt.length) { | |
− | + | document.getElementById("demo").innerHTML += txt.charAt(i); | |
− | + | i++; | |
− | + | setTimeout(typeWriter, speed); | |
− | + | } | |
} | } | ||
</script> | </script> | ||
</html> | </html> | ||
{{KU_Leuven_footer}} | {{KU_Leuven_footer}} |
Revision as of 02:02, 13 September 2017
Safety
Labs are just dangerous in general.