<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Matthieu &#124; Blog &#187; Web</title>
	<atom:link href="http://matthieu.yiptong.ca/category/computers/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://matthieu.yiptong.ca</link>
	<description>A bit of photos, a bit of tech. Add some thoughts, and here&#039;s what you get.</description>
	<lastBuildDate>Fri, 03 Feb 2012 16:56:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Add Google search provider to IE or Firefox</title>
		<link>http://matthieu.yiptong.ca/2011/10/02/add-google-search-provider-to-ie-or-firefox/</link>
		<comments>http://matthieu.yiptong.ca/2011/10/02/add-google-search-provider-to-ie-or-firefox/#comments</comments>
		<pubDate>Sun, 02 Oct 2011 19:08:25 +0000</pubDate>
		<dc:creator>Matthieu</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://matthieu.yiptong.ca/?p=1709</guid>
		<description><![CDATA[Use this link to add the default Google search provider to IE or Firefox. Useful for IE, or Firefox on Linux Mint. For Firefox:Google.xml For IE: MS-Google.xml]]></description>
			<content:encoded><![CDATA[<p>Use this link to add the default Google search provider to IE or Firefox. Useful for IE, or Firefox on Linux Mint.<br />
For Firefox:<a href="#" onclick="javascript:window.external.AddSearchProvider('http://matthieu.yiptong.ca/wp-content/uploads/2011/10/Google.xml')">Google.xml</a></p>
<p>For IE: <a href="#" onclick="javascript:window.external.AddSearchProvider('http://matthieu.yiptong.ca/wp-content/uploads/2011/10/MS-Google.xml')">MS-Google.xml</a></p>]]></content:encoded>
			<wfw:commentRss>http://matthieu.yiptong.ca/2011/10/02/add-google-search-provider-to-ie-or-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CNet Download.com hosting adware/malware</title>
		<link>http://matthieu.yiptong.ca/2011/09/23/cnet-download-com-hosting-adwaremalware/</link>
		<comments>http://matthieu.yiptong.ca/2011/09/23/cnet-download-com-hosting-adwaremalware/#comments</comments>
		<pubDate>Fri, 23 Sep 2011 16:29:47 +0000</pubDate>
		<dc:creator>Matthieu</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://matthieu.yiptong.ca/?p=1701</guid>
		<description><![CDATA[I had noticed this a little while ago, but it seems they&#8217;re stepping it up. Seriously, does CBS have no better revenue generation method than to install crapware on people&#8217;s computers? See for example Pidgin Portable: http://download.cnet.com/Pidgin-Portable/3000-2150_4-10834880.html?tag=mncol;3 and this post on UltraVNC forums https://forum.ultravnc.net/viewtopic.php?f=6&#038;t=28692]]></description>
			<content:encoded><![CDATA[<p>I had noticed this a little while ago, but it seems they&#8217;re stepping it up.</p>
<p>Seriously, does CBS have no better revenue generation method than to install crapware on people&#8217;s computers?</p>
<p>See for example Pidgin Portable: <a href="http://download.cnet.com/Pidgin-Portable/3000-2150_4-10834880.html?tag=mncol;3">http://download.cnet.com/Pidgin-Portable/3000-2150_4-10834880.html?tag=mncol;3</a></p>
<p>and this post on UltraVNC forums</p>
<p><a href="https://forum.ultravnc.net/viewtopic.php?f=6&#038;t=28692">https://forum.ultravnc.net/viewtopic.php?f=6&#038;t=28692</a></p>]]></content:encoded>
			<wfw:commentRss>http://matthieu.yiptong.ca/2011/09/23/cnet-download-com-hosting-adwaremalware/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Modified photo.html.php for widewind gallery3 theme</title>
		<link>http://matthieu.yiptong.ca/2011/09/20/modified-photo-html-php-for-widewind-gallery3-theme/</link>
		<comments>http://matthieu.yiptong.ca/2011/09/20/modified-photo-html-php-for-widewind-gallery3-theme/#comments</comments>
		<pubDate>Wed, 21 Sep 2011 03:49:41 +0000</pubDate>
		<dc:creator>Matthieu</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://matthieu.yiptong.ca/?p=1690</guid>
		<description><![CDATA[This enables dynamic resizing of the photo displayed, and enables the pseudo-lightbox popup to view the &#8220;full&#8221; resized image for users that can&#8217;t view the true full image. &#60; ?php defined(&#34;SYSPATH&#34;) or die(&#34;No direct script access.&#34;) ?&#62; &#160; &#60;!-- Use javascript to show the full size as an overlay on the current page --&#62; &#60;script [...]]]></description>
			<content:encoded><![CDATA[<p>This enables dynamic resizing of the photo displayed, and enables the pseudo-lightbox popup to view the &#8220;full&#8221; resized image for users that can&#8217;t view the true full image.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&lt; ?php defined(&quot;SYSPATH&quot;) or die(&quot;No direct script access.&quot;) ?&gt;
&nbsp;
&lt;!-- Use javascript to show the full size as an overlay on the current page --&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
  $(document).ready(function() {
    full_dims = [&lt; ?= $theme-&gt;item()-&gt;width ?&gt;, &lt; ?= $theme-&gt;item()-&gt;height ?&gt;];
    $(&quot;.g-fullsize-link&quot;).click(function() {
      $.gallery_show_full_size(&lt; ?= html::js_string($theme-&gt;item()-&gt;file_url()) ?&gt;, full_dims[0], full_dims[1]);
      return false;
    });
    resize_dims = [&lt; ?= $theme-&gt;item()-&gt;resize_width ?&gt;, &lt; ?= $theme-&gt;item()-&gt;resize_height ?&gt;];
    $(&quot;.g-resized-link&quot;).click(function() {
      $.gallery_show_full_size(&lt; ?= html::js_string($theme-&gt;item()-&gt;resize_url()) ?&gt;, resize_dims[0], resize_dims[1]);
      return false;
    });
    // After the image is rotated or replaced we have to reload the image dimensions
    // so that the full size view isn't distorted.
    $(&quot;#g-photo&quot;).bind(&quot;gallery.change&quot;, function() {
      $.ajax({
        url: &quot;&lt; ?= url::site(&quot;items/dimensions/&quot; . $theme-&gt;item()-&gt;id) ?&gt;&quot;,
        dataType: &quot;json&quot;,
        success: function(data, textStatus) {
          full_dims = data.full;
        }
      });
    });
  });
&lt;/script&gt;
&lt;style&gt;
img.g-resize {
        width: 100%;
        height: auto;
}
&lt;/style&gt;
&lt;div id=&quot;g-item&quot;&gt;
  &lt; ?= $theme-&gt;photo_top() ?&gt;
&nbsp;
  &lt; ?= $theme-&gt;paginator() ?&gt;
&nbsp;
  &lt;div id=&quot;g-photo&quot;&gt;
    &lt; ?= $theme-&gt;resize_top($item) ?&gt;
    &lt; ? if (access::can(&quot;view_full&quot;, $item)): ?&gt;
    &lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?=</span> <span style="color: #000088;">$item</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">file_url</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; title=&quot;&lt; ?= t(&quot;View full size&quot;)-&gt;for_html_attr() ?&gt;&quot;&gt;
    &lt; ? else: ?&gt;
        &lt;/a&gt;&lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?=</span> <span style="color: #000088;">$item</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">resize_url</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; title=&quot;&lt; ?= t(&quot;View full size&quot;)-&gt;for_html_attr() ?&gt;&quot;&gt;
    &lt; ? endif; ?&gt;
    &lt; ?= $item-&gt;resize_img(array(&quot;id&quot; =&gt; &quot;g-item-id-{$item-&gt;id}&quot;, &quot;class&quot; =&gt; &quot;g-resize&quot;)) ?&gt;
        &lt;/a&gt;
    &lt; ?= $theme-&gt;resize_bottom($item) ?&gt;
  &lt;/div&gt;
&nbsp;
  &lt;div id=&quot;g-info&quot;&gt;
    &lt;h1&gt;&lt; ?= html::purify($item-&gt;title) ?&gt;&lt;/h1&gt;
    &lt;div&gt;&lt; ?= nl2br(html::purify($item-&gt;description)) ?&gt;&lt;/div&gt;
  &lt;/div&gt;
&nbsp;
  &lt; ?= $theme-&gt;photo_bottom() ?&gt;
&lt;/div&gt;</pre></div></div>
]]></content:encoded>
			<wfw:commentRss>http://matthieu.yiptong.ca/2011/09/20/modified-photo-html-php-for-widewind-gallery3-theme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to dynamically resize an image using CSS</title>
		<link>http://matthieu.yiptong.ca/2011/09/20/how-to-dynamically-resize-an-image-using-css/</link>
		<comments>http://matthieu.yiptong.ca/2011/09/20/how-to-dynamically-resize-an-image-using-css/#comments</comments>
		<pubDate>Wed, 21 Sep 2011 03:03:51 +0000</pubDate>
		<dc:creator>Matthieu</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://matthieu.yiptong.ca/?p=1681</guid>
		<description><![CDATA[ &#60;style&#62; img.g-resize {         width: 100%;         height: auto; } &#60;/style&#62; Where g-resize is the class assigned to the img you want to have dynamically resized. Thanks to http://michelf.com/weblog/2005/liquid-image/]]></description>
			<content:encoded><![CDATA[<pre> &lt;style&gt;
img.g-resize {
        width: 100%;
        height: auto;
}
&lt;/style&gt;</pre>
<p>Where g-resize is the class assigned to the img you want to have dynamically resized.</p>
<p>Thanks to <a href="http://michelf.com/weblog/2005/liquid-image/">http://michelf.com/weblog/2005/liquid-image/</a></p>]]></content:encoded>
			<wfw:commentRss>http://matthieu.yiptong.ca/2011/09/20/how-to-dynamically-resize-an-image-using-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The kindergarten browser wars</title>
		<link>http://matthieu.yiptong.ca/2011/06/25/the-kindergarten-browser-wars/</link>
		<comments>http://matthieu.yiptong.ca/2011/06/25/the-kindergarten-browser-wars/#comments</comments>
		<pubDate>Sun, 26 Jun 2011 03:15:27 +0000</pubDate>
		<dc:creator>Matthieu</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://matthieu.yiptong.ca/?p=1630</guid>
		<description><![CDATA[A friend posted this on Facebook today: Quite an accurate depiction. Image credit: The Shoze Blog]]></description>
			<content:encoded><![CDATA[<p>A friend posted this on Facebook today:<br />
<a href="http://matthieu.yiptong.ca/wp-content/uploads/2011/06/browser-war-copy.jpg" rel="wp-prettyPhoto[g1630]"><img class="alignnone size-medium wp-image-1631" title="browser war copy" src="http://matthieu.yiptong.ca/wp-content/uploads/2011/06/browser-war-copy-300x198.jpg" alt="" width="300" height="198" /></a></p>
<p>Quite an accurate depiction.</p>
<p>Image credit: <a href="http://shoze.blogspot.com/2011/06/brorwser-wars.html">The Shoze Blog</a></p>]]></content:encoded>
			<wfw:commentRss>http://matthieu.yiptong.ca/2011/06/25/the-kindergarten-browser-wars/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web browser market share: Modern browser edition</title>
		<link>http://matthieu.yiptong.ca/2011/04/09/web-browser-market-share-modern-browser-edition/</link>
		<comments>http://matthieu.yiptong.ca/2011/04/09/web-browser-market-share-modern-browser-edition/#comments</comments>
		<pubDate>Sat, 09 Apr 2011 19:23:38 +0000</pubDate>
		<dc:creator>Matthieu</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://matthieu.yiptong.ca/?p=1554</guid>
		<description><![CDATA[Microsoft was quick to boast of Internet Explorer 9′s 2.5 million downloads in its first 24 hours—a number quickly eclipsed by Firefox 4, which garnered 7.1 million in its first day. via Web browser market share: Modern browser edition. Oh, Microsoft, just give up on IE already. Focus on Windows, Office and Sharepoint instead.]]></description>
			<content:encoded><![CDATA[<blockquote><p>Microsoft was quick to boast of Internet Explorer 9′s 2.5  million downloads in its first 24 hours—a number quickly eclipsed by  Firefox 4, which garnered 7.1 million in its first day.</p></blockquote>
<p>via <a href="http://arstechnica.com/web/news/2011/04/web-browser-market-share-modern-browser-edition.ars?utm_source=Ars+Technica+Newsletter&amp;utm_campaign=939a4113aa-April_1_2011_Newsletter&amp;utm_medium=email">Web browser market share: Modern browser edition</a>.</p>
<p>Oh, Microsoft, just give up on IE already. Focus on Windows, Office and Sharepoint instead.</p>]]></content:encoded>
			<wfw:commentRss>http://matthieu.yiptong.ca/2011/04/09/web-browser-market-share-modern-browser-edition/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Restore one-click message selection in Gmail</title>
		<link>http://matthieu.yiptong.ca/2011/03/29/restore-one-click-message-selection-in-gmail/</link>
		<comments>http://matthieu.yiptong.ca/2011/03/29/restore-one-click-message-selection-in-gmail/#comments</comments>
		<pubDate>Wed, 30 Mar 2011 01:37:20 +0000</pubDate>
		<dc:creator>Matthieu</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://matthieu.yiptong.ca/?p=1546</guid>
		<description><![CDATA[If you’re like me, you REALLY miss the ability to select all your unread (or read) conversations with one click. With the new Gmail interface, you have to first click the drop-down menu, the click the desired selection option. That’s one click too many IMO, and extra mouse mileage that’s wearing down the poor little [...]]]></description>
			<content:encoded><![CDATA[<p>If you’re like me, you REALLY miss the ability to select all your  unread (or read) conversations with one click. With the new Gmail  interface, you have to first click the drop-down menu, the click the  desired selection option. That’s one click too many IMO, and extra mouse  mileage that’s wearing down the poor little thing.</p>
<p>But naturally, when the Internet has a problem, the Internet also has a solution.</p>
<p>Using some CSS, and the Stylish extension for Firefox, it’s possible  to get the old links back, and they actually look even better than  before.</p>
<p><a href="http://matthieu.yiptong.ca/wp-content/uploads/2011/05/Screen-Shot-2011-03-29-at-9.37.47-PM.png" rel="wp-prettyPhoto[g1546]"><img class="alignnone size-full wp-image-1561" title="Screen Shot 2011-03-29 at 9.37.47 PM" src="http://matthieu.yiptong.ca/wp-content/uploads/2011/05/Screen-Shot-2011-03-29-at-9.37.47-PM.png" alt="" width="647" height="194" /></a></p>
<div>
<div>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #a1a100;">@namespace url(&lt;a href=&quot;http://www.w3.org/1999/xhtml&quot;&gt;http://www.w3.org/1999/xhtml&lt;/a&gt;);</span>
<span style="color: #808080; font-style: italic;">/*
 Gmail: Select &quot;links&quot; restored
*/</span>
<span style="color: #a1a100;">@-moz-document domain(&quot;mail.google.com&quot;) {</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* move search results text down below Select links */</span>
<span style="color: #6666ff;">.VP5otc-pzeoBf</span><span style="color: #6666ff;">.D</span><span style="color: #6666ff;">.E</span> <span style="color: #6666ff;">.yS</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">padding-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">25px</span> !important<span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* same height as before (more or less) */</span>
<span style="color: #6666ff;">.VP5otc-pzeoBf</span><span style="color: #6666ff;">.D</span><span style="color: #6666ff;">.E</span> <span style="color: #6666ff;">.nH</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">22px</span> !important<span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #6666ff;">.VP5otc-pzeoBf</span><span style="color: #6666ff;">.D</span><span style="color: #6666ff;">.E</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.nH</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.nH</span><span style="color: #6666ff;">.Cq</span> &amp;gt<span style="color: #00AA00;">;</span> div &amp;gt<span style="color: #00AA00;">;</span> div &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.J-M</span><span style="color: #6666ff;">.AW</span><span style="color: #3333ff;">:nth-</span>child<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">7</span><span style="color: #00AA00;">&#41;</span> <span style="color: #00AA00;">&#123;</span>
 <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span> !important<span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-4px</span> !important<span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">15px</span> !important<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* line up with 'Search ...' */</span>
 <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">inline</span> !important<span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">16px</span> !important<span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.VP5otc-pzeoBf</span><span style="color: #6666ff;">.D</span><span style="color: #6666ff;">.E</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.nH</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.nH</span><span style="color: #6666ff;">.Cq</span> &amp;gt<span style="color: #00AA00;">;</span> div &amp;gt<span style="color: #00AA00;">;</span> div &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.J-M</span><span style="color: #6666ff;">.AW</span><span style="color: #3333ff;">:nth-</span>child<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">7</span><span style="color: #00AA00;">&#41;</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.SK</span><span style="color: #3333ff;">:before </span><span style="color: #00AA00;">&#123;</span>
 <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;Select: &quot;</span> <span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Arial <span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">black</span> <span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.VP5otc-pzeoBf</span><span style="color: #6666ff;">.D</span><span style="color: #6666ff;">.E</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.nH</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.nH</span><span style="color: #6666ff;">.Cq</span> &amp;gt<span style="color: #00AA00;">;</span> div &amp;gt<span style="color: #00AA00;">;</span> div &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.J-M</span><span style="color: #6666ff;">.AW</span><span style="color: #3333ff;">:nth-</span>child<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">7</span><span style="color: #00AA00;">&#41;</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.SK</span> <span style="color: #00AA00;">&#123;</span>
 -moz-box-shadow<span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span> !important<span style="color: #00AA00;">;</span>
 -webkit-box-shadow<span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span> !important<span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">padding-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">4px</span> !important<span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">padding-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span> !important<span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">transparent</span> !important<span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Verdana !important<span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.VP5otc-pzeoBf</span><span style="color: #6666ff;">.D</span><span style="color: #6666ff;">.E</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.nH</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.nH</span><span style="color: #6666ff;">.Cq</span> &amp;gt<span style="color: #00AA00;">;</span> div &amp;gt<span style="color: #00AA00;">;</span> div &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.J-M</span><span style="color: #6666ff;">.AW</span><span style="color: #3333ff;">:nth-</span>child<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">7</span><span style="color: #00AA00;">&#41;</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.SK</span><span style="color: #6666ff;">.AX</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.J-N</span> <span style="color: #00AA00;">&#123;</span>
 <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> inline-<span style="color: #993333;">block</span> !important<span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">padding-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">8px</span> !important<span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">padding-right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">8px</span> !important<span style="color: #00AA00;">;</span>
 -moz-border-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span> !important<span style="color: #00AA00;">;</span>
 -webkit-border-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span> !important<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* WebKit */</span>
 <span style="color: #000000; font-weight: bold;">cursor</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">pointer</span> !important<span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.VP5otc-pzeoBf</span><span style="color: #6666ff;">.D</span><span style="color: #6666ff;">.E</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.nH</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.nH</span><span style="color: #6666ff;">.Cq</span> &amp;gt<span style="color: #00AA00;">;</span> div &amp;gt<span style="color: #00AA00;">;</span> div &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.J-M</span><span style="color: #6666ff;">.AW</span><span style="color: #3333ff;">:nth-</span>child<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">7</span><span style="color: #00AA00;">&#41;</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.SK</span><span style="color: #6666ff;">.AX</span> &amp;gt<span style="color: #00AA00;">;</span> <span style="color: #6666ff;">.J-N</span><span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>
 <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#406480</span> !important<span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #993333;">white</span> !important<span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #808080; font-style: italic;">/* optional bg: sort of a button look (dark/light bg with light/dark text) * /
.A1.D.E &amp;gt; .nH &amp;gt; .nH.Cq &amp;gt; div &amp;gt; div &amp;gt; .J-M.AW:nth-child(7) &amp;gt; .SK.AX &amp;gt; .J-N:not(:hover) {
 background-color: #406480 !important;
} /* dark blue [Planets bg] */</span>
&nbsp;
<span style="color: #00AA00;">&#125;</span></pre></div></div>

</div>
</div>
<p>Thanks to Matt Kruse. Original script source: <a href="http://userscripts.org/topics/67827">http://userscripts.org/topics/67827</a></p>]]></content:encoded>
			<wfw:commentRss>http://matthieu.yiptong.ca/2011/03/29/restore-one-click-message-selection-in-gmail/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Virtual LAN with NAT/PAT for OpenVZ containers</title>
		<link>http://matthieu.yiptong.ca/2009/10/13/virtual-lan-with-natpat-for-openvz-containers/</link>
		<comments>http://matthieu.yiptong.ca/2009/10/13/virtual-lan-with-natpat-for-openvz-containers/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 01:07:24 +0000</pubDate>
		<dc:creator>Matthieu</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://matthieu.yiptong.ca/?p=434</guid>
		<description><![CDATA[This blog is running from an OpenVZ container on a server with a single public IP. There is no separate router; the eth0 interfaces is connected directly to the Internet. Therefore, I had to create a vlan with private IPs for my containers which would share the one public IP. Here&#8217;s how I did it. [...]]]></description>
			<content:encoded><![CDATA[<p>This blog is running from an OpenVZ container on a server with a single public IP. There is no separate router; the eth0 interfaces is connected directly to the Internet. Therefore, I had to create a vlan with private IPs for my containers which would share the one public IP. Here&#8217;s how I did it.</p>
<p>/etc/network/interfaces</p>

<div class="wp_syntax"><div class="code"><pre class="ini" style="font-family:monospace;">auto eth0
iface eth0 inet static
address x.x.x.x
netmask 255.255.255.254
gateway x.x.x.x
&nbsp;
auto venet0:<span style="">0</span>
iface venet0:<span style="">0</span> inet static
address 172.29.247.100
netmask 255.255.255.0</pre></div></div>

<p>Note that the venet0 interface is created when installing OpenVZ. By default it has no IP. I assigned a static IP of 172.29.247.100 and netmask of 255.255.255.0 to allow space for a whole lot of containers. Now for the fun part, messing with iptables.</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #666666; font-style: italic;"># NAT VM subnet (247) to external ip</span>
<span style="color: #000000; font-weight: bold;">/</span>sbin<span style="color: #000000; font-weight: bold;">/</span>iptables <span style="color: #660033;">-t</span> nat <span style="color: #660033;">-A</span> POSTROUTING <span style="color: #660033;">-s</span> 172.29.247.0<span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000;">24</span> <span style="color: #660033;">-o</span> eth0 <span style="color: #660033;">-j</span> SNAT <span style="color: #660033;">--to</span> x.x.x.x
&nbsp;
<span style="color: #666666; font-style: italic;"># Allow all traffic for venet0 interface</span>
<span style="color: #000000; font-weight: bold;">/</span>sbin<span style="color: #000000; font-weight: bold;">/</span>iptables <span style="color: #660033;">-A</span> INPUT <span style="color: #660033;">-i</span> venet0 <span style="color: #660033;">-j</span> ACCEPT
&nbsp;
<span style="color: #666666; font-style: italic;"># ssh to containers</span>
<span style="color: #000000; font-weight: bold;">/</span>sbin<span style="color: #000000; font-weight: bold;">/</span>iptables <span style="color: #660033;">-t</span> nat <span style="color: #660033;">-I</span> PREROUTING <span style="color: #660033;">-p</span> tcp <span style="color: #660033;">-d</span> x.x.x.x <span style="color: #660033;">--dport</span> <span style="color: #000000;">2222</span> <span style="color: #660033;">-j</span> DNAT <span style="color: #660033;">--to</span> 172.29.247.103:<span style="color: #000000;">22</span>
<span style="color: #000000; font-weight: bold;">/</span>sbin<span style="color: #000000; font-weight: bold;">/</span>iptables <span style="color: #660033;">-I</span> FORWARD <span style="color: #660033;">-p</span> tcp <span style="color: #660033;">-d</span> 172.29.247.103 <span style="color: #660033;">--dport</span> <span style="color: #000000;">2222</span>
<span style="color: #000000; font-weight: bold;">/</span>sbin<span style="color: #000000; font-weight: bold;">/</span>iptables <span style="color: #660033;">-t</span> nat <span style="color: #660033;">-I</span> PREROUTING <span style="color: #660033;">-p</span> tcp <span style="color: #660033;">-d</span> x.x.x.x <span style="color: #660033;">--dport</span> <span style="color: #000000;">2223</span> <span style="color: #660033;">-j</span> DNAT <span style="color: #660033;">--to</span> 172.29.247.102:<span style="color: #000000;">22</span>
<span style="color: #000000; font-weight: bold;">/</span>sbin<span style="color: #000000; font-weight: bold;">/</span>iptables <span style="color: #660033;">-I</span> FORWARD <span style="color: #660033;">-p</span> tcp <span style="color: #660033;">-d</span> 172.29.247.102 <span style="color: #660033;">--dport</span> <span style="color: #000000;">2223</span></pre></div></div>

<p>It may not be the optimal solution, but it works, it&#8217;s stable, and I&#8217;m quite proud of myself.</p>]]></content:encoded>
			<wfw:commentRss>http://matthieu.yiptong.ca/2009/10/13/virtual-lan-with-natpat-for-openvz-containers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spam. Now in french, with pictures!</title>
		<link>http://matthieu.yiptong.ca/2009/10/13/spam-now-in-french-with-pictures/</link>
		<comments>http://matthieu.yiptong.ca/2009/10/13/spam-now-in-french-with-pictures/#comments</comments>
		<pubDate>Tue, 13 Oct 2009 16:44:39 +0000</pubDate>
		<dc:creator>Matthieu</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://matthieu.yiptong.ca/?p=431</guid>
		<description><![CDATA[Someone at the school board received this spam message today. I must say this variation is better than the usual junk about viagra and rolexes . But seriously, what are they expecting to get out of this? bonjour!!! ca va??? je m&#8217;appelle Svetlana. j&#8217;ai 29 ans. j&#8217;ai deja eu une mauvaise experience de parler avec [...]]]></description>
			<content:encoded><![CDATA[<p>Someone at the school board received this spam message today. I must say this variation is better than the usual junk about viagra and rolexes <img src='http://matthieu.yiptong.ca/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> . But seriously, what are they expecting to get out of this?</p>
<blockquote><p>bonjour!!! ca va??? je m&#8217;appelle Svetlana. j&#8217;ai 29 ans.<br />
j&#8217;ai deja eu une mauvaise experience de parler avec les hommes dans l&#8217;internet.<br />
nous avons eu une correspondance exceptionnelle tres longtemps et je l&#8217;ai cru.<br />
j&#8217;ai l&#8217;habitude de croire les hommes mais cet homme a casse mon coeur.<br />
j&#8217;etais choquee et je ne savais pas ce que je devais faire. j&#8217;ai cesse a croire les hommes.<br />
j&#8217;ai commence a travailler ferme pour oublier tout.<br />
j&#8217;ai reussi a faire la cariere mais j&#8217;ai compris que la vie ce n&#8217;est pas le travail.<br />
je veux etre aimee et je veux offrir l&#8217;amour.<br />
je ne sais pas pourquoi je te dis ca j&#8217;ai regarde ton prifil et j&#8217;ai decide de t&#8217;ecrire.<br />
je deteste le mensonge et les jeux avec les gens.</p>
<p>si tes intentions sont serieuses ecris mon email:  tendra3@rambler.ru</p>
<p><a href="http://matthieu.yiptong.ca/wp-content/uploads/2009/10/Svetlanna1.jpg" rel="wp-prettyPhoto[g431]"><img class="alignnone size-medium wp-image-432" title="Svetlanna" src="http://matthieu.yiptong.ca/wp-content/uploads/2009/10/Svetlanna-287x300.jpg" alt="Svetlanna" width="287" height="300" /></a></p></blockquote>]]></content:encoded>
			<wfw:commentRss>http://matthieu.yiptong.ca/2009/10/13/spam-now-in-french-with-pictures/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gmail down</title>
		<link>http://matthieu.yiptong.ca/2009/09/24/gmail-down/</link>
		<comments>http://matthieu.yiptong.ca/2009/09/24/gmail-down/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 14:42:11 +0000</pubDate>
		<dc:creator>Matthieu</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[broken]]></category>
		<category><![CDATA[error]]></category>
		<category><![CDATA[gmail]]></category>

		<guid isPermaLink="false">http://matthieu.yiptong.ca/2009/09/gmail-down/</guid>
		<description><![CDATA[UPDATE: Google has posted a document explaining the service disruption. Google Service disruption &#8211; Sept 24/09 Gmail seems to be down right now&#8230; ( Sep 24, 2009 @ 10:42) To monitor Gmail and other Google Apps services in the future: the Apps Status Dashboard]]></description>
			<content:encoded><![CDATA[<p>UPDATE: Google has posted a document explaining the service disruption. <a href="http://matthieu.yiptong.ca/wp-content/uploads/2009/09/2kbfss0frjmmlkx1.pdf">Google Service disruption &#8211; Sept 24/09</a></p>
<p>Gmail seems to be down right now&#8230; (<span id="timestamp"> <strong>Sep 24, 2009 @ 10:42)</strong></span></p>
<p>To monitor Gmail and other Google Apps services in the future: the <a href="http://www.google.com/appsstatus">Apps Status Dashboard</a></p>
<p><a href="http://matthieu.yiptong.ca/wp-content/uploads/2009/09/Capture1.png" rel="wp-prettyPhoto[g337]"><img class="alignnone size-medium wp-image-336" title="Capture" src="http://matthieu.yiptong.ca/wp-content/uploads/2009/09/Capture-300x242.PNG" alt="Capture" width="300" height="242" /></a></p>
<p><a href="http://matthieu.yiptong.ca/wp-content/uploads/2009/09/gmail31.png" rel="wp-prettyPhoto[g337]"><img class="alignnone size-medium wp-image-341" title="gmail3" src="http://matthieu.yiptong.ca/wp-content/uploads/2009/09/gmail3-300x213.PNG" alt="gmail3" width="300" height="213" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://matthieu.yiptong.ca/2009/09/24/gmail-down/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

