diff --git a/dist/galFly.js b/dist/galFly.js index 8d56a6c..15bf2d2 100644 --- a/dist/galFly.js +++ b/dist/galFly.js @@ -29,7 +29,7 @@ var lis = noRepeats.map(function(val, i){ var stringified = JSON.stringify(lis).replace(/\\/g, '\\\\').replace(/'/g, '\\\''); -var html = 'galFly
  1. ▲
  2. ▼
  3. 🔍
'; +var html = 'galFly
  1. ▲
  2. ▼
  3. 🔍
💡'; // window.open('data:text/html,' + encodeURIComponent(html)); document.write(html); diff --git a/dist/galNum.js b/dist/galNum.js index 1671bd2..c289b8a 100644 --- a/dist/galNum.js +++ b/dist/galNum.js @@ -10,7 +10,7 @@ -var html = 'galNum
  
  1. ▲
  2. ▼
  3. 🔍
'; +var html = 'galNum
  
  1. ▲
  2. ▼
  3. 🔍
💡'; window.open('data:text/html,' + encodeURIComponent(html)); // document.write(html); diff --git a/img/galCommons.jpg b/img/galCommons.jpg index de24be4..4163589 100644 Binary files a/img/galCommons.jpg and b/img/galCommons.jpg differ diff --git a/index.html b/index.html index 40fe52d..72afb0a 100644 --- a/index.html +++ b/index.html @@ -23,7 +23,7 @@

galNum & galFly

galNum Bookmarklet

- galNum + galNum To “install” this bookmarklet, just drag the big link above to your Bookmarks Toolbat. Voilà!

There are a lot of images on the internet that follow a numeric progression. If there's an autumn-wallpaper-001.jpg there probably is an autumn-wallpaper-002.jpg and even more.

@@ -75,7 +75,7 @@

galNum Bookmarklet

galFly Bookmarklet

- galFly + galFly To “install” this bookmarklet, just drag the big link above to your Bookmarks Toolbat. Voilà!

In some cases you just find a lot of links that point to images! No number progression to analyze, just the raw links there for us to partake. Classically you would have to open these links in new tabs one by one, but with galFly we can just create a gallery right where we are!

@@ -128,6 +128,12 @@

Common features

When you've scrolled to the end, you can load more images. In the case of galNum, this is infinite and you have to apply judgment sparingly. In the case of galFly you will find a point where instead of Load more you'll find a reddish block. That means there's nothing more to see here :)

+
  • + 4 +
    +

    Click on the lightbulb to change the background color (white, grey or black)

    +
    +
    • diff --git a/src/galFly/index.html b/src/galFly/index.html index 7c486b9..a31dbb7 100644 --- a/src/galFly/index.html +++ b/src/galFly/index.html @@ -19,6 +19,9 @@
  • 🔍
    • +💡 + + diff --git a/src/galFly/main.css b/src/galFly/main.css index e57a028..3f34c5a 100644 --- a/src/galFly/main.css +++ b/src/galFly/main.css @@ -29,20 +29,23 @@ body { color: #808080; text-decoration: underline; } -#move { +#move, +#light { position: fixed; - bottom: 0; - left: 0; - width: 5em; - padding: 0; margin: 0; font-size: 1.4em; - list-style-type: none; color: #888; -webkit-user-select: none; -moz-user-select: none; user-select: none; } +#move { + width: 5em; + padding: 0; + bottom: 0; + left: 0; + list-style-type: none; +} #move li { float: left; width: 2.75em; @@ -64,6 +67,12 @@ body { width: 2em; text-indent: -.5em; } +#light { + padding: .5em .7em; + top: 0; + right: 0; + cursor: pointer; +} #more { padding: 1em; font-size: 1.5em; diff --git a/src/galFly/main.js b/src/galFly/main.js index 17e5e86..6a07cb4 100644 --- a/src/galFly/main.js +++ b/src/galFly/main.js @@ -41,6 +41,21 @@ var galCommons = (function(){ $('#zoom').addEventListener('click', function(){ _this.zoom($('#a' + _this.currentImage)); }); + $('#light').addEventListener('click', function(){ + this.count = this.count ? (this.count + 1) % 3 : 1; + switch(this.count){ + case 0: + var color = "#fff"; + break; + case 1: + var color = "#808080"; + break; + case 2: + var color = "#000"; + break; + } + document.body.style.backgroundColor = color; + }); }, goToImage: function(isGoingDown){ diff --git a/src/galNum/index.html b/src/galNum/index.html index ba99354..9ca8ef0 100644 --- a/src/galNum/index.html +++ b/src/galNum/index.html @@ -32,8 +32,7 @@
  • 🔍
    • - - +💡 diff --git a/src/galNum/main.css b/src/galNum/main.css index 024c5c0..cffd09a 100644 --- a/src/galNum/main.css +++ b/src/galNum/main.css @@ -67,20 +67,23 @@ main, color: #808080; text-decoration: underline; } -#move { +#move, +#light { position: fixed; - bottom: 0; - left: 0; - width: 5em; - padding: 0; margin: 0; font-size: 1.4em; - list-style-type: none; color: #888; -webkit-user-select: none; -moz-user-select: none; user-select: none; } +#move { + width: 5em; + padding: 0; + bottom: 0; + left: 0; + list-style-type: none; +} #move li { float: left; width: 2.75em; @@ -102,6 +105,12 @@ main, width: 2em; text-indent: -.5em; } +#light { + padding: .5em .7em; + top: 0; + right: 0; + cursor: pointer; +} #more { padding: 1em; font-size: 1.5em; diff --git a/src/galNum/main.js b/src/galNum/main.js index 236c6cb..1315e1c 100644 --- a/src/galNum/main.js +++ b/src/galNum/main.js @@ -45,6 +45,21 @@ var galCommons = (function(){ $('#zoom').addEventListener('click', function(){ _this.zoom($('#a' + _this.currentImage)); }); + $('#light').addEventListener('click', function(){ + this.count = this.count ? (this.count + 1) % 3 : 1; + switch(this.count){ + case 0: + var color = "#fff"; + break; + case 1: + var color = "#808080"; + break; + case 2: + var color = "#000"; + break; + } + document.body.style.backgroundColor = color; + }); }, goToImage: function(isGoingDown){