]> git.immae.eu Git - github/wallabag/wallabag.git/commitdiff
Adding test 1670/head
authorJeremy Benoist <jeremy.benoist@gmail.com>
Fri, 4 Mar 2016 09:04:51 +0000 (10:04 +0100)
committerJeremy Benoist <jeremy.benoist@gmail.com>
Fri, 4 Mar 2016 09:04:51 +0000 (10:04 +0100)
Reformat json file (thanks pro.jsonlint.com)

src/Wallabag/ImportBundle/Controller/PocketController.php
src/Wallabag/ImportBundle/Controller/WallabagV1Controller.php
src/Wallabag/ImportBundle/Form/Type/UploadImportType.php
src/Wallabag/ImportBundle/Import/PocketImport.php
src/Wallabag/ImportBundle/Tests/Controller/WallabagV1ControllerTest.php
src/Wallabag/ImportBundle/Tests/Import/PocketImportTest.php
src/Wallabag/ImportBundle/Tests/Import/WallabagV1ImportTest.php
src/Wallabag/ImportBundle/Tests/Import/WallabagV2ImportTest.php
src/Wallabag/ImportBundle/Tests/fixtures/wallabag-v1-read.json
src/Wallabag/ImportBundle/Tests/fixtures/wallabag-v2-read.json

index ef0407e69f1678232c9b8fcfb00d261bff0d6074..c88e115e4a426ae29b5da248092993c4a3db1965 100644 (file)
@@ -18,9 +18,9 @@ class PocketController extends Controller
         $pocket = $this->get('wallabag_import.pocket.import');
         $form = $this->createFormBuilder($pocket)
             ->add('read', CheckboxType::class, array(
-                    'label' => 'Mark all as read',
-                    'required' => false,
-                    ))
+                'label' => 'Mark all as read',
+                'required' => false,
+            ))
             ->getForm();
 
         return $this->render('WallabagImportBundle:Pocket:index.html.twig', [
@@ -39,8 +39,7 @@ class PocketController extends Controller
             ->getRequestToken($this->generateUrl('import', array(), UrlGeneratorInterface::ABSOLUTE_URL));
 
         $this->get('session')->set('import.pocket.code', $requestToken);
-        $markAsRead = $request->request->get('form')['read'];
-        $this->get('session')->set('read', $markAsRead);
+        $this->get('session')->set('read', $request->request->get('form')['read']);
 
         return $this->redirect(
             'https://getpocket.com/auth/authorize?request_token='.$requestToken.'&redirect_uri='.$this->generateUrl('import_pocket_callback', array(), UrlGeneratorInterface::ABSOLUTE_URL),
@@ -56,6 +55,7 @@ class PocketController extends Controller
         $message = 'Import failed, please try again.';
         $pocket = $this->get('wallabag_import.pocket.import');
         $markAsRead = $this->get('session')->get('read');
+        $this->get('session')->remove('read');
 
         // something bad happend on pocket side
         if (false === $pocket->authorize($this->get('session')->get('import.pocket.code'))) {
@@ -72,8 +72,6 @@ class PocketController extends Controller
             $message = 'Import summary: '.$summary['imported'].' imported, '.$summary['skipped'].' already saved.';
         }
 
-        $this->get('session')->remove('read');
-
         $this->get('session')->getFlashBag()->add(
             'notice',
             $message
index 8b27144be4c2b1ee33e9e21d864c20283707891f..154a0769b0ac4688008e4f012b08499f28d28dda 100644 (file)
@@ -32,6 +32,7 @@ class WallabagV1Controller extends Controller
                     ->import();
 
                 $message = 'Import failed, please try again.';
+
                 if (true === $res) {
                     $summary = $wallabag->getSummary();
                     $message = 'Import summary: '.$summary['imported'].' imported, '.$summary['skipped'].' already saved.';
index bbc3661a1be4bfea4a07a6412d370857d7a0ce5b..386703796bbcbc34218c25697e792b0a3daec521 100644 (file)
@@ -15,9 +15,9 @@ class UploadImportType extends AbstractType
         $builder
             ->add('file', FileType::class)
             ->add('mark_as_read', CheckboxType::class, array(
-                    'label' => 'Mark all as read',
-                    'required' => false,
-                    ))
+                'label' => 'Mark all as read',
+                'required' => false,
+            ))
             ->add('save', SubmitType::class)
         ;
     }
index 1ec82a41290b7f128d6f9a67758bcfca205efc66..238ddbd1f71548b304a24489b095a0e98f0b6fd4 100644 (file)
@@ -222,7 +222,7 @@ class PocketImport implements ImportInterface
             $entry = $this->contentProxy->updateEntry($entry, $url);
 
             // 0, 1, 2 - 1 if the item is archived - 2 if the item should be deleted
-            if ($pocketEntry['status'] == 1 | $this->markAsRead) {
+            if ($pocketEntry['status'] == 1 || $this->markAsRead) {
                 $entry->setArchived(true);
             }
 
index c10d0d18f23747741271d6448d57d160d45002cf..7f97b0f5522719505d75e323296cda498e5f6837 100644 (file)
@@ -99,8 +99,7 @@ class WallabagV1ControllerTest extends WallabagCoreTestCase
 
         $this->assertTrue($content2->isArchived());
 
-        $this->assertGreaterThan(1, $alert = $crawler->filter('div.messages.success')->extract(array('_text')));
-        $this->assertContains('Import summary', $alert[0]);
+        $this->assertContains('Import summary', $client->getResponse()->getContent());
     }
 
     public function testImportWallabagWithEmptyFile()
index f44786b1a76d92dcc0293c3a18ffa62994bf4ddf..bc9e2f422d632e2ee0fe6d1e71b0c89201c5dd7e 100644 (file)
@@ -3,6 +3,7 @@
 namespace Wallabag\ImportBundle\Tests\Import;
 
 use Wallabag\UserBundle\Entity\User;
+use Wallabag\CoreBundle\Entity\Entry;
 use Wallabag\ImportBundle\Import\PocketImport;
 use GuzzleHttp\Client;
 use GuzzleHttp\Subscriber\Mock;
@@ -265,9 +266,7 @@ class PocketImportTest extends \PHPUnit_Framework_TestCase
             ->method('getRepository')
             ->willReturn($entryRepo);
 
-        $entry = $this->getMockBuilder('Wallabag\CoreBundle\Entity\Entry')
-            ->disableOriginalConstructor()
-            ->getMock();
+        $entry = new Entry($this->user);
 
         $this->contentProxy
             ->expects($this->once())
@@ -283,6 +282,95 @@ class PocketImportTest extends \PHPUnit_Framework_TestCase
         $this->assertEquals(['skipped' => 1, 'imported' => 1], $pocketImport->getSummary());
     }
 
+    /**
+     * Will sample results from https://getpocket.com/developer/docs/v3/retrieve.
+     */
+    public function testImportAndMarkAllAsRead()
+    {
+        $client = new Client();
+
+        $mock = new Mock([
+            new Response(200, ['Content-Type' => 'application/json'], Stream::factory(json_encode(['access_token' => 'wunderbar_token']))),
+            new Response(200, ['Content-Type' => 'application/json'], Stream::factory('
+                {
+                    "status": 1,
+                    "list": {
+                        "229279689": {
+                            "item_id": "229279689",
+                            "resolved_id": "229279689",
+                            "given_url": "http://www.grantland.com/blog/the-triangle/post/_/id/38347/ryder-cup-preview",
+                            "given_title": "The Massive Ryder Cup Preview - The Triangle Blog - Grantland",
+                            "favorite": "1",
+                            "status": "1",
+                            "resolved_title": "The Massive Ryder Cup Preview",
+                            "resolved_url": "http://www.grantland.com/blog/the-triangle/post/_/id/38347/ryder-cup-preview",
+                            "excerpt": "The list of things I love about the Ryder Cup is so long that it could fill a (tedious) novel, and golf fans can probably guess most of them.",
+                            "is_article": "1",
+                            "has_video": "1",
+                            "has_image": "1",
+                            "word_count": "3197"
+                        },
+                        "229279690": {
+                            "item_id": "229279689",
+                            "resolved_id": "229279689",
+                            "given_url": "http://www.grantland.com/blog/the-triangle/post/_/id/38347/ryder-cup-preview/2",
+                            "given_title": "The Massive Ryder Cup Preview - The Triangle Blog - Grantland",
+                            "favorite": "1",
+                            "status": "0",
+                            "resolved_title": "The Massive Ryder Cup Preview",
+                            "resolved_url": "http://www.grantland.com/blog/the-triangle/post/_/id/38347/ryder-cup-preview",
+                            "excerpt": "The list of things I love about the Ryder Cup is so long that it could fill a (tedious) novel, and golf fans can probably guess most of them.",
+                            "is_article": "1",
+                            "has_video": "0",
+                            "has_image": "0",
+                            "word_count": "3197"
+                        }
+                    }
+                }
+            ')),
+        ]);
+
+        $client->getEmitter()->attach($mock);
+
+        $pocketImport = $this->getPocketImport();
+
+        $entryRepo = $this->getMockBuilder('Wallabag\CoreBundle\Repository\EntryRepository')
+            ->disableOriginalConstructor()
+            ->getMock();
+
+        $entryRepo->expects($this->exactly(2))
+            ->method('findByUrlAndUserId')
+            ->will($this->onConsecutiveCalls(false, false));
+
+        $this->em
+            ->expects($this->exactly(2))
+            ->method('getRepository')
+            ->willReturn($entryRepo);
+
+        // check that every entry persisted are archived
+        $this->em
+            ->expects($this->any())
+            ->method('persist')
+            ->with($this->callback(function($persistedEntry) {
+                return $persistedEntry->isArchived();
+            }));
+
+        $entry = new Entry($this->user);
+
+        $this->contentProxy
+            ->expects($this->exactly(2))
+            ->method('updateEntry')
+            ->willReturn($entry);
+
+        $pocketImport->setClient($client);
+        $pocketImport->authorize('wunderbar_code');
+
+        $res = $pocketImport->setMarkAsRead(true)->import();
+
+        $this->assertTrue($res);
+        $this->assertEquals(['skipped' => 0, 'imported' => 2], $pocketImport->getSummary());
+    }
+
     public function testImportBadResponse()
     {
         $client = new Client();
index 9a563a1158eb18c3e8d506f2529517e1e66a3bf0..fbcd270d31d6a39bcf8dd5ef374b243d9e955d3b 100644 (file)
@@ -81,6 +81,39 @@ class WallabagV1ImportTest extends \PHPUnit_Framework_TestCase
         $this->assertEquals(['skipped' => 1, 'imported' => 3], $wallabagV1Import->getSummary());
     }
 
+    public function testImportAndMarkAllAsRead()
+    {
+        $wallabagV1Import = $this->getWallabagV1Import();
+        $wallabagV1Import->setFilepath(__DIR__.'/../fixtures/wallabag-v1-read.json');
+
+        $entryRepo = $this->getMockBuilder('Wallabag\CoreBundle\Repository\EntryRepository')
+            ->disableOriginalConstructor()
+            ->getMock();
+
+        $entryRepo->expects($this->exactly(3))
+            ->method('findByUrlAndUserId')
+            ->will($this->onConsecutiveCalls(false, false, false));
+
+        $this->em
+            ->expects($this->any())
+            ->method('getRepository')
+            ->willReturn($entryRepo);
+
+        // check that every entry persisted are archived
+        $this->em
+            ->expects($this->any())
+            ->method('persist')
+            ->with($this->callback(function($persistedEntry) {
+                return $persistedEntry->isArchived();
+            }));
+
+        $res = $wallabagV1Import->setMarkAsRead(true)->import();
+
+        $this->assertTrue($res);
+
+        $this->assertEquals(['skipped' => 0, 'imported' => 3], $wallabagV1Import->getSummary());
+    }
+
     public function testImportBadFile()
     {
         $wallabagV1Import = $this->getWallabagV1Import();
index 8728364bcdfd2da1c49a57e294602144a97658d5..c461168ce5344a52f5cf3a6954b5b5310daa93b5 100644 (file)
@@ -90,15 +90,18 @@ class WallabagV2ImportTest extends \PHPUnit_Framework_TestCase
             ->method('getRepository')
             ->willReturn($entryRepo);
 
+        // check that every entry persisted are archived
+        $this->em
+            ->expects($this->any())
+            ->method('persist')
+            ->with($this->callback(function($persistedEntry) {
+                return $persistedEntry->isArchived();
+            }));
+
         $res = $wallabagV2Import->setMarkAsRead(true)->import();
 
         $this->assertTrue($res);
 
-        $this->em
-            ->expects($this->any())
-            ->method('getBuilderForArchiveByUser')
-            ->willReturn($entryRepo);
-
         $this->assertEquals(['skipped' => 0, 'imported' => 2], $wallabagV2Import->getSummary());
     }
 
index 73c6bebb178d308f1b48ea7e8650f809dce3367e..c4d1cf5899bcad84d38e8ff78e53ebf95b5a2d27 100644 (file)
@@ -1,22 +1,53 @@
 [
     {
-        "id":"3","0":"3",
-        "title":"Features - wallabag","1":"Features - wallabag",
-        "url":"https:\/\/www.wallabag.org\/features\/","2":"https:\/\/www.wallabag.org\/features\/",
-        "is_read":"1","3":"1",
-        "is_fav":"1","4":"1",
-        "content":"\n\t\t<p>Here are some features. If one is missing, you can <a href=\"https:\/\/github.com\/wallabag\/wallabag\">open a new issue<\/a>.<\/p>\n<ul class=\"list-group\"><li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> wallabag is free and open source. Forever.<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> No time to read? Save a link in your wallabag to read it later<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> Read the saved articles in a comfortable view: the content, only the content<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You save all the content: text and pictures<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You can easily migrate from others private services.<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You like an article? Share it by email, on twitter or in your <a href=\"https:\/\/github.com\/sebsauvage\/Shaarli\">shaarli<\/a><\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> Because we are increasingly mobile, wallabag fits all your devices<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> Saving a link is so easy because we provide you many tools: extensions for Chrome and Firefox, iOS, Android and Windows Phone application, a bookmarklet, a simple field in your config webpage. <a title=\"Download wallabag\" href=\"https:\/\/www.wallabag.org\/downloads\/\">You can download third-party applications here<\/a>.<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> RSS feeds allows you to read your saved links in your RSS agregator<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You can set tags to your entries.<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> wallabag is multilingual: french, english, spanish, german, italian, russian, persian, czech, polish, ukrainian and slovienian.<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You\u2019re not the only one at home to use wallabag? it\u2019s good, wallabag is multi users<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You prefer a dark template? Perfect, many templates are available in the configuration screen<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> Many storage allowed: sqlite, mysql and postgresql<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> Scroll position is saved: when you return on an article, you come back where you was. So convenient!<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You can flattr flattrable articles directly from your wallabag<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You want to retrieve your wallabag datas? hey, remember, wallabag is open source, you can export it<\/li>\n<\/ul>","5":"\n\t\t<p>Here are some features. If one is missing, you can <a href=\"https:\/\/github.com\/wallabag\/wallabag\">open a new issue<\/a>.<\/p>\n<ul class=\"list-group\"><li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> wallabag is free and open source. Forever.<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> No time to read? Save a link in your wallabag to read it later<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> Read the saved articles in a comfortable view: the content, only the content<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You save all the content: text and pictures<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You can easily migrate from others private services.<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You like an article? Share it by email, on twitter or in your <a href=\"https:\/\/github.com\/sebsauvage\/Shaarli\">shaarli<\/a><\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> Because we are increasingly mobile, wallabag fits all your devices<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> Saving a link is so easy because we provide you many tools: extensions for Chrome and Firefox, iOS, Android and Windows Phone application, a bookmarklet, a simple field in your config webpage. <a title=\"Download wallabag\" href=\"https:\/\/www.wallabag.org\/downloads\/\">You can download third-party applications here<\/a>.<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> RSS feeds allows you to read your saved links in your RSS agregator<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You can set tags to your entries.<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> wallabag is multilingual: french, english, spanish, german, italian, russian, persian, czech, polish, ukrainian and slovienian.<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You\u2019re not the only one at home to use wallabag? it\u2019s good, wallabag is multi users<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You prefer a dark template? Perfect, many templates are available in the configuration screen<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> Many storage allowed: sqlite, mysql and postgresql<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> Scroll position is saved: when you return on an article, you come back where you was. So convenient!<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You can flattr flattrable articles directly from your wallabag<\/li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"><\/span> You want to retrieve your wallabag datas? hey, remember, wallabag is open source, you can export it<\/li>\n<\/ul>",
-        "user_id":"1","6":"1","tags":""
-    }
-    ,
+        "0": "3",
+        "1": "Features - wallabag",
+        "2": "https://www.wallabag.org/features/",
+        "3": "0",
+        "4": "1",
+        "5": "\n\t\t<p>Here are some features. If one is missing, you can <a href=\"https://github.com/wallabag/wallabag\">open a new issue</a>.</p>\n<ul class=\"list-group\"><li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> wallabag is free and open source. Forever.</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> No time to read? Save a link in your wallabag to read it later</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> Read the saved articles in a comfortable view: the content, only the content</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You save all the content: text and pictures</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You can easily migrate from others private services.</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You like an article? Share it by email, on twitter or in your <a href=\"https://github.com/sebsauvage/Shaarli\">shaarli</a></li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> Because we are increasingly mobile, wallabag fits all your devices</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> Saving a link is so easy because we provide you many tools: extensions for Chrome and Firefox, iOS, Android and Windows Phone application, a bookmarklet, a simple field in your config webpage. <a title=\"Download wallabag\" href=\"https://www.wallabag.org/downloads/\">You can download third-party applications here</a>.</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> RSS feeds allows you to read your saved links in your RSS agregator</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You can set tags to your entries.</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> wallabag is multilingual: french, english, spanish, german, italian, russian, persian, czech, polish, ukrainian and slovienian.</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You’re not the only one at home to use wallabag? it’s good, wallabag is multi users</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You prefer a dark template? Perfect, many templates are available in the configuration screen</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> Many storage allowed: sqlite, mysql and postgresql</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> Scroll position is saved: when you return on an article, you come back where you was. So convenient!</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You can flattr flattrable articles directly from your wallabag</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You want to retrieve your wallabag datas? hey, remember, wallabag is open source, you can export it</li>\n</ul>",
+        "6": "1",
+        "id": "3",
+        "title": "Features - wallabag",
+        "url": "https://www.wallabag.org/features/",
+        "is_read": "0",
+        "is_fav": "1",
+        "content": "\n\t\t<p>Here are some features. If one is missing, you can <a href=\"https://github.com/wallabag/wallabag\">open a new issue</a>.</p>\n<ul class=\"list-group\"><li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> wallabag is free and open source. Forever.</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> No time to read? Save a link in your wallabag to read it later</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> Read the saved articles in a comfortable view: the content, only the content</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You save all the content: text and pictures</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You can easily migrate from others private services.</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You like an article? Share it by email, on twitter or in your <a href=\"https://github.com/sebsauvage/Shaarli\">shaarli</a></li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> Because we are increasingly mobile, wallabag fits all your devices</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> Saving a link is so easy because we provide you many tools: extensions for Chrome and Firefox, iOS, Android and Windows Phone application, a bookmarklet, a simple field in your config webpage. <a title=\"Download wallabag\" href=\"https://www.wallabag.org/downloads/\">You can download third-party applications here</a>.</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> RSS feeds allows you to read your saved links in your RSS agregator</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You can set tags to your entries.</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> wallabag is multilingual: french, english, spanish, german, italian, russian, persian, czech, polish, ukrainian and slovienian.</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You’re not the only one at home to use wallabag? it’s good, wallabag is multi users</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You prefer a dark template? Perfect, many templates are available in the configuration screen</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> Many storage allowed: sqlite, mysql and postgresql</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> Scroll position is saved: when you return on an article, you come back where you was. So convenient!</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You can flattr flattrable articles directly from your wallabag</li>\n<li class=\"list-group-item\"><span class=\"glyphicon glyphicon-ok\"></span> You want to retrieve your wallabag datas? hey, remember, wallabag is open source, you can export it</li>\n</ul>",
+        "user_id": "1",
+        "tags": ""
+    },
+    {
+        "0": "10",
+        "1": "Recreating The Square Slider",
+        "2": "http://gilbert.pellegrom.me/recreating-the-square-slider",
+        "3": "0",
+        "4": "0",
+        "5": "<p>The new <a href=\"https://squareup.com\">Square</a> site is lovely and I really like the slider they have on the homepage. So I decided to try and recreate it in a simple and reusable way.</p>\n\n<p>  \n  <a href=\"http://gilbert.pellegrom.me/demo/square-slider\">Demo</a> | <a href=\"http://dev7studios.com/downloads/50\">Download</a>\n</p>\n\n\n\n<h3>The HTML</h3>\n\n<pre class=\"language-markup\"><code>&lt;div class=\"square-slider\"&gt;  \n    &lt;div class=\"slide slide1\"&gt;\n        &lt;div class=\"content light\"&gt;\n            &lt;h3&gt;Recreating The Square Slider&lt;/h3&gt;\n            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac eros et augue vulputate \n            aliquet pellentesque vitae tortor. Pellentesque mi velit, euismod nec semper&lt;/p&gt;\n        &lt;/div&gt;\n        &lt;img src=\"images/asset1.png\" alt=\"\" class=\"asset\" /&gt;\n    &lt;/div&gt;\n    &lt;div class=\"slide slide2\"&gt;\n        &lt;div class=\"content dark\"&gt;\n            &lt;h3&gt;Looks Amazing Right?&lt;/h3&gt;\n            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac eros et augue vulputate \n            aliquet pellentesque vitae tortor. Pellentesque mi velit, euismod nec semper&lt;/p&gt;\n        &lt;/div&gt;\n        &lt;img src=\"images/asset2.png\" alt=\"\" class=\"asset\" /&gt;\n    &lt;/div&gt;\n    &lt;div class=\"slide slide3 inverted\"&gt;\n        &lt;div class=\"content light\"&gt;\n            &lt;h3&gt;And Simple To Use&lt;/h3&gt;\n            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac eros et augue vulputate \n            aliquet pellentesque vitae tortor. Pellentesque mi velit, euismod nec semper&lt;/p&gt;\n        &lt;/div&gt;\n        &lt;img src=\"images/asset3.png\" alt=\"\" class=\"asset\" /&gt;\n    &lt;/div&gt;\n    &lt;a href=\"#\" class=\"prev\"&gt;Prev&lt;/a&gt;\n    &lt;a href=\"#\" class=\"next\"&gt;Next&lt;/a&gt;\n    &lt;div class=\"overlay\"&gt;&lt;/div&gt;\n&lt;/div&gt;</code></pre>\n\n<h3>The CSS</h3>\n\n<pre class=\"language-css\"><code>.square-slider {  \n    overflow: hidden;\n    position: relative;\n    background: #fff;\n}\n.square-slider .slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: none;\n    opacity: 0;\n    -moz-opacity: 0;\n    -moz-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    -webkit-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    -o-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    -moz-transform: translate3d(0, 0, 0);\n    -webkit-transform: translate3d(0, 0, 0);\n    -o-transform: translate3d(0, 0, 0);\n    -ms-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n}\n.square-slider .slide:first-child { display: block; }\n.square-slider .slide:first-child,\n.square-slider .slide.active {\n    opacity: 1;\n    -moz-opacity: 1;\n}\n.square-slider .slide .content {\n    position: absolute;\n    top: 40%;\n    left: 50%;\n    margin-left: -450px;\n    width: 360px;\n    text-shadow: 0 1px 1px rgba(0,0,0,0.3);\n    z-index: 7;\n    -webkit-transition-property: -webkit-transform,opacity;\n    -moz-transition-property: -moz-transform,opacity;\n    -webkit-transition-duration: 800ms,700ms;\n    -moz-transition-duration: 800ms,700ms;\n    -webkit-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -moz-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -webkit-transform: translate3d(-30px, 0, 0);\n    -moz-transform: translate(-30px, 0);\n}\n.square-slider .slide.inverted .content {\n    left: auto;\n    right: 50%;\n    margin-left: 0;\n    margin-right: -450px;\n    -webkit-transform: translate3d(30px, 0, 0);\n    -moz-transform: translate(30px, 0);\n}\n.square-slider .slide.active .content {\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate(0, 0);\n}\n.square-slider .slide .asset {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    -webkit-transition-property: -webkit-transform,opacity;\n    -moz-transition-property: -moz-transform,opacity;\n    -webkit-transition-duration: 800ms,700ms;\n    -moz-transition-duration: 800ms,700ms;\n    -webkit-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -moz-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate(0, 0);\n}\n.square-slider .slide.inverted .asset {\n    left: auto;\n    right: 50%;\n}\n.square-slider .slide.active .asset {\n    -webkit-transform: translate3d(-7px, 3px, 0);\n    -moz-transform: translate(-7px, 3px);\n}\n.square-slider .slide.inverted.active .asset {\n    -webkit-transform: translate3d(7px, 3px, 0);\n    -moz-transform: translate(7px, 3px);\n}\n.square-slider .prev,\n.square-slider .next {\n    background: url(images/nav.png) no-repeat;\n    display: block;\n    width: 67px;\n    height: 67px;\n    position: absolute;\n    top: 50%;\n    margin-top: -30px;\n    z-index: 10;\n    border: 0;\n    text-indent: -9999px;\n    display: none;\n    opacity: 0.6;\n    -moz-opacity: 0.6;\n    -webkit-transition: opacity 0.5s ease-in;\n    -moz-transition: opacity 0.5s ease-in;\n    -ms-transition: opacity 0.5s ease-in;\n    -o-transition: opacity 0.5s ease-in;\n    transition: opacity 0.5s ease-in;\n}\n.square-slider .prev { \n    left: 40px; \n    background-position: 0 100%;\n}\n.square-slider .next { right: 40px; }\n.square-slider .prev:hover,\n.square-slider .next:hover {\n    opacity: 1;\n    -moz-opacity: 1;\n}\n.square-slider .overlay {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 300%;\n    height: 100%;\n    z-index: 5;\n    -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);\n    -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);\n    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);\n}\n\n\n.square-slider {\n    width: 100%;\n    height: 550px;\n    margin: 40px auto;\n}\n.square-slider .slide .content.light { color: #fff; }\n.square-slider .slide .content.dark { \n    color: #333; \n    text-shadow: 0 1px 1px rgba(255,255,255,0.3);\n}\n.square-slider .slide1 { background: url(images/bg1.jpg) no-repeat 50% 50%; }\n.square-slider .slide2 { background: url(images/bg2.jpg) no-repeat 50% 50%; }\n.square-slider .slide3 { background: url(images/bg3.jpg) no-repeat 50% 50%; }</code></pre>\n\n<h3>The Javascript (jQuery)</h3>\n\n<pre class=\"language-javascript\"><code>(function($){\n\n    $('.square-slider').each(function(){\n        var slider = $(this),\n            slides = slider.find('.slide'),\n            currentSlide = 0;\n\n        slides.show();\n        $(slides[currentSlide]).addClass('active');\n        $('.next,.prev', slider).show();\n\n        $('.prev', slider).on('click', function(){\n            slides.removeClass('active');\n            currentSlide--;\n            if(currentSlide &lt; 0) currentSlide = slides.length - 1;\n            $(slides[currentSlide]).addClass('active');\n            return false;\n        });\n\n        $('.next', slider).on('click', function(){\n            slides.removeClass('active');\n            currentSlide++;\n            if(currentSlide &gt; slides.length - 1) currentSlide = 0;\n            $(slides[currentSlide]).addClass('active');\n            return false;\n        });\n    });\n\n})(window.jQuery);</code></pre>\n\n<h3>A Few Notes</h3>\n\n<ul><li>Feel free to <a href=\"http://dev7studios.com/downloads/50\">download the source</a> and customise and use it in your own sites. <strong>Don’t</strong> use the images as they belong to <a href=\"https://squareup.com\">Square Inc</a>.</li>\n<li>Add the <code>.inverted</code> class to a <code>.slide</code> div to swap the position of the asset and content.</li>\n<li>Depending on the background you’ll want to use the <code>.light</code> or <code>.dark</code> class on the <code>.content</code> divs.</li>\n<li>This is pretty much cross browser (as in the slider itself will still work in most browsers, just not with the fancy transitions).</li>\n<li>If javascript is off (really?) it displays the first slide.</li>\n<li>Source code is Public domain.</li>\n</ul><p>Enjoy.</p>\n        ",
+        "6": "1",
+        "id": "10",
+        "title": "Recreating The Square Slider",
+        "url": "http://gilbert.pellegrom.me/recreating-the-square-slider",
+        "is_read": "0",
+        "is_fav": "0",
+        "content": "<p>The new <a href=\"https://squareup.com\">Square</a> site is lovely and I really like the slider they have on the homepage. So I decided to try and recreate it in a simple and reusable way.</p>\n\n<p>  \n  <a href=\"http://gilbert.pellegrom.me/demo/square-slider\">Demo</a> | <a href=\"http://dev7studios.com/downloads/50\">Download</a>\n</p>\n\n\n\n<h3>The HTML</h3>\n\n<pre class=\"language-markup\"><code>&lt;div class=\"square-slider\"&gt;  \n    &lt;div class=\"slide slide1\"&gt;\n        &lt;div class=\"content light\"&gt;\n            &lt;h3&gt;Recreating The Square Slider&lt;/h3&gt;\n            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac eros et augue vulputate \n            aliquet pellentesque vitae tortor. Pellentesque mi velit, euismod nec semper&lt;/p&gt;\n        &lt;/div&gt;\n        &lt;img src=\"images/asset1.png\" alt=\"\" class=\"asset\" /&gt;\n    &lt;/div&gt;\n    &lt;div class=\"slide slide2\"&gt;\n        &lt;div class=\"content dark\"&gt;\n            &lt;h3&gt;Looks Amazing Right?&lt;/h3&gt;\n            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac eros et augue vulputate \n            aliquet pellentesque vitae tortor. Pellentesque mi velit, euismod nec semper&lt;/p&gt;\n        &lt;/div&gt;\n        &lt;img src=\"images/asset2.png\" alt=\"\" class=\"asset\" /&gt;\n    &lt;/div&gt;\n    &lt;div class=\"slide slide3 inverted\"&gt;\n        &lt;div class=\"content light\"&gt;\n            &lt;h3&gt;And Simple To Use&lt;/h3&gt;\n            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac eros et augue vulputate \n            aliquet pellentesque vitae tortor. Pellentesque mi velit, euismod nec semper&lt;/p&gt;\n        &lt;/div&gt;\n        &lt;img src=\"images/asset3.png\" alt=\"\" class=\"asset\" /&gt;\n    &lt;/div&gt;\n    &lt;a href=\"#\" class=\"prev\"&gt;Prev&lt;/a&gt;\n    &lt;a href=\"#\" class=\"next\"&gt;Next&lt;/a&gt;\n    &lt;div class=\"overlay\"&gt;&lt;/div&gt;\n&lt;/div&gt;</code></pre>\n\n<h3>The CSS</h3>\n\n<pre class=\"language-css\"><code>.square-slider {  \n    overflow: hidden;\n    position: relative;\n    background: #fff;\n}\n.square-slider .slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: none;\n    opacity: 0;\n    -moz-opacity: 0;\n    -moz-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    -webkit-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    -o-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    -moz-transform: translate3d(0, 0, 0);\n    -webkit-transform: translate3d(0, 0, 0);\n    -o-transform: translate3d(0, 0, 0);\n    -ms-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n}\n.square-slider .slide:first-child { display: block; }\n.square-slider .slide:first-child,\n.square-slider .slide.active {\n    opacity: 1;\n    -moz-opacity: 1;\n}\n.square-slider .slide .content {\n    position: absolute;\n    top: 40%;\n    left: 50%;\n    margin-left: -450px;\n    width: 360px;\n    text-shadow: 0 1px 1px rgba(0,0,0,0.3);\n    z-index: 7;\n    -webkit-transition-property: -webkit-transform,opacity;\n    -moz-transition-property: -moz-transform,opacity;\n    -webkit-transition-duration: 800ms,700ms;\n    -moz-transition-duration: 800ms,700ms;\n    -webkit-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -moz-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -webkit-transform: translate3d(-30px, 0, 0);\n    -moz-transform: translate(-30px, 0);\n}\n.square-slider .slide.inverted .content {\n    left: auto;\n    right: 50%;\n    margin-left: 0;\n    margin-right: -450px;\n    -webkit-transform: translate3d(30px, 0, 0);\n    -moz-transform: translate(30px, 0);\n}\n.square-slider .slide.active .content {\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate(0, 0);\n}\n.square-slider .slide .asset {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    -webkit-transition-property: -webkit-transform,opacity;\n    -moz-transition-property: -moz-transform,opacity;\n    -webkit-transition-duration: 800ms,700ms;\n    -moz-transition-duration: 800ms,700ms;\n    -webkit-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -moz-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate(0, 0);\n}\n.square-slider .slide.inverted .asset {\n    left: auto;\n    right: 50%;\n}\n.square-slider .slide.active .asset {\n    -webkit-transform: translate3d(-7px, 3px, 0);\n    -moz-transform: translate(-7px, 3px);\n}\n.square-slider .slide.inverted.active .asset {\n    -webkit-transform: translate3d(7px, 3px, 0);\n    -moz-transform: translate(7px, 3px);\n}\n.square-slider .prev,\n.square-slider .next {\n    background: url(images/nav.png) no-repeat;\n    display: block;\n    width: 67px;\n    height: 67px;\n    position: absolute;\n    top: 50%;\n    margin-top: -30px;\n    z-index: 10;\n    border: 0;\n    text-indent: -9999px;\n    display: none;\n    opacity: 0.6;\n    -moz-opacity: 0.6;\n    -webkit-transition: opacity 0.5s ease-in;\n    -moz-transition: opacity 0.5s ease-in;\n    -ms-transition: opacity 0.5s ease-in;\n    -o-transition: opacity 0.5s ease-in;\n    transition: opacity 0.5s ease-in;\n}\n.square-slider .prev { \n    left: 40px; \n    background-position: 0 100%;\n}\n.square-slider .next { right: 40px; }\n.square-slider .prev:hover,\n.square-slider .next:hover {\n    opacity: 1;\n    -moz-opacity: 1;\n}\n.square-slider .overlay {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 300%;\n    height: 100%;\n    z-index: 5;\n    -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);\n    -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);\n    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);\n}\n\n\n.square-slider {\n    width: 100%;\n    height: 550px;\n    margin: 40px auto;\n}\n.square-slider .slide .content.light { color: #fff; }\n.square-slider .slide .content.dark { \n    color: #333; \n    text-shadow: 0 1px 1px rgba(255,255,255,0.3);\n}\n.square-slider .slide1 { background: url(images/bg1.jpg) no-repeat 50% 50%; }\n.square-slider .slide2 { background: url(images/bg2.jpg) no-repeat 50% 50%; }\n.square-slider .slide3 { background: url(images/bg3.jpg) no-repeat 50% 50%; }</code></pre>\n\n<h3>The Javascript (jQuery)</h3>\n\n<pre class=\"language-javascript\"><code>(function($){\n\n    $('.square-slider').each(function(){\n        var slider = $(this),\n            slides = slider.find('.slide'),\n            currentSlide = 0;\n\n        slides.show();\n        $(slides[currentSlide]).addClass('active');\n        $('.next,.prev', slider).show();\n\n        $('.prev', slider).on('click', function(){\n            slides.removeClass('active');\n            currentSlide--;\n            if(currentSlide &lt; 0) currentSlide = slides.length - 1;\n            $(slides[currentSlide]).addClass('active');\n            return false;\n        });\n\n        $('.next', slider).on('click', function(){\n            slides.removeClass('active');\n            currentSlide++;\n            if(currentSlide &gt; slides.length - 1) currentSlide = 0;\n            $(slides[currentSlide]).addClass('active');\n            return false;\n        });\n    });\n\n})(window.jQuery);</code></pre>\n\n<h3>A Few Notes</h3>\n\n<ul><li>Feel free to <a href=\"http://dev7studios.com/downloads/50\">download the source</a> and customise and use it in your own sites. <strong>Don’t</strong> use the images as they belong to <a href=\"https://squareup.com\">Square Inc</a>.</li>\n<li>Add the <code>.inverted</code> class to a <code>.slide</code> div to swap the position of the asset and content.</li>\n<li>Depending on the background you’ll want to use the <code>.light</code> or <code>.dark</code> class on the <code>.content</code> divs.</li>\n<li>This is pretty much cross browser (as in the slider itself will still work in most browsers, just not with the fancy transitions).</li>\n<li>If javascript is off (really?) it displays the first slide.</li>\n<li>Source code is Public domain.</li>\n</ul><p>Enjoy.</p>\n        ",
+        "user_id": "1",
+        "tags": ""
+    },
     {
-        "id":"10","0":"10",
-        "title":"Recreating The Square Slider","1":"Recreating The Square Slider",
-        "url":"http:\/\/gilbert.pellegrom.me\/recreating-the-square-slider","2":"http:\/\/gilbert.pellegrom.me\/recreating-the-square-slider",
-        "is_read":"1","3":"1",
-        "is_fav":"0","4":"0",
-        "content":"<p>The new <a href=\"https:\/\/squareup.com\">Square<\/a> site is lovely and I really like the slider they have on the homepage. So I decided to try and recreate it in a simple and reusable way.<\/p>\n\n<p>  \n  <a href=\"http:\/\/gilbert.pellegrom.me\/demo\/square-slider\">Demo<\/a> | <a href=\"http:\/\/dev7studios.com\/downloads\/50\">Download<\/a>\n<\/p>\n\n\n\n<h3>The HTML<\/h3>\n\n<pre class=\"language-markup\"><code>&lt;div class=\"square-slider\"&gt;  \n    &lt;div class=\"slide slide1\"&gt;\n        &lt;div class=\"content light\"&gt;\n            &lt;h3&gt;Recreating The Square Slider&lt;\/h3&gt;\n            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac eros et augue vulputate \n            aliquet pellentesque vitae tortor. Pellentesque mi velit, euismod nec semper&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;img src=\"images\/asset1.png\" alt=\"\" class=\"asset\" \/&gt;\n    &lt;\/div&gt;\n    &lt;div class=\"slide slide2\"&gt;\n        &lt;div class=\"content dark\"&gt;\n            &lt;h3&gt;Looks Amazing Right?&lt;\/h3&gt;\n            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac eros et augue vulputate \n            aliquet pellentesque vitae tortor. Pellentesque mi velit, euismod nec semper&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;img src=\"images\/asset2.png\" alt=\"\" class=\"asset\" \/&gt;\n    &lt;\/div&gt;\n    &lt;div class=\"slide slide3 inverted\"&gt;\n        &lt;div class=\"content light\"&gt;\n            &lt;h3&gt;And Simple To Use&lt;\/h3&gt;\n            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac eros et augue vulputate \n            aliquet pellentesque vitae tortor. Pellentesque mi velit, euismod nec semper&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;img src=\"images\/asset3.png\" alt=\"\" class=\"asset\" \/&gt;\n    &lt;\/div&gt;\n    &lt;a href=\"#\" class=\"prev\"&gt;Prev&lt;\/a&gt;\n    &lt;a href=\"#\" class=\"next\"&gt;Next&lt;\/a&gt;\n    &lt;div class=\"overlay\"&gt;&lt;\/div&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n<h3>The CSS<\/h3>\n\n<pre class=\"language-css\"><code>.square-slider {  \n    overflow: hidden;\n    position: relative;\n    background: #fff;\n}\n.square-slider .slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: none;\n    opacity: 0;\n    -moz-opacity: 0;\n    -moz-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    -webkit-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    -o-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    -moz-transform: translate3d(0, 0, 0);\n    -webkit-transform: translate3d(0, 0, 0);\n    -o-transform: translate3d(0, 0, 0);\n    -ms-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n}\n.square-slider .slide:first-child { display: block; }\n.square-slider .slide:first-child,\n.square-slider .slide.active {\n    opacity: 1;\n    -moz-opacity: 1;\n}\n.square-slider .slide .content {\n    position: absolute;\n    top: 40%;\n    left: 50%;\n    margin-left: -450px;\n    width: 360px;\n    text-shadow: 0 1px 1px rgba(0,0,0,0.3);\n    z-index: 7;\n    -webkit-transition-property: -webkit-transform,opacity;\n    -moz-transition-property: -moz-transform,opacity;\n    -webkit-transition-duration: 800ms,700ms;\n    -moz-transition-duration: 800ms,700ms;\n    -webkit-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -moz-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -webkit-transform: translate3d(-30px, 0, 0);\n    -moz-transform: translate(-30px, 0);\n}\n.square-slider .slide.inverted .content {\n    left: auto;\n    right: 50%;\n    margin-left: 0;\n    margin-right: -450px;\n    -webkit-transform: translate3d(30px, 0, 0);\n    -moz-transform: translate(30px, 0);\n}\n.square-slider .slide.active .content {\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate(0, 0);\n}\n.square-slider .slide .asset {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    -webkit-transition-property: -webkit-transform,opacity;\n    -moz-transition-property: -moz-transform,opacity;\n    -webkit-transition-duration: 800ms,700ms;\n    -moz-transition-duration: 800ms,700ms;\n    -webkit-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -moz-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate(0, 0);\n}\n.square-slider .slide.inverted .asset {\n    left: auto;\n    right: 50%;\n}\n.square-slider .slide.active .asset {\n    -webkit-transform: translate3d(-7px, 3px, 0);\n    -moz-transform: translate(-7px, 3px);\n}\n.square-slider .slide.inverted.active .asset {\n    -webkit-transform: translate3d(7px, 3px, 0);\n    -moz-transform: translate(7px, 3px);\n}\n.square-slider .prev,\n.square-slider .next {\n    background: url(images\/nav.png) no-repeat;\n    display: block;\n    width: 67px;\n    height: 67px;\n    position: absolute;\n    top: 50%;\n    margin-top: -30px;\n    z-index: 10;\n    border: 0;\n    text-indent: -9999px;\n    display: none;\n    opacity: 0.6;\n    -moz-opacity: 0.6;\n    -webkit-transition: opacity 0.5s ease-in;\n    -moz-transition: opacity 0.5s ease-in;\n    -ms-transition: opacity 0.5s ease-in;\n    -o-transition: opacity 0.5s ease-in;\n    transition: opacity 0.5s ease-in;\n}\n.square-slider .prev { \n    left: 40px; \n    background-position: 0 100%;\n}\n.square-slider .next { right: 40px; }\n.square-slider .prev:hover,\n.square-slider .next:hover {\n    opacity: 1;\n    -moz-opacity: 1;\n}\n.square-slider .overlay {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 300%;\n    height: 100%;\n    z-index: 5;\n    -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);\n    -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);\n    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);\n}\n\n\n.square-slider {\n    width: 100%;\n    height: 550px;\n    margin: 40px auto;\n}\n.square-slider .slide .content.light { color: #fff; }\n.square-slider .slide .content.dark { \n    color: #333; \n    text-shadow: 0 1px 1px rgba(255,255,255,0.3);\n}\n.square-slider .slide1 { background: url(images\/bg1.jpg) no-repeat 50% 50%; }\n.square-slider .slide2 { background: url(images\/bg2.jpg) no-repeat 50% 50%; }\n.square-slider .slide3 { background: url(images\/bg3.jpg) no-repeat 50% 50%; }<\/code><\/pre>\n\n<h3>The Javascript (jQuery)<\/h3>\n\n<pre class=\"language-javascript\"><code>(function($){\n\n    $('.square-slider').each(function(){\n        var slider = $(this),\n            slides = slider.find('.slide'),\n            currentSlide = 0;\n\n        slides.show();\n        $(slides[currentSlide]).addClass('active');\n        $('.next,.prev', slider).show();\n\n        $('.prev', slider).on('click', function(){\n            slides.removeClass('active');\n            currentSlide--;\n            if(currentSlide &lt; 0) currentSlide = slides.length - 1;\n            $(slides[currentSlide]).addClass('active');\n            return false;\n        });\n\n        $('.next', slider).on('click', function(){\n            slides.removeClass('active');\n            currentSlide++;\n            if(currentSlide &gt; slides.length - 1) currentSlide = 0;\n            $(slides[currentSlide]).addClass('active');\n            return false;\n        });\n    });\n\n})(window.jQuery);<\/code><\/pre>\n\n<h3>A Few Notes<\/h3>\n\n<ul><li>Feel free to <a href=\"http:\/\/dev7studios.com\/downloads\/50\">download the source<\/a> and customise and use it in your own sites. <strong>Don\u2019t<\/strong> use the images as they belong to <a href=\"https:\/\/squareup.com\">Square Inc<\/a>.<\/li>\n<li>Add the <code>.inverted<\/code> class to a <code>.slide<\/code> div to swap the position of the asset and content.<\/li>\n<li>Depending on the background you\u2019ll want to use the <code>.light<\/code> or <code>.dark<\/code> class on the <code>.content<\/code> divs.<\/li>\n<li>This is pretty much cross browser (as in the slider itself will still work in most browsers, just not with the fancy transitions).<\/li>\n<li>If javascript is off (really?) it displays the first slide.<\/li>\n<li>Source code is Public domain.<\/li>\n<\/ul><p>Enjoy.<\/p>\n        ","5":"<p>The new <a href=\"https:\/\/squareup.com\">Square<\/a> site is lovely and I really like the slider they have on the homepage. So I decided to try and recreate it in a simple and reusable way.<\/p>\n\n<p>  \n  <a href=\"http:\/\/gilbert.pellegrom.me\/demo\/square-slider\">Demo<\/a> | <a href=\"http:\/\/dev7studios.com\/downloads\/50\">Download<\/a>\n<\/p>\n\n\n\n<h3>The HTML<\/h3>\n\n<pre class=\"language-markup\"><code>&lt;div class=\"square-slider\"&gt;  \n    &lt;div class=\"slide slide1\"&gt;\n        &lt;div class=\"content light\"&gt;\n            &lt;h3&gt;Recreating The Square Slider&lt;\/h3&gt;\n            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac eros et augue vulputate \n            aliquet pellentesque vitae tortor. Pellentesque mi velit, euismod nec semper&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;img src=\"images\/asset1.png\" alt=\"\" class=\"asset\" \/&gt;\n    &lt;\/div&gt;\n    &lt;div class=\"slide slide2\"&gt;\n        &lt;div class=\"content dark\"&gt;\n            &lt;h3&gt;Looks Amazing Right?&lt;\/h3&gt;\n            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac eros et augue vulputate \n            aliquet pellentesque vitae tortor. Pellentesque mi velit, euismod nec semper&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;img src=\"images\/asset2.png\" alt=\"\" class=\"asset\" \/&gt;\n    &lt;\/div&gt;\n    &lt;div class=\"slide slide3 inverted\"&gt;\n        &lt;div class=\"content light\"&gt;\n            &lt;h3&gt;And Simple To Use&lt;\/h3&gt;\n            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac eros et augue vulputate \n            aliquet pellentesque vitae tortor. Pellentesque mi velit, euismod nec semper&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;img src=\"images\/asset3.png\" alt=\"\" class=\"asset\" \/&gt;\n    &lt;\/div&gt;\n    &lt;a href=\"#\" class=\"prev\"&gt;Prev&lt;\/a&gt;\n    &lt;a href=\"#\" class=\"next\"&gt;Next&lt;\/a&gt;\n    &lt;div class=\"overlay\"&gt;&lt;\/div&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n<h3>The CSS<\/h3>\n\n<pre class=\"language-css\"><code>.square-slider {  \n    overflow: hidden;\n    position: relative;\n    background: #fff;\n}\n.square-slider .slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: none;\n    opacity: 0;\n    -moz-opacity: 0;\n    -moz-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    -webkit-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    -o-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;\n    -moz-transform: translate3d(0, 0, 0);\n    -webkit-transform: translate3d(0, 0, 0);\n    -o-transform: translate3d(0, 0, 0);\n    -ms-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n}\n.square-slider .slide:first-child { display: block; }\n.square-slider .slide:first-child,\n.square-slider .slide.active {\n    opacity: 1;\n    -moz-opacity: 1;\n}\n.square-slider .slide .content {\n    position: absolute;\n    top: 40%;\n    left: 50%;\n    margin-left: -450px;\n    width: 360px;\n    text-shadow: 0 1px 1px rgba(0,0,0,0.3);\n    z-index: 7;\n    -webkit-transition-property: -webkit-transform,opacity;\n    -moz-transition-property: -moz-transform,opacity;\n    -webkit-transition-duration: 800ms,700ms;\n    -moz-transition-duration: 800ms,700ms;\n    -webkit-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -moz-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -webkit-transform: translate3d(-30px, 0, 0);\n    -moz-transform: translate(-30px, 0);\n}\n.square-slider .slide.inverted .content {\n    left: auto;\n    right: 50%;\n    margin-left: 0;\n    margin-right: -450px;\n    -webkit-transform: translate3d(30px, 0, 0);\n    -moz-transform: translate(30px, 0);\n}\n.square-slider .slide.active .content {\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate(0, 0);\n}\n.square-slider .slide .asset {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    -webkit-transition-property: -webkit-transform,opacity;\n    -moz-transition-property: -moz-transform,opacity;\n    -webkit-transition-duration: 800ms,700ms;\n    -moz-transition-duration: 800ms,700ms;\n    -webkit-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -moz-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate(0, 0);\n}\n.square-slider .slide.inverted .asset {\n    left: auto;\n    right: 50%;\n}\n.square-slider .slide.active .asset {\n    -webkit-transform: translate3d(-7px, 3px, 0);\n    -moz-transform: translate(-7px, 3px);\n}\n.square-slider .slide.inverted.active .asset {\n    -webkit-transform: translate3d(7px, 3px, 0);\n    -moz-transform: translate(7px, 3px);\n}\n.square-slider .prev,\n.square-slider .next {\n    background: url(images\/nav.png) no-repeat;\n    display: block;\n    width: 67px;\n    height: 67px;\n    position: absolute;\n    top: 50%;\n    margin-top: -30px;\n    z-index: 10;\n    border: 0;\n    text-indent: -9999px;\n    display: none;\n    opacity: 0.6;\n    -moz-opacity: 0.6;\n    -webkit-transition: opacity 0.5s ease-in;\n    -moz-transition: opacity 0.5s ease-in;\n    -ms-transition: opacity 0.5s ease-in;\n    -o-transition: opacity 0.5s ease-in;\n    transition: opacity 0.5s ease-in;\n}\n.square-slider .prev { \n    left: 40px; \n    background-position: 0 100%;\n}\n.square-slider .next { right: 40px; }\n.square-slider .prev:hover,\n.square-slider .next:hover {\n    opacity: 1;\n    -moz-opacity: 1;\n}\n.square-slider .overlay {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 300%;\n    height: 100%;\n    z-index: 5;\n    -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);\n    -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);\n    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);\n}\n\n\n.square-slider {\n    width: 100%;\n    height: 550px;\n    margin: 40px auto;\n}\n.square-slider .slide .content.light { color: #fff; }\n.square-slider .slide .content.dark { \n    color: #333; \n    text-shadow: 0 1px 1px rgba(255,255,255,0.3);\n}\n.square-slider .slide1 { background: url(images\/bg1.jpg) no-repeat 50% 50%; }\n.square-slider .slide2 { background: url(images\/bg2.jpg) no-repeat 50% 50%; }\n.square-slider .slide3 { background: url(images\/bg3.jpg) no-repeat 50% 50%; }<\/code><\/pre>\n\n<h3>The Javascript (jQuery)<\/h3>\n\n<pre class=\"language-javascript\"><code>(function($){\n\n    $('.square-slider').each(function(){\n        var slider = $(this),\n            slides = slider.find('.slide'),\n            currentSlide = 0;\n\n        slides.show();\n        $(slides[currentSlide]).addClass('active');\n        $('.next,.prev', slider).show();\n\n        $('.prev', slider).on('click', function(){\n            slides.removeClass('active');\n            currentSlide--;\n            if(currentSlide &lt; 0) currentSlide = slides.length - 1;\n            $(slides[currentSlide]).addClass('active');\n            return false;\n        });\n\n        $('.next', slider).on('click', function(){\n            slides.removeClass('active');\n            currentSlide++;\n            if(currentSlide &gt; slides.length - 1) currentSlide = 0;\n            $(slides[currentSlide]).addClass('active');\n            return false;\n        });\n    });\n\n})(window.jQuery);<\/code><\/pre>\n\n<h3>A Few Notes<\/h3>\n\n<ul><li>Feel free to <a href=\"http:\/\/dev7studios.com\/downloads\/50\">download the source<\/a> and customise and use it in your own sites. <strong>Don\u2019t<\/strong> use the images as they belong to <a href=\"https:\/\/squareup.com\">Square Inc<\/a>.<\/li>\n<li>Add the <code>.inverted<\/code> class to a <code>.slide<\/code> div to swap the position of the asset and content.<\/li>\n<li>Depending on the background you\u2019ll want to use the <code>.light<\/code> or <code>.dark<\/code> class on the <code>.content<\/code> divs.<\/li>\n<li>This is pretty much cross browser (as in the slider itself will still work in most browsers, just not with the fancy transitions).<\/li>\n<li>If javascript is off (really?) it displays the first slide.<\/li>\n<li>Source code is Public domain.<\/li>\n<\/ul><p>Enjoy.<\/p>\n        ","user_id":"1","6":"1","tags":""},{"id":"11","0":"11","title":"J\u2019aime le logiciel libre","1":"J\u2019aime le logiciel libre","url":"http:\/\/framablog.org\/2015\/02\/14\/jaime-le-logiciel-libre\/","2":"http:\/\/framablog.org\/2015\/02\/14\/jaime-le-logiciel-libre\/","is_read":"0","3":"0","is_fav":"0","4":"0","content":"\n      <p>Aujourd\u2019hui, c\u2019est la <em>Saint Valentin<\/em>, et l\u2019occasion de d\u00e9clarer son amour des logiciels libres !<\/p>\n<p><a href=\"https:\/\/fsfe.org\/campaigns\/ilovefs\/ilovefs.fr.html\"><img src=\"http:\/\/framablog.org\/wp-content\/uploads\/2015\/02\/ilovefs-banner-extralarge.png\" alt=\"ilovefs-banner-extralarge\" width=\"627\" height=\"105\" class=\"aligncenter size-full wp-image-3239\" \/><\/a><\/p>\n<p>Framasoft vous a d\u00e9j\u00e0 propos\u00e9 <a href=\"http:\/\/framablog.org\/2015\/02\/14\/on-love-logiciel-libre\/\">son adaptation d\u00e9lirante de po\u00e8mes<\/a> pour l\u2019occasion, et voici une petite bande-dessin\u00e9e qui synth\u00e9tise l\u2019\u00e9v\u00e9nement :<\/p>\n<p><a href=\"http:\/\/framablog.org\/wp-content\/uploads\/2015\/02\/dm_001_jaime_le_logiciel_libre.jpg\"><img src=\"http:\/\/framablog.org\/wp-content\/uploads\/2015\/02\/dm_001_jaime_le_logiciel_libre.jpg\" alt=\"dm_001_jaime_le_logiciel_libre\" width=\"800\" height=\"1200\" class=\"aligncenter size-full wp-image-3265\" \/><\/a><\/p>\n<p>Cette bande-dessin\u00e9e est extraite du nouveau blog <a href=\"http:\/\/grisebouille.net\/\">Grise Bouille<\/a> h\u00e9berg\u00e9 par Framasoft.<\/p>\n<p><em>Cr\u00e9dit\u00a0: <a href=\"http:\/\/grisebouille.net\/\">Simon Gee Giraudot<\/a> (Creative Commons By-Sa)<\/em><\/p>\n<div title=\"Diaspora*\"><a><span><img src=\"http:\/\/www.framablog.org\/wp-content\/uploads\/2015\/01\/diaspora.jpg\" alt=\"\" \/><\/span><\/a><\/div><div class=\"twoclick-js\"><\/div><div><h3><a href=\"http:\/\/framablog.org\/author\/gee\/\" title=\"All posts by Gee\">Gee<\/a><\/h3><div class=\"bio-gravatar\"><img alt=\"\" src=\"http:\/\/0.gravatar.com\/avatar\/4f71e4ffe5d4d9d89b16949563cd41f3?s=90&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D90&amp;r=G\" class=\"avatar pull-left media-object avatar-90 photo\" height=\"90\" width=\"90\" \/><\/div><a href=\"http:\/\/ptilouk.net\/\" class=\"bio-icon bio-icon-website\"><\/a><a href=\"https:\/\/framasphere.org\/u\/gee\" class=\"bio-icon bio-icon-facebook\"><\/a><a href=\"https:\/\/twitter.com\/ptilouk\" class=\"bio-icon bio-icon-twitter\"><\/a><p class=\"bio-description\">Auteur\/dessinateur de bandes dessin\u00e9es (Le Geektionnerd, Superflu, Bastards Inc, etc.) et doctorant en informatique sur son temps salari\u00e9.<\/p><\/div>    ","5":"\n      <p>Aujourd\u2019hui, c\u2019est la <em>Saint Valentin<\/em>, et l\u2019occasion de d\u00e9clarer son amour des logiciels libres !<\/p>\n<p><a href=\"https:\/\/fsfe.org\/campaigns\/ilovefs\/ilovefs.fr.html\"><img src=\"http:\/\/framablog.org\/wp-content\/uploads\/2015\/02\/ilovefs-banner-extralarge.png\" alt=\"ilovefs-banner-extralarge\" width=\"627\" height=\"105\" class=\"aligncenter size-full wp-image-3239\" \/><\/a><\/p>\n<p>Framasoft vous a d\u00e9j\u00e0 propos\u00e9 <a href=\"http:\/\/framablog.org\/2015\/02\/14\/on-love-logiciel-libre\/\">son adaptation d\u00e9lirante de po\u00e8mes<\/a> pour l\u2019occasion, et voici une petite bande-dessin\u00e9e qui synth\u00e9tise l\u2019\u00e9v\u00e9nement :<\/p>\n<p><a href=\"http:\/\/framablog.org\/wp-content\/uploads\/2015\/02\/dm_001_jaime_le_logiciel_libre.jpg\"><img src=\"http:\/\/framablog.org\/wp-content\/uploads\/2015\/02\/dm_001_jaime_le_logiciel_libre.jpg\" alt=\"dm_001_jaime_le_logiciel_libre\" width=\"800\" height=\"1200\" class=\"aligncenter size-full wp-image-3265\" \/><\/a><\/p>\n<p>Cette bande-dessin\u00e9e est extraite du nouveau blog <a href=\"http:\/\/grisebouille.net\/\">Grise Bouille<\/a> h\u00e9berg\u00e9 par Framasoft.<\/p>\n<p><em>Cr\u00e9dit\u00a0: <a href=\"http:\/\/grisebouille.net\/\">Simon Gee Giraudot<\/a> (Creative Commons By-Sa)<\/em><\/p>\n<div title=\"Diaspora*\"><a><span><img src=\"http:\/\/www.framablog.org\/wp-content\/uploads\/2015\/01\/diaspora.jpg\" alt=\"\" \/><\/span><\/a><\/div><div class=\"twoclick-js\"><\/div><div><h3><a href=\"http:\/\/framablog.org\/author\/gee\/\" title=\"All posts by Gee\">Gee<\/a><\/h3><div class=\"bio-gravatar\"><img alt=\"\" src=\"http:\/\/0.gravatar.com\/avatar\/4f71e4ffe5d4d9d89b16949563cd41f3?s=90&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D90&amp;r=G\" class=\"avatar pull-left media-object avatar-90 photo\" height=\"90\" width=\"90\" \/><\/div><a href=\"http:\/\/ptilouk.net\/\" class=\"bio-icon bio-icon-website\"><\/a><a href=\"https:\/\/framasphere.org\/u\/gee\" class=\"bio-icon bio-icon-facebook\"><\/a><a href=\"https:\/\/twitter.com\/ptilouk\" class=\"bio-icon bio-icon-twitter\"><\/a><p class=\"bio-description\">Auteur\/dessinateur de bandes dessin\u00e9es (Le Geektionnerd, Superflu, Bastards Inc, etc.) et doctorant en informatique sur son temps salari\u00e9.<\/p><\/div>    ",
-        "user_id":"1","6":"1",
-        "tags":"framasoft,tag"
+        "0": "11",
+        "1": "J’aime le logiciel libre",
+        "2": "http://framablog.org/2015/02/14/jaime-le-logiciel-libre/",
+        "3": "0",
+        "4": "0",
+        "5": "\n      <p>Aujourd’hui, c’est la <em>Saint Valentin</em>, et l’occasion de déclarer son amour des logiciels libres !</p>\n<p><a href=\"https://fsfe.org/campaigns/ilovefs/ilovefs.fr.html\"><img src=\"http://framablog.org/wp-content/uploads/2015/02/ilovefs-banner-extralarge.png\" alt=\"ilovefs-banner-extralarge\" width=\"627\" height=\"105\" class=\"aligncenter size-full wp-image-3239\" /></a></p>\n<p>Framasoft vous a déjà proposé <a href=\"http://framablog.org/2015/02/14/on-love-logiciel-libre/\">son adaptation délirante de poèmes</a> pour l’occasion, et voici une petite bande-dessinée qui synthétise l’événement :</p>\n<p><a href=\"http://framablog.org/wp-content/uploads/2015/02/dm_001_jaime_le_logiciel_libre.jpg\"><img src=\"http://framablog.org/wp-content/uploads/2015/02/dm_001_jaime_le_logiciel_libre.jpg\" alt=\"dm_001_jaime_le_logiciel_libre\" width=\"800\" height=\"1200\" class=\"aligncenter size-full wp-image-3265\" /></a></p>\n<p>Cette bande-dessinée est extraite du nouveau blog <a href=\"http://grisebouille.net/\">Grise Bouille</a> hébergé par Framasoft.</p>\n<p><em>Crédit : <a href=\"http://grisebouille.net/\">Simon Gee Giraudot</a> (Creative Commons By-Sa)</em></p>\n<div title=\"Diaspora*\"><a><span><img src=\"http://www.framablog.org/wp-content/uploads/2015/01/diaspora.jpg\" alt=\"\" /></span></a></div><div class=\"twoclick-js\"></div><div><h3><a href=\"http://framablog.org/author/gee/\" title=\"All posts by Gee\">Gee</a></h3><div class=\"bio-gravatar\"><img alt=\"\" src=\"http://0.gravatar.com/avatar/4f71e4ffe5d4d9d89b16949563cd41f3?s=90&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D90&amp;r=G\" class=\"avatar pull-left media-object avatar-90 photo\" height=\"90\" width=\"90\" /></div><a href=\"http://ptilouk.net/\" class=\"bio-icon bio-icon-website\"></a><a href=\"https://framasphere.org/u/gee\" class=\"bio-icon bio-icon-facebook\"></a><a href=\"https://twitter.com/ptilouk\" class=\"bio-icon bio-icon-twitter\"></a><p class=\"bio-description\">Auteur/dessinateur de bandes dessinées (Le Geektionnerd, Superflu, Bastards Inc, etc.) et doctorant en informatique sur son temps salarié.</p></div>    ",
+        "6": "1",
+        "id": "11",
+        "title": "J’aime le logiciel libre",
+        "url": "http://framablog.org/2015/02/14/jaime-le-logiciel-libre/",
+        "is_read": "0",
+        "is_fav": "0",
+        "content": "\n      <p>Aujourd’hui, c’est la <em>Saint Valentin</em>, et l’occasion de déclarer son amour des logiciels libres !</p>\n<p><a href=\"https://fsfe.org/campaigns/ilovefs/ilovefs.fr.html\"><img src=\"http://framablog.org/wp-content/uploads/2015/02/ilovefs-banner-extralarge.png\" alt=\"ilovefs-banner-extralarge\" width=\"627\" height=\"105\" class=\"aligncenter size-full wp-image-3239\" /></a></p>\n<p>Framasoft vous a déjà proposé <a href=\"http://framablog.org/2015/02/14/on-love-logiciel-libre/\">son adaptation délirante de poèmes</a> pour l’occasion, et voici une petite bande-dessinée qui synthétise l’événement :</p>\n<p><a href=\"http://framablog.org/wp-content/uploads/2015/02/dm_001_jaime_le_logiciel_libre.jpg\"><img src=\"http://framablog.org/wp-content/uploads/2015/02/dm_001_jaime_le_logiciel_libre.jpg\" alt=\"dm_001_jaime_le_logiciel_libre\" width=\"800\" height=\"1200\" class=\"aligncenter size-full wp-image-3265\" /></a></p>\n<p>Cette bande-dessinée est extraite du nouveau blog <a href=\"http://grisebouille.net/\">Grise Bouille</a> hébergé par Framasoft.</p>\n<p><em>Crédit : <a href=\"http://grisebouille.net/\">Simon Gee Giraudot</a> (Creative Commons By-Sa)</em></p>\n<div title=\"Diaspora*\"><a><span><img src=\"http://www.framablog.org/wp-content/uploads/2015/01/diaspora.jpg\" alt=\"\" /></span></a></div><div class=\"twoclick-js\"></div><div><h3><a href=\"http://framablog.org/author/gee/\" title=\"All posts by Gee\">Gee</a></h3><div class=\"bio-gravatar\"><img alt=\"\" src=\"http://0.gravatar.com/avatar/4f71e4ffe5d4d9d89b16949563cd41f3?s=90&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D90&amp;r=G\" class=\"avatar pull-left media-object avatar-90 photo\" height=\"90\" width=\"90\" /></div><a href=\"http://ptilouk.net/\" class=\"bio-icon bio-icon-website\"></a><a href=\"https://framasphere.org/u/gee\" class=\"bio-icon bio-icon-facebook\"></a><a href=\"https://twitter.com/ptilouk\" class=\"bio-icon bio-icon-twitter\"></a><p class=\"bio-description\">Auteur/dessinateur de bandes dessinées (Le Geektionnerd, Superflu, Bastards Inc, etc.) et doctorant en informatique sur son temps salarié.</p></div>    ",
+        "user_id": "1",
+        "tags": "framasoft,tag"
     }
 ]
index 9e43c8f397a5158a14f433e9cc59d2d9d31b1393..3fa0bddf601b266381cba1ef5fc8d93f06fa1e73 100644 (file)
@@ -1,25 +1,28 @@
-[{
-    "id": 4668,
-    "title": "Wikimedia Foundation removes The Diary of Anne Frank due to copyright law requirements \u00ab Wikimedia blog",
-    "url": "https:\/\/blog.wikimedia.org\/2016\/02\/10\/anne-frank-diary-removal\/",
-    "is_archived": true,
-    "is_starred": false,
-    "content": "<p><a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:AnneFrankSchoolPhoto.jpg\" rel=\"attachment wp-att-45105\"><img class=\"alignnone size-full wp-image-45105\" src=\"https:\/\/wikimediablog.files.wordpress.com\/2016\/02\/annefrankschoolphoto.jpg?w=316&amp;h=520\" alt=\"AnneFrankSchoolPhoto\" width=\"316\" height=\"520\"\/><\/a><br\/><small><i>Anne Frank in 1940. <a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:AnneFrankSchoolPhoto.jpg\">Photo<\/a> by\u00a0Collectie Anne Frank Stichting Amsterdam, public domain.<\/i><\/small><\/p>\n<p>Today, in an unfortunate example of the overreach of the United States\u2019 current copyright law, the Wikimedia Foundation removed the Dutch-language text of <a href=\"https:\/\/en.wikipedia.org\/wiki\/The_Diary_of_a_Young_Girl\"><em>The Diary of a Young Girl<\/em><\/a>\u2014more commonly known in English as the <em>Diary of Anne Frank\u2014<\/em>from Wikisource.<sup id=\"one\"><a href=\"https:\/\/blog.wikimedia.org\/2016\/02\/10\/anne-frank-diary-removal\/#cite1\">[1]<\/a><\/sup><\/p>\n<p>We took this action to comply with the United States\u2019 <a href=\"https:\/\/en.wikipedia.org\/wiki\/Digital_Millennium_Copyright_Act\">Digital Millennium Copyright Act<\/a> (DMCA), as we believe the diary is still under US copyright protection under the law as it is currently written. Nevertheless, our removal serves as an excellent example of why the law should be changed to prevent repeated extensions of copyright terms, an issue that has plagued our communities <a href=\"https:\/\/en.wikipedia.org\/wiki\/Wikipedia:Wikipedia_Signpost\/2014-02-26\/News_and_notes\">for years<\/a>.<\/p>\n<h3>What prompted us to remove the diary?<\/h3>\n<p>The deletion was required because the Foundation is under the jurisdiction of US law\u00a0and is therefore subject to the DMCA, specifically\u00a0<a href=\"https:\/\/www.law.cornell.edu\/uscode\/text\/17\/512\" target=\"_blank\">title 17, chapter 5, section 512 of the United States Code<\/a>. As we\u00a0<a href=\"https:\/\/meta.wikimedia.org\/wiki\/Legal\/URAA_Statement\" target=\"_blank\">noted<\/a>\u00a0in 2013, \u201cThe location of the servers, incorporation, and headquarters are just three of many factors that establish US jurisdiction \u2026 if infringing content is linked to or embedded in Wikimedia projects, then\u00a0 the Foundation may still be subject to liability for such use\u2014either as a direct or contributory infringer.<\/p>\n<p>Based on email discussions sent to the Wikimedia Foundation at legal[at]wikimedia.org, we determined that the Wikimedia Foundation had either \u201cactual knowledge\u201d (i in the statute quoted below) or what is commonly called \u201cred flag knowledge\u201d (ii in the statute quoted below) that the Anne Frank text was hosted on Wikisource and was under copyright. The statute section states that a service provider is only protected by the DMCA when it:<\/p>\n<p><strong>(i) <\/strong>does not have actual knowledge that the material or an activity using the material on the system or network is infringing;<\/p>\n<p><strong>(ii) <\/strong>in the absence of such actual knowledge, is not aware of facts or circumstances from which infringing activity is apparent; or<\/p>\n<p>(The rest applies when we get a proper DMCA takedown notice.)<\/p>\n<p>Of particular concern, the US\u2019 <a href=\"https:\/\/en.wikipedia.org\/wiki\/United_States_Court_of_Appeals_for_the_Ninth_Circuit\">9th Circuit Court of Appeals<\/a> stated in their ruling for <a href=\"http:\/\/law.justia.com\/cases\/federal\/appellate-courts\/ca9\/09-55902\/09-55902-2013-03-14.html\"><em>UMG Recordings, Inc. v. Shelter Capital Partners LLC<\/em><\/a> that in circumstances where a hosting provider (like the Wikimedia Foundation) is informed by a third party (like an unrelated user) about infringing copyrighted content, that would likely constitute either actual or red flag knowledge under the DMCA.<\/p>\n<p>We believe, based on the detail and specificity contained in the emails, that we received that we had actual knowledge sufficient for the DMCA to require us to perform a takedown even in the absence of a demand letter.<\/p>\n<h3>How is the diary still copyrighted?<\/h3>\n<p>You may wonder why or how the Anne Frank text is copyrighted at all, as <a href=\"https:\/\/en.wikipedia.org\/wiki\/Anne_Frank\">Anne Frank<\/a> died in February 1945. With 70 years having passed since her death, the text may have passed into public domain in the Netherlands on January 1, 2016, where it was first published, although <a href=\"http:\/\/www.npr.org\/sections\/thetwo-way\/2015\/12\/31\/461606275\/mein-kampf-enters-public-domain-arguably-anne-franks-diary-may-too\">there is still some dispute about this<\/a>.<\/p>\n<p>However, in the United States, the Anne Frank original text will be under copyright until 2042. This is the result of several factors coming together, and the English-language Wikipedia has actually covered this issue with a multi-part test on its <a href=\"https:\/\/en.wikipedia.org\/wiki\/Wikipedia:Non-U.S._copyrights\">non-US copyrights content guideline.<\/a><\/p>\n<p>In short, there are three major laws that together make the diary still copyrighted:<\/p>\n<ol><li>In general, the U.S. copyright for works published before 1978 is 95 years from date of publication. This came about because copyrights in the U.S. were originally for 28 years, with the ability to then extend that for a second 28 years (making a total of 56). Starting with the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Copyright_Act_of_1976\">1976 Copyright Act<\/a> and extending to several more acts, the renewal became automatic and was extended. Today, the total term of works published before 1978 is 95 years from date of publication.<\/li>\n<li>Foreign works of countries that are treaty partners to the United States are covered as if they were US works.<\/li>\n<li>Even if a country was not a treaty partner under copyright law at the time of a publication, the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Uruguay_Round_Agreements_Act\">1994 Uruguay Round Agreements Act<\/a> (URAA) restored copyright to works that:\n<ul><li>had been published in a foreign country<\/li>\n<li>were still under copyright in that country in 1996<\/li>\n<li>and would have had U.S. copyright but for the fact they were published abroad.<\/li>\n<\/ul><\/li>\n<\/ol>\n<p>Court challenges to the URAA have all failed, with the most notable (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Golan_v._Holder\"><em>Golan v. Holder<\/em><\/a>) resulting in a Supreme Court ruling that upheld the URAA.<\/p>\n<p>What that means for Anne Frank\u2019s diary is unfortunately simple: no matter how it wound up in the United States and regardless of what formal copyright notices they used, the US grants it copyright until the year 2042, or 95 years after its original publication in 1947.<\/p>\n<p>Under current copyright law, this remains true regardless of its copyright status anywhere else in the world and regardless of whether it may have been in the public domain in the United States in the past.<\/p>\n<p><a href=\"https:\/\/wikimediafoundation.org\/wiki\/User:Jrogers_(WMF)\"><em>Jacob Rogers<\/em><\/a><em>, Legal Counsel*<br\/>Wikimedia Foundation<\/em><\/p>\n<p><em>*Special thanks to <\/em><a href=\"https:\/\/wikimediafoundation.org\/wiki\/User:AMangalick_(WMF)\"><em>Anisha Mangalick<\/em><\/a><em>, Legal Fellow, for her assistance in this matter.<\/em><\/p>\n<p><a href=\"https:\/\/blog.wikimedia.org\/2016\/02\/10\/anne-frank-diary-removal\/#one\">[1]<\/a>\u00a0The diary text was originally located at <a href=\"https:\/\/nl.wikisource.org\/wiki\/Het_Achterhuis_(Anne_Frank)\" rel=\"nofollow\">https:\/\/nl.wikisource.org\/wiki\/Het_Achterhuis_(Anne_Frank)<\/a>.<\/p>\n<p><em>This article was edited to clarify that it is not just the location of the Wikimedia Foundation\u2019s servers that determine whether we fall in US jurisdiction.<\/em><\/p>\n\t\t\t\t\t\t\t\t\t\t\t",
-    "mimetype": "text\/html",
-    "language": "en",
-    "reading_time": 4,
-    "domain_name": "blog.wikimedia.org",
-    "tags": []
-}, {
-    "id": 4667,
-    "title": "Tails - Tails 2.0.1 is out",
-    "url": "https:\/\/tails.boum.org\/news\/version_2.0.1\/index.en.html",
-    "is_archived": false,
-    "is_starred": false,
-    "content": "<div id=\"pagebody\" readability=\"39\">\n<p>This release fixes <a href=\"https:\/\/tails.boum.org\/security\/Numerous_security_holes_in_2.0\/index.en.html\">numerous security issues<\/a>. All users must upgrade as soon as possible.<\/p>\n<div class=\"toc\">\n<ol><li class=\"L1\"><a href=\"https:\/\/tails.boum.org\/news\/version_2.0.1\/index.en.html#index1h1\">Changes<\/a><\/li>\n<li class=\"L1\"><a href=\"https:\/\/tails.boum.org\/news\/version_2.0.1\/index.en.html#index2h1\">Known issues<\/a><\/li>\n<li class=\"L1\"><a href=\"https:\/\/tails.boum.org\/news\/version_2.0.1\/index.en.html#index3h1\">Download or upgrade<\/a><\/li>\n<li class=\"L1\"><a href=\"https:\/\/tails.boum.org\/news\/version_2.0.1\/index.en.html#index4h1\">What's coming up?<\/a><\/li>\n<\/ol><\/div>\n<h2>New features<\/h2>\n<ul><li readability=\"11\">\n<p>Tails now uses the GNOME Shell desktop environment, in its Classic mode. GNOME Shell provides a modern, simple, and actively developed desktop environment. The Classic mode keeps the traditional Applications, Places menu, and windows list. Accessibility and non-Latin input sources are also better integrated.<\/p>\n<p>To find your way around, <a href=\"https:\/\/tails.boum.org\/doc\/first_steps\/introduction_to_gnome_and_the_tails_desktop\/index.en.html\">read our introduction to GNOME and the Tails desktop.<\/a><\/p>\n<table class=\"img\"><caption>The desktop and Applications menu<\/caption>\n<tr><td><img alt=\"Tails 2.0 desktop with applications menu unfolded\" class=\"img\" height=\"384\" src=\"https:\/\/tails.boum.org\/inc\/release_notes\/2.0\/applications_menu.png\" width=\"512\"\/><\/td>\n<\/tr><\/table><table class=\"img\"><caption>The activities overview<\/caption>\n<tr><td><img alt=\"Tails 2.0 activities overview\" class=\"img\" height=\"384\" src=\"https:\/\/tails.boum.org\/inc\/release_notes\/2.0\/activities_overview.png\" width=\"512\"\/><\/td>\n<\/tr><\/table><\/li>\n<\/ul><h2>Upgrades and changes<\/h2>\n<ul><li readability=\"2\">\n<p>Debian 8 upgrades most included software, for example:<\/p>\n<ul><li>Many core GNOME utilities from 3.4 to 3.14: Files, Disks, Videos, etc.<\/li>\n<li>LibreOffice from 3.5 to 4.3<\/li>\n<li>PiTiVi from 0.15 to 0.93<\/li>\n<li>Git from 1.7.10 to 2.1.4<\/li>\n<li>Poedit from 1.5.4 to 1.6.10<\/li>\n<li>Liferea from 1.8.6 to 1.10<\/li>\n<\/ul><\/li>\n<li readability=\"1\">\n<p>Update Tor Browser to 5.5 (based on Firefox 38.6.0 ESR):<\/p>\n<ul><li>Add Japanese support.<\/li>\n<\/ul><\/li>\n<li readability=\"2\">\n<p>Remove the Windows camouflage which is currently broken in GNOME Shell. We started working on <a href=\"https:\/\/labs.riseup.net\/code\/issues\/10830\">adding it back<\/a> but <a href=\"https:\/\/tails.boum.org\/news\/windows_camouflage_jessie\/index.en.html\">your help is needed<\/a>!<\/p>\n<\/li>\n<li readability=\"1\">\n<p>Change to <code>systemd<\/code> as init system and use it to:<\/p>\n<ul><li>Sandbox many services using Linux namespaces and make them harder to exploit.<\/li>\n<li>Make the launching of Tor and the memory wipe on shutdown more robust.<\/li>\n<li>Sanitize our code base by replacing many custom scripts.<\/li>\n<\/ul><\/li>\n<li readability=\"1\">\n<p>Update most firmware packages which might improve hardware compatibility.<\/p>\n<\/li>\n<li readability=\"1\">\n<p>Notify the user if Tails is running from a non-free virtualization software.<\/p>\n<\/li>\n<li readability=\"3\">\n<p>Remove Claws Mail, replaced by <a href=\"https:\/\/tails.boum.org\/doc\/anonymous_internet\/icedove\/index.en.html\">Icedove<\/a>, a rebranded version of Mozilla Thunderbird.<\/p>\n<\/li>\n<\/ul><h2>Fixed problems<\/h2>\n<ul><li readability=\"1\">\n<p>HiDPI displays are better supported. (<a href=\"https:\/\/labs.riseup.net\/code\/issues\/8659\">#8659<\/a>)<\/p>\n<\/li>\n<li readability=\"3\">\n<p>Remove the option to open a download with an external application in Tor Browser as this is usually impossible due to the AppArmor confinement. (<a href=\"https:\/\/labs.riseup.net\/code\/issues\/9285\">#9285<\/a>)<\/p>\n<\/li>\n<li readability=\"1\">\n<p>Close Vidalia before restarting Tor.<\/p>\n<\/li>\n<li readability=\"2\">\n<p>Allow Videos to access the DVD drive. (<a href=\"https:\/\/labs.riseup.net\/code\/issues\/10455\">#10455<\/a>, <a href=\"https:\/\/labs.riseup.net\/code\/issues\/9990\">#9990<\/a>)<\/p>\n<\/li>\n<li readability=\"1\">\n<p>Allow configuring printers without administration password. (<a href=\"https:\/\/labs.riseup.net\/code\/issues\/8443\">#8443<\/a>)<\/p>\n<\/li>\n<\/ul>\n<p>See the current list of <a href=\"https:\/\/tails.boum.org\/support\/known_issues\/index.en.html\">known issues<\/a>.<\/p>\n<p>Go to the <a href=\"https:\/\/tails.boum.org\/download\/index.en.html\">download<\/a> or <a href=\"https:\/\/tails.boum.org\/doc\/first_steps\/upgrade\/index.en.html\">upgrade<\/a> page.<\/p>\n<p>If your Tails does not boot after an automatic upgrade, please <a href=\"https:\/\/tails.boum.org\/doc\/first_steps\/upgrade\/index.en.html#manual\">upgrade your Tails manually<\/a>.<\/p>\n<p>The next Tails release is <a href=\"https:\/\/tails.boum.org\/contribute\/calendar\/\">scheduled<\/a> for March 08.<\/p>\n<p>Have a look at our <a href=\"https:\/\/labs.riseup.net\/code\/projects\/tails\/roadmap\">roadmap<\/a> to see where we are heading to.<\/p>\n<p>We need your help and there are many ways to <a href=\"https:\/\/tails.boum.org\/contribute\/index.en.html\">contribute to Tails<\/a> (<a href=\"https:\/\/tails.boum.org\/contribute\/how\/donate\/index.en.html\">donating<\/a> is only one of them). Come <a href=\"https:\/\/tails.boum.org\/contribute\/talk\/\">talk to us<\/a>!<\/p>\n<\/div><div id=\"footer\" class=\"pagefooter\" role=\"contentinfo\" readability=\"15\">\n<p>Tags: <a href=\"https:\/\/tails.boum.org\/tags\/announce\/\" rel=\"tag\">announce<\/a><\/p>\n<p>Pages linking to this one: <a href=\"https:\/\/tails.boum.org\/inc\/stable_i386_release_notes\/index.en.html\">inc\/stable i386 release notes<\/a> <a href=\"https:\/\/tails.boum.org\/security\/Numerous_security_holes_in_2.0\/index.en.html\">security\/Numerous security holes in 2.0<\/a><\/p>\n<p>Last edited Sat 13 Feb 2016 02:23:58 PM CET <\/p>\n<\/div>",
-    "mimetype": "text\/html",
-    "language": "en",
-    "reading_time": 1,
-    "domain_name": "tails.boum.org",
-    "tags": []
-}]
+[
+    {
+        "id": 4668,
+        "title": "Wikimedia Foundation removes The Diary of Anne Frank due to copyright law requirements « Wikimedia blog",
+        "url": "https://blog.wikimedia.org/2016/02/10/anne-frank-diary-removal/",
+        "is_archived": true,
+        "is_starred": false,
+        "content": "<p><a href=\"https://commons.wikimedia.org/wiki/File:AnneFrankSchoolPhoto.jpg\" rel=\"attachment wp-att-45105\"><img class=\"alignnone size-full wp-image-45105\" src=\"https://wikimediablog.files.wordpress.com/2016/02/annefrankschoolphoto.jpg?w=316&amp;h=520\" alt=\"AnneFrankSchoolPhoto\" width=\"316\" height=\"520\"/></a><br/><small><i>Anne Frank in 1940. <a href=\"https://commons.wikimedia.org/wiki/File:AnneFrankSchoolPhoto.jpg\">Photo</a> by Collectie Anne Frank Stichting Amsterdam, public domain.</i></small></p>\n<p>Today, in an unfortunate example of the overreach of the United States’ current copyright law, the Wikimedia Foundation removed the Dutch-language text of <a href=\"https://en.wikipedia.org/wiki/The_Diary_of_a_Young_Girl\"><em>The Diary of a Young Girl</em></a>—more commonly known in English as the <em>Diary of Anne Frank—</em>from Wikisource.<sup id=\"one\"><a href=\"https://blog.wikimedia.org/2016/02/10/anne-frank-diary-removal/#cite1\">[1]</a></sup></p>\n<p>We took this action to comply with the United States’ <a href=\"https://en.wikipedia.org/wiki/Digital_Millennium_Copyright_Act\">Digital Millennium Copyright Act</a> (DMCA), as we believe the diary is still under US copyright protection under the law as it is currently written. Nevertheless, our removal serves as an excellent example of why the law should be changed to prevent repeated extensions of copyright terms, an issue that has plagued our communities <a href=\"https://en.wikipedia.org/wiki/Wikipedia:Wikipedia_Signpost/2014-02-26/News_and_notes\">for years</a>.</p>\n<h3>What prompted us to remove the diary?</h3>\n<p>The deletion was required because the Foundation is under the jurisdiction of US law and is therefore subject to the DMCA, specifically <a href=\"https://www.law.cornell.edu/uscode/text/17/512\" target=\"_blank\">title 17, chapter 5, section 512 of the United States Code</a>. As we <a href=\"https://meta.wikimedia.org/wiki/Legal/URAA_Statement\" target=\"_blank\">noted</a> in 2013, “The location of the servers, incorporation, and headquarters are just three of many factors that establish US jurisdiction … if infringing content is linked to or embedded in Wikimedia projects, then  the Foundation may still be subject to liability for such use—either as a direct or contributory infringer.</p>\n<p>Based on email discussions sent to the Wikimedia Foundation at legal[at]wikimedia.org, we determined that the Wikimedia Foundation had either “actual knowledge” (i in the statute quoted below) or what is commonly called “red flag knowledge” (ii in the statute quoted below) that the Anne Frank text was hosted on Wikisource and was under copyright. The statute section states that a service provider is only protected by the DMCA when it:</p>\n<p><strong>(i) </strong>does not have actual knowledge that the material or an activity using the material on the system or network is infringing;</p>\n<p><strong>(ii) </strong>in the absence of such actual knowledge, is not aware of facts or circumstances from which infringing activity is apparent; or</p>\n<p>(The rest applies when we get a proper DMCA takedown notice.)</p>\n<p>Of particular concern, the US’ <a href=\"https://en.wikipedia.org/wiki/United_States_Court_of_Appeals_for_the_Ninth_Circuit\">9th Circuit Court of Appeals</a> stated in their ruling for <a href=\"http://law.justia.com/cases/federal/appellate-courts/ca9/09-55902/09-55902-2013-03-14.html\"><em>UMG Recordings, Inc. v. Shelter Capital Partners LLC</em></a> that in circumstances where a hosting provider (like the Wikimedia Foundation) is informed by a third party (like an unrelated user) about infringing copyrighted content, that would likely constitute either actual or red flag knowledge under the DMCA.</p>\n<p>We believe, based on the detail and specificity contained in the emails, that we received that we had actual knowledge sufficient for the DMCA to require us to perform a takedown even in the absence of a demand letter.</p>\n<h3>How is the diary still copyrighted?</h3>\n<p>You may wonder why or how the Anne Frank text is copyrighted at all, as <a href=\"https://en.wikipedia.org/wiki/Anne_Frank\">Anne Frank</a> died in February 1945. With 70 years having passed since her death, the text may have passed into public domain in the Netherlands on January 1, 2016, where it was first published, although <a href=\"http://www.npr.org/sections/thetwo-way/2015/12/31/461606275/mein-kampf-enters-public-domain-arguably-anne-franks-diary-may-too\">there is still some dispute about this</a>.</p>\n<p>However, in the United States, the Anne Frank original text will be under copyright until 2042. This is the result of several factors coming together, and the English-language Wikipedia has actually covered this issue with a multi-part test on its <a href=\"https://en.wikipedia.org/wiki/Wikipedia:Non-U.S._copyrights\">non-US copyrights content guideline.</a></p>\n<p>In short, there are three major laws that together make the diary still copyrighted:</p>\n<ol><li>In general, the U.S. copyright for works published before 1978 is 95 years from date of publication. This came about because copyrights in the U.S. were originally for 28 years, with the ability to then extend that for a second 28 years (making a total of 56). Starting with the <a href=\"https://en.wikipedia.org/wiki/Copyright_Act_of_1976\">1976 Copyright Act</a> and extending to several more acts, the renewal became automatic and was extended. Today, the total term of works published before 1978 is 95 years from date of publication.</li>\n<li>Foreign works of countries that are treaty partners to the United States are covered as if they were US works.</li>\n<li>Even if a country was not a treaty partner under copyright law at the time of a publication, the <a href=\"https://en.wikipedia.org/wiki/Uruguay_Round_Agreements_Act\">1994 Uruguay Round Agreements Act</a> (URAA) restored copyright to works that:\n<ul><li>had been published in a foreign country</li>\n<li>were still under copyright in that country in 1996</li>\n<li>and would have had U.S. copyright but for the fact they were published abroad.</li>\n</ul></li>\n</ol>\n<p>Court challenges to the URAA have all failed, with the most notable (<a href=\"https://en.wikipedia.org/wiki/Golan_v._Holder\"><em>Golan v. Holder</em></a>) resulting in a Supreme Court ruling that upheld the URAA.</p>\n<p>What that means for Anne Frank’s diary is unfortunately simple: no matter how it wound up in the United States and regardless of what formal copyright notices they used, the US grants it copyright until the year 2042, or 95 years after its original publication in 1947.</p>\n<p>Under current copyright law, this remains true regardless of its copyright status anywhere else in the world and regardless of whether it may have been in the public domain in the United States in the past.</p>\n<p><a href=\"https://wikimediafoundation.org/wiki/User:Jrogers_(WMF)\"><em>Jacob Rogers</em></a><em>, Legal Counsel*<br/>Wikimedia Foundation</em></p>\n<p><em>*Special thanks to </em><a href=\"https://wikimediafoundation.org/wiki/User:AMangalick_(WMF)\"><em>Anisha Mangalick</em></a><em>, Legal Fellow, for her assistance in this matter.</em></p>\n<p><a href=\"https://blog.wikimedia.org/2016/02/10/anne-frank-diary-removal/#one\">[1]</a> The diary text was originally located at <a href=\"https://nl.wikisource.org/wiki/Het_Achterhuis_(Anne_Frank)\" rel=\"nofollow\">https://nl.wikisource.org/wiki/Het_Achterhuis_(Anne_Frank)</a>.</p>\n<p><em>This article was edited to clarify that it is not just the location of the Wikimedia Foundation’s servers that determine whether we fall in US jurisdiction.</em></p>\n\t\t\t\t\t\t\t\t\t\t\t",
+        "mimetype": "text/html",
+        "language": "en",
+        "reading_time": 4,
+        "domain_name": "blog.wikimedia.org",
+        "tags": []
+    },
+    {
+        "id": 4667,
+        "title": "Tails - Tails 2.0.1 is out",
+        "url": "https://tails.boum.org/news/version_2.0.1/index.en.html",
+        "is_archived": false,
+        "is_starred": false,
+        "content": "<div id=\"pagebody\" readability=\"39\">\n<p>This release fixes <a href=\"https://tails.boum.org/security/Numerous_security_holes_in_2.0/index.en.html\">numerous security issues</a>. All users must upgrade as soon as possible.</p>\n<div class=\"toc\">\n<ol><li class=\"L1\"><a href=\"https://tails.boum.org/news/version_2.0.1/index.en.html#index1h1\">Changes</a></li>\n<li class=\"L1\"><a href=\"https://tails.boum.org/news/version_2.0.1/index.en.html#index2h1\">Known issues</a></li>\n<li class=\"L1\"><a href=\"https://tails.boum.org/news/version_2.0.1/index.en.html#index3h1\">Download or upgrade</a></li>\n<li class=\"L1\"><a href=\"https://tails.boum.org/news/version_2.0.1/index.en.html#index4h1\">What's coming up?</a></li>\n</ol></div>\n<h2>New features</h2>\n<ul><li readability=\"11\">\n<p>Tails now uses the GNOME Shell desktop environment, in its Classic mode. GNOME Shell provides a modern, simple, and actively developed desktop environment. The Classic mode keeps the traditional Applications, Places menu, and windows list. Accessibility and non-Latin input sources are also better integrated.</p>\n<p>To find your way around, <a href=\"https://tails.boum.org/doc/first_steps/introduction_to_gnome_and_the_tails_desktop/index.en.html\">read our introduction to GNOME and the Tails desktop.</a></p>\n<table class=\"img\"><caption>The desktop and Applications menu</caption>\n<tr><td><img alt=\"Tails 2.0 desktop with applications menu unfolded\" class=\"img\" height=\"384\" src=\"https://tails.boum.org/inc/release_notes/2.0/applications_menu.png\" width=\"512\"/></td>\n</tr></table><table class=\"img\"><caption>The activities overview</caption>\n<tr><td><img alt=\"Tails 2.0 activities overview\" class=\"img\" height=\"384\" src=\"https://tails.boum.org/inc/release_notes/2.0/activities_overview.png\" width=\"512\"/></td>\n</tr></table></li>\n</ul><h2>Upgrades and changes</h2>\n<ul><li readability=\"2\">\n<p>Debian 8 upgrades most included software, for example:</p>\n<ul><li>Many core GNOME utilities from 3.4 to 3.14: Files, Disks, Videos, etc.</li>\n<li>LibreOffice from 3.5 to 4.3</li>\n<li>PiTiVi from 0.15 to 0.93</li>\n<li>Git from 1.7.10 to 2.1.4</li>\n<li>Poedit from 1.5.4 to 1.6.10</li>\n<li>Liferea from 1.8.6 to 1.10</li>\n</ul></li>\n<li readability=\"1\">\n<p>Update Tor Browser to 5.5 (based on Firefox 38.6.0 ESR):</p>\n<ul><li>Add Japanese support.</li>\n</ul></li>\n<li readability=\"2\">\n<p>Remove the Windows camouflage which is currently broken in GNOME Shell. We started working on <a href=\"https://labs.riseup.net/code/issues/10830\">adding it back</a> but <a href=\"https://tails.boum.org/news/windows_camouflage_jessie/index.en.html\">your help is needed</a>!</p>\n</li>\n<li readability=\"1\">\n<p>Change to <code>systemd</code> as init system and use it to:</p>\n<ul><li>Sandbox many services using Linux namespaces and make them harder to exploit.</li>\n<li>Make the launching of Tor and the memory wipe on shutdown more robust.</li>\n<li>Sanitize our code base by replacing many custom scripts.</li>\n</ul></li>\n<li readability=\"1\">\n<p>Update most firmware packages which might improve hardware compatibility.</p>\n</li>\n<li readability=\"1\">\n<p>Notify the user if Tails is running from a non-free virtualization software.</p>\n</li>\n<li readability=\"3\">\n<p>Remove Claws Mail, replaced by <a href=\"https://tails.boum.org/doc/anonymous_internet/icedove/index.en.html\">Icedove</a>, a rebranded version of Mozilla Thunderbird.</p>\n</li>\n</ul><h2>Fixed problems</h2>\n<ul><li readability=\"1\">\n<p>HiDPI displays are better supported. (<a href=\"https://labs.riseup.net/code/issues/8659\">#8659</a>)</p>\n</li>\n<li readability=\"3\">\n<p>Remove the option to open a download with an external application in Tor Browser as this is usually impossible due to the AppArmor confinement. (<a href=\"https://labs.riseup.net/code/issues/9285\">#9285</a>)</p>\n</li>\n<li readability=\"1\">\n<p>Close Vidalia before restarting Tor.</p>\n</li>\n<li readability=\"2\">\n<p>Allow Videos to access the DVD drive. (<a href=\"https://labs.riseup.net/code/issues/10455\">#10455</a>, <a href=\"https://labs.riseup.net/code/issues/9990\">#9990</a>)</p>\n</li>\n<li readability=\"1\">\n<p>Allow configuring printers without administration password. (<a href=\"https://labs.riseup.net/code/issues/8443\">#8443</a>)</p>\n</li>\n</ul>\n<p>See the current list of <a href=\"https://tails.boum.org/support/known_issues/index.en.html\">known issues</a>.</p>\n<p>Go to the <a href=\"https://tails.boum.org/download/index.en.html\">download</a> or <a href=\"https://tails.boum.org/doc/first_steps/upgrade/index.en.html\">upgrade</a> page.</p>\n<p>If your Tails does not boot after an automatic upgrade, please <a href=\"https://tails.boum.org/doc/first_steps/upgrade/index.en.html#manual\">upgrade your Tails manually</a>.</p>\n<p>The next Tails release is <a href=\"https://tails.boum.org/contribute/calendar/\">scheduled</a> for March 08.</p>\n<p>Have a look at our <a href=\"https://labs.riseup.net/code/projects/tails/roadmap\">roadmap</a> to see where we are heading to.</p>\n<p>We need your help and there are many ways to <a href=\"https://tails.boum.org/contribute/index.en.html\">contribute to Tails</a> (<a href=\"https://tails.boum.org/contribute/how/donate/index.en.html\">donating</a> is only one of them). Come <a href=\"https://tails.boum.org/contribute/talk/\">talk to us</a>!</p>\n</div><div id=\"footer\" class=\"pagefooter\" role=\"contentinfo\" readability=\"15\">\n<p>Tags: <a href=\"https://tails.boum.org/tags/announce/\" rel=\"tag\">announce</a></p>\n<p>Pages linking to this one: <a href=\"https://tails.boum.org/inc/stable_i386_release_notes/index.en.html\">inc/stable i386 release notes</a> <a href=\"https://tails.boum.org/security/Numerous_security_holes_in_2.0/index.en.html\">security/Numerous security holes in 2.0</a></p>\n<p>Last edited Sat 13 Feb 2016 02:23:58 PM CET </p>\n</div>",
+        "mimetype": "text/html",
+        "language": "en",
+        "reading_time": 1,
+        "domain_name": "tails.boum.org",
+        "tags": []
+    }
+]