divygrid 0.0.2 → 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -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