Commit ec693e9e9099de812ad7de52a117275c3df4035b

Authored by Georg Hopp
1 parent 0006a3d6

somewhat more organized content....

... ... @@ -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