<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">
		<div id="weird">
			<div class="textbox">
				<h1>WEIRD</h1>
				<div class="separator"></div>
				<div class="dictionary">
					<div class="headword">weird <i>adj.</i></div>
					<div class="pronounciation">/'wɪəd/</div>
					<div class="conjugation">weird·er, weird·est</div>
					<ol class="sense">
						<li>
							Strikingly odd or unusual, especially in an unsettling way;
							strange:
							<span class="example">
								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.
							</span>
						</li>
						<li>
							Suggestive of the supernatural:
							<span class="example">weird stories about ghosts.</span>
						</li>
						<li>
							<span class="reference">Archaic</span> Of or relating to fate or
							the Fates.
						</li>
					</ol>
				</div>
				<div class="separator"></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 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="weird">
			<div class="textbox">
				<h1>WEB</h1>
				<div class="separator"></div>
				<div class="dictionary">
					<div class="headword">web <i>n.</i></div>
					<div class="pronounciation">/web/</div>
					<ol class="sense">
						<li>&nbsp;
							<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:
							<span class="example">
								A web of palm branches formed the roof of the hut.
							</span>
						</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: <span class="example">caught in a web of lies.</span>
						</li>
						<li>
							A complex, interconnected structure or arrangement:
							<span class="example">a web of telephone wires.</span>
						</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>
							<span class="reference">Baseball</span> A piece of leather or
							leather mesh that fills the space between the thumb and forefinger
							of a baseball glove. Also called
							<span class="reference">trap</span>,
							<span class="reference">webbing</span>.
						</li>
						<li>
							<span class="reference">Architecture</span> A space or compartment
							between the ribs or groins of a vault. Also called
							<span class="reference">cell</span>.
						</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>
				</div>
				<div class="separator"></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 id="section6" 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>
			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>
<!-- vim: set ts=2 sw=2: -->