steffers.org/app/views/welcome/index.html.erb

<div id="section1" class="section">
	<div class="content">
		<div id="about">
			<div class="textbox">
				<h1>COMPUTER SCIENTIST</h1>
				<div class="dictionary">
					<div class="headword">Computer-scientist <i>n.s.</i></div>
					<div class="pronounciation">/kəmˈpjuːtə-ˈsaɪəntɪst/</div>
					<ol class="sense">
						<li>
							A writer of computer programs; a harmless drudge that busies
							himself in tracing the bug, and detailing the significance of
							bits.
						</li>
					</ol>
				</div>
				<div class="source">
					Shamelessly taken and slightly modified definition of lexicographer
					from Samual Johnsons
					<a href="http://johnsonsdictionaryonline.com/?p=4848">
						"Dictionary of the english language (1755)"
					</a>
					Phonetics from
					<a href="http://www.photransedit.com/online/text2phonetics.aspx">
						PhoTransEdit
					</a>
				</div>
			</div>
			<div class="textbox">
				<h1>DAD</h1>
				<div class="dictionary">
					<div class="headword">Dad <i>n.s.</i></div>
					<div class="pronounciation">/dæd/</div>
					<ol class="sense">
						<li>
							[The child's way of expressing father. It is remarkable, that,
							in all parts of the world, the word for father, as first taught
							to children, is compounded of a and t, or the kindred letter d
							differently placed; as tad, Welsh; ἄττα, Greek; atta, Gothick;
							tata, Latin. Mammas atque tatas habet Afra, Mart.] Father.
						</li>
					</ol>
				</div>
				<div class="source">
					Taken from the
					<a href="http://johnsonsdictionaryonline.com/?p=4848">
						"Dictionary of the english language (1755)"
					</a>
					Phonetics from
					<a href="http://www.photransedit.com/online/text2phonetics.aspx">
						PhoTransEdit
					</a>
				</div>
			</div>
			<div class="textbox">
				<h1>HUMANIST</h1>
				<div class="dictionary">
					<div class="headword">Humanist <i>n.s.</i></div>
					<div class="pronounciation">/ˈhjuːmənɪst/</div>
					<ol class="sense">
						<li>a person devoted to or versed in the humanities.</li>
						<li>a person who follows a form of scientific or philosophical
							humanism.
							<q>Someone who bumps his head against walls of ignorance until
								he's knocked out but nevertheless starts over again as soon
								as possible.
							</q> <i>Georg Hopp</i>
						</li>
					</ol>
				</div>
				<div class="source">
					Taken from the
					<a href="http://www.dictionary.com/">Dictionary.com</a>
					Phonetics from
					<a href="http://www.photransedit.com/online/text2phonetics.aspx">
						PhoTransEdit
					</a>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="section2" class="section">
	<%= image_tag "me.png", class: "watermark",
		width: "528px", height: "600px" %>
	<div class="content">
		<div id="skills">
			<div class="title">
				<h2>Skills</h2>
				<p>
				I'm still not sure if I am just lucky that no one notices that I lack
				any kind of skill or I am just totally unaware of my skills. Anyway, I
				try to outline some of my abilities here.
				</p>
			</div>
			<div class="text">
				<h3>As Computer-Scientist</h3>
				<p>
				As you might have noticed I am <b>not</b> a brilliant web designer.
				Well, who cares&hellip;
				</p>
				<p>
				I could start with a comprehensive list of things I have done in the
				past, sometimes even usefull in a way, but to be honest this list
				would be long and boring and it would't express very much, would it?
				So if you are really interested just visit my
				<a href="https://gitlab.weird-web-workers.org/">Gitlab server</a>. An
				overview of the projects hosted there can be found on
				<a href="https://www.weird-web-workers.org/">Weird Web Workers</a>.
				<p>
				If you are really interested in a skill profile look on one of my
				<a href="#section4">social profiles</a>. They might be not bleeding
				edge, but they are a good starting point. If you need to know more
				just send me a mail.
				</p>
				<p>
				In summary, I have done much and I know a little of something but the
				most important skill I have is to learn things I do not know right
				now.
				</p>
				<pre class="geekcode">
-----BEGIN GEEK CODE BLOCK-----
Version: 3.1
GIT/CS/L/P/O d--- s: !a C UL++++ P L+++$ !E--- W+++ N o? K? !w---
!O- !M-- V-- PS+++ PE-- Y+ PGP+ t+ 5+ X R tv- b++ G e h---- r+++
y+++
------END GEEK CODE BLOCK------</pre>
			</div>
			<div class="text">
				<h3>As Dad</h3>
				<p>
				There is absolutely nothing more satisfiable and at the same time
				depressing than trying to be a <i>good</i> dad or mum. Whenever you come
				to the point of giving up your kids do something totally amazing and
				reesteblish your believes. Not to talk about the
				<q>I do love you so much, can you please&hellip;</q> face.
				</p>
			</div>
			<div class="text">
				<h3>As Socialist</h3>
				<p>
				I beleave to have understood the biggest problem in modern society
				<i>(money, btw.)</i> and still think about the best way to transport
				this knowledge to the masses.
				</p>
			</div>
		</div>
	</div>
</div>
<div id="section3" class="section">
	<div class="content">
		<div id="vitae">
			<div class="textbox">
				<div class="title">
					<h2>Vitae</h2>
					<p>
					Oh no, not again&hellip; Why is everyone so possesed  to know what
					you have done in the past. Let's just forget about it and look at
					the here and now and maybe try a small look into the future.
					</p>
				</div>
				<div class="text">
					<p>
					Right now I am the person who created this page. A pleasant guy with
					a strong attitude to fairness and the desire to make the world a
					better place. By the way I think I am a decent computer-programmer
					and have at least scratched on the surface of unixoid operating
					systems.
					</p>
					<p>
					At some time I might become one of the legions that have witten
					something that is at least of little use for society.
					</p>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="section4" class="section">
	<%= image_tag "me.svg", class: "watermark", height: "600px" %>
	<div class="content">
		<div id="links">
			<div class="title">
				<h2>Links And Resources</h2>
				<p>
				Some external resources about me.
				</p>
			</div>
			<div class="text">
				<h3>Weird Web Workers</h3>
				<p>The portal to my personal projects is
				<a href="https://www.weird-web-workers.org">Weird Web Workers</a>
			</div>
			<div class="text">
				<h3>Email</h3>
				<p>If you want to you may reach me at
				<a href="mailto:georg@steffers.org">georg@steffers.org</a>
				</p>
			</div>
			<div class="text">
				<h3>GnuPG Public Key</h3>
				<p>
				There are three key's for georg@steffers.org available on public key
				servers. One is revoked and I have left the private key for another
				one by accident. Please use this one:
				<div class="gpg">
					<pre>2048 bit RSA key 68784538, created: 2012-12-07</pre>
					<pre>6C5C BDD9 7010 F187 73A7  3F8F 4C5D 2267 6878 4538</pre>
				</div>
				</p>
			</div>
			<div class="text">
				<h3>LinkedIn</h3>
				<p>
				You can find me on
				<a href="https://de.linkedin.com/in/georg-hopp-38a0a597">LinkedIn</a>
				</p>
			</div>
			<div class="text">
				<h3>Facebook</h3>
				<p>
				You can also find me on
				<a href="https://www.facebook.com/gsteffers">Facebook</a>.
				</p>
			</div>
			<div class="text">
				<h3>Xing</h3>
				<p>
				And finally there is also a profile on
				<a href="https://www.xing.com/profile/Georg_Hopp2">Xing</a>.
				</p>
			</div>
			<div class="text">
				<h3>Github</h3>
				<p>
				Additionally to Weird Web Workers some code is published on
				<a href="https://github.com/georghopp">Github</a>.
				</p>
			</div>
		</div>
	</div>
</div>
<!-- vim: set ts=2 sw=2: -->