Final redesign and release notes includede. Ready for ship

revolucaodosbytes · Nov 25, 2015 · af46928 · af46928
1 parent 1709e4d
commit af46928
Show file tree

Hide file tree

Showing 4 changed files with 115 additions and 5 deletions.
diff --git a/Google Chrome/views/popup.html b/Google Chrome/views/popup.html
@@ -13,7 +13,10 @@
 		<header>
 			<h1>Ahoy!</h1>
 		</header>
-		<div class="info">Ligado a <span id="proxyaddr">xxx.xxx.xxx.xxx</span></div>
+		<div class="info">A utilizar <span id="proxyaddr">xxx.xxx.xxx.xxx</span>
+			<div class="status activo">o proxy está activo para este site</div>
+			<div class="status inactivo" style="display:none;">o proxy está inactivo para este site</div>
+		</div>
 		<div class="waiting" ><img src="wait.gif"></img></div>
 		<div class="buttons">
 			<button id="forcarProxy">Forçar Novo Proxy</button>
@@ -23,7 +26,7 @@ <h1>Ahoy!</h1>
 
 		<footer>
 			<div>Feito com ♥ em Portugal <span id="ahoy-version">v1.0</span></div>
-			<div><a href="">#RevoluçãoDosBytes</a></div>
+			<div><a href="https://revolucaodosbytes.pt" target="_blank">#RevoluçãoDosBytes</a></div>
 		</footer>
 	</body>
 </html>
diff --git a/Google Chrome/views/popup.js b/Google Chrome/views/popup.js
@@ -6,6 +6,28 @@ $(document).ready( function() {
         $("#proxyaddr").text( result.proxy_addr );    
     } )
 
+    chrome.tabs.query( { active:true, currentWindow: true }, function(tabs) {
+        var currentTab = tabs[0];
+        var sites_list = chrome.extension.getBackgroundPage().ahoy.sites_list;
+        var activo = false;
+
+        for( var site_id in sites_list ) {
+            var site = sites_list[ site_id ];
+
+            if ( currentTab.url.indexOf( site ) !== -1 ) {
+                activo = true;
+            } 
+        }
+
+        if( activo ) {
+            $(".status.activo").show();
+            $(".status.inactivo").hide();
+        } else {
+            $(".status.activo").hide();
+            $(".status.inactivo").show();
+        }
+    })
+
 
     $("#forcarProxy").click( function() {
         if($(this).attr('disabled')) { // HERE

diff --git a/Google Chrome/views/release_notes.html b/Google Chrome/views/release_notes.html
@@ -1 +1,45 @@
-<h1>Changelog</h1>
+<html>
+	<head>
+		<title>Ahoy! - Notas de Lançamento</title>
+		<link rel="stylesheet" type="text/css" href="style.css" media="screen">
+		 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	</head>
+	<body class="release-notes">
+		<script src="jquery-1.11.3.min.js"></script>
+		<script>
+			$(document).ready( function() {
+			    $('#ahoy-version').text("v" + chrome.app.getDetails().version);
+			});
+		</script>
+		<header>
+			<h1>Ahoy!</h1>
+		</header>
+	<section>
+		<h2>Notas de Lançamento</h2>
+		<article class="notas">
+			<p>
+				O <strong>Ahoy!</strong> mudou! É com muito prazer que anunciamos a versão 3 da extensão que pretende oferecer uma experiência livre e sem censura da Internet. Para além de termos mudado a nossa imagem, também temos algumas funcionalidades novas interessantes <i>under the hood</i>.
+			</p>
+			<h3>Mas afinal, o que mudou?</h3>
+			<p>
+				Para começar alteramos o funcionamento do <strong>Ahoy!</strong>. Agora, em vez de apenas aparecer o botão quando está num site bloqueado, aparece em todos os sites, podendo ter controlo sobre a mudança de proxy e actualização da lista em qualquer site. Note que, por enquanto, apenas os sites que estão na lista de bloqueios é que vão ser acedidos através do proxy. Numa próxima versão, será dada a possibilidade de activar/desactivar o proxy em qualquer site que está a aceder.
+			</p>	
+			<p>
+				Vá, convido-o a procurar pelo símbolo do Cravo na sua lista de extensões, ao lado da barra de navegação.
+				<img src="../icons/16x16.png" />
+			</p>
+
+			<h3>Porquê um cravo?</h3>
+			<p>O cravo é a imagem do projecto em que o <strong>Ahoy!</strong> está inserido. É a <strong>#RevoluçãoDosBytes</strong>. Iremos lançar o site em breve, mas já nos pode seguir no <a href="https://www.facebook.com/revolucaodosbytes/?fref=extensao">Facebook</a>. Por este canal serão dadas todas as notícias sobre esta extensão e sobre o estado da internet e das liberdades online em Portugal.
+
+			<h3>Aceitamos as suas sugestões!</h3>
+			<p>Temos muitas novas notícias a caminho, com novas e interessantes funcionalidades. E a sua opinião é crucial para melhorarmos o <strong>Ahoy!</strong>. É por isso que pedimos e que contamos com as suas sugestões. O nosso email é <a href="mailto:[email protected]">[email protected]</a> e está aberto para as suas opiniões.
+		</article>
+	</section>
+	<footer>
+		<div>Feito com ♥ em Portugal <span id="ahoy-version">v1.0</span></div>
+		<div><a href="">#RevoluçãoDosBytes</a></div>
+	</footer>
+	</body>
+
+</html>
diff --git a/Google Chrome/views/style.css b/Google Chrome/views/style.css
@@ -2,13 +2,14 @@ body {
 	font-family: Arial;
 	text-align: center;
 	width: 300px;
-	min-height: 300px;
+	min-height: 325px;
 	background: url("../img/cravo_curto.png") no-repeat;
 	background-position: right bottom;
 	background-size: 100px;
 	margin: 0px;
 }
 
+
 header {
     background: #219d55;
     color: white;
@@ -33,6 +34,20 @@ h1 {
     font-size: 15px;
 }
 
+.info .status {
+	font-size: 12px;
+    text-transform: lowercase;
+    margin-top: 10px;
+}
+
+.activo {
+	color: darkgreen;
+}
+
+.inactivo {
+	color: darkred;
+}
+
 .buttons button {
 	-moz-outline:0 none;
 	outline:0 none;
@@ -88,10 +103,36 @@ footer {
     color: gray;
     width: 100%;
     font-size: 10px;
+    text-align: center;
 }
 
 footer a {
 	text-decoration: none;
 	color: gray !important;
     font-weight: bold;
-}
+}
+
+/**
+ * RELEASE NOTES
+ */
+body.release-notes {
+	width: 100%;
+	text-align: left;
+	background: url("../img/cravo.png") no-repeat;
+	background-position: right bottom;
+	background-size: 200px;
+}
+
+.release-notes header h1 {
+	font-size: 40px;
+}
+
+.release-notes h2 {
+	text-align: center;
+}
+
+article.notas {
+	max-width: 1024px;
+	margin: 0 auto;
+	line-height: 1.7em;
+}