Showing
2 changed files
with
58 additions
and
45 deletions
| @@ -245,7 +245,6 @@ p { | @@ -245,7 +245,6 @@ p { | ||
| 245 | .title { | 245 | .title { |
| 246 | position: relative; | 246 | position: relative; |
| 247 | width: 100%; | 247 | width: 100%; |
| 248 | - line-height: 0; | ||
| 249 | text-align: center; | 248 | text-align: center; |
| 250 | padding-bottom: 50px; | 249 | padding-bottom: 50px; |
| 251 | } | 250 | } |
| @@ -257,32 +256,41 @@ p { | @@ -257,32 +256,41 @@ p { | ||
| 257 | display: inline-block; | 256 | display: inline-block; |
| 258 | vertical-align: middle; | 257 | vertical-align: middle; |
| 259 | } | 258 | } |
| 259 | +.title p { | ||
| 260 | + padding-top: 10px; | ||
| 261 | +} | ||
| 260 | 262 | ||
| 261 | -.quote { | 263 | +.quote-container { |
| 262 | position: relative; | 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 | position: relative; | 271 | position: relative; |
| 272 | + display: inline-block; | ||
| 271 | width: 100%; | 273 | width: 100%; |
| 272 | - line-height: 0; | ||
| 273 | - text-align: center; | ||
| 274 | } | 274 | } |
| 275 | .quote img { | 275 | .quote img { |
| 276 | display: inline-block; | 276 | display: inline-block; |
| 277 | vertical-align: middle; | 277 | vertical-align: middle; |
| 278 | } | 278 | } |
| 279 | -.quote span { | 279 | +.quote div { |
| 280 | display: inline-block; | 280 | display: inline-block; |
| 281 | + width: 80%; | ||
| 282 | + text-align: right; | ||
| 281 | vertical-align: middle; | 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 | .text { | 292 | .text { |
| 285 | - padding-top: 30px; | 293 | + padding-top: 0px; |
| 286 | } | 294 | } |
| 287 | 295 | ||
| 288 | .content { | 296 | .content { |
| @@ -23,10 +23,13 @@ | @@ -23,10 +23,13 @@ | ||
| 23 | <div id="section2" class="section"> | 23 | <div id="section2" class="section"> |
| 24 | <%= image_tag "dogs2.svg", class: "watermark" %> | 24 | <%= image_tag "dogs2.svg", class: "watermark" %> |
| 25 | <div class="content"> | 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 | <% @namespaces.each do |namespace| -%> | 33 | <% @namespaces.each do |namespace| -%> |
| 31 | <hr /> | 34 | <hr /> |
| 32 | <div class="projectspace"> | 35 | <div class="projectspace"> |
| @@ -148,34 +151,36 @@ | @@ -148,34 +151,36 @@ | ||
| 148 | <div class="title"> | 151 | <div class="title"> |
| 149 | <%= image_tag("copyleft-icon.svg", size: "60") %> | 152 | <%= image_tag("copyleft-icon.svg", size: "60") %> |
| 150 | <h2>Free as in <q>FREE SPEACH</q></h2> | 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 | </div> | 184 | </div> |
| 180 | </div> | 185 | </div> |
| 181 | <div class="text"> | 186 | <div class="text"> |
Please
register
or
login
to post a comment