diff options
author | elijah <elijah@riseup.net> | 2013-11-15 01:12:47 -0800 |
---|---|---|
committer | elijah <elijah@riseup.net> | 2013-11-15 01:12:47 -0800 |
commit | c405ee5f6e71d0aa7403fa9bae270799c2290b4a (patch) | |
tree | 44775caabc9c732d54126bbb9d3e0cba7ebe243c /files/branding | |
parent | 441f2669f831af2f9805286bcbe3f4b1a645e119 (diff) |
add support for webapp customization using the new method.
Diffstat (limited to 'files/branding')
-rw-r--r-- | files/branding/favicon.ico | bin | 1150 -> 0 bytes | |||
-rw-r--r-- | files/branding/head.scss | 1 | ||||
-rw-r--r-- | files/branding/img/leap-small.png | bin | 10100 -> 0 bytes | |||
-rw-r--r-- | files/branding/img/mask-big.png | bin | 12951 -> 0 bytes | |||
-rw-r--r-- | files/branding/img/rainbow-masthead-small.png | bin | 42639 -> 0 bytes | |||
-rw-r--r-- | files/branding/img/rainbow-masthead.png | bin | 121200 -> 0 bytes | |||
-rw-r--r-- | files/branding/tail.scss | 158 | ||||
-rw-r--r-- | files/branding/views/home.html.haml | 116 |
8 files changed, 0 insertions, 275 deletions
diff --git a/files/branding/favicon.ico b/files/branding/favicon.ico Binary files differdeleted file mode 100644 index 7f41dd1..0000000 --- a/files/branding/favicon.ico +++ /dev/null diff --git a/files/branding/head.scss b/files/branding/head.scss deleted file mode 100644 index c100a00..0000000 --- a/files/branding/head.scss +++ /dev/null @@ -1 +0,0 @@ -// no head.scss set diff --git a/files/branding/img/leap-small.png b/files/branding/img/leap-small.png Binary files differdeleted file mode 100644 index bc9d4e7..0000000 --- a/files/branding/img/leap-small.png +++ /dev/null diff --git a/files/branding/img/mask-big.png b/files/branding/img/mask-big.png Binary files differdeleted file mode 100644 index 2e69402..0000000 --- a/files/branding/img/mask-big.png +++ /dev/null diff --git a/files/branding/img/rainbow-masthead-small.png b/files/branding/img/rainbow-masthead-small.png Binary files differdeleted file mode 100644 index e47eac5..0000000 --- a/files/branding/img/rainbow-masthead-small.png +++ /dev/null diff --git a/files/branding/img/rainbow-masthead.png b/files/branding/img/rainbow-masthead.png Binary files differdeleted file mode 100644 index 26319d5..0000000 --- a/files/branding/img/rainbow-masthead.png +++ /dev/null diff --git a/files/branding/tail.scss b/files/branding/tail.scss deleted file mode 100644 index 80d33a3..0000000 --- a/files/branding/tail.scss +++ /dev/null @@ -1,158 +0,0 @@ -// -// APP STYLES -// - -#masthead { - background: 50% 50% url(/img/rainbow-masthead-small.png) no-repeat; - height: 96px; - border-bottom: 4px solid black; - .title { - width: 460px; - margin: 0 auto; - padding: 0; - font-size: 26px; - line-height: 96px; - } -} - - -// -// HOME PAGE STYLES -// - -.home-page { - .b { - font-weight: bold; - } - h1 { - margin-top: 1em; - } - .home-buttons .box { - margin-bottom: 1em; - } -} - -//.home-page .navbar .navbar-inner { -.home-page { - .navcontainer { - overflow: hidden; - } - .nav { - width: 1000px; - max-width: 1000px; - margin: 0 auto; - - //@include border-bottom-radius(4px); - //background: #444; - //border-top: 2px solid black; - //border-bottom: 2px solid black; - padding: 10px; - padding-left: 26px; - font-weight: bold; - a { - color: #fff; - &:hover { - color: #000; - //text-decoration: underline; - } - } - margin-bottom: 0; - } - .navheader { - background: #444; - border-top: 2px solid black; - border-bottom: 2px solid black; - margin-bottom: 1em; - } -} - -.home-page .heroish-unit { - background: 50% 50% url(/img/rainbow-masthead.png) no-repeat; - - //background-image: url('image.png'); - //background-image: none,url('image.svg'), url('image.png'); - //background-size: 100% 100%; - - - - height: 256px; - //padding: 60px; - - //@include gradient-vertical(#e6e6e6, #ccc); - //margin: 10px 0 1px 0; - color: black; - - //@include box-shadow(#{0 4px 6px rgba(0,0,0,.15) inset, 0 -2px 5px rgba(0,0,0,.25) inset}); - //@include box-shadow(#{2px 2px 8px rgba(255,255,255,.3) inset}); - //@include border-top-radius(4px); - - //.image { - // background-image: url(/img/bitmask-large.png); - // height: 122px; - // width: 256px; - // float: left; - // margin-right: 20px; - //} - .text { - width: 360px; - margin: 80px auto 0 auto; - } - .title { - font-size: 80px; - line-height: 60px; - color: #000; - margin: 0; - font-weight: bold; - } - .tagline { - padding-left: 5px; - margin-top: 6px; - font-size: 18px; - line-height: 24px; - } -} - -.home-page { - .introtext { - font-size: 18px; - line-height: 24px; - margin: 10px 0; - } - .home-buttons { - text-align: left; - a.btn { - width: 12em; - padding: 8px; - margin: 0 0 12px 0; - } - } - -} - -// -// SMALL SCREEN -// - -@media (max-width: 767px) { - .home-page .masthead { - margin-left: -20px; - margin-right: -20px; - .heroish-unit { - background: 40% 50% url(/img/rainbow-masthead-small.png) no-repeat; - height: 96px; - } - .tagline { - display: none; - } - .text { - margin: 0 auto; - padding: 0; - width: 190px; - } - .title { - font-size: 42px; - line-height: 96px; - } - } -} - diff --git a/files/branding/views/home.html.haml b/files/branding/views/home.html.haml deleted file mode 100644 index db3b215..0000000 --- a/files/branding/views/home.html.haml +++ /dev/null @@ -1,116 +0,0 @@ -- icon_color = :black - -.home-page - .masthead - .heroish-unit.clearfix - .text - .title Bitmask - .tagline Encrypted communication for mere mortals<br/>(superheroes welcome, too). - .navcontainer - .navheader - %ul.nav.nav-pills - %li - %a{href:"#how-it-works"} How it works - %li - %a{href:"#providers"} Supported providers - %li - %a{href:"#about-us"} About us - %li - %a{href:"#code"} Fork our code -#main.home-page - .container-fluid - .row-fluid - .span12 - %p.introtext - <b>Bitmask</b> is an open source application to provide easy and secure encrypted communication. You can choose among <a href="#providers">several different service providers</a>, or <a href="https://leap.se/en/doc/platform">start your own</a>. Currently, Bitmask supports encrypted internet, and will soon support encrypted email and chat. - - .home-buttons - .row-fluid.first - .box.span6 - %span.link= link_to(icon('arrow-down', icon_color) + t(:download_client), "https://downloads.leap.se/client", :class => 'btn') - %span.info= t(:download_client_info, :provider => content_tag(:b,APP_CONFIG[:domain])).html_safe - .box.span6 - %span.link= link_to(icon('ok-sign', icon_color) + t(:login), new_session_path, :class => 'btn') - %span.info= t(:login_info) - .row-fluid.second - .box.span6 - %span.link= link_to(icon('user', icon_color) + t(:signup), new_user_path, :class => 'btn') - %span.info= t(:signup_info) - .box.span6 - %span.link= link_to(icon('question-sign', icon_color) + t(:get_help), "/tickets/new", :class => 'btn') - %span.info= t(:help_info) - - %h1#how-it-works How it works - - %p The <b>Bitmask</b> application is designed to have a <b>friendly</b> interface with <b>automatic</b> configuration. You simply start the application, register with the compatible service provider of your choice, and away you go. - - %p.b Encrypted Internet (VPN) - - %ul - %li All your traffic is encrypted, routed through your provider, decrypted, and then sent on to the open internet (we use OpenVPN). - %li By doing this, encrypted internet is very effective at bypassing most censorship and network surveillance by your ISP or country. - %li Encrypted internet also hides your IP address, thus keeping your physical location safe from nefarious websites. - %li We take extra security measures to prevent problems common to other VPN applications, such as DNS leakage and IPv6 leakage (coming soon). - - %p.b Encrypted Email (Coming soon) - - %ul - %li Bitmask encrypted email is easy to use while still being backward compatible with the existing OpenPGP protocol for secure email. - %li All incoming email is automatically encrypted so only you can read it (including meta-data). - %li If possible, outgoing email is automatically encrypted so that only the recipient can read it (if a valid OpenPGP public key can be discovered for the recipient). - %li OpenPGP public keys are #{link_to 'automatically validated', 'https://leap.se/en/nicknym'}, allowing you to have confidence you communication is confidential and with the correct person (without the headache of typical key signing). - - %p.b Security Features - - %ul - %li All data storage is encrypted, including local data and cloud backups. This encryption always #{link_to 'takes place on your device', 'https://leap.se/en/soledad'}, so the service provider cannot read your stored data. - %li Your data is always available and #{link_to 'synchronized to the devices', 'https://leap.se/en/soledad'} you choose. - %li Although you specify a username and password to login, your #{link_to 'password is never communicated to the provider', 'https://en.wikipedia.org/wiki/Secure_Remote_Password_protocol'}. - %li The Bitmask application is always kept up to date with the latest security patches (coming soon). - %li If you download the Bitmask application from #{link_to 'downloads.leap.se', 'https://downloads.leap.se'}, your service provider cannot add a backdoor to compromise your security. - %li Despite all this, as with all security systems, Bitmask has many #{link_to 'known limitations', 'https://leap.se/en/limitations'}. - - %p For technical details, see our #{link_to 'design documentation', 'https://leap.se/en/design'}. - - %h1#providers Supported providers - - %p The following service providers are compatible with the Bitmask application: - - %ul - %li= link_to 'bitmask.net', 'https://bitmask.net' - %li - = link_to 'calyx.net', 'https://calyx.net' - (coming soon) - %li - = link_to 'riseup.net', 'https://riseup.net' - (coming soon) - - %p Start your own compatible service provider with the free software #{link_to 'LEAP platform', 'https://leap.se/en/platform'}. - - %h1#about-us About us - - %img{src:'/img/leap-small.png', align:'right'} - - %p The <b>Bitmask</b> application is lovingly hand-crafted by a team of paid and volunteer programmers from seven different countries. Development is principally sponsored by the #{link_to 'LEAP Encryption Access Project', 'https://leap.se'}, an non-profit organization dedicated to defending democracy by <b>protecting the right to whisper</b>. - - %p The service provider <b>bitmask.net</b> is operated by LEAP in order to demonstrate usage of the <b>Bitmask</b> application. However, we actively encourage other organizations to start their own compatible service providers by using our free software #{link_to 'platform for server automation', 'https://leap.se/en/platform'}. - - %h1#code Fork our code - - %p <b>Hey, you! We could use a hand here</b>. You want communication free of surveillance, based on open protocols, and that gives users control over their own data? Well, grab a keyboard and pitch in—the code is not going to write itself. - - %p In particular, if you have finely honed skill in Python, Android Java, Ruby, C, CouchDB, Windows, Mac, Puppet, Qt, or you really love crypto, we could sure use your help. - - %ol - %li #{link_to 'Fork our code', 'https://leap.se/en/source'}. - %li Create a new branch from develop called feature/x or bugfix/x. - %li Hack away. - %li Issue a pull request on github from your feature or bugfix branch to the upstream develop branch. - %li Discuss and wait for request to be merged. - %li Repeat. - - %p Currently, we release a new version of the Bitmask application every two weeks, and other components as necessary. - - %p - %p - |