web notes - a blog

Dynamic Banner - js and css

elvis — Tue, 08 May 2012 01:23:00 +0000

http://grepcode.com/file/repo1.maven.org/maven2/org.geomajas/geomajas-dojo-example-modules-shrinksafe/1.7.1/dojox/gfx/tests/test_linearGradient.html

This post provides code to create a dynamic banner which sources images from Flickr.

Using a dynamic banner has several advantages:

The banner is assembled dynamically, it is more engaging
The images aren’t stored or managed on local servers
The banner images can be changed by modifying the images at the source
It would be possible to customize the source of the images for demonstrations
Clicking on the banner displays the image credits

This is an extension of the code listed in link above. It is running nicely with dojo 1.3.0, tested under IE7, FF11&12, and Chrome 17.

The banner is 160px high, and 1024px wide, it is overlaid with an image which includes a gradient to fade the banner images from full color to white, using transparency. The banner includes an icon for the product on the far right.

CSS:

#header img,#header a
{
height:160px;
overflow:hidden;
}
#gradient-overlay
{
background:transparent url(images/banner.png) no-repeat;
height:160px;
width:1024px;
position:fixed;
}
#header
{
cursor:pointer;
height:160px;
width:100%;
margin:25px;
overflow:hidden;
}

This is the javascript to create the banner. The remaining code should be collected from the link above.

The image list received from flickr is accessed randomly, using the splice function. This allows each banner to be created differently. Images are added to the banner until the width exceeds 870px. Padding is added to the last image in the banner to accommodate the icon. The image credits are place in a dialog box.

Code:

function gotItems(items, request){
      var i,list = dojo.byId("header");
      if(list){
        var span=document.createElement("span");
        span.setAttribute("id","gradient-overlay");
        list.appendChild(span);
        var width,pick,credit_text='';
        var MAX_WIDTH=870;
        width=0;i=0;
        while (width<MAX_WIDTH)
        {
          index=Math.floor(Math.random()*items.length);
          pick=items.splice(index,1);
          if (pick.length>0)
          {
            var item=pick[0];
            var a = document.createElement("a");
            var image = document.createElement("img");
            a.setAttribute("href",flickrStore.getValue(item,"link"));
            a.setAttribute("title", flickrStore.getValue(item, "title"));
            list.appendChild(a);
            a.appendChild(image);
            image.setAttribute("src", flickrStore.getValue(item, "imageUrlMedium"));
            image.setAttribute("title", flickrStore.getValue(item, "title"));
            image.setAttribute("alt", flickrStore.getValue(item, "title"));
            width+=image.clientWidth;
            credit_text+=flickrStore.getValue(item,"description");
          }
          else
            break;
        }
        image.style.paddingRight='140px';
        var credit=document.createElement("div");
        new dijit.Dialog({
                      'id': 'dlgCredit',
                      'content':credit_text},
                      'credit');
        list.setAttribute('title','Click for image credits');
        list.setAttribute('onclick','dijit.byId("dlgCredit").show()');
        list.appendChild(credit);
      }
    }

The HTML creates the flickrStore and sets up the header div.

XML:

<div dojoType="dojox.data.FlickrStore" jsId="flickrStore"></div>
<div id="header"></div>

This post courtesy of Lyrix, Inc

Original post blogged on b2evolution.

dojox.data.FlickrStore - Source from favorites

elvis — Mon, 07 May 2012 17:43:00 +0000

http://grepcode.com/file/repo1.maven.org/maven2/net.java.dev.weblets/weblets-exampleweblet/1.1/org/dojo/dojox/data/demos/demo_FlickrStore.html

I wanted to use a favorites list on Flickr (http://flickr.com) as a source for images.

dojo 1.3.0’s dojox.data.FlickrStore sources images from a public photo feed:

reg.register("default",function(_2f){return true;},_2d+"photos_public.gne");

Since I only wanted to change the feed URL, I used the following code to indicate that the request should be made to the favorites feed.

Code:

var reg=dojox.data.FlickrStore.urlRegistry;
  reg.unregister("default");
  reg.register("default",function(a){
    return true;
    },"http://api.flickr.com/services/feeds/photos_faves.gne");

Original post blogged on b2evolution.

Google OAuth and Contacts API - PHP Curl Examples

elvis — Thu, 26 Apr 2012 22:02:00 +0000

This code uses Zend Framework’s Zend_Json::decode method, however you can use json_decode if it is available on your version of PHP.

Create the authorization link
When this link is clicked, the site visitor is presented with a page from Google asking if they would like to allow your application access to their data. If they accept, Google will give them a code, which can then be used on the next request. This is run as an installed application, because there are times when data will be requested without user interaction.

PHP:

	`$sAuthURL=AUTH_URL;`
	`$aParms=array('response_type'=>RESPONSE_TYPE,`
	`'client_id'=>CLIENT_ID,`
	`'redirect_uri'=>REDIRECT_URI,`
	`'scope'=>SCOPE);`
	`$sLink=$sAuthURL.'?'.http_build_query($aParms);`

Request an access and refresh token

PHP:

	`require_once 'Zend/Json.php';`
	`$sTokenURL=TOKEN_URL;`
	`$aParms=array(`
	`'code'=>$_POST['code'],`
	`'client_id'=>CLIENT_ID,`
	`'client_secret'=>CLIENT_SECRET,`
	`'redirect_uri'=>REDIRECT_URI,`
	`'grant_type'=>AUTHORIZATION_CODE);`
	`$cURL=curl_init();`
	`curl_setopt($cURL,CURLOPT_URL,$sTokenURL);`
	`curl_setopt($cURL,CURLOPT_SSL_VERIFYPEER,TRUE);`
	`curl_setopt($cURL,CURLOPT_POST, TRUE);`
	`curl_setopt($cURL,CURLOPT_RETURNTRANSFER, TRUE);`
	`curl_setopt($cURL,CURLOPT_POSTFIELDS,$aParms);`
	`$cResponse=Zend_Json::decode(trim(curl_exec($cURL)));`
	`curl_close($cURL);`
	`$sAccessToken=$cResponse['access_token'];`
	`$sRefreshToken=$cResponse['refresh_token'];`

Use the refresh_token to request a new access_token

PHP:

	`$sTokenURL=TOKEN_URL;`
	`$aParms=array(`
	`'refresh_token'=>$sRefreshToken,`
	`'client_id'=>CLIENT_ID,`
	`'client_secret'=>CLIENT_SECRET,`
	`'grant_type'=>REFRESH_TOKEN);`
	`$cURL=curl_init();`
	`curl_setopt($cURL,CURLOPT_URL,$sTokenURL);`
	`curl_setopt($cURL,CURLOPT_SSL_VERIFYPEER,TRUE);`
	`curl_setopt($cURL,CURLOPT_POST, TRUE);`
	`curl_setopt($cURL,CURLOPT_RETURNTRANSFER, TRUE);`
	`curl_setopt($cURL,CURLOPT_POSTFIELDS,$aParms);`
	`require_once 'Zend/Json.php';`
	`$cResponse=Zend_Json::decode(trim(curl_exec($cURL)));`
	`$sError=curl_error($cURL);`
	`curl_close($cURL);`
	`$sAccessToken=$cResponse['access_token'];`

Request the contact data

PHP:

	`$sContactsURL=CONTACTS_URL.'?access_token='.$sAccessToken;`
	`$cURL=curl_init();`
	`curl_setopt($cURL,CURLOPT_URL,$sContactsURL);`
	`curl_setopt($cURL,CURLOPT_RETURNTRANSFER, TRUE);`
	`$cResponse=trim(curl_exec($cURL));`
	`$sError=curl_error($cURL);`
	`curl_close($cURL);`

Parse the data from Google
This code also Zend_Gdata to handle the parsing.

PHP:

	`$phone_only=false;`

	`include 'Zend/Gdata.php';`

	`$gdata=new Zend_Gdata();`
	`$feed=$gdata->importString($cResponse);`

	`foreach ($feed as $entry) {`
	`// Thanks to: <a href="http://www.ibm.com/developerworks/opensource/library/x-phpgooglecontact/index.html">http://www.ibm.com/developerworks/opensource/library/x-phpgooglecontact/index.html</a>`
	`$xml = simplexml_load_string($entry->getXML());`
	`$obj = new stdClass;`
	`$obj->id = $entry->id->text;`
	`if (false===($iSlash=strpos($entry->title->text,'/')))`
	`$obj->name=$entry->title->text;`
	`else`
	`$obj->name = substr($entry->title->text,0,$iSlash);`
	`if (empty($obj->name)) continue;`
	`$name = explode(' ',$obj->name,3);`
	`$obj->first_name = $obj->middle_name = $obj->last_name = '';`
	`switch (count($name))`
	`{`
	`case 1:`
	`$obj->first_name = $obj->name;`
	`break;`
	`case 2:`
	`$obj->first_name = $name[0];`
	`$obj->last_name = $name[1];`
	`break;`
	`case 3:`
	`$obj->first_name = $name[0];`
	`$obj->middle_name = $name[1];`
	`$obj->last_name = $name[2];`
	`break;`
	`}`
	`$obj->phoneNumber = array();`
	`$obj->phone = array();`
	`foreach ($xml->phoneNumber as $p)`
	`{`
	`$type = preg_replace('/^[^#]+#(.*)$/','\1',(string) $p['rel']);`
	`$obj->phoneNumber[] = (string) $p.' ('.$type.')';`
	`$obj->phone[$type] = array ('phone' => preg_replace('/\D/','',(string) $p), 'type' => strtolower($type) );`
	`}`
	`if (empty($obj->phone) && $phone_only) continue;`
	`$results[$obj->last_name] = $obj;`
	`}`
	`ksort($results);`

This post courtesy of Lyrix, Inc. http://mobiso.com

Original post blogged on b2evolution.

Apache IE8 HTML entities filter

elvis — Sat, 17 Mar 2012 19:27:00 +0000

http://stackoverflow.com/questions/3322820/find-replace-htmlentities-using-the-standard-linux-toolchain

One of the pages in a web application displays text log file output in popup browser windows.

If that output includes this statement:

XML:

<?xml version="1.0" encoding="utf-8"?>

IE8 will try to parse the content as XML, and it will show an error:

The XML page cannot be displayed
Cannot view XML input using style sheet.
Please correct the error and then click the Refresh button, or try again later.
Invalid at the top level of the document. Error processing resource:

I didn’t want to add any scripting to the pages, since they’re text, and I didn’t want to make any coding changes. One solution is to use an Apache output filter to convert the text into HTML entities, and force the document type to text/html.

Code:

ExtFilterDefine htmlentities mode=output cmd="/usr/bin/php -R 'echo htmlentities(fgets(STDIN));'"
 
<FilesMatch "\.txt$">
  ForceType text/html
  SetOutputFilter htmlentities
</FilesMatch>

This is definitely a quick solution that may not be ideal for every situation, or could be refined.

The documents aren’t HTML, they are text. They don’t have any tags in them, and those that are there should not be treated as tags, but as text. Forcing the type to text/plain didn’t work.

Regardless, this is one way you can convert characters into HTML entities without modifying your code.

Different solutions:

Extend the filter to add the HTML tags necessary for a true text/html document
Modify the code to convert the document to HTML
Install recode (see link above)
Do something entirely different

Original post blogged on b2evolution.

Image - Round corners, add a credit

elvis — Thu, 15 Mar 2012 11:27:00 +0000

http://www.imagemagick.org/Usage/thumbnails/#rounded

A script that uses ImageMagick to round the corners of an image, apply a credit, and optionally resize it. This script leaves the interim images, you could also delete them. The image credit is also written to a text file.

Original image

Code:

#!/bin/bash
if [ "$#" -lt 2 ]; then
        echo "usage: $0 <image file> <credit> [<resize>]"
else
ORIGINAL_IMAGE=$1
BASE_FILENAME=`basename $1 .jpg`
echo "$2" > $BASE_FILENAME.credit
convert $BASE_FILENAME.jpg \( +clone -alpha extract -draw 'fill black polygon 0,0 0,5 5,0 fill white circle 5,5, 5,0' \( +clone -flip \) \
    -compose Multiply -composite \( +clone -flop \) -compose Multiply -composite \) -alpha off  \
    -compose CopyOpacity -composite $BASE_FILENAME.rounded.png
convert -background white $BASE_FILENAME.rounded.png  +flatten $BASE_FILENAME.rounded.jpg
convert -background '#00000080' -pointsize 12 -fill white label:"$2" miff:- | \
    composite -gravity south -geometry +0+3 - \
    $BASE_FILENAME.rounded.jpg $BASE_FILENAME.credited.jpg
if [ "$#" -gt 2 ]; then
    mogrify -resize $3 $BASE_FILENAME.credited.jpg
fi
fi

Tested with:

convert -version
Version: ImageMagick 6.5.4-2 2009-07-08 Q16 OpenMP http://www.imagemagick.org
Copyright: Copyright © 1999-2009 ImageMagick Studio LLC

Original post blogged on b2evolution.

CentOS Firefox 10 HTML5 Audio

elvis — Fri, 09 Mar 2012 17:24:00 +0000

http://www.w3schools.com/html5/html5_audio.asp

These tags allow you to specify that audio be played through Windows Media Player Plugin if it is available, and if it isn’t, use an HTML5 audio tag.

XML:

<object id="wmp_p" data="audio.wav" type="application/x-ms-wmp" width="175" height="75" >
      <param name="autostart" value="true" />
      <param name="volume" value="10" />
      <param name="uiMode" value="mini" />
  <audio autoplay="autoplay" controls="controls" style="height:75px;width:175px">
    <source src="audio.wav" type="audio/wav" />
    No audio player available, download <a href="audio.wav" title="Download audio">audio.wav</a>
  </audio>
    </object>

This was tested under CentOS 5.4, with Firefox 10.0.2, and it worked nicely. It may also work well with Chrome under Linux, as well as under Windows.

Notes

Different browser support different audio formats with the tag.
There may be subtle coding differences between the tags and attributes. Test thoroughly and carefully.
There may be layout issues across different browsers, again, test thoroughly and carefully.

Audio encoding that works well under CentOS/Firefox 10.0.2

sox -V input.wav -u -b -r 8000 -c 1 output.wav

sox: Writing Wave file: Microsoft PCM format, 1 channel, 8000 samp/sec
sox: 8000 byte/sec, 1 block align, 8 bits/samp

Original post blogged on b2evolution.

dojox.grid.DataGrid - Search for item

elvis — Mon, 05 Mar 2012 18:25:00 +0000

http://dojotoolkit.org/api/1.3/dojox/grid/DataGrid

This is one way to search a dojox DataGrid for an item.

In this case, the id is used, but other attributes can be searched as well.

Code:

function already_in_the_grid(id)
{
         return dojo.some(member_store._getItemsArray(),(function(item){if (item.id==member_id) return true}));
}

Original post blogged on b2evolution.

Some Apache RewriteRules for Improved Security

elvis — Thu, 23 Feb 2012 12:53:00 +0000

http://httpd.apache.org/docs/2.0/mod/mod_rewrite.html

A set of Apache RewriteRules, including curl commands to test them. Always test the rules, using a browser if possible, and curl. The curl output has been edited to make it easier to read.

Remember to write the rules carefully so you don’t deny access for valid requests, and use an appropriate 403 page, so real (good) people that arrive there have an opportunity to understand what happened and what they can do to request access. This may mean the rules blocked a valid request.

Route admin access through HTTPS

With the prevalence of laptops and WiFi, HTTPS is important for site security. This rule assumes the site is administered through a subdomain (admin.domain.com), and routes any request where the server name begins with admin through HTTPS.

Code:

	`RewriteCond %{SERVER_NAME} ^admin`
	`RewriteCond %{HTTPS} =off [NC]`
	`RewriteRule .* https://admin.domain.com [L]`

Test

[user@localhost Backup]$ curl -i http://admin.domain.com
HTTP/1.1 302 Found
Location: https://admin.domain.com

Block Probing Requests, XSS Injection, and Unwelcome Referrers

Even if your server doesn’t have these scripts or URLs, it is good to block the requests. People or servers that are requesting them are not visiting your site, they’re attacking it.

This includes referrers that simply don’t make sense, or are seen in the logs or stats requesting content they shouldn’t.

Code:

RewriteCond %{REQUEST_URI} (\.aspx?|\.php)$ [NC,OR]
RewriteCond %{REQUEST_URI} php\-?myadmin|scripts|mysql|wp\-login [NC,OR]
RewriteCond %{QUERY_STRING} mouseover [NC,OR]
RewriteCond %{HTTP_REFERER} \.(ru|ua|tv)$ [NC]
RewriteRule ^.*  - [F]

Tests

RewriteCond %{REQUEST_URI} (\.aspx?|\.php)$ [NC,OR]

This site is a PHP site which routes requests through RewriteRules, there should not be any direct requests for .php. Since it’s a PHP application, requests for .asp and .aspx should never be received either.

[user@localhost ~]$ curl -I http://domain.com/login.aspx
HTTP/1.1 403 Forbidden

RewriteCond %{HTTP_REFERER} \.(ru|ua|tv)$ [NC]

After too many requests from referrers ending in .ru, .ua, and .tv, I decided to block them.

[user@localhost ~]$ curl -I -e ‘http://some.ru’ http://domain.com
HTTP/1.1 403 Forbidden

RewriteCond %{QUERY_STRING} mouseover [NC,OR]

This rule is in response to some sort of XSS injection attack which included onmouseover.

[user@localhost ~]$ curl -I http://domain.com/?onmouseover
HTTP/1.1 403 Forbidden

RewriteCond %{REQUEST_URI} php\-?myadmin|scripts|mysql|wp\-login [NC,OR]

These are all common requests for variations of phpmyadmin, utility scripts, access to mysql and the login for WordPress. They should not be received by this server.

[user@localhost ~]$ curl -I http://domain.com/scripts
HTTP/1.1 403 Forbidden

Checking the latest visitors log verified the rules are working properly.

Host: 113.53.253.77

/index.php HTTP Response: 403 Date: Feb 24 07:46:56 Bytes: 629
/admin/index.php HTTP Response: 403 Date: Feb 24 07:46:57 Bytes: 633
/admin/pma/index.php HTTP Response: 403 Date: Feb 24 07:46:58 Bytes: 636
/admin/phpmyadmin/index.php HTTP Response: 403 Date: Feb 24 07:46:59 Bytes: 639
/db/index.php HTTP Response: 403 Date: Feb 24 07:47:01 Bytes: 631
/dbadmin/index.php HTTP Response: 403 Date: Feb 24 07:47:02 Bytes: 634
/myadmin/index.php HTTP Response: 403 Date: Feb 24 07:47:03 Bytes: 634
/mysql/index.php HTTP Response: 403 Date: Feb 24 07:47:04 Bytes: 634
/mysqladmin/index.php HTTP Response: 403 Date: Feb 24 07:47:05 Bytes: 637
/typo3/phpmyadmin/index.php HTTP Response: 403 Date: Feb 24 07:47:06 Bytes: 640
/phpadmin/index.php HTTP Response: 403 Date: Feb 24 07:47:07 Bytes: 635
/phpmyadmin1/index.php HTTP Response: 403 Date: Feb 24 07:47:10 Bytes: 637
/phpmyadmin2/index.php HTTP Response: 403 Date: Feb 24 07:47:11 Bytes: 637
/pma/index.php HTTP Response: 403 Date: Feb 24 07:47:12 Bytes: 632
/web/phpMyAdmin/index.php HTTP Response: 403 Date: Feb 24 07:47:13 Bytes: 640
/xampp/phpmyadmin/index.php HTTP Response: 403 Date: Feb 24 07:47:14 Bytes: 641
/web/index.php HTTP Response: 403 Date: Feb 24 07:47:15 Bytes: 632
/websql/index.php HTTP Response: 403 Date: Feb 24 07:47:17 Bytes: 634
/phpmyadmin/index.php HTTP Response: 403 Date: Feb 24 07:47:18 Bytes: 636
/phpMyAdmin/index.php HTTP Response: 403 Date: Feb 24 07:47:20 Bytes: 637
/phpMyAdmin-2/index.php HTTP Response: 403 Date: Feb 24 07:47:21 Bytes: 639
/php-my-admin/index.php HTTP Response: 403 Date: Feb 24 07:47:22 Bytes: 638
/phpMyAdmin-2.2.3/index.php HTTP Response: 403 Date: Feb 24 07:47:23 Bytes: 642
/phpMyAdmin-2.2.6/index.php HTTP Response: 403 Date: Feb 24 07:47:24 Bytes: 643
/phpMyAdmin-2.5.1/index.php HTTP Response: 403 Date: Feb 24 07:47:24 Bytes: 642
/phpMyAdmin-2.5.4/index.php HTTP Response: 403 Date: Feb 24 07:47:25 Bytes: 643
/phpMyAdmin-2.5.5-rc1/index.php HTTP Response: 403 Date: Feb 24 07:47:31 Bytes: 646
/phpMyAdmin-2.5.5-rc2/index.php HTTP Response: 403 Date: Feb 24 07:47:32 Bytes: 646
/phpMyAdmin-2.5.5/index.php HTTP Response: 403 Date: Feb 24 07:47:32 Bytes: 643
/phpMyAdmin-2.5.5-pl1/index.php HTTP Response: 403 Date: Feb 24 07:47:33 Bytes: 646
/phpMyAdmin-2.5.6-rc1/index.php HTTP Response: 403 Date: Feb 24 07:47:34 Bytes: 646
/phpMyAdmin-2.5.6-rc2/index.php HTTP Response: 403 Date: Feb 24 07:47:35 Bytes: 646
/phpMyAdmin-2.5.6/index.php HTTP Response: 403 Date: Feb 24 07:47:36 Bytes: 643
/phpMyAdmin-2.5.7/index.php HTTP Response: 403 Date: Feb 24 07:47:37 Bytes: 643
/phpMyAdmin-2.5.7-pl1/index.php HTTP Response: 403 Date: Feb 24 07:47:38 Bytes: 646

Original post blogged on b2evolution.

	`#header img,#header a`
	`{`
	`height:160px;`
	`overflow:hidden;`
	`}`
	`#gradient-overlay`
	`{`
	`background:transparent url(images/banner.png) no-repeat;`
	`height:160px;`
	`width:1024px;`
	`position:fixed;`
	`}`
	`#header`
	`{`
	`cursor:pointer;`
	`height:160px;`
	`width:100%;`
	`margin:25px;`
	`overflow:hidden;`
	`}`

	`function gotItems(items, request){`
	`var i,list = dojo.byId("header");`
	`if(list){`
	`var span=document.createElement("span");`
	`span.setAttribute("id","gradient-overlay");`
	`list.appendChild(span);`
	`var width,pick,credit_text='';`
	`var MAX_WIDTH=870;`
	`width=0;i=0;`
	`while (width<MAX_WIDTH)`
	`{`
	`index=Math.floor(Math.random()*items.length);`
	`pick=items.splice(index,1);`
	`if (pick.length>0)`
	`{`
	`var item=pick[0];`
	`var a = document.createElement("a");`
	`var image = document.createElement("img");`
	`a.setAttribute("href",flickrStore.getValue(item,"link"));`
	`a.setAttribute("title", flickrStore.getValue(item, "title"));`
	`list.appendChild(a);`
	`a.appendChild(image);`
	`image.setAttribute("src", flickrStore.getValue(item, "imageUrlMedium"));`
	`image.setAttribute("title", flickrStore.getValue(item, "title"));`
	`image.setAttribute("alt", flickrStore.getValue(item, "title"));`
	`width+=image.clientWidth;`
	`credit_text+=flickrStore.getValue(item,"description");`
	`}`
	`else`
	`break;`
	`}`
	`image.style.paddingRight='140px';`
	`var credit=document.createElement("div");`
	`new dijit.Dialog({`
	`'id': 'dlgCredit',`
	`'content':credit_text},`
	`'credit');`
	`list.setAttribute('title','Click for image credits');`
	`list.setAttribute('onclick','dijit.byId("dlgCredit").show()');`
	`list.appendChild(credit);`
	`}`
	`}`

	`var reg=dojox.data.FlickrStore.urlRegistry;`
	`reg.unregister("default");`
	`reg.register("default",function(a){`
	`return true;`
	`},"http://api.flickr.com/services/feeds/photos_faves.gne");`

	`ExtFilterDefine htmlentities mode=output cmd="/usr/bin/php -R 'echo htmlentities(fgets(STDIN));'"`

	`<FilesMatch "\.txt$">`
	`ForceType text/html`
	`SetOutputFilter htmlentities`
	`</FilesMatch>`

	`#!/bin/bash`
	`if [ "$#" -lt 2 ]; then`
	`echo "usage: $0 <image file> <credit> [<resize>]"`
	`else`
	`ORIGINAL_IMAGE=$1`
	BASE_FILENAME=`basename $1 .jpg`
	`echo "$2" > $BASE_FILENAME.credit`
	`convert $BASE_FILENAME.jpg \( +clone -alpha extract -draw 'fill black polygon 0,0 0,5 5,0 fill white circle 5,5, 5,0' \( +clone -flip \) \`
	`-compose Multiply -composite \( +clone -flop \) -compose Multiply -composite \) -alpha off \`
	`-compose CopyOpacity -composite $BASE_FILENAME.rounded.png`
	`convert -background white $BASE_FILENAME.rounded.png +flatten $BASE_FILENAME.rounded.jpg`
	`convert -background '#00000080' -pointsize 12 -fill white label:"$2" miff:- \| \`
	`composite -gravity south -geometry +0+3 - \`
	`$BASE_FILENAME.rounded.jpg $BASE_FILENAME.credited.jpg`
	`if [ "$#" -gt 2 ]; then`
	`mogrify -resize $3 $BASE_FILENAME.credited.jpg`
	`fi`
	`fi`

	`<div dojoType="dojox.data.FlickrStore" jsId="flickrStore"></div>`
	`<div id="header"></div>`

	`<object id="wmp_p" data="audio.wav" type="application/x-ms-wmp" width="175" height="75" >`
	`<param name="autostart" value="true" />`
	`<param name="volume" value="10" />`
	`<param name="uiMode" value="mini" />`
	`<audio autoplay="autoplay" controls="controls" style="height:75px;width:175px">`
	`<source src="audio.wav" type="audio/wav" />`
	`No audio player available, download <a href="audio.wav" title="Download audio">audio.wav</a>`
	`</audio>`
	`</object>`

	`function already_in_the_grid(id)`
	`{`
	`return dojo.some(member_store._getItemsArray(),(function(item){if (item.id==member_id) return true}));`
	`}`

	`RewriteCond %{REQUEST_URI} (\.aspx?\|\.php)$ [NC,OR]`
	`RewriteCond %{REQUEST_URI} php\-?myadmin\|scripts\|mysql\|wp\-login [NC,OR]`
	`RewriteCond %{QUERY_STRING} mouseover [NC,OR]`
	`RewriteCond %{HTTP_REFERER} \.(ru\|ua\|tv)$ [NC]`
	`RewriteRule ^.* - [F]`