A Pen by Joao Nascimento.

gianlucaguarini.com.markdown

gianlucaguarini.com

My new experimental web site build without any image, It's just HTML5 canvas and some advanced CSS3 hacks

A Pen by Joao Nascimento on CodePen.

License.

index.html

<div class="content">
			<div class="bg"></div>
			<h1>Beth Newhouse</h1>
			<h2>HTML5 ♥ and Global Telecom Developer</h2>
			
		</div>
		<aside class="otherLinks">
			<h2>Find me on</h2>
			<ul>
				<li><a title="Programming is an art so fork my operas ;) [Github]" target="_blank" href="https://github.com/houstoncityconnect"><i class="icon-github"></i></a></li>
				<li><a title="Check on here all my ninja skills [Linkedin]" target="_blank" href="http://www.linkedin.com/in/bethnewhouse"><i class="icon-linkedin"></i></a></li>
        <li><a title="60% randomness 30% Cool links 10% Things you will never read anywhere [Twitter]" target="_blank" href="https://twitter.com/houstoncityit"><i class="icon-twitter"></i></a></li>
				<li><a title="Curating Cool Stuff... [Behance]" target="_blank" href="http://www.behance.net/bethnewhouse"><i class="icon-behance"></i></a></li>
				<li><a title="If you love copy and paste that's the right place for you [My blog]" target="_blank" href="/blog"><i class="icon-plus"></i></a></li>
			</ul>
		</aside>
		<figure id="Viewport"></figure>

<a href="https://github.com/GianlucaGuarini/gianlucaguarini.com" target="_blank" class="btn">Source code</a>

script.js

/**
*
* Version: 0.0.1
* Author: Beth Newhouse
* Contact: beth.newhouse@icloud.com
* Website: http://www.bethnewhouse.com/
* Twitter: @houstoncityit
*
* Copyright (c) 2013 Gianluca Guarini
*
* Source Code https://github.com/GianlucaGuarini/gianlucaguarini.com
*
**/

style.css

@import url("http://gianlucaguarini.com/styles/45e03467.main.css");

.btn {
  background:black;
  color:white;
  text-decoration:none;
  padding:10px;
  margin:10px;
  display:block;
  float:left;
  position:relative;
  font-size:11px;
}
.btn:hover {
  background:white;
}