<div id="section1" class="section">
	<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>
			<div class="textbox">
				<%= image_tag("heckert_gnu.svg", height: "60") %>
				<%= image_tag("tux-mono.svg", height: "60") %>
				<h1>Linux Consulting</h1>
				Support
			</div>
		</div>
	</div>
</div>
<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>
			</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>
		</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>
<div id="section3" class="section">
	<div class="content">
		<h1>Dictionary</h1>
		<p>
		<b>weird</b> / 'wɪəd /<br/>
		<i>adj.</i> weird·er, weird·est
		<ol>
			<li>
				Strikingly odd or unusual, especially in an unsettling way; strange:
				<i>
					<b>
						He lives in a weird old house on a dark street. Your neighbor is
						said to be a little weird. I felt a little weird after drinking
						that tea.
					</b>
				</i>
			</li>
			<li>
				Suggestive of the supernatural:
				<i><b>weird stories about ghosts.</b></i>
			</li>
			<li>
				<i>Archaic</i> Of or relating to fate or the Fates.
			</li>
		</ol>
		</p>
		<p>
		<b>web</b> / web /<br/>
		<i>n.</i>
		<ol>
			<li>
				<ol>
					<li>
						A woven fabric, especially one on a loom or just removed from
						it.
					</li>
					<li>The structural part of cloth.</li>
				</ol>
			</li>
			<li>
				A latticed or woven structure:
				<i><b>A web of palm branches formed the roof of the hut.</b></i>
			</li>
			<li>
				A structure of delicate, threadlike filaments characteristically
				spun by spiders or certain insect larvae.
			</li>
			<li>
				Something intricately contrived, especially something that ensnares
				or entangles: <i><b>caught in a web of lies.</b></i>
			</li>
			<li>
				A complex, interconnected structure or arrangement:
				<i><b>a web of telephone wires.</b></i>
			</li>
			<li>
				often Web The World Wide Web.
			</li>
			<li>
				A radio or television network.
			</li>
			<li>
				A membrane or fold of skin connecting the toes, as of certain
				amphibians, birds, and mammals.
			</li>
			<li>
				The barbs on each side of the shaft of a bird's feather; a vane.
			</li>
			<li>
				<i>Baseball</i> A piece of leather or leather mesh that fills the
				space between the thumb and forefinger of a baseball glove. Also
				called <i>trap</i>, <i>webbing</i>.
			</li>
			<li>
				<i>Architecture</i> A space or compartment between the ribs or
				groins of a vault. Also called <i>cell</i>.
			</li>
			<li>
				A metal sheet or plate connecting the heavier sections, ribs, or
				flanges of a structural element.
			</li>
			<li>
				A thin metal plate or strip, as the bit of a key or the blade of a
				saw.
			</li>
			<li>
				A large continuous roll of paper, such as newsprint, either in the
				process of manufacture or as it is fed into a web press.
			</li>
		</ol>
		</p>
		<p>
		<b>workers</b> / 'wɜ:kəz /<br/>
		See: personnel</br>
		<b>personnel</b> / ˌpɜːsəˈnel /<br/>
		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
		</p>
		Take from
		<a href="http://www.thefreedictionary.com/">"The free dictionary"</a>
	</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>
<!-- vim: set ts=2 sw=2: -->