"Tweet this" button

GuruPI · Aug 20, 2010 · 4197e75 · 4197e75
1 parent 7b12718
commit 4197e75
Show file tree

Hide file tree

Showing 7 changed files with 72 additions and 87 deletions.
diff --git a/locales/en.yml b/locales/en.yml
@@ -1,8 +1,13 @@
 index:
   title: How many fakes follow you?
   button: Calculate
+  followers: You have %1 fake followers
+  info: !!html
+    We don't store their data, <a href="/images/heroku.png">our Heroku account not using storage space</a>.
+  retweet: !!html
+    <a href="/tweet">Tweet this</a>
   footer:
     message: !!html
       Twifakes uses <a href="http://en.wikipedia.org/wiki/OAuth" target="_blank">OAuth</a> for Authentication. This is designed to protect your account. You will be redirected to Twitter and asked to allow the Twifakes Application. Simply click Allow to use Twifakes. We promise not to misuse or abuse your account.
     locale: !!html
-      Change language to <a href="/?locale=pt">Portuguese</a>
+      Change language to <a href="?locale=pt">Portuguese</a>
diff --git a/locales/pt.yml b/locales/pt.yml
@@ -1,8 +1,13 @@
 index:
   title: Quantos fakes seguem você?
   button: Calcular
+  followers: Você tem %1 seguidores fake
+  info: !!html
+    Nós não armazenamos seus dados, <a href="/images/heroku.png">nossa conta no Heroku não está utilizando espaço para armazenamento</a>.
+  retweet: !!html
+    <a href="/tweet">Envie um Tweet</a>
   footer:
     message: !!html
       Para proteger sua conta o Twifakes usa <a href="http://en.wikipedia.org/wiki/OAuth" target="_blank">OAuth</a> na Autenticação. Você será redirecionado para o Twitter que perguntará se você dar permissão à aplicação Twifakes. Simplesmente clique em "Allow" para usar o Twifakes. Prometemos não fazer uso indevido ou abusar da sua conta.
     locale: !!html
-      Mudar idioma para <a href="/?locale=en">Inglês</a>
+      Mudar idioma para <a href="?locale=en">Inglês</a>
diff --git a/public/images/heroku.png b/public/images/heroku.png
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -52,7 +52,16 @@ header h1 {
   line-height:1.4em;
   margin:0 auto 1em;
 }
-#calculate a {
+.info {
+  color:#555;
+  font-size:1.3em;
+  line-height:1.4em;
+  margin-top:2em;
+}
+.info a {
+  color:#333;
+}
+#calculate a, #retweet a {
   background:url("/images/dual-color.gif") repeat-x scroll left center transparent;
   border:1px solid #1D515E;
   color:#E2FAFD;

diff --git a/views/index.erb b/views/index.erb
@@ -1,47 +1,3 @@
-<!DOCTYPE HTML>
-<html lang="<%= r18n.locale.code %>"> 
-  <head> 
-    <meta charset="utf-8">
-    <meta name="description" content="How many fakes follow you?" />
-    <meta name="keywords" content="Twitter, Fakes, Joke, Calculate, Twitter Fakes, Twitter service" />
-    <link rel="stylesheet" media="screen" href="/stylesheets/style.css" />
-    <title><%= r18n.index.title %> | Twifakes</title> 
-    <!--[if IE]>
-    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <script type="text/javascript">
-
-      var _gaq = _gaq || [];
-      _gaq.push(['_setAccount', 'UA-18088069-1']);
-      _gaq.push(['_trackPageview']);
-
-      (function() {
-        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-      })();
-
-    </script>
-  </head> 
-  <body>
-	  <section id="wrapper">
-		  <header>
-      	<h1><a href="/"><img src="/images/twifakes.png" alt="Twifakes" /></a></h1>
-      </header>
-
-      <section id="content">
-        <h1><%= r18n.index.title %></h1>
-        <p class="warning">Twifakes is an entertainment application, is hosted on the Heroku (free) and do not use any database or other storage.</p>
-        <p class="warning">Twifakes is temporarily offline, but we are trying to return as soon as possible.</p>
-        <!--p id="calculate"><a href="/connect"><%= r18n.index.button %></a></p-->
-      </section>
-
-      <div id="stick"></div>
-	  </section>
-
-    <footer>
-      <p id="message"><%= r18n.index.footer.message %></p>
-      <p id="locale"><%= r18n.index.footer.locale %></p>
-    </footer>
-  </body>
-</html>
+<h1><%= r18n.index.title %></h1>
+<p id="calculate"><a href="/connect"><%= r18n.index.button %></a></p>
+<p class="info"><%= r18n.index.info %></p>
diff --git a/views/layout.erb b/views/layout.erb
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html lang="<%= r18n.locale.code %>"> 
+  <head> 
+    <meta charset="utf-8">
+    <meta name="description" content="How many fakes follow you?" />
+    <meta name="keywords" content="Twitter, Fakes, Joke, Calculate, Twitter Fakes, Twitter service" />
+    <link rel="stylesheet" media="screen" href="/stylesheets/style.css" />
+    <title><%= r18n.index.title %> | Twifakes</title> 
+    <!--[if IE]>
+    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-18088069-1']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+  </head> 
+  <body>
+	  <section id="wrapper">
+		  <header>
+      	<h1><a href="/"><img src="/images/twifakes.png" alt="Twifakes" /></a></h1>
+      </header>
+
+      <section id="content">
+        <%= yield %>
+      </section>
+
+      <div id="stick"></div>
+	  </section>
+
+    <footer>
+      <p id="message"><%= r18n.index.footer.message %></p>
+      <p id="locale"><%= r18n.index.footer.locale %></p>
+    </footer>
+  </body>
+</html>
diff --git a/views/show.erb b/views/show.erb
@@ -1,37 +1,3 @@
-<!DOCTYPE HTML>
-<html lang="en"> 
-  <head> 
-    <meta charset="utf-8">
-    <meta name="description" content="How many fakes follow you?" />
-    <meta name="keywords" content="Twitter, Fakes, Joke, Calculate, Twitter Fakes, Twitter service" />
-    <link rel="stylesheet" media="screen" href="/stylesheets/style.css" />
-    <title>How many fakes follow you? | Twifakes</title> 
-    <!--[if IE]>
-    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <script type="text/javascript">
-
-      var _gaq = _gaq || [];
-      _gaq.push(['_setAccount', 'UA-18088069-1']);
-      _gaq.push(['_trackPageview']);
-
-      (function() {
-        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-      })();
-
-    </script>
-  </head> 
-  <body>
-	  <div id="wrapper">
-		  <header>
-      	<h1><a href="/"><img src="/images/twifakes.png" alt="Twifakes" /></a></h1>
-      </header>
-
-      <section id="content">
-        <h1>You have <%= @fakes %> fake followers</h1>
-      </section>
-	  </div>
-  </body>
-</html>
+<h1><%= r18n.index.followers(@fakes) %></h1>
+<p id="retweet"><%= r18n.index.retweet %></p>
+<p class="info"><%= r18n.index.info %></p>