From af46928d4cc97085c1c03481fb10f09bf0da96fd Mon Sep 17 00:00:00 2001 From: Henrique Mouta Date: Wed, 25 Nov 2015 15:20:43 +0000 Subject: [PATCH] Final redesign and release notes includede. :shipit: Ready for ship --- Google Chrome/views/popup.html | 7 ++-- Google Chrome/views/popup.js | 22 ++++++++++++ Google Chrome/views/release_notes.html | 46 +++++++++++++++++++++++++- Google Chrome/views/style.css | 45 +++++++++++++++++++++++-- 4 files changed, 115 insertions(+), 5 deletions(-) diff --git a/Google Chrome/views/popup.html b/Google Chrome/views/popup.html index 40ab46e..58bc2a6 100644 --- a/Google Chrome/views/popup.html +++ b/Google Chrome/views/popup.html @@ -13,7 +13,10 @@

Ahoy!

-
Ligado a xxx.xxx.xxx.xxx
+
A utilizar xxx.xxx.xxx.xxx +
o proxy está activo para este site
+ +
@@ -23,7 +26,7 @@

Ahoy!

diff --git a/Google Chrome/views/popup.js b/Google Chrome/views/popup.js index 511d0e7..7adeca6 100644 --- 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 index cb117e4..0d28f27 100644 --- a/Google Chrome/views/release_notes.html +++ b/Google Chrome/views/release_notes.html @@ -1 +1,45 @@ -

Changelog

\ No newline at end of file + + + Ahoy! - Notas de Lançamento + + + + + + +
+

Ahoy!

+
+
+

Notas de Lançamento

+
+

+ O Ahoy! 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 under the hood. +

+

Mas afinal, o que mudou?

+

+ Para começar alteramos o funcionamento do Ahoy!. 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. +

+

+ Vá, convido-o a procurar pelo símbolo do Cravo na sua lista de extensões, ao lado da barra de navegação. + +

+ +

Porquê um cravo?

+

O cravo é a imagem do projecto em que o Ahoy! está inserido. É a #RevoluçãoDosBytes. Iremos lançar o site em breve, mas já nos pode seguir no Facebook. 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. + +

Aceitamos as suas sugestões!

+

Temos muitas novas notícias a caminho, com novas e interessantes funcionalidades. E a sua opinião é crucial para melhorarmos o Ahoy!. É por isso que pedimos e que contamos com as suas sugestões. O nosso email é ahoy@revolucaodosbytes.pt e está aberto para as suas opiniões. +

+
+ + + + \ No newline at end of file diff --git a/Google Chrome/views/style.css b/Google Chrome/views/style.css index 9bdc05d..d640ffe 100644 --- 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; -} \ No newline at end of file +} + +/** + * 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; +}