Commit ec693e9e9099de812ad7de52a117275c3df4035b
1 parent
0006a3d6
somewhat more organized content....
Showing
2 changed files
with
107 additions
and
107 deletions
... | ... | @@ -152,7 +152,7 @@ p { |
152 | 152 | color: rgb(255,255,255); |
153 | 153 | } |
154 | 154 | |
155 | -#about { | |
155 | +#about, #entymology { | |
156 | 156 | display: block; |
157 | 157 | list-style: none; |
158 | 158 | text-align: justify; |
... | ... | @@ -161,7 +161,7 @@ p { |
161 | 161 | transform: translate(0, -50%); |
162 | 162 | position: absolute; |
163 | 163 | } |
164 | -#about:after { | |
164 | +#about:after, #entymology:after { | |
165 | 165 | display: inline-block; |
166 | 166 | width: 100%; |
167 | 167 | height: 0; |
... | ... | @@ -174,6 +174,18 @@ p { |
174 | 174 | overflow: hidden; |
175 | 175 | box-shadow: 10px 10px 10px rgba(0,0,0,0.7); |
176 | 176 | } |
177 | +#about a { | |
178 | + outline: 0; | |
179 | +} | |
180 | +#entymology .textbox { | |
181 | + text-align: left; | |
182 | + padding: 10px; | |
183 | + width: 30%; | |
184 | + height: 180px; | |
185 | + overflow: hidden; | |
186 | + box-shadow: 10px 10px 10px rgba(0,0,0,0.7); | |
187 | +} | |
188 | + | |
177 | 189 | #weird, #web { |
178 | 190 | position: relative; |
179 | 191 | width: 70%; |
... | ... | @@ -302,7 +314,6 @@ p { |
302 | 314 | |
303 | 315 | .dictionary { |
304 | 316 | position: relative; |
305 | - width: 60%; | |
306 | 317 | left: 50%; |
307 | 318 | transform: translate(-50%, 0); |
308 | 319 | font-size: x-small; | ... | ... |
... | ... | @@ -2,15 +2,15 @@ |
2 | 2 | <div class="content"> |
3 | 3 | <div id="about"> |
4 | 4 | <a href="#section2"><div class="textbox"> |
5 | - <%= image_tag("copyleft-icon.svg", size: "60") %> | |
6 | - <h1>Free as in <q>FREE SPEACH</q></h1> | |
7 | - Freedom | |
8 | - </div></a> | |
9 | - <a href="#section4"><div class="textbox"> | |
10 | 5 | <%= image_tag("gears.svg", height: "60") %> |
11 | 6 | <h1>Custom Code</h1> |
12 | 7 | Programs |
13 | 8 | </div></a> |
9 | + <a href="#section4"><div class="textbox"> | |
10 | + <%= image_tag("copyleft-icon.svg", size: "60") %> | |
11 | + <h1>Free as in <q>FREE SPEACH</q></h1> | |
12 | + Freedom | |
13 | + </div></a> | |
14 | 14 | <div class="textbox"> |
15 | 15 | <%= image_tag("heckert_gnu.svg", height: "60") %> |
16 | 16 | <%= image_tag("tux-mono.svg", height: "60") %> |
... | ... | @@ -23,58 +23,31 @@ |
23 | 23 | <div id="section2" class="section"> |
24 | 24 | <%= image_tag "dogs2.svg", class: "watermark" %> |
25 | 25 | <div class="content"> |
26 | - <div class="title"> | |
27 | - <%= image_tag("copyleft-icon.svg", size: "60") %> | |
28 | - <h2>Free as in <q>FREE SPEACH</q></h2> | |
29 | - </div> | |
30 | - <div class="quote"> | |
31 | - <q> | |
32 | - Value your freedom or you will lose it, teaches history. 'Don't | |
33 | - bother us with politics', respond those who don't want to learn. | |
34 | - </q> | |
35 | - <div> | |
36 | - <%= image_tag "stallman.png" %> | |
37 | - <span>Dr. Richard Stallman</span> | |
38 | - </div> | |
39 | - </div> | |
40 | - <div class="quote"> | |
41 | - <q> | |
42 | - If I have seen further it is by standing on ye sholders of Giants. | |
43 | - </q> | |
44 | - <div> | |
45 | - <%= image_tag "newton.png" %> | |
46 | - <span>Sir Isaac Newton</span> | |
26 | + <h2>This is mostly about programming.</h2> | |
27 | + <p> | |
28 | + Here you find links to the projects hosted on <i>Weird Web Workers</i>. | |
29 | + </p> | |
30 | + <% @namespaces.each do |namespace| -%> | |
31 | + <hr /> | |
32 | + <div class="projectspace"> | |
33 | + <h3><%= namespace['name'] %></h3> | |
34 | + <p><%= namespace['description'] %></p> | |
47 | 35 | </div> |
48 | - </div> | |
49 | - <div class="quote"> | |
50 | - <q> | |
51 | - Free software is software that respects your freedom and the social | |
52 | - solidarity of your community. So it's free as in freedom. | |
53 | - </q> | |
54 | - <div> | |
55 | - <%= image_tag "stallman.png" %> | |
56 | - <span>Dr. Richard Stallman</span> | |
36 | + <div class="projects"> | |
37 | + <% @projects.find_all { |project| | |
38 | + project.namespace == namespace | |
39 | + }.each do |project| -%> | |
40 | + <div class="textbox"> | |
41 | + <%= link_to project.name, project.web_url, :target => "_blank" %> | |
42 | + </div> | |
43 | + <% end -%> | |
57 | 44 | </div> |
58 | - </div> | |
59 | - <div class="text"> | |
60 | - Der Wert der Freiheit kann nicht hoch genug eingestuft werden. Sie zähl | |
61 | - aber leider zu jenen Gütern deren wahre Bedeutung wir erst erfassen, wenn | |
62 | - wir sie verlohren haben. Um Freiheit zu gewährleisten müssen wir erst | |
63 | - einmal in der Lage sein diese zu erkennen und was vielleicht noch | |
64 | - wichtiger ist, zu erkennen was unfrei ist oder uns unsere Freiheit | |
65 | - sogar nimmt. | |
66 | - </p> | |
67 | - <p> | |
68 | - Unfreiheiten zu erkennen und abzustellen ist of unbequem. Unfreiheit | |
69 | - ist ob in Bequemlichkeit verpackt. Auch Neid hält uns davon ab | |
70 | - Unfreiheiten abzustellen. | |
71 | - </p> | |
72 | - </div> | |
45 | + <% end -%> | |
73 | 46 | </div> |
74 | 47 | </div> |
75 | 48 | <div id="section3" class="section"> |
76 | 49 | <div class="content"> |
77 | - <div id="weird"> | |
50 | + <div id="entymology"> | |
78 | 51 | <div class="textbox"> |
79 | 52 | <h1>WEIRD</h1> |
80 | 53 | <div class="dictionary"> |
... | ... | @@ -108,37 +81,6 @@ |
108 | 81 | </a> |
109 | 82 | </div> |
110 | 83 | </div> |
111 | - </div> | |
112 | - </div> | |
113 | -</div> | |
114 | -<div id="section4" class="section"> | |
115 | - <%= image_tag "dogs2.svg", class: "watermark" %> | |
116 | - <div class="content"> | |
117 | - <h2>This is mostly about programming.</h2> | |
118 | - <p> | |
119 | - Here you find links to the projects hosted on <i>Weird Web Workers</i>. | |
120 | - </p> | |
121 | - <% @namespaces.each do |namespace| -%> | |
122 | - <hr /> | |
123 | - <div class="projectspace"> | |
124 | - <h3><%= namespace['name'] %></h3> | |
125 | - <p><%= namespace['description'] %></p> | |
126 | - </div> | |
127 | - <div class="projects"> | |
128 | - <% @projects.find_all { |project| | |
129 | - project.namespace == namespace | |
130 | - }.each do |project| -%> | |
131 | - <div class="textbox"> | |
132 | - <%= link_to project.name, project.web_url, :target => "_blank" %> | |
133 | - </div> | |
134 | - <% end -%> | |
135 | - </div> | |
136 | - <% end -%> | |
137 | - </div> | |
138 | -</div> | |
139 | -<div id="section5" class="section"> | |
140 | - <div class="content"> | |
141 | - <div id="web"> | |
142 | 84 | <div class="textbox"> |
143 | 85 | <h1>WEB</h1> |
144 | 86 | <div class="dictionary"> |
... | ... | @@ -174,34 +116,81 @@ |
174 | 116 | </a> |
175 | 117 | </div> |
176 | 118 | </div> |
119 | + <div class="textbox"> | |
120 | + <h1>WORKERS</h1> | |
121 | + <div class="dictionary"> | |
122 | + <div class="headword">workers <i>n.</i></div> | |
123 | + <div class="pronounciation">/'wɜ:kəz/</div> | |
124 | + <div class="sense">See: personnel</div> | |
125 | + <div class="headword">personnel <i>n.</i></div> | |
126 | + <div class="pronounciation">/ˌpɜːsəˈnel/</div> | |
127 | + <div class="sense"> | |
128 | + band of employees, body of employees, cast, clerical staff, company, | |
129 | + corps of employyes, coworkers, crew, factotums, fellow workers, help, | |
130 | + labor supply, laborers, laboring force, manpower, members, office force, | |
131 | + servantry, servants, staff, team of emmloyees, work force, work party, | |
132 | + workers, working people | |
133 | + </div> | |
134 | + Taken from | |
135 | + <a href="http://www.thefreedictionary.com/">"The free dictionary"</a> | |
136 | + Phonetics from | |
137 | + <a href="http://www.photransedit.com/online/text2phonetics.aspx"> | |
138 | + PhoTransEdit | |
139 | + </a> | |
140 | + </div> | |
141 | + </div> | |
177 | 142 | </div> |
178 | 143 | </div> |
179 | 144 | </div> |
180 | -<div id="section6" class="section"> | |
145 | +<div id="section4" class="section"> | |
181 | 146 | <%= image_tag "dogs2.svg", class: "watermark" %> |
182 | 147 | <div class="content"> |
183 | - <h1>Dictionary</h1> | |
184 | - <div class="separator"></div> | |
185 | - <div class="separator"></div> | |
186 | - <div class="dictionary"> | |
187 | - <div class="headword">workers <i>n.</i></div> | |
188 | - <div class="pronounciation">/'wɜ:kəz/</div> | |
189 | - <div class="sense">See: personnel</div> | |
190 | - <div class="headword">personnel <i>n.</i></div> | |
191 | - <div class="pronounciation">/ˌpɜːsəˈnel/</div> | |
192 | - <div class="sense"> | |
193 | - band of employees, body of employees, cast, clerical staff, company, | |
194 | - corps of employyes, coworkers, crew, factotums, fellow workers, help, | |
195 | - labor supply, laborers, laboring force, manpower, members, office force, | |
196 | - servantry, servants, staff, team of emmloyees, work force, work party, | |
197 | - workers, working people | |
148 | + <div class="title"> | |
149 | + <%= image_tag("copyleft-icon.svg", size: "60") %> | |
150 | + <h2>Free as in <q>FREE SPEACH</q></h2> | |
151 | + </div> | |
152 | + <div class="quote"> | |
153 | + <q> | |
154 | + Value your freedom or you will lose it, teaches history. 'Don't | |
155 | + bother us with politics', respond those who don't want to learn. | |
156 | + </q> | |
157 | + <div> | |
158 | + <%= image_tag "stallman.png" %> | |
159 | + <span>Dr. Richard Stallman</span> | |
160 | + </div> | |
161 | + </div> | |
162 | + <div class="quote"> | |
163 | + <q> | |
164 | + If I have seen further it is by standing on ye sholders of Giants. | |
165 | + </q> | |
166 | + <div> | |
167 | + <%= image_tag "newton.png" %> | |
168 | + <span>Sir Isaac Newton</span> | |
198 | 169 | </div> |
199 | - Taken from | |
200 | - <a href="http://www.thefreedictionary.com/">"The free dictionary"</a> | |
201 | - Phonetics from | |
202 | - <a href="http://www.photransedit.com/online/text2phonetics.aspx"> | |
203 | - PhoTransEdit | |
204 | - </a> | |
170 | + </div> | |
171 | + <div class="quote"> | |
172 | + <q> | |
173 | + Free software is software that respects your freedom and the social | |
174 | + solidarity of your community. So it's free as in freedom. | |
175 | + </q> | |
176 | + <div> | |
177 | + <%= image_tag "stallman.png" %> | |
178 | + <span>Dr. Richard Stallman</span> | |
179 | + </div> | |
180 | + </div> | |
181 | + <div class="text"> | |
182 | + Der Wert der Freiheit kann nicht hoch genug eingestuft werden. Sie zähl | |
183 | + aber leider zu jenen Gütern deren wahre Bedeutung wir erst erfassen, wenn | |
184 | + wir sie verlohren haben. Um Freiheit zu gewährleisten müssen wir erst | |
185 | + einmal in der Lage sein diese zu erkennen und was vielleicht noch | |
186 | + wichtiger ist, zu erkennen was unfrei ist oder uns unsere Freiheit | |
187 | + sogar nimmt. | |
188 | + </p> | |
189 | + <p> | |
190 | + Unfreiheiten zu erkennen und abzustellen ist of unbequem. Unfreiheit | |
191 | + ist ob in Bequemlichkeit verpackt. Auch Neid hält uns davon ab | |
192 | + Unfreiheiten abzustellen. | |
193 | + </p> | |
205 | 194 | </div> |
206 | 195 | </div> |
207 | 196 | </div> | ... | ... |
Please
register
or
login
to post a comment