index.php

<?php
require_once("lib/init.php");

//rederict people coming from search engines that have outdated browsers to the update page
if (preg_match('#(\.|/)(google|bing|yahoo)\.#i',$_SERVER['HTTP_REFERER'])
        &&
        !preg_match('#bot|googlebot|slurp|mediapartners|adsbot|silk|android|phone|bingbot|google web preview|like firefox|chromeframe|seamonkey|opera mini|min|meego|netfront|moblin|maemo|arora|camino|flot|k-meleon|fennec|kazehakase|galeon|android|mobile|iphone|ipod|ipad|epiphany|rekonq|symbian|webos#i',$_SERVER['HTTP_REFERER'])
        ) {
    if (is_outdated()) {
        header("Location: update-browser.html#2");
        exit;
    }
}

require_once("lib/lang.php");
include("header.php");
?>

   
<div class="left">
    
<div class="message">
    <p><b>
    <?php echo (T_("Browser-update.org is a tool to unobtrusively notify visitors that they should update their web browser in order to use your website."))?>
    </b></p>
    <p>
    <?php echo (T_("This is done with care not to annoy, lock out or erroneously notify visitors!"))?>
    </p>    
</div>

<div class="numbs">
    <p>
        <?php echo sprintf(str_replace('%d','%s',T_('<b>%s</b> sites are using this notification')), number_format(intval(cache_output('countSites')),0,".", " ")) ?>
    </p>
    <p>
        <?php echo sprintf(str_replace('%d','%s',T_('<b>%s</b> visitors have already updated their browser')), number_format(intval(cache_output('countUpdates')),0,".", " ")) ?>
    </p>
</div>
    
<h2><?php echo T_('How it works')?></h2>
<ol class="steps">
    <li>
        <?php echo sprintf(T_('Include our small javascript <a href="%s">notification</a> on your website'), '#install')?>
    </li>
    <li>
        <?php echo T_('Visitors with out-dated browser will be informed by a small, undisturbing message box, that their browser is not up-to-date and it is recommended to update.')?>
        (<a href="#" onclick="$buo({},true);"><?php echo T_('Try it out!')?></a>)
        <div class="example">
                <?php echo sprintf(T_('Your browser (%s) is <b>out of date</b>. It has known <b>security flaws</b> and may <b>not display all features</b> of this and other websites. <a%s>Learn how to update your browser</a>'),'Internet Explorer 6',' href="update.html?force_outdated=true"')?>
        </div>
    </li>
    <li>
        <?php echo sprintf(T_('By clicking the message, they will get to an <a href="%s">info page with reasons why to update (or change) and a list of browsers</a> available for their system.'), 'update.html?force_outdated=true')?>
    </li>
    <li>
        <?php echo T_('If the visitor ignores the advice, it won\'t reappear for some time.')?>
    </li>
</ol>
                
<h2><?php echo T_('Advantages and features')?></h2>
<ul class="advantages">
    <li>
        <h3><?php echo T_('Unobtrusive')?></h3>
        <?php echo T_('The user will be notified only once a day by default. The notification is small and does not block the user from using the site.'); ?>
    </li>
    <li>
        <h3><?php echo T_('Low maintenance and up-to-date')?></h3>
        <?php echo T_('We take care not to erroneously notify users by constantly tweaking and improving the detection code. Users are presented with an up-to-date list of browsers that are available for their system.')?>
    </li>
    <li>
        <h3><?php echo T_('Customizable')?></h3>
            <?php echo sprintf(T_('You can <a href="%s">customize</a> the style of the message, the text and other options.'), 'customize.html')?>
    </li>
    <li>
        <h3><?php echo T_('Localized')?></h3>
        <?php echo T_('The message is automatically displayed in the user\'s language.')?>
    </li>
</ul>

<h2 id="install"><?php echo T_('Install the browser update notification on your site')?></h2>
<p>
    <?php echo T_('Just include this code anywhere in the source of your page.')?>
</p>
		
<div class="generate">


<textarea id="f-code" rows="9">&lt;script>
var $buoop = {};
function $buo_f(){ 
 var e = document.createElement("script"); 
 e.src = "//browser-update.org/update.min.js"; 
 document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
&lt;/script></textarea>
<p><?php echo T_('The following browsers will be notified:')?></p>
<?php
function printolder($months,$version) {
    echo sprintf(T_('older than %d months (currently %s)'), $months, '&lt;= '. ( $version));
}
?>
<ul id="browserversionchooser">
    <li>
        <label for="f-i">IE/Edge</label> 
        <select id="f-i" onchange="code()">    
            <option value="11">&lt;= 11</option>
            <option value="10" selected>&lt;= 10</option>
            <option value="9">&lt;= 9</option>
            <option value="8">&lt;= 8</option>
        </select>
    </li>
    <li>
        <label for="f-f">Firefox</label>  
        <select id="f-f" onchange="code()">
            <option value="-2" selected><?php printolder(3, currentv("f")-2)?></option>
            <option value="-4" selected><?php printolder(6, currentv("f")-4)?></option>            
            <option value="40">&lt;= 40</option>
            <option value="35">&lt;= 35</option>
            <option value="30">&lt;= 30</option>
            <option value="25">&lt;= 25</option>
        </select>
    </li>
    <li>
        <label for="f-o">Opera</label> 
        <select id="f-o" onchange="code()">
            <option value="-2" selected><?php printolder(3, currentv("o")-2)?></option>
            <option value="-4" selected><?php printolder(6, currentv("o")-4)?></option>            
            <option value="30">&lt;= 30</option>
            <option value="25">&lt;= 25</option>
            <option value="20">&lt;= 20</option>
            <option value="15">&lt;= 15</option>
        </select>
    </li>
    <li>
        <label for="f-s">Safari</label>  
        <select id="f-s" onchange="code()">
            <option value="9">&lt;= 9</option>
            <option value="8">&lt;= 8</option>
            <option value="7" selected>&lt;= 7</option>
            <option value="6">&lt;= 6</option>            
        </select>
    </li>
    <li class="browser">
        <label for="f-c">Chrome</label>
        <select id="f-c" onchange="code()">
            <option value="-2" selected><?php printolder(3, currentv("c")-2)?></option>
            <option value="-4" selected><?php printolder(6, currentv("c")-4)?></option>            
            <option value="50">&lt;= 50</option>
            <option value="40">&lt;= 40</option>
            <option value="30">&lt;= 30</option>
        </select>            
    </li>
</ul>
<div>
    <input type="checkbox" id="opunsecure" onchange="code();"/>
    <label for="opunsecure">
    <?php echo T_('Also notify all browser versions with security vulnerabilities.')?>
    </label>
</div>
<div>
    <input type="checkbox" checked="checked" id="opunsupported" onchange="code();"/>
    <label for="unsupported">
    <?php echo T_('Also notify all browsers versions which are not supported by the vendor anymore.')?>
    </label>
</div>
<div>
    <input type="checkbox" checked="checked" id="opnewos" onchange="code();"/>
    <label for="opnewos">
    <?php echo T_('Only notify users that can install a new browser without having to update their operating system.')?>
    </label>
</div>
<div>
    <input type="checkbox" checked="checked" id="opmobile" onchange="code();"/>
    <label for="opmobile">
    <?php echo T_('Notify mobile browsers versions as well.')?>
    </label>
</div>
<p>
    <?php echo sprintf(T_('The script is open source under the <a%s>MIT License</a>.'),' href="https://github.com/browser-update/browser-update/blob/master/LICENSE.txt"')?>
</div>

<p>
    <?php echo sprintf(T_('You can <a href="%s">customize</a> the style of the message, the text and other options.'), 'customize.html'); ?>
</p>

<p>
    <?php echo T_('There are plugins for:');?>
    <a href="https://www.npmjs.com/package/browser-update">npm</a>,
    <a href="http://wordpress.org/extend/plugins/wp-browser-update">WordPress</a>,
    <a href="https://www.npmjs.com/package/ember-cli-browser-update">ember-cli</a>,
    <a href="http://typo3.org/extensions/repository/view/browserupdnotify/current/">TYPO3</a>, 
    <a href="https://contao.org/de/extension-list/view/browser_update.html">Contao</a>,
    <a href="http://www.vbulletin.org/forum/showthread.php?t=239559">vBulletin</a>,
    <a href="http://www.concrete5.org/marketplace/addons/scala-it-browser-update-notification/">concrete5</a>, 
    <a href="http://modxcms.com/extras/package/737">MODx</a>, 
    <a href="https://drupal.org/project/bu">Drupal</a>, 
    <a href="http://trac.habariproject.org/habari-extras/browser/plugins/browserupdate">Habari</a>,
    <a href="http://www.rapidcommerce.eu/blog/2012/10/magento-browser-update-notice/">Magento</a>,
    <a href="https://www.woltlab.com/pluginstore/index.php/File/1363-Warnhinheis-bei-veralteten-Browsern/">WCF2</a>,
    <a href="http://dev.cmsmadesimple.org/projects/browserupdate">CMS made simple</a>,
    <a href="http://xenforo.com/community/resources/customisable-browser-update-org-widget.764/">XenForo</a>,
    <a href="http://modules.processwire.com/modules/markup-browser-update/">ProcessWire</a>.							
</p>

<h2><?php echo T_('Why you should tell users to update')?></h2>
<ul>
    <li><?php echo T_('Reduced development costs and time')?></li>
    <li><?php echo T_('Newer browsers let you use more features and new technologies on your website, resulting in a better browsing experience for your users.')?></li>
    <li><?php echo sprintf(T_('Numerous <a%s>benefits for your visitors</a>: security, speed, features, ...'), ' href="update.html"')?></li>
</ul>

<h2><?php echo sprintf(T_('Help this project by <a%s>using the update-notification</a> on your site, <a%s>sharing</a> or <a%s>translating</a> this page.'),' href="#install"','',' href="https://crowdin.com/project/browser-update"')?></h2>
</div>

<script>
var $buoop = {c:2};
function $buo_f(){ 
 var e = document.createElement("script"); 
 e.src = "//browser-update.org/update.min.js"; 
 document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
code();
</script>
	
<style>
    .generate #browserversionchooser label {
        width: 120px;
        display: inline-block;
    }
    .generate textarea {
        height: auto;
    }
</style>

<script>
    
function _get(name,defaultval) {
    if (document.getElementById("op"+name).checked!=defaultval)
        return name+":"+(!defaultval)+",";
    else
        return "";
}
function code() {
    var notify = 'vs:{i:'+ getomat('i') +',f:'+ getomat('f') +',o:'+ getomat('o') +',s:'+ getomat('s') +'},';
    var code = 'script \n\
var $buoop = {'+notify+_get("unsecure",false)+_get("unsupported",true)+_get("newos",true)+_get("mobile",true)+'c:2}; \n\
function $buo_f(){ \n\
 var e = document.createElement("script"); \n\
 e.src = "//browser-update.org/update.min.js"; \n\
 document.body.appendChild(e);\n\
};\n\
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}\n\
catch(e){window.attachEvent("onload", $buo_f)}\n\
/script';
	document.getElementById('f-code').value=code;
}    
code();
</script>
    
<?php include("footer.php");?>