Skip to content

Using IE9, Not IE6 (RU page only) #27

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Marfa wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Using IE9, Not IE6 (RU page only) #27

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ef37884
Fix for Using IE9, Not IE6 issue
Marfa Nov 16, 2012
0907aad
Using IE9, Not IE6 (RU page only)
Marfa Nov 16, 2012
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions public/css/ie6.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,4 +15,7 @@

.footer .logo { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_ej.gif") no-repeat; }

.wrapperie6 { width: 900px; padding: 20px; margin:0 auto; position: relative; display: block ; clear: both;}
.wrapperie7, .wrapperie8, .wrapperie9 {display: none}


21 changes: 21 additions & 0 deletions public/css/ie7.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
/* Images for an "image challenged" browser */
.chrome, .firefox, .opera,
.chrome:hover,
.firefox:hover,
.opera:hover { background-position: 0 0;}

.chrome { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_chrome.gif") no-repeat;}
.firefox { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_firefox.gif") no-repeat;}
.opera { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_opera.gif") no-repeat; }

.meh .icon { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_ie.gif") no-repeat; }
.meh .icon:hover { background-position: 0 0; }

.ad .noteless {background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_noteless_ad.gif") no-repeat;}

.footer .logo { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_ej.gif") no-repeat; }

.wrapperie7 { width: 900px; padding: 20px; margin:0 auto; position: relative; display: block ; clear: both;}
.wrapperie9, .wrapperie8, .wrapperie6 {display: none}


21 changes: 21 additions & 0 deletions public/css/ie8.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
/* Images for an "image challenged" browser */
.chrome, .firefox, .opera,
.chrome:hover,
.firefox:hover,
.opera:hover { background-position: 0 0;}

.chrome { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_chrome.gif") no-repeat;}
.firefox { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_firefox.gif") no-repeat;}
.opera { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_opera.gif") no-repeat; }

.meh .icon { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_ie.gif") no-repeat; }
.meh .icon:hover { background-position: 0 0; }

.ad .noteless {background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_noteless_ad.gif") no-repeat;}

.footer .logo { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_ej.gif") no-repeat; }

.wrapperie8 { width: 900px; padding: 20px; margin:0 auto; position: relative; display: block ; clear: both;}
.wrapperie6, .wrapperie7, .wrapperie9 {display: none}


13 changes: 7 additions & 6 deletions public/css/screen.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
body { background: url("http://abetterbrowser.s3.amazonaws.com/images/background.png"); }
.wrapper { width: 900px; padding: 20px; margin:0 auto; position: relative; display: block; clear: both;}
.wrapperie9 { width: 900px; padding: 20px; margin:0 auto; position: relative; display: block; clear: both;}
.wrapperie6, .wrapperie7, .wrapperie8 {display: none}

.menu { width: 100%; background: #6b645e; padding: 8px 0; margin-bottom: 20px; display: block; position: relative; height: 28px;}
.menu li { display: inline; margin-right: 20px; }
Expand Down Expand Up @@ -82,7 +83,7 @@ h2, h3, h4 { color: #252220; text-shadow: 0 1px 0 rgba(255,255,255,.3


/* Super Awesome 3D Text Effect from Mark Otto: http://markdotto.com/playground/3d-text */
h1 { text-shadow: 0 1px 0 #ccc,
h1 { text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
Expand All @@ -94,10 +95,10 @@ h1 { text-shadow: 0 1px 0 #ccc,
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15); }

hr { border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));}
184 changes: 184 additions & 0 deletions public/index_ru.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,184 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Настало время выбрать современный браузер!</title>
<link href='/public/css/reset.css' rel='stylesheet' type='text/css' />
<link href='/public/css/screen.css' rel='stylesheet' type='text/css' />
<link href='/public/css/superfish.css' rel='stylesheet' type='text/css' />
<!--[if IE 6]>
<link href='/public/css/ie6.css' rel='stylesheet' type='text/css' />
<![endif]-->
<!--[if IE 7]>
<link href='/public/css/ie7.css' rel='stylesheet' type='text/css' />
<![endif]-->
<!--[if IE 8]>
<link href='/public/css/ie8.css' rel='stylesheet' type='text/css' />
<![endif]-->
<meta content="It's time to choose a better browser." property='og:title' />
<meta content='http://abetterbrowser.org/' property='og:url' />
<meta content='http://abetterbrowser.s3.amazonaws.com/images/better_browser.jpg' property='og:image' />
<meta content='A Better Browser' property='og:site_name' />
<meta content=' Every day, around the globe, millions of web pages are horribly disfigured. The cause of this tragedy is Microsoft Internet Explorer. You can help. If you or someone you know is using Internet Explorer, please, save a web page. Choose A Better Browser.' property='og:description' />
<meta content="A simple landing page with a simple call to action. Please choose a better browser now. It's time we put Internet Explorer in the recycle bin." name='Description' />
<meta content='IE6, IE7, IE8, Internet Explorer, Browser, A Better Browser, Firefox, Chrome, Opera, Safari' name='Keywords' />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js' type='text/javascript'></script>
<script src='/public/javascripts/hoverIntent.js' type='text/javascript'></script>
<script src='/public/javascripts/superfish.js' type='text/javascript'></script>
<script src='http://use.typekit.com/pvj7jrd.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
try{Typekit.load();}catch(e){}
//]]>
</script>
</head>
<body>
<div class='menu'>
<div class='nav'>
<ul class='sf-menu'>
<li>
<a href='/'>English</a>
</li>
<li>
<a href='/zh-cn'>Trad Chinese</a>
</li>
<li>
<a href='/zh-hk'>Simp Chinese</a>
</li>
<li>
<a href='/es'>Spanish</a>
</li>
<li>
<a href='/ja'>Japanese</a>
</li>
<li>
<a href='/pt-br'>Brazilian Portuguese</a>
</li>
<li>
<a href='/de'>German</a>
</li>
<li>
<a href='/fr'>French</a>
</li>
<li>
<a href='/ru'>Русский</a>
</li>
<li>
<a href='/it'>Italian</a>
</li>
<li>
<a href='#'>More</a>
<ul>
<li>
<a href='/cs'>Czech</a>
</li>
<li>
<a href='/sk'>Slovak</a>
</li>
<li>
<a href='/sr'>Serbian</a>
</li>
<li>
<a href='/pl'>Polish</a>
</li>
<li>
<a href='/tr'>Türkçe</a>
</li>
<li>
<a href='/nl'>Dutch</a>
</li>
<li>
<a href='/sv'>Swedish</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>
<div class='wrapper'>
<h3>Пришло время выбрать</h3>
<h1>Лучший Браузер</h1>
<h2>Ради безопасности. Ради совместимости. Ради человечности</h2>
</div>
<div class='browsers'>
<div class='wrapperie6'>
<p>Internet Explorer 6 был выпущен 27 августа 2001 года и порядочно устарел. Пожалуйста, выберите один из этих браузеров:</p>
<a class='chrome' href='https://www.google.com/intl/en/chrome/browser/' target='_blank'>Google Chrome</a>
<a class='firefox' href='http://www.firefox.com' target='_blank'>Mozilla Firefox</a>
<a class='opera' href='http://www.opera.com/download' target='_blank'>Opera</a>
</div>
<div class='wrapperie7'>
<p>Internet Explorer 7 был выпущен 18 октября 2006 года и порядочно устарел. Пожалуйста, выберите один из этих браузеров:</p>
<a class='chrome' href='https://www.google.com/intl/en/chrome/browser/' target='_blank'>Google Chrome</a>
<a class='firefox' href='http://www.firefox.com' target='_blank'>Mozilla Firefox</a>
<a class='opera' href='http://www.opera.com/download' target='_blank'>Opera</a>
</div>
<div class='wrapperie8'>
<p>Internet Explorer 8 был выпущен 19 марта 2009 года года и порядочно устарел. Пожалуйста, выберите один из этих браузеров:</p>
<a class='chrome' href='https://www.google.com/intl/en/chrome/browser/' target='_blank'>Google Chrome</a>
<a class='firefox' href='http://www.firefox.com' target='_blank'>Mozilla Firefox</a>
<a class='opera' href='http://www.opera.com/download' target='_blank'>Opera</a>
</div>
<div class='wrapperie9'>
<p>Internet Explorer 9 был выпущен 14 марта 2011 года года и достаточно устарел. Пожалуйста, выберите один из этих браузеров:</p>
<a class='chrome' href='https://www.google.com/intl/en/chrome/browser/' target='_blank'>Google Chrome</a>
<a class='firefox' href='http://www.firefox.com' target='_blank'>Mozilla Firefox</a>
<a class='opera' href='http://www.opera.com/download' target='_blank'>Opera</a>
</div>
</div>
<div class='wrapper'>
<div class='meh'>
<a class='icon' href='http://windows.microsoft.com/en-US/internet-explorer/downloads/ie' target='_blank'></a>
<p>Не можете отказаться от Internet Explorer? Здесь можно скачать более современную версию...</p>
</div>
<div class='social'>
<ul>
<li class='twitter'>
<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://abetterbrowser.org" data-text="It's time we put Internet Explorer in the recycle bin. Choose a better browser." data-count="horizontal" data-via="abetterbrowser" data-related="ejc">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</li>
<li class='google'>
<g:plusone size="medium" annotation="inline"></g:plusone>
</li>
<li class='facebook'>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=252966201401275&amp;xfbml=1"></script><fb:like href="http://www.facebook.com/pages/A-Better-Browser/250509481647978" send="true" layout="button_count" send="false" width="450" show_faces="false" font=""></fb:like>
</li>
</ul>
</div>
</div>
<hr />
<div class='wrapper'>
<div class='footer'>
<ul>
<li>
<a href='http://twitter.com/ejc' target='_blank'>Дизайн - E.J. Coughlin</a>
</li>
<li>
<a href='https://github.com/ejc/abetterbrowser.org' target='_blank'>Исходники на GitHub</a>
</li>
<li>
<a href='/en/credits'>Credits</a>
</li>
</ul>
<div class='donate'>
<form action='https://www.paypal.com/cgi-bin/webscr' method='post'>
<input name='cmd' type='hidden' value='_s-xclick' />
<input name='hosted_button_id' type='hidden' value='K6E6FZ9LNZNGU' />
<input alt='PayPal - The safer, easier way to pay online!' border='0' name='submit' src='https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif' type='image' />
<img alt='' border='0' height='1' src='https://www.paypalobjects.com/en_US/i/scr/pixel.gif' width='1' />
</form>
</div>
<p class='contribute'>
<a href='http://twitter.com/ejc' target='_blank'>Если вы хотите помочь с переводом - обратитесь ко мне в Твиттер @ejc</a>
</p>
</div>
</div>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("ul.sf-menu").superfish();
});
//]]>
</script>