Commit 54fd21117b68d61a5b827abdcd3c4956bc364933
1 parent
f41d0ec4
Add quotes an first draft of a text.
Showing
5 changed files
with
110 additions
and
20 deletions
app/assets/images/61mask.png
0 → 100644
3.29 KB
app/assets/images/newton.png
0 → 100644
11.6 KB
app/assets/images/stallman.png
0 → 100644
9.89 KB
... | ... | @@ -50,6 +50,10 @@ a:visited { |
50 | 50 | hr { |
51 | 51 | margin: 5px 0 5px 0; |
52 | 52 | } |
53 | +p { | |
54 | + padding-top: 5px; | |
55 | + text-indent: 10px; | |
56 | +} | |
53 | 57 | |
54 | 58 | #header { |
55 | 59 | background: rgba(0, 0, 0, 0.7); |
... | ... | @@ -197,8 +201,7 @@ hr { |
197 | 201 | overflow: hidden; |
198 | 202 | } |
199 | 203 | .section .watermark { |
200 | - position: relative; | |
201 | - padding: 2px; | |
204 | + position: absolute; | |
202 | 205 | opacity: 0.08; |
203 | 206 | width: 60%; |
204 | 207 | top: 50%; |
... | ... | @@ -207,8 +210,51 @@ hr { |
207 | 210 | z-index: 0; |
208 | 211 | } |
209 | 212 | |
213 | +.title { | |
214 | + position: relative; | |
215 | + width: 100%; | |
216 | + line-height: 0; | |
217 | + text-align: center; | |
218 | + padding-bottom: 50px; | |
219 | +} | |
220 | +.title img { | |
221 | + display: inline-block; | |
222 | + vertical-align: middle; | |
223 | +} | |
224 | +.title h2 { | |
225 | + display: inline-block; | |
226 | + vertical-align: middle; | |
227 | +} | |
228 | + | |
229 | +.quote { | |
230 | + position: relative; | |
231 | +} | |
232 | +.quote q { | |
233 | + display: block; | |
234 | + font-family: serif; | |
235 | + text-align: center; | |
236 | +} | |
237 | +.quote div { | |
238 | + position: relative; | |
239 | + width: 100%; | |
240 | + line-height: 0; | |
241 | + text-align: center; | |
242 | +} | |
243 | +.quote img { | |
244 | + display: inline-block; | |
245 | + vertical-align: middle; | |
246 | +} | |
247 | +.quote span { | |
248 | + display: inline-block; | |
249 | + vertical-align: middle; | |
250 | + font-weight: bold; | |
251 | +} | |
252 | +.text { | |
253 | + padding-top: 30px; | |
254 | +} | |
255 | + | |
210 | 256 | .content { |
211 | - position: absolute; | |
257 | + position: relative; | |
212 | 258 | width: 90%; |
213 | 259 | height: 90%; |
214 | 260 | top: 50%; | ... | ... |
... | ... | @@ -23,6 +23,67 @@ |
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> | |
47 | + </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> | |
57 | + </div> | |
58 | + </div> | |
59 | + <div class="text"> | |
60 | + <p> | |
61 | + Der Wert der Freiheit kann nicht hoch genug eingestuft werden. Sie zähl | |
62 | + aber leider zu jenen Gütern deren wahre Bedeutung wir erst erfassen, wenn | |
63 | + wir sie verlohren haben. Um Freiheit zu gewährleisten müssen wir erst | |
64 | + einmal in der Lage sein diese zu erkennen und was vielleicht noch | |
65 | + wichtiger ist, zu erkennen was unfrei ist oder uns unsere Freiheit | |
66 | + sogar nimmt. | |
67 | + </p> | |
68 | + <p> | |
69 | + Unfreiheiten zu erkennen und abzustellen ist of unbequem. Unfreiheit | |
70 | + ist ob in Bequemlichkeit verpackt. Auch Neid hält uns davon ab | |
71 | + Unfreiheiten abzustellen. | |
72 | + </p> | |
73 | + </div> | |
74 | + </div> | |
75 | +</div> | |
76 | +<div id="section3" class="section"> | |
77 | + <div class="content"> | |
78 | + <h1>Other</h1> | |
79 | + <p> | |
80 | + Some other stuff here... | |
81 | + </p> | |
82 | + </div> | |
83 | +</div> | |
84 | +<div id="section4" class="section"> | |
85 | + <%= image_tag "dogs2.svg", class: "watermark" %> | |
86 | + <div class="content"> | |
26 | 87 | <h2>This is mostly about programming.</h2> |
27 | 88 | <p> |
28 | 89 | Here you find links to the projects hosted on <i>Weird Web Workers</i>. |
... | ... | @@ -45,21 +106,4 @@ |
45 | 106 | <% end -%> |
46 | 107 | </div> |
47 | 108 | </div> |
48 | -<div id="section3" class="section"> | |
49 | - <div class="content"> | |
50 | - <h1>Other</h1> | |
51 | - <p> | |
52 | - Some other stuff here... | |
53 | - </p> | |
54 | - </div> | |
55 | -</div> | |
56 | -<div id="section4" class="section"> | |
57 | - <%= image_tag "dogs2.svg", class: "watermark" %> | |
58 | - <div class="content"> | |
59 | - <h1>Other</h1> | |
60 | - <p> | |
61 | - Some other stuff here... | |
62 | - </p> | |
63 | - </div> | |
64 | -</div> | |
65 | 109 | <!-- vim: set ts=2 sw=2: --> | ... | ... |
Please
register
or
login
to post a comment