commit 13711698e9326138dc5dd176080581b21829379b Author: Alexandre Allaire alexandre.allaire@mail.mcgill.ca Date: Wed Dec 5 22:23:15 2012 -0500
Add CSS and noscript for options page.
Add CSS for the options page, largely borrowed from crypto.stanford.edu/flashproxy. Also add a noscript tag in case the user has JavaScript disabled. The top-gradient.gif file is used in the background for the CSS. --- proxy/options.html | 54 ++++++++++++++++++++++++++++++++++++++++++++++- proxy/top-gradient.gif | Bin 0 -> 1992 bytes 2 files changed, 52 insertions(+), 2 deletions(-)
diff --git a/proxy/options.html b/proxy/options.html index 109c626..343aab7 100644 --- a/proxy/options.html +++ b/proxy/options.html @@ -2,20 +2,69 @@ <html> <head> <meta charset="utf-8"> +<style type="text/css"> +body { + font-family: Calibri, Arial, sans-serif; + font-size: small; + background-image: url(top-gradient.gif); + background-repeat: repeat-x; + background-color: #E7D19A; + text-align: center; +} +.content { + width: 760px; + margin: 0 auto; + background-color: white; + text-align: left; + border-style: solid; + border-width: 1px; + border-color: #D0A760; +} +h1 { + padding: 18px 7px; + margin: 0 auto; + background-color: #900; + color: white; + font-size: 200%; + font-weight: bold; +} +p { + margin: 7px; +} +button { + margin: 0px 7px 7px; +} +.blank-link { + text-decoration: none; + color: white; +} +#flashproxy-badge { + background-color: #227; + vertical-align: middle; + margin-left: 2px; +} +</style> </head> <body> +<div class="content"> <div> - <h4>Flash proxy options</h4> + <h1>Flash proxy options</h1> <p> This page enables you to use your web browser as a proxy to help censored Internet users. When you click yes, your browser will act as a censorship circumvention proxy as long as you are viewing a page with the - flash proxy badge: <img src="badge.png" alt="Internet Freedom"> + flash proxy badge:<a class="blank-link" href="http://crypto.stanford.edu/flashproxy/"><img id="flashproxy-badge" src="badge.png" alt="Internet Freedom"></a>. </p> <p> <a href="http://crypto.stanford.edu/flashproxy/">For more information on this system click here</a>. </p> </div> +<noscript> + <p> + While javascript is disabled, your computer will not be a proxy. + Enable JavaScript to change your options. + </p> +</noscript> <div id="setting"> </div> <div id="buttons" style="display: none;"> @@ -27,6 +76,7 @@ order to set flash proxy settings. </p> </div> +</div> <script type="text/javascript" src="options.js"></script> </body> </html> diff --git a/proxy/top-gradient.gif b/proxy/top-gradient.gif new file mode 100644 index 0000000..ba8e7ca Binary files /dev/null and b/proxy/top-gradient.gif differ