Showing
2 changed files
with
58 additions
and
45 deletions
... | ... | @@ -245,7 +245,6 @@ p { |
245 | 245 | .title { |
246 | 246 | position: relative; |
247 | 247 | width: 100%; |
248 | - line-height: 0; | |
249 | 248 | text-align: center; |
250 | 249 | padding-bottom: 50px; |
251 | 250 | } |
... | ... | @@ -257,32 +256,41 @@ p { |
257 | 256 | display: inline-block; |
258 | 257 | vertical-align: middle; |
259 | 258 | } |
259 | +.title p { | |
260 | + padding-top: 10px; | |
261 | +} | |
260 | 262 | |
261 | -.quote { | |
263 | +.quote-container { | |
262 | 264 | position: relative; |
265 | + width: 500px; | |
266 | + left: 50%; | |
267 | + top: 10px; | |
268 | + transform: translate(-50%, 0); | |
263 | 269 | } |
264 | -.quote q { | |
265 | - display: block; | |
266 | - font-family: serif; | |
267 | - text-align: center; | |
268 | -} | |
269 | -.quote div { | |
270 | +.quote { | |
270 | 271 | position: relative; |
272 | + display: inline-block; | |
271 | 273 | width: 100%; |
272 | - line-height: 0; | |
273 | - text-align: center; | |
274 | 274 | } |
275 | 275 | .quote img { |
276 | 276 | display: inline-block; |
277 | 277 | vertical-align: middle; |
278 | 278 | } |
279 | -.quote span { | |
279 | +.quote div { | |
280 | 280 | display: inline-block; |
281 | + width: 80%; | |
282 | + text-align: right; | |
281 | 283 | vertical-align: middle; |
282 | - font-weight: bold; | |
283 | 284 | } |
285 | +.quote q { | |
286 | + display: inline-block; | |
287 | + font-family: serif; | |
288 | + text-align: center; | |
289 | + font-size: small; | |
290 | +} | |
291 | + | |
284 | 292 | .text { |
285 | - padding-top: 30px; | |
293 | + padding-top: 0px; | |
286 | 294 | } |
287 | 295 | |
288 | 296 | .content { | ... | ... |
... | ... | @@ -23,10 +23,13 @@ |
23 | 23 | <div id="section2" class="section"> |
24 | 24 | <%= image_tag "dogs2.svg", class: "watermark" %> |
25 | 25 | <div class="content"> |
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> | |
26 | + <div class="title"> | |
27 | + <%= image_tag("gears.svg", size: "60") %> | |
28 | + <h2>Custom Code</h2> | |
29 | + <p> | |
30 | + Here you find links to the projects hosted on <i>Weird Web Workers</i>. | |
31 | + </p> | |
32 | + </div> | |
30 | 33 | <% @namespaces.each do |namespace| -%> |
31 | 34 | <hr /> |
32 | 35 | <div class="projectspace"> |
... | ... | @@ -148,34 +151,36 @@ |
148 | 151 | <div class="title"> |
149 | 152 | <%= image_tag("copyleft-icon.svg", size: "60") %> |
150 | 153 | <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> | |
169 | - </div> | |
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> | |
154 | + <div class="quote-container"> | |
155 | + <div class="quote"> | |
156 | + <%= image_tag "stallman.png" %> | |
157 | + <div> | |
158 | + <q> | |
159 | + Value your freedom or you will lose it, teaches history. 'Don't | |
160 | + bother us with politics', respond those who don't want to learn. | |
161 | + </q> | |
162 | + Dr. Richard Stallman | |
163 | + </div> | |
164 | + </div> | |
165 | + <div class="quote"> | |
166 | + <%= image_tag "newton.png" %> | |
167 | + <div> | |
168 | + <q> | |
169 | + If I have seen further it is by standing on ye sholders of Giants. | |
170 | + </q> | |
171 | + Sir Isaac Newton | |
172 | + </div> | |
173 | + </div> | |
174 | + <div class="quote"> | |
175 | + <%= image_tag "stallman.png" %> | |
176 | + <div> | |
177 | + <q> | |
178 | + Free software is software that respects your freedom and the | |
179 | + social solidarity of your community. So it's free as in freedom. | |
180 | + </q> | |
181 | + Dr. Richard Stallman | |
182 | + </div> | |
183 | + </div> | |
179 | 184 | </div> |
180 | 185 | </div> |
181 | 186 | <div class="text"> | ... | ... |
Please
register
or
login
to post a comment