<div id="section1" class="section">
	<div class="content">
		<div id="about">
			<a href="#section2"><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") %>
				<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("gears.svg", size: "60") %>
			<h2>Custom Code</h2>
			<p>
			Here you find links to the projects hosted on <i>Weird Web Workers</i>.
			</p>
		</div>
		<% @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="section3" class="section">
	<div class="content">
		<div id="etymology">
			<div class="textbox">
				<h1>WEIRD</h1>
				<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>
					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 class="textbox">
				<h1>WEB</h1>
				<div class="dictionary">
					<div class="headword">web <i>n.</i></div>
					<div class="pronounciation">/web/</div>
					<ol start="1" 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>
					</ol>
					<p>&hellip;</p>
					<ol class="sense fifth">
						<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>
					</ol>
					<p>&hellip;</p>
					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 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="section4" 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 class="quote-container">
				<div class="quote">
					<%= image_tag "stallman.png" %>
					<div>
					<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>
					Dr. Richard Stallman
					</div>
				</div>
				<div class="quote">
					<%= image_tag "newton.png" %>
					<div>
					<q>
						If I have seen further it is by standing on ye sholders of Giants.
					</q>
					Sir Isaac Newton
					</div>
				</div>
				<div class="quote">
					<%= image_tag "stallman.png" %>
					<div>
					<q>
						Free software is software that respects your freedom and the
						social solidarity of your community. So it's free as in freedom.
					</q>
					Dr. Richard Stallman
					</div>
				</div>
			</div>
		</div>
		<div class="text">
		</div>
	</div>
</div>
<!-- vim: set ts=2 sw=2: -->