| Line 28: | Line 28: | ||
background-color:#fff; | background-color:#fff; | ||
border:1px solid #ccc; | border:1px solid #ccc; | ||
| + | } | ||
| + | #blog-h1{ | ||
| + | color: #25476C; | ||
| + | font: bold 40px/60px arial, tahoma, sans-serif; | ||
| + | text-align:center; | ||
| + | } | ||
| + | #blog-h1-subtitle{ | ||
| + | color: #ccc; | ||
| + | text-align:center; | ||
| + | padding-bottom:50px; | ||
| + | } | ||
| + | #blog-sample{ | ||
| + | margin-bottom:20px; | ||
| + | border:1px solid #182e46; | ||
| + | border-radius:25px; | ||
| + | padding:25px; | ||
| + | margin-left:25px; | ||
| + | width:750px; | ||
| + | background-image: url("https://static.igem.org/mediawiki/2012/0/0d/Misty-image-small.jpg"); | ||
| + | } | ||
| + | #link-to-blog{ | ||
| + | margin-left:150px; | ||
| + | margin-right:150px; | ||
| + | background-color:rgba(37,71,108,0.8); | ||
| + | } | ||
| + | #link-to-blog a{ | ||
| + | display:block; | ||
| + | } | ||
| + | #link-to-blog a p{ | ||
| + | color:#d5a6bd;; | ||
} | } | ||
</style> | </style> | ||
| Line 41: | Line 71: | ||
<div id="page-content"> | <div id="page-content"> | ||
<div class="text"> | <div class="text"> | ||
| + | <p id="blog-h1"> | ||
| + | The world with synthetic biology | ||
| + | </p> | ||
| + | <p id="blog-h1-subtitle" class="subtitle"> | ||
| + | Where the Petri dish is half full or half empty | ||
| + | </p> | ||
<p class="normal-text"> | <p class="normal-text"> | ||
| - | As part of our human practices project we are writing a science-fiction blog inspired by technological advances in the world of synthetic biology | + | As part of our human practices project we are writing a science-fiction blog inspired by technological advances in the world of synthetic biology. The blog is written from the perspectives of different people in the world of synthetic biology. |
</p> | </p> | ||
</div><!-- /text --> | </div><!-- /text --> | ||
| + | <div id="blog-sample"> | ||
| + | <div id="link-to-blog" class="text"> | ||
| + | <a href="http://synthbiopunk.blogspot.co.uk/"> | ||
| + | <p class="normal-text"> | ||
| + | <span>7:00 AM, July the 3rd, The Future</span> | ||
| + | <br /><br /> | ||
| + | A. | ||
| + | <br /><br /> | ||
| + | I'm so comfortable. 'These new sheets with Thermobacter™ <i>adjust to maintain your body temperature a cozy 36.7°C through the night, taking care of your sweet dreams.'</i> If only I didn’t have to get up and go to work... | ||
| + | </p> | ||
| + | </a> | ||
| + | </div> | ||
| + | </div> | ||
</div><!-- /page-content --> | </div><!-- /page-content --> | ||
</div><!-- /page-middle --> | </div><!-- /page-middle --> | ||
</html> | </html> | ||
The world with synthetic biology
Where the Petri dish is half full or half empty
As part of our human practices project we are writing a science-fiction blog inspired by technological advances in the world of synthetic biology. The blog is written from the perspectives of different people in the world of synthetic biology.
"
