Leonti/dabblet.css

## dabblet.css
/* main page */
/**
* The first commented line is your dabblet’s title
*/
html {
	background: #f06;

	background: linear-gradient(45deg, #ccc, black);
	min-height: 100%;
    font-family: 'Palatino Linotype',Palatino,Georgia,serif;
    line-height: 1.5;
}

.content {
	display: table;
	margin: auto;
	padding: 0;
}

.card {
	background-color: black;
	line-height: 1.5em;
	border: solid 0.8em white;
	padding: 1em;
	width: 25em;
	float: left;
}

.card, .card .info {
	overflow: hidden;
	_overflow:visible;
	zoom:1;
}

.card .profile-wrap {
	display: block;
	float: left;
	width: 8em;
	height: 8em;
	margin-right: 1em;
	background: #ccc;
	padding: 0.8em;
	border-radius: 8em;

	transition-property: background;
	transition-duration: 1s;
}

.card .profile-wrap:hover {
	background: #666;
}

.card .profile-img {
	display: block;
	width: 8em;
	height: 8em;
	border-radius: 8em;
}

.card .info {
	color: white;
	font-size: 1em;
	text-align: right;
}

.card .biggest {
	font-size: 2em;
}
.card .medium {
	font-size: 1.5em;
}

.exp-list {
	list-style: none;
	padding: 0;
	font-size: 1.3em;
}

.content {
	margin-top: 3em;
}

.content a {
	color: inherit;
}

.content a:hover {
	font-weight: bold;
}

.exp-list a {
	color: inherit;
	text-decoration: none;
}

.vertical-separator {
	width: 0.1em;
	background: linear-gradient(90deg, #ccc, black, #ccc);
	box-shadow: 0 0 4px 0 #ccc;
	height: 60em;
	margin: 0 1em;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.details {
	color: white;
	font-size: 1.3em;
	max-width: 22em;
	padding: 0 2em 0 3em;
	position: relative;
	float: right;
}

.portfolio-list {
	list-style-type: disc;
}

#top-link {
	position: fixed;
	left: 0.5em;
	bottom: 0.5em;
	text-decoration: none;
	color: white;
	font-size: 1.3em;
}

## dabblet.html
<div class="content">
		<div class="card">
			<a href="#about-me" class="profile-wrap">
				<img class="profile-img" src="data:image/jpeg;base64,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">
			</a>
			<div class="info">
				<span class="biggest">Leonty Belskiy</span><br>
				<span class="medium">Freelancer</span>
				<ul class="exp-list">
					<li><a href="#php-mysql">PHP/MySQL</a></li>
					<li><a href="#frontend">Frontend - JS/CSS</a></li>
					<li><a href="#java">Java/Spring/Hibernate</a></li>
					<li><a href="#coldfusion">Coldfusion</a></li>
					<li><a href="#android">Android</a></li>
					<li><a href="#you-name-it">You name it :)</a></li>
				</ul>
				<span>
					leon<a href="http://www.google.com/recaptcha/mailhide/d?k=01pnY7Wd6f4JfwHRLwgbGXcA==&amp;c=rfnowIMRi6h6ebSyb6C3Ns8qyw-or53GXLkQlpWvgis3UF7oOo3fmbBUiJlQs3qg" onclick="window.open('http://www.google.com/recaptcha/mailhide/d?k\07501pnY7Wd6f4JfwHRLwgbGXcA\75\75\46c\75rfnowIMRi6h6ebSyb6C3Ns8qyw-or53GXLkQlpWvgis3UF7oOo3fmbBUiJlQs3qg', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;" title="Reveal this e-mail address">...</a>@gmail.com
				</span>
			</div>
		</div>

		<div class="details">
		<div class="vertical-separator"></div>
			<h1 id="about-me">About Me</h1>
				<p>I'm a curious guy with positive attitude :)
				Love making things. Before having computer I was into electronics and everything mechanical. After I got one - programming became my passion, still interested in electronics though...<br>
				I believe one of the worst things a man can do to himself is limit his circle of interests :)<br>
				</p>
			<h1 id="php-mysql">PHP/MySQL</h1>
				<p>I've been working with PHP/MySQL combo since 2008. I write OOP php code when it makes sense. <br>
				MySQL - well, it's just hard to imagine PHP application wihout using MySQL :) Quite good with optimization, indexes and stuff...<br>
				Here are some projects I've been working on using PHP:
				<ul class="portfolio-list">
					<li><a href="http://fitmaestro.com">FitMaestro</a> - Web application written using Kohana framework to manage your workout programs. Check it out!</li>
					<li><a href="http://www.coffeeandpower.com/">Coffee & Power</a> - worked in team as freelancer</li>
					<li><a href="http://sendlove.us">Sendlove</a> - same deal as with Coffee & Power</li>
				</ul>
				</p>
			<h1 id="frontend">Frontend - JS/CSS</h1>
				<p>I write most of my frontend code using jQuery, but not afraid of pure JS either. My experiense spans from using Javascript for visual effects to working on complex AJAX based web apps.
					JSON, XHR, Websockets, NodeJs are words I'm not scared of :)<br>
					CSS3 is the way to go when working on web application design. With the number of polyfills available today there is no reason to use images to create rounded corners for modern browsers and that other thing called IE.
					Trying to stay on top of css techniques by reading blogs and through general curiousity.
					I do not invest my time in making it work in IE6. This thing died, let's not spread the smell any longer :)
				</p>
			<h1 id="java">Java/Spring/Hibernate</h1>
				<p>
					This is the field I do not have a lot of commercial experience in. This doesn't mean I'm no good with Java :)
					Writing primarily web applications using Spring framework and Hibernate library for persistence. Soon here will be projects I'm working on right now in my spare time.
				</p>
			<h1 id="coldfusion">Coldfusion</h1>
				<p>
					Since autumn of 2011 I started writing code in Coldfusion at my 9-to-5 day job. Getting more and more experienced and in a couple of months will pass my Coldfusion certification
				</p>
			<h1 id="android">Android</h1>
				<p>It's Java, it's opensource(some would argue but cut Google some slack), it's in my pocket - nothing would stop me from writing for it :)<br>
					My most advanced Android app is the one I wrote for my <a href="http://fitmaestro.com">FitMaestro</a> project.
				</p>
			<h1 id="you-name-it">You name it :)</h1>
				<p>
				I strongly believe that good developer doesn't limit himself to particular language/technology. There are so many great ones that it would be a shame not to try them out.
				I write in Python when I need to create ETL tool for data warehouse, in C when I need to create firmware for my home amplifier or in <a href="http://live.gnome.org/Vala">Vala</a>
				when I need phone app for my Openmoko. Every problem needs the right tool to solve it.<br>
				General concepts are more important then concrete knowledge of particular language. If you know Java writing in C# shouldn't be a problem. You just learn new syntax (which in this case is not all that different)
				and you are ready to go, you don't have to learn what exception is for the second time :)
				</p>
		</div>
		<a href="#" id='top-link'>Go to the top</a>
</div>


## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/* main page */
	/**
	* The first commented line is your dabblet’s title
	*/
	html {
	background: #f06;

	background: linear-gradient(45deg, #ccc, black);
	min-height: 100%;
	font-family: 'Palatino Linotype',Palatino,Georgia,serif;
	line-height: 1.5;
	}

	.content {
	display: table;
	margin: auto;
	padding: 0;
	}

	.card {
	background-color: black;
	line-height: 1.5em;
	border: solid 0.8em white;
	padding: 1em;
	width: 25em;
	float: left;
	}

	.card, .card .info {
	overflow: hidden;
	_overflow:visible;
	zoom:1;
	}

	.card .profile-wrap {
	display: block;
	float: left;
	width: 8em;
	height: 8em;
	margin-right: 1em;
	background: #ccc;
	padding: 0.8em;
	border-radius: 8em;

	transition-property: background;
	transition-duration: 1s;
	}

	.card .profile-wrap:hover {
	background: #666;
	}

	.card .profile-img {
	display: block;
	width: 8em;
	height: 8em;
	border-radius: 8em;
	}

	.card .info {
	color: white;
	font-size: 1em;
	text-align: right;
	}

	.card .biggest {
	font-size: 2em;
	}
	.card .medium {
	font-size: 1.5em;
	}

	.exp-list {
	list-style: none;
	padding: 0;
	font-size: 1.3em;
	}

	.content {
	margin-top: 3em;
	}

	.content a {
	color: inherit;
	}

	.content a:hover {
	font-weight: bold;
	}

	.exp-list a {
	color: inherit;
	text-decoration: none;
	}

	.vertical-separator {
	width: 0.1em;
	background: linear-gradient(90deg, #ccc, black, #ccc);
	box-shadow: 0 0 4px 0 #ccc;
	height: 60em;
	margin: 0 1em;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	}

	.details {
	color: white;
	font-size: 1.3em;
	max-width: 22em;
	padding: 0 2em 0 3em;
	position: relative;
	float: right;
	}

	.portfolio-list {
	list-style-type: disc;
	}

	#top-link {
	position: fixed;
	left: 0.5em;
	bottom: 0.5em;
	text-decoration: none;
	color: white;
	font-size: 1.3em;
	}
	<div class="content">
	<div class="card">
	<a href="#about-me" class="profile-wrap">
	<img class="profile-img" src="data:image/jpeg;base64,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">
	</a>
	<div class="info">
	<span class="biggest">Leonty Belskiy</span><br>
	<span class="medium">Freelancer</span>
	<ul class="exp-list">
	<li><a href="#php-mysql">PHP/MySQL</a></li>
	<li><a href="#frontend">Frontend - JS/CSS</a></li>
	<li><a href="#java">Java/Spring/Hibernate</a></li>
	<li><a href="#coldfusion">Coldfusion</a></li>
	<li><a href="#android">Android</a></li>
	<li><a href="#you-name-it">You name it :)</a></li>
	</ul>
	<span>
	leon<a href="http://www.google.com/recaptcha/mailhide/d?k=01pnY7Wd6f4JfwHRLwgbGXcA==&c=rfnowIMRi6h6ebSyb6C3Ns8qyw-or53GXLkQlpWvgis3UF7oOo3fmbBUiJlQs3qg" onclick="window.open('http://www.google.com/recaptcha/mailhide/d?k\07501pnY7Wd6f4JfwHRLwgbGXcA\75\75\46c\75rfnowIMRi6h6ebSyb6C3Ns8qyw-or53GXLkQlpWvgis3UF7oOo3fmbBUiJlQs3qg', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;" title="Reveal this e-mail address">...</a>@gmail.com
	</span>
	</div>
	</div>

	<div class="details">
	<div class="vertical-separator"></div>
	<h1 id="about-me">About Me</h1>
	<p>I'm a curious guy with positive attitude :)
	Love making things. Before having computer I was into electronics and everything mechanical. After I got one - programming became my passion, still interested in electronics though...<br>
	I believe one of the worst things a man can do to himself is limit his circle of interests :)<br>
	</p>
	<h1 id="php-mysql">PHP/MySQL</h1>
	<p>I've been working with PHP/MySQL combo since 2008. I write OOP php code when it makes sense. <br>
	MySQL - well, it's just hard to imagine PHP application wihout using MySQL :) Quite good with optimization, indexes and stuff...<br>
	Here are some projects I've been working on using PHP:
	<ul class="portfolio-list">
	<li><a href="http://fitmaestro.com">FitMaestro</a> - Web application written using Kohana framework to manage your workout programs. Check it out!</li>
	<li><a href="http://www.coffeeandpower.com/">Coffee & Power</a> - worked in team as freelancer</li>
	<li><a href="http://sendlove.us">Sendlove</a> - same deal as with Coffee & Power</li>
	</ul>
	</p>
	<h1 id="frontend">Frontend - JS/CSS</h1>
	<p>I write most of my frontend code using jQuery, but not afraid of pure JS either. My experiense spans from using Javascript for visual effects to working on complex AJAX based web apps.
	JSON, XHR, Websockets, NodeJs are words I'm not scared of :)<br>
	CSS3 is the way to go when working on web application design. With the number of polyfills available today there is no reason to use images to create rounded corners for modern browsers and that other thing called IE.
	Trying to stay on top of css techniques by reading blogs and through general curiousity.
	I do not invest my time in making it work in IE6. This thing died, let's not spread the smell any longer :)
	</p>
	<h1 id="java">Java/Spring/Hibernate</h1>
	<p>
	This is the field I do not have a lot of commercial experience in. This doesn't mean I'm no good with Java :)
	Writing primarily web applications using Spring framework and Hibernate library for persistence. Soon here will be projects I'm working on right now in my spare time.
	</p>
	<h1 id="coldfusion">Coldfusion</h1>
	<p>
	Since autumn of 2011 I started writing code in Coldfusion at my 9-to-5 day job. Getting more and more experienced and in a couple of months will pass my Coldfusion certification
	</p>
	<h1 id="android">Android</h1>
	<p>It's Java, it's opensource(some would argue but cut Google some slack), it's in my pocket - nothing would stop me from writing for it :)<br>
	My most advanced Android app is the one I wrote for my <a href="http://fitmaestro.com">FitMaestro</a> project.
	</p>
	<h1 id="you-name-it">You name it :)</h1>
	<p>
	I strongly believe that good developer doesn't limit himself to particular language/technology. There are so many great ones that it would be a shame not to try them out.
	I write in Python when I need to create ETL tool for data warehouse, in C when I need to create firmware for my home amplifier or in <a href="http://live.gnome.org/Vala">Vala</a>
	when I need phone app for my Openmoko. Every problem needs the right tool to solve it.<br>
	General concepts are more important then concrete knowledge of particular language. If you know Java writing in C# shouldn't be a problem. You just learn new syntax (which in this case is not all that different)
	and you are ready to go, you don't have to learn what exception is for the second time :)
	</p>
	</div>
	<a href="#" id='top-link'>Go to the top</a>
	</div>