JimmyZhong (Talk | contribs) |
JimmyZhong (Talk | contribs) |
||
Line 1: | Line 1: | ||
{{iTesla-SoundBio}} | {{iTesla-SoundBio}} | ||
<html> | <html> | ||
+ | <style> | ||
+ | h1 { | ||
+ | font: 600 1.5em/1 'Raleway', sans-serif; | ||
+ | color: rgba(0,0,0,.5); | ||
+ | text-align: center; | ||
+ | text-transform: uppercase; | ||
+ | letter-spacing: .5em; | ||
+ | top: 25%; | ||
+ | width: 100%; | ||
+ | padding-top: 50px; | ||
+ | padding-bottom: 50px; | ||
+ | } | ||
+ | |||
+ | span, span:after { | ||
+ | font-weight: 900; | ||
+ | color: #efedce; | ||
+ | white-space: nowrap; | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | letter-spacing: .1em; | ||
+ | padding: .2em 0 .25em 0; | ||
+ | } | ||
+ | |||
+ | span { | ||
+ | font-size: 4em; | ||
+ | z-index: 100; | ||
+ | text-shadow: .04em .04em 0 #9cb8b3; | ||
+ | } | ||
+ | |||
+ | span:after { | ||
+ | content: attr(data-shadow-text); | ||
+ | color: rgba(0,0,0,.35); | ||
+ | text-shadow: none; | ||
+ | position: absolute; | ||
+ | left: .0875em; | ||
+ | top: .0875em; | ||
+ | z-index: -1; | ||
+ | -webkit-mask-image: url(https://f.cl.ly/items/1t1C0W3y040g1J172r3h/mask.png); | ||
+ | } | ||
+ | </style> | ||
<body> | <body> | ||
<h1>Build the change <br><span data-shadow-text="Under Construction">Project Description</span><br>You want to see in the world</h1> | <h1>Build the change <br><span data-shadow-text="Under Construction">Project Description</span><br>You want to see in the world</h1> |
Revision as of 07:16, 26 August 2018
Build the change
Project Description
You want to see in the world
![DID YOU KNOW? Every year, hundreds of thousands of horseshoe crabs are caught each year and drained of up to to 30% of their blood. Why? To collect LAL, a chemical that is crucial in the detection of endotoxins in everything from drugs to medical equipment](https://static.igem.org/mediawiki/2018/f/f4/T--iTesla-Soundbio--Project_Description.png)