facebook button

kylemcdonald · Jun 2, 2014 · b08d62d · b08d62d
1 parent 37d8ef0
commit b08d62d
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -18,6 +18,10 @@ body {
   margin: 0;
 }
 
+#intro p {
+  margin: 0;
+}
+
 h2{
    font-family: "Open Sans Condensed";
    font-size: 38px;

diff --git a/views/index.ejs b/views/index.ejs
@@ -2,6 +2,7 @@
 <html>
   <head>
     <title>Who Pays Artists?</title>
+    <meta property="og:image" content="../images/header.png"/>
     <link href='http://fonts.googleapis.com/css?family=Oswald|Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>
     <script type='text/javascript' src="//code.jquery.com/jquery-1.11.0.min.js"></script>
     <script type='text/javascript' src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
@@ -39,17 +40,29 @@
     <link rel='stylesheet' href='stylesheets/css3-tips.css' />
   </head>
   <body>
+
+    <div id="fb-root"></div>
+    <script>(function(d, s, id) {
+      var js, fjs = d.getElementsByTagName(s)[0];
+      if (d.getElementById(id)) return;
+      js = d.createElement(s); js.id = id;
+      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
+      fjs.parentNode.insertBefore(js, fjs);
+    }(document, 'script', 'facebook-jssdk'));</script>
+
     <div class="wrapper">
 
       <div id="header" class="section">
-        <a href="./"><h1>Who Pays<img src="../images/header.png"/>Artists<span class="q">?</span></h1></a>
+        <a href="./"><h1>Who Pays<img src="../images/header.png"/ id="campaign-icon">Artists<span class="q">?</span></h1></a>
       </div>
 
       <img src="images/top-background.png" class="split"/>
 
       <div id="intro" class="section">
         <h2>Making a living as an artist can be hard.</h2>
         <p>You never know how much to ask for. Discussions about money are taboo because we pretend that passion and creativity alone should pay the bills. Some of the best events have “no budget”, and sometimes only the worst events can make a career as an artist look painfully sustainable. Let’s help each other sort through some of the confusion, and develop an ongoing dialogue about how artists make money.</p>
+
+        <div class="fb-like" data-href="http://www.whopaysartists.com/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
       </div>
 
       <img src="images/white-background.png" class="split"/>