|
|
| (9 intermediate revisions not shown) |
| Line 18: |
Line 18: |
| | #human-practices-page a:hover{ | | #human-practices-page a:hover{ |
| | color: #002BB8; | | color: #002BB8; |
| | + | } |
| | + | /* nav menu edit*/ |
| | + | #page-navigation ul li a#nav-blog{ |
| | + | cursor: default; |
| | + | color:#ccc; |
| | } | | } |
| | /* actual page */ | | /* actual page */ |
| Line 23: |
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: #a8a8a8; |
| | + | text-align:center; |
| | + | padding-bottom:50px; |
| | + | } |
| | + | #blog-sample{ |
| | + | margin-bottom:20px; |
| | + | border:1px solid #182e46; |
| | + | box-shadow:0px 0px 10px #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 29: |
Line 65: |
| | //End of code--> | | //End of code--> |
| | </script> | | </script> |
| - | <div id="page-middle"> | + | </html> |
| - | <div id="page-navigation">
| + | |
| - | <ul>
| + | {{:Team:Edinburgh/Human_Practices/navigation}} |
| - | <li>
| + | |
| - | <a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/DIYbio">DIY bio</a>
| + | <html> |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Crowdfunding">Crowdfunding</a>
| + | |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <p style="color:#ccc;">Blog</p>
| + | |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Laws-and-Legislations">Laws-and-Legislations</a>
| + | |
| - | <li>
| + | |
| - | <a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Blue-Sky_Research">Blue-Sky Research</a>
| + | |
| - | </li>
| + | |
| - | </ul>
| + | |
| - | </div><!-- /page-navigation -->
| + | |
| | <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. We're still working on the layout. You can also view the posts on <a href="http://synthbiopunk.blogspot.co.uk/"> blogspot</a> . The blog is written from the perspectives of different people in the world of 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. It can be viewed on <a href="http://synthbiopunk.blogspot.co.uk/"> <b>BLOGSPOT</b></a> platform or downloaded as a complete document in a <span class="plainlinks"><a href="https://docs.google.com/file/d/0BwLb7uHrWCZTV1BESTdqZmd3S0E/edit?pli=1"><b>PDF</b></a></span> or <span class="plainlinks"><a href="https://docs. google.com/document/d/1RbfnAM_iCaOii64ZIC6Xa1MuaVaM7CqRzT5QlSRsXCY/edit?pli=1"><b>DOCX</b></a></span> format from google drive. |
| | + | <br /><br /> |
| | </p> | | </p> |
| | + | <p class="normal-text"> |
| | + | The aim of this blog is to share snippets from the lives of people who live in a world where Synthetic Biology has integrated seamlessly into their everyday lives. We get to see how everyday things such as <a href="http://synthbiopunk.blogspot.co.uk/2012/08/1848-pm-august-3rd-future.html">food</a>, <a href="http://synthbiopunk.blogspot.co.uk/2012/07/k_26.html">health</a>, <a href="http://synthbiopunk.blogspot.co.uk/2012/07/k.html">fuel</a>, <a href="http://synthbiopunk.blogspot.co.uk/2012/07/900-pm-july-7th-future.html">advertising</a>, <a href="http://synthbiopunk.blogspot.co.uk/2012/08/a.html">pets</a>, <a href="http://synthbiopunk.blogspot.co.uk/2012/08/4pm-july-12th-future.html">entertainment</a> and <a href="http://synthbiopunk.blogspot.co.uk/2012/08/750-pm-july-27th-future.html">clothing</a> have been revolutionized due to advances in this field. We also get to see the state of <a href="http://synthbiopunk.blogspot.co.uk/2012/08/10-pm-july-26th-future.html">The Registry.</a> |
| | + | <br /><br /> |
| | + | <span class="intense-emphasis">Intertwined with these aspects that apply to the general population come the personal stories of the characters involved:</span><br /> |
| | + | K. is a biopunk <a href="http://synthbiopunk.blogspot.co.uk/2012/07/300-pm-july-10th-future.html">working for a beer company</a> and doing some tweaking in his spare time. He complains about a lot of things, but also embraces the perks that <a href="http://synthbiopunk.blogspot.co.uk/2012/08/7pm-july-13th-future.html">personal augmentation</a> can bring. Underneath this seemingly bland life he hides a <a href="http://synthbiopunk.blogspot.co.uk/2012/08/7-pm-july-30th-future.html">noble purpose<a/>, showing that even the <a href="http://synthbiopunk.blogspot.co.uk/2012/08/9pm-july-17th-future.html">little guys can dream big</a> and, if they try hard enough, their dreams might see the light of reality. |
| | + | <br /><br /> |
| | + | A. started working for the Department of Health and Security after many <a href="http://synthbiopunk.blogspot.co.uk/2012/08/9pm-july-17th-future.html">low-end jobs</a> and is tasked with <a href="http://synthbiopunk.blogspot.co.uk/2012/07/445-pm-july-11th-furure.html">making sure that synthetic biology is not abused</a>. A <a href="http://synthbiopunk.blogspot.co.uk/2012/08/3pm-july-20th-future.html">bioterrorist attack</a> has already happened in the past, so the government is doing its best to prevent such a <a href="http://synthbiopunk.blogspot.co.uk/2012/08/11-pm-july-23rd-future.html">tragedy</a> from ever repeating itself. She is trying to fight the good fight while constantly being amused by how the simple things in life have changed. |
| | + | <br /><br /> |
| | + | S. is a child who marvels at all the <a href="http://synthbiopunk.blogspot.co.uk/2012/08/4pm-july-12th-future.html">wonders</a> Synthetic Biology has brought us, and can enjoy these things without having to worry about how it all works underneath the surface and what ramifications its misuse can have. <br /><br /> |
| | + | <span class="intense-emphasis">We follow these stories that culminate in an event that will change the lives of the characters forever - whether it be for better or for worse will be up to you, the reader, to find out...</span> |
| | + | <br /><br /> |
| | + | </p> |
| | </div><!-- /text --> | | </div><!-- /text --> |
| | + | <div id="blog-sample"> |
| | + | <div id="link-to-blog" class="text"> |
| | + | <a target="_blank" 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> |
"
