Team:Alberta/Social media

From 2011.igem.org

(Difference between revisions)

Latest revision as of 21:58, 27 September 2011

INTERACTIVE

Social Media

Team Alberta recognizes the significant impact that social media has on today's society. Our team has fully utilized this communication avenue to generate public awareness about our project, further public knowledge about synthetic biology, and engage and exchange information with other iGEM teams.

Twitter

Follow @Team_Alberta

Facebook

iGEM Community

The iGEM community is growing! See what other exciting things different teams are working on here: https://2011.igem.org/Community

@@ Line 3: / Line 3: @@
 <html>
-<div id=main-content>
-<table>
+<script type="text/javascript" src="/wiki/index.php?title=Team:Alberta/twitter.js&action=raw&ctype=text/javascript"></script>
-<tr>
-<td width=650 valign=bottom>
+<script type='text/javascript'>
-<div id=section-title><font color=#f19232>SOCIAL MEDIA</font></div>
+    jQuery(function($){
-<b>Team Alberta recognizes the significant impact that social media has on today’s society.</b> Our team has fully utilized this communication avenue to generate public awareness about our project, further public knowledge about synthetic biology, and engage and exchange information with other iGEM teams.
+        $(".tweet").tweet({
-<table>
+            username: "Team_Alberta",
-<tr>
+            join_text: "auto",
-<td width=325 valign=top>
+            avatar_size: 32,
-<div id=interact-title>twitter</div>
+            count: 5,
-<br>
+            auto_join_text_default: "we said,",
-<script src="http://widgets.twimg.com/j/2/widget.js"></script>
+            auto_join_text_ed: "we",
-<script>
+            auto_join_text_ing: "we were",
-new TWTR.Widget({
+            auto_join_text_reply: "we replied to",
-  version: 2,
+            auto_join_text_url: "we were checking out",
-  type: 'profile',
+            loading_text: "loading tweets..."
-  rpp: 5,
+        });
-  interval: 30000,
+     });
-  width: 300,
-  height: 295,
-  theme: {
-    shell: {
-      background: '#f19232',
-      color: '#000000'
-    },
-    tweets: {
-      background: '#fffcd5',
-      color: '#000000',
-      links: '#f19232'
-    }
-  },
-  features: {
-     scrollbar: false,
-    loop: false,
-    live: true,
-    hashtags: true,
-    timestamp: true,
-    avatars: false,
-    behavior: 'all'
-  }
-}).render().setUser('Team_Alberta').start();
 </script>
-<a style="color:#808080;" href="http://twitter.com/{screen_name}" class="twitter-follow-button">Follow @Team_Alberta</a>
-<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
-</td>
-<td width=325 valign=top>
-<div id=interact-title>facebook</div>
-<br>
-<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTeam-Alberta-iGEM%2F228772613832700&amp;width=300&amp;colorscheme=light&amp;show_faces=false&amp;border_color=808080&amp;stream=true&amp;header=false&amp;height=395" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:395px;" allowTransparency="true"></iframe>
-</td>
-</tr>
-</table>
-</td>
-<td width=350 valign=bottom>
-<div id=media-pic><br><br><br>Insert pretty social media photo<br><br><br><br><br><br><br><br><br><br><br><br><br></div>
-<br>
-</td>
-</table>
+<div id=main-content>
+    <div id=page-title>
+        <span id=page-title-text>
+            INTERACTIVE
+        </span>
+    </div>
-<table>
-<tr>
-<td width=650>
-<div id=interact-title>iGEM community</div>
-<br>
-The iGEM community is growing! See what other exciting things different teams are working on here:
-<br><br>
-<a style="color:#808080;" href=https://2011.igem.org/Community>https://2011.igem.org/Community</a>
-</td>
+</html>
-<td width=350></td>
+{{Team:Alberta/interactive-contents|social=selected}}
-</tr>
+<html>
-<table>
+    <div id=page-content>
+        <h2>Social Media</h2>
+        <p>
+            Team Alberta recognizes the significant impact that
+            social media has on today's society. Our team has
+            fully utilized this communication avenue to generate public
+            awareness about our project, further public knowledge about
+            synthetic biology, and engage and exchange information with
+            other iGEM teams.
+        </p>
+        <br>
+        <div class="tweet-container">
+            <h3>Twitter</h3>
+            <div class="tweet"></div>
+            <br>
+            <a style="color:#808080;" href="http://twitter.com/#!/Team_Alberta" class="twitter-follow-button">Follow @Team_Alberta</a>
+        </div>
+        <div class="fb-container">
+            <h3>Facebook</h3>
+            <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTeam-Alberta-iGEM%2F228772613832700&amp;width=300&amp;colorscheme=light&amp;show_faces=false&amp;border_color=808080&amp;stream=true&amp;header=false&amp;height=395" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:395px;" allowTransparency="true"></iframe>
+        </div>
+        <div class="clear"></div>
+        <br>
+        <h3>iGEM Community</h3>
+        <p>
+        The iGEM community is growing! See what other exciting
+        things different teams are working on here:
+        <a style="color:#808080;" href=https://2011.igem.org/Community>https://2011.igem.org/Community</a>
+        </p>
+    </div>
 </div>
 </html>
+{{Team:Alberta/footer|achievements=selected}}