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 1: / Line 1: @@
-{{Team:Alberta/Head}}
+{{Team:Alberta/Top}}
 {{Team:Alberta/navbar|interactive=selected}}
-{{Team:Alberta/Navbar_interactive|Social_media=selected}}
-__NOTOC__
+<html>
-__NOEDITSECTION__
+<script type="text/javascript" src="/wiki/index.php?title=Team:Alberta/twitter.js&action=raw&ctype=text/javascript"></script>
-{{Team:Alberta/beginWideContent}}
+<script type='text/javascript'>
+    jQuery(function($){
+        $(".tweet").tweet({
+            username: "Team_Alberta",
+            join_text: "auto",
+            avatar_size: 32,
+            count: 5,
+            auto_join_text_default: "we said,",
+            auto_join_text_ed: "we",
+            auto_join_text_ing: "we were",
+            auto_join_text_reply: "we replied to",
+            auto_join_text_url: "we were checking out",
+            loading_text: "loading tweets..."
+        });
+    });
+</script>
-==Join the Conversation==
+<div id=main-content>
-<hr>
+    <div id=page-title>
+        <span id=page-title-text>
+            INTERACTIVE
+        </span>
+    </div>
+</html>
+{{Team:Alberta/interactive-contents|social=selected}}
 <html>
-<table>
-<tr><td>
-<script src="http://widgets.twimg.com/j/2/widget.js"></script>
-<script>
-new TWTR.Widget({
-  version: 2,
-  type: 'profile',
-  rpp: 4,
-  interval: 6000,
-  width: 250,
-  height: 300,
-  theme: {
-    shell: {
-      background: '#fffcd5',
-      color: '#3c2415'
-    },
-    tweets: {
-      background: '#fffcd5',
-      color: '#3c2415',
-      links: '#5bb567'
-    }
-  },
-  features: {
-    scrollbar: true,
-    loop: false,
-    live: true,
-    hashtags: true,
-    timestamp: true,
-    avatars: false,
-    behavior: 'all'
-  }
-}).render().setUser('Team_Alberta').start();
-</script>
+    <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>
-</td>
+        <br>
-<td width=100px></td>
+        <div class="tweet-container">
+            <h3>Twitter</h3>
+            <div class="tweet"></div>
+            <br>
-<td>
+            <a style="color:#808080;" href="http://twitter.com/#!/Team_Alberta" class="twitter-follow-button">Follow @Team_Alberta</a>
-<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/browse/?type=page_fans&amp;page_id=228772613832700&amp;ref=notif&amp;notif_t=page_new_likes#!/pages/Team-Alberta-iGEM/228772613832700" width="292" show_faces="true" border_color="" stream="true" header="true"></fb:like-box>
+        </div>
-</td></tr>
-</table>
-</html>
+        <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/endWideContent}}
+{{Team:Alberta/footer|achievements=selected}}