ghopp
/
weird-web-workers.org
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

somewhat more organized content....

master
Georg Hopp 10 years ago
parent
0006a3d6e4
commit
ec693e9e90
2 changed files with 107 additions and 107 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 17
      app/assets/stylesheets/welcome.scss
  2. 197
      app/views/welcome/index.html.erb

17
app/assets/stylesheets/welcome.scss
View File

@ -152,7 +152,7 @@ p {
color: rgb(255,255,255);
}
#about {
#about, #entymology {
display: block;
list-style: none;
text-align: justify;
@ -161,7 +161,7 @@ p {
transform: translate(0, -50%);
position: absolute;
}
#about:after {
#about:after, #entymology:after {
display: inline-block;
width: 100%;
height: 0;
@ -174,6 +174,18 @@ p {
overflow: hidden;
box-shadow: 10px 10px 10px rgba(0,0,0,0.7);
}
#about a {
outline: 0;
}
#entymology .textbox {
text-align: left;
padding: 10px;
width: 30%;
height: 180px;
overflow: hidden;
box-shadow: 10px 10px 10px rgba(0,0,0,0.7);
}
#weird, #web {
position: relative;
width: 70%;
@ -302,7 +314,6 @@ p {
.dictionary {
position: relative;
width: 60%;
left: 50%;
transform: translate(-50%, 0);
font-size: x-small;

197
app/views/welcome/index.html.erb
View File

@ -2,15 +2,15 @@
<div class="content">
<div id="about">
<a href="#section2"><div class="textbox">
<%= image_tag("copyleft-icon.svg", size: "60") %>
<h1>Free as in <q>FREE SPEACH</q></h1>
Freedom
</div></a>
<a href="#section4"><div class="textbox">
<%= image_tag("gears.svg", height: "60") %>
<h1>Custom Code</h1>
Programs
</div></a>
<a href="#section4"><div class="textbox">
<%= image_tag("copyleft-icon.svg", size: "60") %>
<h1>Free as in <q>FREE SPEACH</q></h1>
Freedom
</div></a>
<div class="textbox">
<%= image_tag("heckert_gnu.svg", height: "60") %>
<%= image_tag("tux-mono.svg", height: "60") %>
@ -23,58 +23,31 @@
<div id="section2" class="section">
<%= image_tag "dogs2.svg", class: "watermark" %>
<div class="content">
<div class="title">
<%= image_tag("copyleft-icon.svg", size: "60") %>
<h2>Free as in <q>FREE SPEACH</q></h2>
</div>
<div class="quote">
<q>
Value your freedom or you will lose it, teaches history. 'Don't
bother us with politics', respond those who don't want to learn.
</q>
<div>
<%= image_tag "stallman.png" %>
<span>Dr. Richard Stallman</span>
</div>
</div>
<div class="quote">
<q>
If I have seen further it is by standing on ye sholders of Giants.
</q>
<div>
<%= image_tag "newton.png" %>
<span>Sir Isaac Newton</span>
<h2>This is mostly about programming.</h2>
<p>
Here you find links to the projects hosted on <i>Weird Web Workers</i>.
</p>
<% @namespaces.each do |namespace| -%>
<hr />
<div class="projectspace">
<h3><%= namespace['name'] %></h3>
<p><%= namespace['description'] %></p>
</div>
</div>
<div class="quote">
<q>
Free software is software that respects your freedom and the social
solidarity of your community. So it's free as in freedom.
</q>
<div>
<%= image_tag "stallman.png" %>
<span>Dr. Richard Stallman</span>
<div class="projects">
<% @projects.find_all { |project|
project.namespace == namespace
}.each do |project| -%>
<div class="textbox">
<%= link_to project.name, project.web_url, :target => "_blank" %>
</div>
<% end -%>
</div>
</div>
<div class="text">
Der Wert der Freiheit kann nicht hoch genug eingestuft werden. Sie zähl
aber leider zu jenen Gütern deren wahre Bedeutung wir erst erfassen, wenn
wir sie verlohren haben. Um Freiheit zu gewährleisten müssen wir erst
einmal in der Lage sein diese zu erkennen und was vielleicht noch
wichtiger ist, zu erkennen was unfrei ist oder uns unsere Freiheit
sogar nimmt.
</p>
<p>
Unfreiheiten zu erkennen und abzustellen ist of unbequem. Unfreiheit
ist ob in Bequemlichkeit verpackt. Auch Neid hält uns davon ab
Unfreiheiten abzustellen.
</p>
</div>
<% end -%>
</div>
</div>
<div id="section3" class="section">
<div class="content">
<div id="weird">
<div id="entymology">
<div class="textbox">
<h1>WEIRD</h1>
<div class="dictionary">
@ -108,37 +81,6 @@
</a>
</div>
</div>
</div>
</div>
</div>
<div id="section4" class="section">
<%= image_tag "dogs2.svg", class: "watermark" %>
<div class="content">
<h2>This is mostly about programming.</h2>
<p>
Here you find links to the projects hosted on <i>Weird Web Workers</i>.
</p>
<% @namespaces.each do |namespace| -%>
<hr />
<div class="projectspace">
<h3><%= namespace['name'] %></h3>
<p><%= namespace['description'] %></p>
</div>
<div class="projects">
<% @projects.find_all { |project|
project.namespace == namespace
}.each do |project| -%>
<div class="textbox">
<%= link_to project.name, project.web_url, :target => "_blank" %>
</div>
<% end -%>
</div>
<% end -%>
</div>
</div>
<div id="section5" class="section">
<div class="content">
<div id="web">
<div class="textbox">
<h1>WEB</h1>
<div class="dictionary">
@ -174,34 +116,81 @@
</a>
</div>
</div>
<div class="textbox">
<h1>WORKERS</h1>
<div class="dictionary">
<div class="headword">workers <i>n.</i></div>
<div class="pronounciation">/'wɜ:kəz/</div>
<div class="sense">See: personnel</div>
<div class="headword">personnel <i>n.</i></div>
<div class="pronounciation">/ˌpɜːsəˈnel/</div>
<div class="sense">
band of employees, body of employees, cast, clerical staff, company,
corps of employyes, coworkers, crew, factotums, fellow workers, help,
labor supply, laborers, laboring force, manpower, members, office force,
servantry, servants, staff, team of emmloyees, work force, work party,
workers, working people
</div>
Taken from
<a href="http://www.thefreedictionary.com/">"The free dictionary"</a>
Phonetics from
<a href="http://www.photransedit.com/online/text2phonetics.aspx">
PhoTransEdit
</a>
</div>
</div>
</div>
</div>
</div>
<div id="section6" class="section">
<div id="section4" class="section">
<%= image_tag "dogs2.svg", class: "watermark" %>
<div class="content">
<h1>Dictionary</h1>
<div class="separator"></div>
<div class="separator"></div>
<div class="dictionary">
<div class="headword">workers <i>n.</i></div>
<div class="pronounciation">/'wɜ:kəz/</div>
<div class="sense">See: personnel</div>
<div class="headword">personnel <i>n.</i></div>
<div class="pronounciation">/ˌpɜːsəˈnel/</div>
<div class="sense">
band of employees, body of employees, cast, clerical staff, company,
corps of employyes, coworkers, crew, factotums, fellow workers, help,
labor supply, laborers, laboring force, manpower, members, office force,
servantry, servants, staff, team of emmloyees, work force, work party,
workers, working people
<div class="title">
<%= image_tag("copyleft-icon.svg", size: "60") %>
<h2>Free as in <q>FREE SPEACH</q></h2>
</div>
<div class="quote">
<q>
Value your freedom or you will lose it, teaches history. 'Don't
bother us with politics', respond those who don't want to learn.
</q>
<div>
<%= image_tag "stallman.png" %>
<span>Dr. Richard Stallman</span>
</div>
</div>
<div class="quote">
<q>
If I have seen further it is by standing on ye sholders of Giants.
</q>
<div>
<%= image_tag "newton.png" %>
<span>Sir Isaac Newton</span>
</div>
Taken from
<a href="http://www.thefreedictionary.com/">"The free dictionary"</a>
Phonetics from
<a href="http://www.photransedit.com/online/text2phonetics.aspx">
PhoTransEdit
</a>
</div>
<div class="quote">
<q>
Free software is software that respects your freedom and the social
solidarity of your community. So it's free as in freedom.
</q>
<div>
<%= image_tag "stallman.png" %>
<span>Dr. Richard Stallman</span>
</div>
</div>
<div class="text">
Der Wert der Freiheit kann nicht hoch genug eingestuft werden. Sie zähl
aber leider zu jenen Gütern deren wahre Bedeutung wir erst erfassen, wenn
wir sie verlohren haben. Um Freiheit zu gewährleisten müssen wir erst
einmal in der Lage sein diese zu erkennen und was vielleicht noch
wichtiger ist, zu erkennen was unfrei ist oder uns unsere Freiheit
sogar nimmt.
</p>
<p>
Unfreiheiten zu erkennen und abzustellen ist of unbequem. Unfreiheit
ist ob in Bequemlichkeit verpackt. Auch Neid hält uns davon ab
Unfreiheiten abzustellen.
</p>
</div>
</div>
</div>

Write Preview
Loading…
Cancel
Save