web / weird-web-workers · Commits

Commit ec693e9e9099de812ad7de52a117275c3df4035b

Authored by Georg Hopp
1 parent 0006a3d6

somewhat more organized content....

Inline Side-by-side
Showing 2 changed files with 107 additions and 107 deletions
@@ -152,7 +152,7 @@ p { @@ -152,7 +152,7 @@ p {
152 color: rgb(255,255,255); 152 color: rgb(255,255,255);
153 } 153 }
154 154
155 -#about { 155 +#about, #entymology {
156 display: block; 156 display: block;
157 list-style: none; 157 list-style: none;
158 text-align: justify; 158 text-align: justify;
@@ -161,7 +161,7 @@ p { @@ -161,7 +161,7 @@ p {
161 transform: translate(0, -50%); 161 transform: translate(0, -50%);
162 position: absolute; 162 position: absolute;
163 } 163 }
164 -#about:after { 164 +#about:after, #entymology:after {
165 display: inline-block; 165 display: inline-block;
166 width: 100%; 166 width: 100%;
167 height: 0; 167 height: 0;
@@ -174,6 +174,18 @@ p { @@ -174,6 +174,18 @@ p {
174 overflow: hidden; 174 overflow: hidden;
175 box-shadow: 10px 10px 10px rgba(0,0,0,0.7); 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 #weird, #web { 189 #weird, #web {
178 position: relative; 190 position: relative;
179 width: 70%; 191 width: 70%;
@@ -302,7 +314,6 @@ p { @@ -302,7 +314,6 @@ p {
302 314
303 .dictionary { 315 .dictionary {
304 position: relative; 316 position: relative;
305 - width: 60%;  
306 left: 50%; 317 left: 50%;
307 transform: translate(-50%, 0); 318 transform: translate(-50%, 0);
308 font-size: x-small; 319 font-size: x-small;
@@ -2,15 +2,15 @@ @@ -2,15 +2,15 @@
2 <div class="content"> 2 <div class="content">
3 <div id="about"> 3 <div id="about">
4 <a href="#section2"><div class="textbox"> 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 <%= image_tag("gears.svg", height: "60") %> 5 <%= image_tag("gears.svg", height: "60") %>
11 <h1>Custom Code</h1> 6 <h1>Custom Code</h1>
12 Programs 7 Programs
13 </div></a> 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 <div class="textbox"> 14 <div class="textbox">
15 <%= image_tag("heckert_gnu.svg", height: "60") %> 15 <%= image_tag("heckert_gnu.svg", height: "60") %>
16 <%= image_tag("tux-mono.svg", height: "60") %> 16 <%= image_tag("tux-mono.svg", height: "60") %>
@@ -23,58 +23,31 @@ @@ -23,58 +23,31 @@
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 - <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 </div> 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 </div> 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 </div> 46 </div>
74 </div> 47 </div>
75 <div id="section3" class="section"> 48 <div id="section3" class="section">
76 <div class="content"> 49 <div class="content">
77 - <div id="weird"> 50 + <div id="entymology">
78 <div class="textbox"> 51 <div class="textbox">
79 <h1>WEIRD</h1> 52 <h1>WEIRD</h1>
80 <div class="dictionary"> 53 <div class="dictionary">
@@ -108,37 +81,6 @@ @@ -108,37 +81,6 @@
108 </a> 81 </a>
109 </div> 82 </div>
110 </div> 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 <div class="textbox"> 84 <div class="textbox">
143 <h1>WEB</h1> 85 <h1>WEB</h1>
144 <div class="dictionary"> 86 <div class="dictionary">
@@ -174,34 +116,81 @@ @@ -174,34 +116,81 @@
174 </a> 116 </a>
175 </div> 117 </div>
176 </div> 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 </div> 142 </div>
178 </div> 143 </div>
179 </div> 144 </div>
180 -<div id="section6" class="section"> 145 +<div id="section4" class="section">
181 <%= image_tag "dogs2.svg", class: "watermark" %> 146 <%= image_tag "dogs2.svg", class: "watermark" %>
182 <div class="content"> 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 </div> 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 </div> 194 </div>
206 </div> 195 </div>
207 </div> 196 </div>
Please register or login to post a comment