Difference between revisions of "Template:Heidelberg/pages/sandbox/stream"

 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 9: Line 8:
 
         }
 
         }
 
     </style>
 
     </style>
−
 
−
    <script>
 
−
        window.setInterval(function(){
 
−
            !function(d,s,id){
 
−
                var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id))
 
−
                {js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}
 
−
            (document,"script","twitter-wjs");
 
−
        }, 5000);
 
−
    </script>
 
  
 
</head>
 
</head>
Line 28: Line 18:
 
                 <div class="panel panel‐default">
 
                 <div class="panel panel‐default">
 
                     <div class="panel‐heading">
 
                     <div class="panel‐heading">
−
                         <h3 class="basicheader">Synthetic biology - Bricks for a healthy life?</h3>
+
                         <h3 class="basicheader"><strong>Synthetic biology - Bricks for a healthy life?</strong></h3>
 
                     </div>
 
                     </div>
 
                     <div class="panel‐body">
 
                     <div class="panel‐body">
Line 34: Line 24:
 
                         <div class="col-lg-12">
 
                         <div class="col-lg-12">
 
                             <p class="basictext">
 
                             <p class="basictext">
−
                                 <strong>We, the iGEM Team Heidelberg 2015 hereby invite you to our discussion regarding the topic, if and how synthetic biology should influence modern health and life and general. </strong> <br/>
+
                                 <strong>We, the iGEM Team Heidelberg 2015 hereby invite you to our discussion regarding the topic, if and how synthetic biology should influence modern health and life in general. </strong> <br/> <br/>
−
We have made it our goal to inform society about the possibilities that synthetic biology has to offer for modern medicine. In order to offer a stage for the questions this might rise, we organised a discussion about the topic 'Synthetic biology - Bricks for a healthy life?' (german: 'Synthetische Biologie - Bausteine für ein gesundes Leben?'). We invited multiple representatives of different fields of modern life to discuss about that. Amongst them are doctors, politicians, scientists, philosophers ... and <strong> YOU! </strong>. <br/>
+
We have made it our goal to inform society about the possibilities that synthetic biology has to offer for modern medicine. In order to give a stage for the questions this might raise, we organised a discussion about the topic 'Synthetic biology - Bricks for a healthy life?' (german: 'Synthetische Biologie - Bausteine für ein gesundes Leben?'). We invited multiple representatives of different fields of todays society to discuss about that. Amongst them are doctors, politicians, scientists, philosophers ... and <strong> YOU! </strong>. <br/> <br/>
−
In windows above you can on the one hand watch a life stream of our discussion - translated into english in realtime and contribute to our discussion by asking questions via Twitter. In order to do so, you just need to tweet your questions with the hastag <strong>'#askigemheidelberg'</strong> and they will be show up for us.  
+
In windows below you can on the one hand watch a life stream of our discussion - translated into english in realtime and contribute to our discussion by asking questions via Twitter. In order to do so, you just need to tweet your questions with the hashtag <strong>'#askigemheidelberg'</strong> and they will show up for us. As members of the team will be moderating the evening, we'll try to forward your questions to our speakers, so you can have them answered. In case we won't be able to answer your questions live, we'll answer them later on via text.
 
                             </p>
 
                             </p>
 
                         </div>
 
                         </div>
Line 45: Line 35:
 
         </div> <!-- row -->
 
         </div> <!-- row -->
  
−
         <div class="row visible-lg-block">
+
 
 +
         <div class="row"> <!-- Intro -->
 
             <div class="col-lg-12">
 
             <div class="col-lg-12">
 
                 <div class="panel panel‐default">
 
                 <div class="panel panel‐default">
 
                     <div class="panel‐heading">
 
                     <div class="panel‐heading">
−
                         <h3 class="basicheader">Join us in the discussion and ask questions via Twitter!</h3>
+
                         <h3 class="basicheader"><strong>Life Stream of the Discussion</strong></h3>
 
                     </div>
 
                     </div>
−
                     <div class="panel‐body" style="height: 450px;">
+
                     <div class="panel‐body">
 
                         <div class="row">
 
                         <div class="row">
−
 
+
                        <div class="col-lg-12">
−
                            <div class="col-lg-8">
+
                            <p class="basictext">
−
                                <div class="videocase">
+
                                For the wiki freeze we had to remove the player for the stream as it was using Flash and our Twitter life feed as it loads data from an external source.
−
                                    <iframe src="http://www.twitch.tv/igem_heidelberg/embed" frameborder="0" scrolling="no"  height="405" width="100%"></iframe><a href="http://www.twitch.tv/igem_heidelberg?tt_medium=live_embed&tt_content=text_link" style="padding:2px 0px 4px; display:block; width:100%; font-weight:normal; font-size:10px;text-decoration:underline;">Follow our stream and contribute to the discussion!</a>
+
                            </p>
−
                                </div>
+
                        </div>
−
                            </div>
+
                        </div>
−
                            <div class="col-lg-4">
+
                         </div>
−
                                <a class="twitter-timeline" href="https://twitter.com/hashtag/askigemheidelberg" data-widget-id="633947930844635136" height="405">Contribute and ask us questions!</a>
+
                     </div>
−
                            </div> <!-- col-lg-4 -->
+
                 </div>
−
                         </div> <!-- row -->
+
−
                     </div> <!-- panel-body -->
+
−
                 </div> <!-- panel panel-default -->
+
−
            </div> <!-- col-lg-12 -->
+
 
         </div> <!-- row -->
 
         </div> <!-- row -->
−
 
−
        <div class="row hidden-lg">
 
−
            <div class="col-md-12">
 
−
                <div class="panel panel‐default">
 
−
                    <div class="panel‐heading">
 
−
                        <h3 class="basicheader">Watch our discussion</h3>
 
−
                    </div>
 
−
                    <div class="panel‐body" style="height: 450px;">
 
−
                        <div class="row">
 
−
                            <div class="col-md-12">
 
−
                                <div class="videocase">
 
−
                                    <iframe src="http://www.twitch.tv/igem_heidelberg/embed" frameborder="0" scrolling="no"  height="405" width="100%"></iframe><a href="http://www.twitch.tv/igem_heidelberg?tt_medium=live_embed&tt_content=text_link" style="padding:2px 0px 4px; display:block; width:100%; font-weight:normal; font-size:10px;text-decoration:underline;">Follow our stream and contribute to the discussion!</a>
 
−
                                </div> <!-- videocase -->
 
−
                            </div> <!-- col-md-12 -->
 
−
                        </div> <!-- row -->
 
−
                    </div> <!-- panel-body -->
 
−
                </div> <!-- panel panel-default -->
 
−
            </div> <!-- col-md-12 -->
 
−
        </div> <!-- row hidden-lg -->
 
−
 
−
        <div class="row hidden-lg">
 
−
            <div class="col-md-12">
 
−
                <div class="panel panel‐default">
 
−
                    <div class="panel‐heading">
 
−
                        <h3 class="basicheader">Ask us questions using '#askigemheidelberg'</h3>
 
−
                    </div>
 
−
                    <div class="panel‐body">
 
−
                        <div class="row">
 
−
                            <div class="col-md-6 col-sm-12">
 
−
                                <div class="row hidden-lg">
 
−
                                    <div class="col-md-12">
 
−
                                        <a class="twitter-timeline" style="margin-right: 10px;" href="https://twitter.com/hashtag/askigemheidelberg" data-widget-id="633947930844635136" height="405">Contribute and ask us questions!</a>
 
−
                                    </div> <!-- col-md-12 -->
 
−
                                </div> <!-- row hidden-lg -->
 
−
                            </div>  <!-- col-md-8 col-sm-12 -->
 
−
                            <div class="col-md-6 col-sm-12">
 
−
                                <div class="row hidden-lg">
 
−
                                    <div class="col-md-12">
 
−
                                        <p class="basictext">
 
−
                                            Not only listen to our disussion, but join it yourself and ask us questions. Just tweet your question under the hashtag <strong>'#askigemheidelberg'</strong> and our moderators will try to incorporate them. Feel free to also leave comments or ask for further explanations, we'll try to answer them as soon as possible. <br/> <br/>
 
−
 
−
Love, iGEM Heidelberg
 
−
                                        </p>
 
−
                                    </div> <!-- col-md-12 -->
 
−
                                </div> <!-- row hidden-lg -->
 
−
                            </div>  <!-- col-md-6 col-sm-12 -->
 
−
                        </div> <!-- row -->
 
−
                    </div> <!-- panel-body -->
 
−
                </div> <!-- panel panel-default -->
 
−
            </div> <!-- col-md-12 -->
 
−
        </div> <!-- row hidden-lg -->
 
  
 
     </div> <!-- content -->
 
     </div> <!-- content -->

Latest revision as of 17:02, 18 September 2015

Synthetic biology - Bricks for a healthy life?

We, the iGEM Team Heidelberg 2015 hereby invite you to our discussion regarding the topic, if and how synthetic biology should influence modern health and life in general.

We have made it our goal to inform society about the possibilities that synthetic biology has to offer for modern medicine. In order to give a stage for the questions this might raise, we organised a discussion about the topic 'Synthetic biology - Bricks for a healthy life?' (german: 'Synthetische Biologie - Bausteine für ein gesundes Leben?'). We invited multiple representatives of different fields of todays society to discuss about that. Amongst them are doctors, politicians, scientists, philosophers ... and YOU! .

In windows below you can on the one hand watch a life stream of our discussion - translated into english in realtime and contribute to our discussion by asking questions via Twitter. In order to do so, you just need to tweet your questions with the hashtag '#askigemheidelberg' and they will show up for us. As members of the team will be moderating the evening, we'll try to forward your questions to our speakers, so you can have them answered. In case we won't be able to answer your questions live, we'll answer them later on via text.

Life Stream of the Discussion

For the wiki freeze we had to remove the player for the stream as it was using Flash and our Twitter life feed as it loads data from an external source.