images_gallery 1.0.1 → 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -2
  3. data/Rakefile +10 -1
  4. data/lib/images_gallery/generator.rb +16 -1
  5. data/lib/images_gallery/models/collection.rb +4 -0
  6. data/lib/images_gallery/models/image.rb +9 -5
  7. data/lib/images_gallery/models/source.rb +8 -0
  8. data/lib/images_gallery/templates/_thumbnails.html.erb +3 -2
  9. data/lib/images_gallery/templates/layout.html.erb +1 -1
  10. data/lib/images_gallery/version.rb +1 -1
  11. data/lib/images_gallery/views/base.rb +6 -4
  12. data/lib/images_gallery/views/iso.rb +30 -0
  13. data/lib/images_gallery/views/model.rb +1 -0
  14. data/spec/features/iso_pages/canon_eos_20d_iso_100_page_spec.rb +14 -0
  15. data/spec/features/iso_pages/lux_d_3_iso_100_page_spec.rb +14 -0
  16. data/spec/features/iso_pages/lux_d_3_iso_200_page_spec.rb +14 -0
  17. data/spec/features/models_pages/canon_eos_20d_page_spec.rb +7 -0
  18. data/spec/features/models_pages/lux_d_3_page_spec.rb +11 -0
  19. data/spec/lib/images_gallery/models/collection_spec.rb +1 -0
  20. data/spec/lib/images_gallery/models/source_spec.rb +7 -2
  21. data/spec/lib/images_gallery/views/iso_spec.rb +12 -0
  22. data/spec/support/spec_for_image_interface.rb +4 -0
  23. data/spec/support/spec_for_iso_page.rb +15 -0
  24. data/spec/support/spec_for_view_interface.rb +49 -0
  25. data/spec/tmp/canon.html +5 -3
  26. data/spec/tmp/canon/canon_eos_20d.html +9 -1
  27. data/spec/tmp/canon/canon_eos_20d/100.html +77 -0
  28. data/spec/tmp/canon/canon_eos_400d_digital.html +9 -1
  29. data/spec/tmp/canon/canon_eos_400d_digital/200.html +77 -0
  30. data/spec/tmp/fuji_photo_film_co_ltd.html +3 -2
  31. data/spec/tmp/fuji_photo_film_co_ltd/slp1000se.html +9 -1
  32. data/spec/tmp/fuji_photo_film_co_ltd/slp1000se/speed_ratings_unknown.html +77 -0
  33. data/spec/tmp/fujifilm.html +3 -2
  34. data/spec/tmp/fujifilm/finepix_s6500fd.html +9 -1
  35. data/spec/tmp/fujifilm/finepix_s6500fd/400.html +77 -0
  36. data/spec/tmp/index.html +21 -11
  37. data/spec/tmp/leica.html +11 -6
  38. data/spec/tmp/leica/d_lux_3.html +37 -1
  39. data/spec/tmp/leica/d_lux_3/100.html +87 -0
  40. data/spec/tmp/leica/d_lux_3/200.html +77 -0
  41. data/spec/tmp/leica/d_lux_3/800.html +77 -0
  42. data/spec/tmp/nikon_corporation.html +3 -2
  43. data/spec/tmp/nikon_corporation/nikon_d80.html +9 -1
  44. data/spec/tmp/nikon_corporation/nikon_d80/100.html +77 -0
  45. data/spec/tmp/panasonic.html +5 -3
  46. data/spec/tmp/panasonic/dmc_fz30.html +15 -1
  47. data/spec/tmp/panasonic/dmc_fz30/80.html +82 -0
  48. data/spec/tmp/unknown_make.html +5 -3
  49. data/spec/tmp/unknown_make/unknown_model.html +15 -1
  50. data/spec/tmp/unknown_make/unknown_model/speed_ratings_unknown.html +82 -0
  51. metadata +80 -35
  52. data/spec/support/spec_for_view_inerface.rb +0 -19
data/spec/tmp/canon/canon_eos_20d.html CHANGED
@@ -35,7 +35,7 @@
35
35
  color: #333;
36
36
  font-size: .8rem;
37
37
  font-variant: small-caps;
38
- height: 3rem;
38
+ height: 4rem;
39
39
  left: 0;
40
40
  line-height: 1.2rem;
41
41
  opacity: 0;
@@ -60,6 +60,8 @@
60
60
 
61
61
  <a class="nav-link" href="../canon.html">Browse all the Canon images</a>
62
62
 
63
+ <a class="nav-link" href="../canon/canon_eos_20d/100.html">ISO 100</a>
64
+
63
65
  </nav>
64
66
 
65
67
  </header>
@@ -69,6 +71,12 @@
69
71
  <div class="grid-item">
70
72
  <img alt="Image 2041" src="http://ih1.redbubble.net/work.2041.1.flat,135x135,075,f.jpg"/>
71
73
 
74
+ <a class="grid-item-details" href="../canon/canon_eos_20d/100.html" title="Browse all the Canon EOS 20D @ ISO 100 images.">
75
+ <div>Canon</div>
76
+ <div>Canon EOS 20D</div>
77
+ <div><small>ISO 100</small></div>
78
+ </a>
79
+
72
80
  </div>
73
81
 
74
82
  </div>
data/spec/tmp/canon/canon_eos_20d/100.html ADDED
@@ -0,0 +1,77 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Images by (Canon) Canon EOS 20D @ ISO 100</title>
6
+ <style type="text/css">
7
+ html, body {
8
+ font-family: "adelle", "Helvetica Neue", Helvetica, Arial, sans-serif;
9
+ font-size: 1rem;
10
+ }
11
+ nav {
12
+ border: 1px solid #ccc;
13
+ border-width: 1px 0;
14
+ margin: 2rem 0;
15
+ }
16
+ .nav-link {
17
+ display: inline-block;
18
+ line-height: 3rem;
19
+ padding: 0 1rem;
20
+ text-decoration: none;
21
+ text-transform: uppercase;
22
+ }
23
+ .grid {
24
+ max-width: 960px;
25
+ }
26
+ .grid-item {
27
+ border: 1px solid #ccc;
28
+ display: inline-block;
29
+ padding: 10px 10px 5px;
30
+ position: relative;
31
+ margin: 5px;
32
+ }
33
+ .grid-item-details {
34
+ background-color: rgba(255, 255, 255, 0.9);
35
+ color: #333;
36
+ font-size: .8rem;
37
+ font-variant: small-caps;
38
+ height: 4rem;
39
+ left: 0;
40
+ line-height: 1.2rem;
41
+ opacity: 0;
42
+ padding: .2rem 0 10px;
43
+ position: absolute;
44
+ width: 100%;
45
+ bottom: 0;
46
+ text-align: center;
47
+ text-decoration: none;
48
+ }
49
+ .grid-item:hover .grid-item-details {
50
+ opacity: 1;
51
+ }
52
+ </style>
53
+ </head>
54
+ <body>
55
+ <header>
56
+ <h1>Images by (Canon) Canon EOS 20D @ ISO 100</h1>
57
+ <nav>
58
+
59
+ <a class="nav-link" href="../../index.html">Browse all the images</a>
60
+
61
+ <a class="nav-link" href="../../canon/canon_eos_20d.html">Browse all the Canon EOS 20D images</a>
62
+
63
+ </nav>
64
+
65
+ </header>
66
+
67
+ <div class="grid">
68
+
69
+ <div class="grid-item">
70
+ <img alt="Image 2041" src="http://ih1.redbubble.net/work.2041.1.flat,135x135,075,f.jpg"/>
71
+
72
+ </div>
73
+
74
+ </div>
75
+
76
+ </body>
77
+ </html>
data/spec/tmp/canon/canon_eos_400d_digital.html CHANGED
@@ -35,7 +35,7 @@
35
35
  color: #333;
36
36
  font-size: .8rem;
37
37
  font-variant: small-caps;
38
- height: 3rem;
38
+ height: 4rem;
39
39
  left: 0;
40
40
  line-height: 1.2rem;
41
41
  opacity: 0;
@@ -60,6 +60,8 @@
60
60
 
61
61
  <a class="nav-link" href="../canon.html">Browse all the Canon images</a>
62
62
 
63
+ <a class="nav-link" href="../canon/canon_eos_400d_digital/200.html">ISO 200</a>
64
+
63
65
  </nav>
64
66
 
65
67
  </header>
@@ -69,6 +71,12 @@
69
71
  <div class="grid-item">
70
72
  <img alt="Image 777577" src="http://ih1.redbubble.net/work.777577.1.flat,135x135,075,f.jpg"/>
71
73
 
74
+ <a class="grid-item-details" href="../canon/canon_eos_400d_digital/200.html" title="Browse all the Canon EOS 400D DIGITAL @ ISO 200 images.">
75
+ <div>Canon</div>
76
+ <div>Canon EOS 400D DIGITAL</div>
77
+ <div><small>ISO 200</small></div>
78
+ </a>
79
+
72
80
  </div>
73
81
 
74
82
  </div>
data/spec/tmp/canon/canon_eos_400d_digital/200.html ADDED
@@ -0,0 +1,77 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Images by (Canon) Canon EOS 400D DIGITAL @ ISO 200</title>
6
+ <style type="text/css">
7
+ html, body {
8
+ font-family: "adelle", "Helvetica Neue", Helvetica, Arial, sans-serif;
9
+ font-size: 1rem;
10
+ }
11
+ nav {
12
+ border: 1px solid #ccc;
13
+ border-width: 1px 0;
14
+ margin: 2rem 0;
15
+ }
16
+ .nav-link {
17
+ display: inline-block;
18
+ line-height: 3rem;
19
+ padding: 0 1rem;
20
+ text-decoration: none;
21
+ text-transform: uppercase;
22
+ }
23
+ .grid {
24
+ max-width: 960px;
25
+ }
26
+ .grid-item {
27
+ border: 1px solid #ccc;
28
+ display: inline-block;
29
+ padding: 10px 10px 5px;
30
+ position: relative;
31
+ margin: 5px;
32
+ }
33
+ .grid-item-details {
34
+ background-color: rgba(255, 255, 255, 0.9);
35
+ color: #333;
36
+ font-size: .8rem;
37
+ font-variant: small-caps;
38
+ height: 4rem;
39
+ left: 0;
40
+ line-height: 1.2rem;
41
+ opacity: 0;
42
+ padding: .2rem 0 10px;
43
+ position: absolute;
44
+ width: 100%;
45
+ bottom: 0;
46
+ text-align: center;
47
+ text-decoration: none;
48
+ }
49
+ .grid-item:hover .grid-item-details {
50
+ opacity: 1;
51
+ }
52
+ </style>
53
+ </head>
54
+ <body>
55
+ <header>
56
+ <h1>Images by (Canon) Canon EOS 400D DIGITAL @ ISO 200</h1>
57
+ <nav>
58
+
59
+ <a class="nav-link" href="../../index.html">Browse all the images</a>
60
+
61
+ <a class="nav-link" href="../../canon/canon_eos_400d_digital.html">Browse all the Canon EOS 400D DIGITAL images</a>
62
+
63
+ </nav>
64
+
65
+ </header>
66
+
67
+ <div class="grid">
68
+
69
+ <div class="grid-item">
70
+ <img alt="Image 777577" src="http://ih1.redbubble.net/work.777577.1.flat,135x135,075,f.jpg"/>
71
+
72
+ </div>
73
+
74
+ </div>
75
+
76
+ </body>
77
+ </html>
data/spec/tmp/fuji_photo_film_co_ltd.html CHANGED
@@ -35,7 +35,7 @@
35
35
  color: #333;
36
36
  font-size: .8rem;
37
37
  font-variant: small-caps;
38
- height: 3rem;
38
+ height: 4rem;
39
39
  left: 0;
40
40
  line-height: 1.2rem;
41
41
  opacity: 0;
@@ -69,9 +69,10 @@
69
69
  <div class="grid-item">
70
70
  <img alt="Image 2828069" src="http://ih1.redbubble.net/work.2828069.1.flat,135x135,075,f.jpg"/>
71
71
 
72
- <a class="grid-item-details" href="fuji_photo_film_co_ltd/slp1000se.html" title="Browse all the SLP1000SE images.">
72
+ <a class="grid-item-details" href="fuji_photo_film_co_ltd/slp1000se/speed_ratings_unknown.html" title="Browse all the SLP1000SE @ ISO speed ratings unknown images.">
73
73
  <div>FUJI PHOTO FILM CO., LTD.</div>
74
74
  <div>SLP1000SE</div>
75
+ <div><small>ISO speed ratings unknown</small></div>
75
76
  </a>
76
77
 
77
78
  </div>
data/spec/tmp/fuji_photo_film_co_ltd/slp1000se.html CHANGED
@@ -35,7 +35,7 @@
35
35
  color: #333;
36
36
  font-size: .8rem;
37
37
  font-variant: small-caps;
38
- height: 3rem;
38
+ height: 4rem;
39
39
  left: 0;
40
40
  line-height: 1.2rem;
41
41
  opacity: 0;
@@ -60,6 +60,8 @@
60
60
 
61
61
  <a class="nav-link" href="../fuji_photo_film_co_ltd.html">Browse all the FUJI PHOTO FILM CO., LTD. images</a>
62
62
 
63
+ <a class="nav-link" href="../fuji_photo_film_co_ltd/slp1000se/speed_ratings_unknown.html">ISO speed ratings unknown</a>
64
+
63
65
  </nav>
64
66
 
65
67
  </header>
@@ -69,6 +71,12 @@
69
71
  <div class="grid-item">
70
72
  <img alt="Image 2828069" src="http://ih1.redbubble.net/work.2828069.1.flat,135x135,075,f.jpg"/>
71
73
 
74
+ <a class="grid-item-details" href="../fuji_photo_film_co_ltd/slp1000se/speed_ratings_unknown.html" title="Browse all the SLP1000SE @ ISO speed ratings unknown images.">
75
+ <div>FUJI PHOTO FILM CO., LTD.</div>
76
+ <div>SLP1000SE</div>
77
+ <div><small>ISO speed ratings unknown</small></div>
78
+ </a>
79
+
72
80
  </div>
73
81
 
74
82
  </div>
data/spec/tmp/fuji_photo_film_co_ltd/slp1000se/speed_ratings_unknown.html ADDED
@@ -0,0 +1,77 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Images by (FUJI PHOTO FILM CO., LTD.) SLP1000SE @ ISO speed ratings unknown</title>
6
+ <style type="text/css">
7
+ html, body {
8
+ font-family: "adelle", "Helvetica Neue", Helvetica, Arial, sans-serif;
9
+ font-size: 1rem;
10
+ }
11
+ nav {
12
+ border: 1px solid #ccc;
13
+ border-width: 1px 0;
14
+ margin: 2rem 0;
15
+ }
16
+ .nav-link {
17
+ display: inline-block;
18
+ line-height: 3rem;
19
+ padding: 0 1rem;
20
+ text-decoration: none;
21
+ text-transform: uppercase;
22
+ }
23
+ .grid {
24
+ max-width: 960px;
25
+ }
26
+ .grid-item {
27
+ border: 1px solid #ccc;
28
+ display: inline-block;
29
+ padding: 10px 10px 5px;
30
+ position: relative;
31
+ margin: 5px;
32
+ }
33
+ .grid-item-details {
34
+ background-color: rgba(255, 255, 255, 0.9);
35
+ color: #333;
36
+ font-size: .8rem;
37
+ font-variant: small-caps;
38
+ height: 4rem;
39
+ left: 0;
40
+ line-height: 1.2rem;
41
+ opacity: 0;
42
+ padding: .2rem 0 10px;
43
+ position: absolute;
44
+ width: 100%;
45
+ bottom: 0;
46
+ text-align: center;
47
+ text-decoration: none;
48
+ }
49
+ .grid-item:hover .grid-item-details {
50
+ opacity: 1;
51
+ }
52
+ </style>
53
+ </head>
54
+ <body>
55
+ <header>
56
+ <h1>Images by (FUJI PHOTO FILM CO., LTD.) SLP1000SE @ ISO speed ratings unknown</h1>
57
+ <nav>
58
+
59
+ <a class="nav-link" href="../../index.html">Browse all the images</a>
60
+
61
+ <a class="nav-link" href="../../fuji_photo_film_co_ltd/slp1000se.html">Browse all the SLP1000SE images</a>
62
+
63
+ </nav>
64
+
65
+ </header>
66
+
67
+ <div class="grid">
68
+
69
+ <div class="grid-item">
70
+ <img alt="Image 2828069" src="http://ih1.redbubble.net/work.2828069.1.flat,135x135,075,f.jpg"/>
71
+
72
+ </div>
73
+
74
+ </div>
75
+
76
+ </body>
77
+ </html>
data/spec/tmp/fujifilm.html CHANGED
@@ -35,7 +35,7 @@
35
35
  color: #333;
36
36
  font-size: .8rem;
37
37
  font-variant: small-caps;
38
- height: 3rem;
38
+ height: 4rem;
39
39
  left: 0;
40
40
  line-height: 1.2rem;
41
41
  opacity: 0;
@@ -69,9 +69,10 @@
69
69
  <div class="grid-item">
70
70
  <img alt="Image 240509" src="http://ih1.redbubble.net/work.240509.1.flat,135x135,075,f.jpg"/>
71
71
 
72
- <a class="grid-item-details" href="fujifilm/finepix_s6500fd.html" title="Browse all the FinePix S6500fd images.">
72
+ <a class="grid-item-details" href="fujifilm/finepix_s6500fd/400.html" title="Browse all the FinePix S6500fd @ ISO 400 images.">
73
73
  <div>FUJIFILM</div>
74
74
  <div>FinePix S6500fd</div>
75
+ <div><small>ISO 400</small></div>
75
76
  </a>
76
77
 
77
78
  </div>
data/spec/tmp/fujifilm/finepix_s6500fd.html CHANGED
@@ -35,7 +35,7 @@
35
35
  color: #333;
36
36
  font-size: .8rem;
37
37
  font-variant: small-caps;
38
- height: 3rem;
38
+ height: 4rem;
39
39
  left: 0;
40
40
  line-height: 1.2rem;
41
41
  opacity: 0;
@@ -60,6 +60,8 @@
60
60
 
61
61
  <a class="nav-link" href="../fujifilm.html">Browse all the FUJIFILM images</a>
62
62
 
63
+ <a class="nav-link" href="../fujifilm/finepix_s6500fd/400.html">ISO 400</a>
64
+
63
65
  </nav>
64
66
 
65
67
  </header>
@@ -69,6 +71,12 @@
69
71
  <div class="grid-item">
70
72
  <img alt="Image 240509" src="http://ih1.redbubble.net/work.240509.1.flat,135x135,075,f.jpg"/>
71
73
 
74
+ <a class="grid-item-details" href="../fujifilm/finepix_s6500fd/400.html" title="Browse all the FinePix S6500fd @ ISO 400 images.">
75
+ <div>FUJIFILM</div>
76
+ <div>FinePix S6500fd</div>
77
+ <div><small>ISO 400</small></div>
78
+ </a>
79
+
72
80
  </div>
73
81
 
74
82
  </div>
data/spec/tmp/fujifilm/finepix_s6500fd/400.html ADDED
@@ -0,0 +1,77 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Images by (FUJIFILM) FinePix S6500fd @ ISO 400</title>
6
+ <style type="text/css">
7
+ html, body {
8
+ font-family: "adelle", "Helvetica Neue", Helvetica, Arial, sans-serif;
9
+ font-size: 1rem;
10
+ }
11
+ nav {
12
+ border: 1px solid #ccc;
13
+ border-width: 1px 0;
14
+ margin: 2rem 0;
15
+ }
16
+ .nav-link {
17
+ display: inline-block;
18
+ line-height: 3rem;
19
+ padding: 0 1rem;
20
+ text-decoration: none;
21
+ text-transform: uppercase;
22
+ }
23
+ .grid {
24
+ max-width: 960px;
25
+ }
26
+ .grid-item {
27
+ border: 1px solid #ccc;
28
+ display: inline-block;
29
+ padding: 10px 10px 5px;
30
+ position: relative;
31
+ margin: 5px;
32
+ }
33
+ .grid-item-details {
34
+ background-color: rgba(255, 255, 255, 0.9);
35
+ color: #333;
36
+ font-size: .8rem;
37
+ font-variant: small-caps;
38
+ height: 4rem;
39
+ left: 0;
40
+ line-height: 1.2rem;
41
+ opacity: 0;
42
+ padding: .2rem 0 10px;
43
+ position: absolute;
44
+ width: 100%;
45
+ bottom: 0;
46
+ text-align: center;
47
+ text-decoration: none;
48
+ }
49
+ .grid-item:hover .grid-item-details {
50
+ opacity: 1;
51
+ }
52
+ </style>
53
+ </head>
54
+ <body>
55
+ <header>
56
+ <h1>Images by (FUJIFILM) FinePix S6500fd @ ISO 400</h1>
57
+ <nav>
58
+
59
+ <a class="nav-link" href="../../index.html">Browse all the images</a>
60
+
61
+ <a class="nav-link" href="../../fujifilm/finepix_s6500fd.html">Browse all the FinePix S6500fd images</a>
62
+
63
+ </nav>
64
+
65
+ </header>
66
+
67
+ <div class="grid">
68
+
69
+ <div class="grid-item">
70
+ <img alt="Image 240509" src="http://ih1.redbubble.net/work.240509.1.flat,135x135,075,f.jpg"/>
71
+
72
+ </div>
73
+
74
+ </div>
75
+
76
+ </body>
77
+ </html>