divygrid 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,150 @@
1
+ ---
2
+ - |-
3
+ <div class="divycontainer" style="width: 100px; height: 100px;">
4
+ <div class="divybox" style="bottom: 50.0%; left: 10.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;">coolhtmlstuff</div>
5
+ <div class="divybox" style="bottom: 50.0%; left: 10.0%; width: 40.0%; height: 40.0%; position: absolute; border-style:solid; border-color:#FF00CC;"><img src="someimagepath" height="100%" width="100%"></img></div>
6
+ <div class="divybox" style="bottom: 0.0%; left: 0.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
7
+ <div class="divybox" style="bottom: 20.0%; left: 0.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
8
+ <div class="divybox" style="bottom: 40.0%; left: 0.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
9
+ <div class="divybox" style="bottom: 60.0%; left: 0.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
10
+ <div class="divybox" style="bottom: 80.0%; left: 0.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
11
+ <div class="divybox" style="bottom: 0.0%; left: 20.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
12
+ <div class="divybox" style="bottom: 20.0%; left: 20.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
13
+ <div class="divybox" style="bottom: 40.0%; left: 20.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
14
+ <div class="divybox" style="bottom: 60.0%; left: 20.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
15
+ <div class="divybox" style="bottom: 80.0%; left: 20.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
16
+ <div class="divybox" style="bottom: 0.0%; left: 40.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
17
+ <div class="divybox" style="bottom: 20.0%; left: 40.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
18
+ <div class="divybox" style="bottom: 40.0%; left: 40.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
19
+ <div class="divybox" style="bottom: 60.0%; left: 40.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
20
+ <div class="divybox" style="bottom: 80.0%; left: 40.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
21
+ <div class="divybox" style="bottom: 0.0%; left: 60.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
22
+ <div class="divybox" style="bottom: 20.0%; left: 60.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
23
+ <div class="divybox" style="bottom: 40.0%; left: 60.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
24
+ <div class="divybox" style="bottom: 60.0%; left: 60.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
25
+ <div class="divybox" style="bottom: 80.0%; left: 60.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
26
+ <div class="divybox" style="bottom: 0.0%; left: 80.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
27
+ <div class="divybox" style="bottom: 20.0%; left: 80.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
28
+ <div class="divybox" style="bottom: 40.0%; left: 80.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
29
+ <div class="divybox" style="bottom: 60.0%; left: 80.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
30
+ <div class="divybox" style="bottom: 80.0%; left: 80.0%; width: 20.0%; height: 20.0%; position: absolute; border-style:solid; border-color:#FF00CC;"></div>
31
+ </div>
32
+ - |
33
+ <div class="divybox" style="bottom: 0.0%; left: 0.0%; width: 33.333333333333336%; height: 33.333333333333336%; position: absolute;"></div>
34
+ <div class="divybox" style="bottom: 33.333333333333336%; left: 0.0%; width: 33.333333333333336%; height: 33.333333333333336%; position: absolute;"></div>
35
+ <div class="divybox" style="bottom: 66.66666666666667%; left: 0.0%; width: 33.333333333333336%; height: 33.333333333333336%; position: absolute;"></div>
36
+ <div class="divybox" style="bottom: 0.0%; left: 33.333333333333336%; width: 33.333333333333336%; height: 33.333333333333336%; position: absolute;"></div>
37
+ <div class="divybox" style="bottom: 33.333333333333336%; left: 33.333333333333336%; width: 33.333333333333336%; height: 33.333333333333336%; position: absolute;"></div>
38
+ <div class="divybox" style="bottom: 66.66666666666667%; left: 33.333333333333336%; width: 33.333333333333336%; height: 33.333333333333336%; position: absolute;"></div>
39
+ <div class="divybox" style="bottom: 0.0%; left: 66.66666666666667%; width: 33.333333333333336%; height: 33.333333333333336%; position: absolute;"></div>
40
+ <div class="divybox" style="bottom: 33.333333333333336%; left: 66.66666666666667%; width: 33.333333333333336%; height: 33.333333333333336%; position: absolute;"></div>
41
+ <div class="divybox" style="bottom: 66.66666666666667%; left: 66.66666666666667%; width: 33.333333333333336%; height: 33.333333333333336%; position: absolute;"></div>
42
+ - |
43
+ <div class="divybox" style="bottom: 25.0%; left: 5.0%; width: 10.0%; height: 10.0%; position: absolute; border-style:solid; border-color:#00FFFF;">coolhtmlstuff</div>
44
+ <div class="divybox" style="bottom: 45.0%; left: 5.0%; width: 10.0%; height: 10.0%; position: absolute; border-style:solid; border-color:#00FFFF;"><img src="someimagepath" height="100%" width="100%"></img></div>
45
+ - |
46
+ <div class="divybox" style="bottom: 25.0%; left: 5.0%; width: 10.0%; height: 10.0%; position: absolute;">coolhtmlstuff</div>
47
+ <div class="divybox" style="bottom: 45.0%; left: 5.0%; width: 10.0%; height: 10.0%; position: absolute;"><img src="someimagepath" height="100%" width="100%"></img></div>
48
+ - |-
49
+ <div class="divycontainer" style="width: 100%; height: 100%;">
50
+ <div class="divybox" style="bottom: 0.0%; left: 0.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
51
+ <div class="divybox" style="bottom: 10.0%; left: 0.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
52
+ <div class="divybox" style="bottom: 20.0%; left: 0.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
53
+ <div class="divybox" style="bottom: 30.0%; left: 0.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
54
+ <div class="divybox" style="bottom: 40.0%; left: 0.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
55
+ <div class="divybox" style="bottom: 50.0%; left: 0.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
56
+ <div class="divybox" style="bottom: 60.0%; left: 0.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
57
+ <div class="divybox" style="bottom: 70.0%; left: 0.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
58
+ <div class="divybox" style="bottom: 80.0%; left: 0.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
59
+ <div class="divybox" style="bottom: 90.0%; left: 0.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
60
+ <div class="divybox" style="bottom: 0.0%; left: 10.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
61
+ <div class="divybox" style="bottom: 10.0%; left: 10.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
62
+ <div class="divybox" style="bottom: 20.0%; left: 10.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
63
+ <div class="divybox" style="bottom: 30.0%; left: 10.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
64
+ <div class="divybox" style="bottom: 40.0%; left: 10.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
65
+ <div class="divybox" style="bottom: 50.0%; left: 10.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
66
+ <div class="divybox" style="bottom: 60.0%; left: 10.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
67
+ <div class="divybox" style="bottom: 70.0%; left: 10.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
68
+ <div class="divybox" style="bottom: 80.0%; left: 10.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
69
+ <div class="divybox" style="bottom: 90.0%; left: 10.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
70
+ <div class="divybox" style="bottom: 0.0%; left: 20.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
71
+ <div class="divybox" style="bottom: 10.0%; left: 20.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
72
+ <div class="divybox" style="bottom: 20.0%; left: 20.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
73
+ <div class="divybox" style="bottom: 30.0%; left: 20.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
74
+ <div class="divybox" style="bottom: 40.0%; left: 20.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
75
+ <div class="divybox" style="bottom: 50.0%; left: 20.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
76
+ <div class="divybox" style="bottom: 60.0%; left: 20.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
77
+ <div class="divybox" style="bottom: 70.0%; left: 20.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
78
+ <div class="divybox" style="bottom: 80.0%; left: 20.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
79
+ <div class="divybox" style="bottom: 90.0%; left: 20.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
80
+ <div class="divybox" style="bottom: 0.0%; left: 30.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
81
+ <div class="divybox" style="bottom: 10.0%; left: 30.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
82
+ <div class="divybox" style="bottom: 20.0%; left: 30.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
83
+ <div class="divybox" style="bottom: 30.0%; left: 30.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
84
+ <div class="divybox" style="bottom: 40.0%; left: 30.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
85
+ <div class="divybox" style="bottom: 50.0%; left: 30.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
86
+ <div class="divybox" style="bottom: 60.0%; left: 30.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
87
+ <div class="divybox" style="bottom: 70.0%; left: 30.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
88
+ <div class="divybox" style="bottom: 80.0%; left: 30.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
89
+ <div class="divybox" style="bottom: 90.0%; left: 30.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
90
+ <div class="divybox" style="bottom: 0.0%; left: 40.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
91
+ <div class="divybox" style="bottom: 10.0%; left: 40.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
92
+ <div class="divybox" style="bottom: 20.0%; left: 40.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
93
+ <div class="divybox" style="bottom: 30.0%; left: 40.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
94
+ <div class="divybox" style="bottom: 40.0%; left: 40.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
95
+ <div class="divybox" style="bottom: 50.0%; left: 40.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
96
+ <div class="divybox" style="bottom: 60.0%; left: 40.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
97
+ <div class="divybox" style="bottom: 70.0%; left: 40.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
98
+ <div class="divybox" style="bottom: 80.0%; left: 40.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
99
+ <div class="divybox" style="bottom: 90.0%; left: 40.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
100
+ <div class="divybox" style="bottom: 0.0%; left: 50.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
101
+ <div class="divybox" style="bottom: 10.0%; left: 50.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
102
+ <div class="divybox" style="bottom: 20.0%; left: 50.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
103
+ <div class="divybox" style="bottom: 30.0%; left: 50.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
104
+ <div class="divybox" style="bottom: 40.0%; left: 50.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
105
+ <div class="divybox" style="bottom: 50.0%; left: 50.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
106
+ <div class="divybox" style="bottom: 60.0%; left: 50.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
107
+ <div class="divybox" style="bottom: 70.0%; left: 50.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
108
+ <div class="divybox" style="bottom: 80.0%; left: 50.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
109
+ <div class="divybox" style="bottom: 90.0%; left: 50.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
110
+ <div class="divybox" style="bottom: 0.0%; left: 60.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
111
+ <div class="divybox" style="bottom: 10.0%; left: 60.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
112
+ <div class="divybox" style="bottom: 20.0%; left: 60.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
113
+ <div class="divybox" style="bottom: 30.0%; left: 60.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
114
+ <div class="divybox" style="bottom: 40.0%; left: 60.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
115
+ <div class="divybox" style="bottom: 50.0%; left: 60.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
116
+ <div class="divybox" style="bottom: 60.0%; left: 60.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
117
+ <div class="divybox" style="bottom: 70.0%; left: 60.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
118
+ <div class="divybox" style="bottom: 80.0%; left: 60.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
119
+ <div class="divybox" style="bottom: 90.0%; left: 60.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
120
+ <div class="divybox" style="bottom: 0.0%; left: 70.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
121
+ <div class="divybox" style="bottom: 10.0%; left: 70.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
122
+ <div class="divybox" style="bottom: 20.0%; left: 70.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
123
+ <div class="divybox" style="bottom: 30.0%; left: 70.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
124
+ <div class="divybox" style="bottom: 40.0%; left: 70.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
125
+ <div class="divybox" style="bottom: 50.0%; left: 70.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
126
+ <div class="divybox" style="bottom: 60.0%; left: 70.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
127
+ <div class="divybox" style="bottom: 70.0%; left: 70.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
128
+ <div class="divybox" style="bottom: 80.0%; left: 70.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
129
+ <div class="divybox" style="bottom: 90.0%; left: 70.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
130
+ <div class="divybox" style="bottom: 0.0%; left: 80.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
131
+ <div class="divybox" style="bottom: 10.0%; left: 80.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
132
+ <div class="divybox" style="bottom: 20.0%; left: 80.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
133
+ <div class="divybox" style="bottom: 30.0%; left: 80.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
134
+ <div class="divybox" style="bottom: 40.0%; left: 80.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
135
+ <div class="divybox" style="bottom: 50.0%; left: 80.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
136
+ <div class="divybox" style="bottom: 60.0%; left: 80.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
137
+ <div class="divybox" style="bottom: 70.0%; left: 80.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
138
+ <div class="divybox" style="bottom: 80.0%; left: 80.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
139
+ <div class="divybox" style="bottom: 90.0%; left: 80.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
140
+ <div class="divybox" style="bottom: 0.0%; left: 90.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
141
+ <div class="divybox" style="bottom: 10.0%; left: 90.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
142
+ <div class="divybox" style="bottom: 20.0%; left: 90.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
143
+ <div class="divybox" style="bottom: 30.0%; left: 90.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
144
+ <div class="divybox" style="bottom: 40.0%; left: 90.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
145
+ <div class="divybox" style="bottom: 50.0%; left: 90.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
146
+ <div class="divybox" style="bottom: 60.0%; left: 90.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
147
+ <div class="divybox" style="bottom: 70.0%; left: 90.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
148
+ <div class="divybox" style="bottom: 80.0%; left: 90.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
149
+ <div class="divybox" style="bottom: 90.0%; left: 90.0%; width: 10.0%; height: 10.0%; position: absolute;"></div>
150
+ </div>
@@ -0,0 +1,9 @@
1
+ require './test/test_helper'
2
+
3
+ describe Divy do
4
+
5
+ it 'must be defined' do
6
+ Divy::VERSION.wont_be_nil
7
+ end
8
+
9
+ end
@@ -0,0 +1,5 @@
1
+ require 'minitest/autorun'
2
+ require 'minitest/pride'
3
+ require 'mocha'
4
+
5
+ require File.expand_path('../../lib/divy.rb', __FILE__)
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: divygrid
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.2
4
+ version: 0.0.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Stephen Salinas
@@ -57,7 +57,25 @@ email: shsalinas2012@gmail.com
57
57
  executables: []
58
58
  extensions: []
59
59
  extra_rdoc_files: []
60
- files: []
60
+ files:
61
+ - ".gitignore"
62
+ - ".hound.yml"
63
+ - Gemfile
64
+ - Gemfile.lock
65
+ - LICENSE.txt
66
+ - README.md
67
+ - Rakefile
68
+ - divygrid.gemspec
69
+ - lib/divy.rb
70
+ - lib/divy/div_generator.rb
71
+ - lib/divy/divygrid_error.rb
72
+ - lib/divy/grid.rb
73
+ - lib/divy/version.rb
74
+ - test/lib/divy/div_generator_test.rb
75
+ - test/lib/divy/grid_test.rb
76
+ - test/lib/divy/html_examples.yml
77
+ - test/lib/divy/version_test.rb
78
+ - test/test_helper.rb
61
79
  homepage: https://github.com/ssalinas/divy_grid
62
80
  licenses:
63
81
  - MIT
@@ -82,4 +100,9 @@ rubygems_version: 2.2.1
82
100
  signing_key:
83
101
  specification_version: 4
84
102
  summary: Coordinate-style grid layout for images and other content
85
- test_files: []
103
+ test_files:
104
+ - test/lib/divy/div_generator_test.rb
105
+ - test/lib/divy/grid_test.rb
106
+ - test/lib/divy/html_examples.yml
107
+ - test/lib/divy/version_test.rb
108
+ - test/test_helper.rb