<feed xmlns='http://www.w3.org/2005/Atom'>
<title>Legibility, branch v0.0.1</title>
<subtitle>A WebExtension that lets you override the CSS of any website</subtitle>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/Legibility/'/>
<entry>
<title>Fix CSS getting applied to incorrect sites from 4792514bbcf4aa0c1b102a3a</title>
<updated>2018-10-06T15:16:28+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2018-10-06T15:16:28+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/Legibility/commit/?id=ba12ee4dce5cda80a8ecb43760555f10bce6ccb6'/>
<id>ba12ee4dce5cda80a8ecb43760555f10bce6ccb6</id>
<content type='text'>
That commit incorrectly caused a bunch (if not all) custom stylesheets
to be inserted for the wrong domains.

Add a condition to ensure that the domain of the `tabId` used matches
that of the stylesheet.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
That commit incorrectly caused a bunch (if not all) custom stylesheets
to be inserted for the wrong domains.

Add a condition to ensure that the domain of the `tabId` used matches
that of the stylesheet.
</pre>
</div>
</content>
</entry>
<entry>
<title>Fix CSS not loading in background tabs</title>
<updated>2018-10-05T14:33:01+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2018-10-05T14:33:01+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/Legibility/commit/?id=4792514bbcf4aa0c1b102a3afc25c8c0ae4636b5'/>
<id>4792514bbcf4aa0c1b102a3afc25c8c0ae4636b5</id>
<content type='text'>
When opening tabs in the background, for example when clicking links,
custom CSS wouldn't get properly loaded in those tabs.

It turns out that the CSS was actually getting loaded into the current
tab, which I hadn't realised.

Thanks to Niklas Gollenstede's answer here for clueing me into this:
https://discourse.mozilla.org/t/inject-css-with-webextension/16877/3

To fix the problem, we specify the `tabId` in which to load the CSS. We
get the `tabId` from the `webNavigation.onCompleted` event, which tells
us the page is basically ready.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
When opening tabs in the background, for example when clicking links,
custom CSS wouldn't get properly loaded in those tabs.

It turns out that the CSS was actually getting loaded into the current
tab, which I hadn't realised.

Thanks to Niklas Gollenstede's answer here for clueing me into this:
https://discourse.mozilla.org/t/inject-css-with-webextension/16877/3

To fix the problem, we specify the `tabId` in which to load the CSS. We
get the `tabId` from the `webNavigation.onCompleted` event, which tells
us the page is basically ready.
</pre>
</div>
</content>
</entry>
<entry>
<title>README: Add prompt character to shell code</title>
<updated>2018-08-05T03:12:54+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2018-08-05T03:12:54+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/Legibility/commit/?id=d6af5af47db7690bfbec476f0f2944cd0b204f07'/>
<id>d6af5af47db7690bfbec476f0f2944cd0b204f07</id>
<content type='text'>
Forgot this when I wrote the instructions. I usually like to prefix
shell commands with a prompt character.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Forgot this when I wrote the instructions. I usually like to prefix
shell commands with a prompt character.
</pre>
</div>
</content>
</entry>
<entry>
<title>README: Educate quotes</title>
<updated>2018-08-05T03:05:22+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2018-08-05T03:05:22+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/Legibility/commit/?id=77b319116df571a4b9c654f385dfb9862868b7e2'/>
<id>77b319116df571a4b9c654f385dfb9862868b7e2</id>
<content type='text'>
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
</pre>
</div>
</content>
</entry>
<entry>
<title>README: Add installation instructions</title>
<updated>2018-08-05T03:00:14+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2018-08-05T02:55:20+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/Legibility/commit/?id=be56f2a0c670d367f4a46e1d5c57537d265d4acf'/>
<id>be56f2a0c670d367f4a46e1d5c57537d265d4acf</id>
<content type='text'>
Includes instructions for Chrome and Firefox. Firefox is a little more
involved. For now not bothering to sign the extension.

Also update `manifest.json` to give the extension an add-on ID. This is
required as it must be used as the directory name in the Firefox
`extensions/` profile folder.

Thanks to these resources for explaining how to install an unpacked
extension in Firefox:
- https://stackoverflow.com/questions/27155766/how-to-install-unpacked-extension-in-firefox-chrome/27158189#27158189
- https://developer.mozilla.org/en-US/docs/Archive/Add-ons/Setting_up_extension_development_environment#Firefox_extension_proxy_file
- https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Alternative_distribution_options/Sideloading_add-ons
- https://stackoverflow.com/questions/37728865/install-webextensions-on-firefox-from-the-command-line/37739112#37739112
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Includes instructions for Chrome and Firefox. Firefox is a little more
involved. For now not bothering to sign the extension.

Also update `manifest.json` to give the extension an add-on ID. This is
required as it must be used as the directory name in the Firefox
`extensions/` profile folder.

Thanks to these resources for explaining how to install an unpacked
extension in Firefox:
- https://stackoverflow.com/questions/27155766/how-to-install-unpacked-extension-in-firefox-chrome/27158189#27158189
- https://developer.mozilla.org/en-US/docs/Archive/Add-ons/Setting_up_extension_development_environment#Firefox_extension_proxy_file
- https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Alternative_distribution_options/Sideloading_add-ons
- https://stackoverflow.com/questions/37728865/install-webextensions-on-firefox-from-the-command-line/37739112#37739112
</pre>
</div>
</content>
</entry>
<entry>
<title>README: Add usage example</title>
<updated>2018-08-05T01:19:15+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2018-08-05T01:19:15+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/Legibility/commit/?id=34ac3ec06080de340f6454be10075ad8983ba9bc'/>
<id>34ac3ec06080de340f6454be10075ad8983ba9bc</id>
<content type='text'>
Add an example to show how the extension works.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Add an example to show how the extension works.
</pre>
</div>
</content>
</entry>
<entry>
<title>Add README</title>
<updated>2018-08-05T01:01:04+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2018-08-05T01:01:04+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/Legibility/commit/?id=aed995aa75223181d72a9ebfb9a57a7eac397276'/>
<id>aed995aa75223181d72a9ebfb9a57a7eac397276</id>
<content type='text'>
Write a description of the web extension. Start on installation
instructions.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Write a description of the web extension. Start on installation
instructions.
</pre>
</div>
</content>
</entry>
<entry>
<title>content.js: Include subdomain</title>
<updated>2018-08-04T17:55:03+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2018-08-04T17:55:03+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/Legibility/commit/?id=dbebdabda3eb1f3edc52328c2c069c7c6b3fc9ab'/>
<id>dbebdabda3eb1f3edc52328c2c069c7c6b3fc9ab</id>
<content type='text'>
Include the subdomain when matching filenames. This is less general, but
allows us to match more precisely. I needed to modify CSS on a
`subdomain.github.io` blog, and of course we don't want to modify _all_
`github.io` styles.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Include the subdomain when matching filenames. This is less general, but
allows us to match more precisely. I needed to modify CSS on a
`subdomain.github.io` blog, and of course we don't want to modify _all_
`github.io` styles.
</pre>
</div>
</content>
</entry>
<entry>
<title>Add license (GNU GPLv3+)</title>
<updated>2018-08-04T02:04:22+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2018-08-04T02:04:22+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/Legibility/commit/?id=6d9a9e792918389bae732a7ccc33741bf449dccb'/>
<id>6d9a9e792918389bae732a7ccc33741bf449dccb</id>
<content type='text'>
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
</pre>
</div>
</content>
</entry>
<entry>
<title>Add .gitignore</title>
<updated>2018-08-04T01:48:41+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2018-08-04T01:48:41+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/Legibility/commit/?id=dc161135845000964de83dd30aedae777882b6b8'/>
<id>dc161135845000964de83dd30aedae777882b6b8</id>
<content type='text'>
Ignore contents of the `/css/` directory, but don't ignore `.keep`
files, to allow the directory to remain tracked in the repo.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Ignore contents of the `/css/` directory, but don't ignore `.keep`
files, to allow the directory to remain tracked in the repo.
</pre>
</div>
</content>
</entry>
</feed>
