cv 0.0.1

data/lib/cv/public/stylesheets/style.css

@@ -0,0 +1,446 @@
+a {
+	text-decoration: none;
+}
+
+#content {
+	background: url(/images/shadow.png) repeat-y 43px 0;
+	position: relative;
+}
+
+body {
+	background: #dbdbdb url(/images/bg.jpg) repeat center 0 fixed;
+}
+
+.section {
+	background: #f3f3f3 url(/images/curriculum_bg.png) repeat-x 0 bottom;
+	border-top: 1px solid #fffeff;
+	padding-top: 20px;
+	padding-bottom: 30px;
+}
+
+.section_title h2 {
+	padding-left: 50px;
+	padding-top: 10px;
+}
+
+.section_list {
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
+
+#projects.section_list li {
+  margin: 10px 7px;
+}
+
+#projects.section_list li img {
+  display: block;
+  width: 140px;
+  height: 140px;
+  background-color: #fff;
+}
+
+.section_content {
+	position: relative;
+}
+
+.section_subtitle {
+  background-repeat: no-repeat;
+	background-position: 539px -265px;
+}
+
+.section_subtitle span {
+  float: right;
+  display: block;
+  margin: -30px -88px 0 0;
+  color: #fff;
+  background: url(/images/colors/dark_indigo_arrow_right.png) no-repeat right top;
+  height: 44px
+}
+
+.section_subtitle span span {
+  float: none;
+  margin: 0;
+  background: none;
+  height: auto;
+}
+
+.section_subtitle span span.date_content {
+  background: url(/images/colors/dark_indigo_arrow_center.png) repeat-x top center;
+  margin-right: 4px;
+  float: left;
+  padding: 6px;
+  height: 26px;
+  font-size: 20px;
+}
+
+.section_subtitle span span.date_left {
+  background: url(/images/colors/dark_indigo_arrow_left.png) no-repeat top left;
+  float: left;
+  width: 11px;
+  height: 36px;
+}
+
+h1,h2,h3,h4,h5,h6,p, span {
+  letter-spacing: -1px;
+}
+
+h1 {
+	color: #fff;
+	line-height: 70px;
+	font-size: 75px;
+	letter-spacing: -5px;
+	font-style: italic;
+	text-shadow: #000000 0 0 0;
+}
+
+h2 {
+	line-height: 35px;
+	font-size: 30px;
+}
+
+h3 {
+	line-height: 31px;
+	font-size: 28px;
+	letter-spacing: -2px;
+	font-style: italic;
+}
+
+h4 {
+	line-height: 26px;
+	font-size: 26px;
+}
+
+h5, .contact_sx li label {
+	color: #a4a6a6;
+	line-height: 22px;
+	font-size: 18px;
+	font-style: italic;
+}
+
+h6 {
+	color: #fff;
+	line-height: 31px;
+	font-size: 31px;
+	letter-spacing: -2px;
+}
+
+p, li {
+	color: #a4a6a6;
+	letter-spacing: 0px;
+	line-height: 22px;
+	font: normal normal lighter 18px/22px Helvetica Neue, sans-serif;
+	letter-spacing: 0px;
+	word-spacing: 3px;
+}
+
+.section_content div.date span {
+	font: 20px Helvetica, arial, serif;
+	color: #fff;
+	display: block;
+	float: left;
+	width: 103px;
+	height: 30px;
+	text-align: right;
+	padding-top: 3px;
+	padding-right: 10px;
+	line-height: 25px;
+}
+
+.section_content p, .section_content ul li {
+  margin: 0 0 10px 0;
+}
+
+.section_content ul {
+  list-style: square;
+  margin: 0 20px;
+}
+
+.section_content ul li {
+  padding: 0 0 0 10px;
+}
+
+#title_center ul li h4, #title_dx ul li p {
+	font: 200 24px/28px Helvetica, Geneva, sans-serif;
+	margin-top: 2px;
+	letter-spacing: -1px;
+	word-spacing: 0px;
+}
+
+input, textarea {
+	font: 200 20px/38px Helvetica, Geneva, sans-serif;
+	font-size: 20px;
+	line-height: 20px;
+	color: #9b9b9b;
+	font-weight: lighter;
+}
+
+#header {
+	text-align: right;
+	height: 170px;
+	background-repeat: repeat-x;
+	background-position: 0 0px;
+}
+
+#header ul {
+	margin-right: 50px;
+	margin-bottom: 30px;
+	margin-top: 38px;
+}
+
+#header ul li{
+    display: block;
+    float: right;
+    width: 100%;
+    margin: 0px;
+}
+
+#header ul li#bigtitle {
+	height: 80px;
+}
+
+#header ul li#subtitle {
+	text-align: right;
+	margin-bottom: 20px;
+}
+
+#photo {
+	width: 180px;
+	height: 180px;
+	display: block;
+	float: left;
+	background: #fcfeff;
+	margin-top: 30px;
+	margin-left: 80px;
+	margin-bottom: 10px;
+	border: 1px solid #fff;
+	
+	-webkit-box-shadow: 0px 1px 3px #ababab;
+	-moz-box-shadow: 0px 1px 3px #ababab;
+	box-shadow: 0px 1px 3px #ababab;
+	behavior: url(/stylesheets/PIE.php);
+}
+
+#photo img {
+    margin: 10px;
+}
+
+#title ul {
+	margin-top: 26px;
+}
+
+
+#title_center ul li, #title_dx ul li {
+	display: block;
+	float: left;
+	width: 100%;
+	height: 30px;
+	margin-top: 7px;
+}
+
+#title_dx ul li {
+	height: 27px;
+	padding-top: 2px;
+}
+
+#hcard h4, #hcard .p_big, #hcard li {
+  float: left;
+  display: block;
+}
+
+#hcard li {
+  margin: 0 0 5px 0;
+}
+
+#hcard h4 {
+  width: 80px;
+  text-align: right;
+  margin-right: 10px;
+}
+
+#hcard .p_big {
+  color: #a4a6a6;
+}
+
+#hcard h4, #hcard .p_big {
+  font-size: 21px;
+  font: 200 21px Helvetica, Geneva, sans-serif;
+  letter-spacing: -2;
+  line-height: 30px;
+}
+
+.contact_sx {
+	margin-top: 20px;
+}
+
+.contact_sx li {
+	width: 294px;
+	margin-left: 80px;
+	display: block;
+	float: left;
+	height: 50px;
+	padding: 1px;
+}
+
+.contact_sx li h4 {
+	display: inline;
+	float: left;
+	height: 40px;
+	width: 50px;
+	text-align: left;
+	margin-right: 30px;
+	line-height: 45px;
+}
+
+#contact li div.border {
+	background-color: #fff;
+	display: block;
+	float: left;
+	padding: 2px;
+}
+
+.contact_sx li label {
+  float: left;
+  font-size: 20px;
+  line-height: 38px;
+  display: block;
+  width: 82px;
+}
+
+.contact_sx li.submit {
+  padding-left: 84px;
+}
+
+.contact_sx li input, .contact_dx li textarea {
+	display: inline;
+	float: left;
+	height: 20px;
+	width: 194px;
+	background-color: #ececec;
+	padding: 6px;
+	border: 1px solid #d9dbdd;
+}
+
+.contact_sx li input.error, .contact_dx li textarea.error {
+  border: 1px solid #f00;
+}
+
+.contact_dx li textarea {
+	height: 112px;
+	width: 274px;
+	padding: 10px;
+}
+
+.contact_sx li input:focus, .contact_dx li textarea:focus  {
+	background-color: #e5e5e5;
+}
+
+#success-message {
+  display: none;
+}
+
+.contact_sx #invia {
+	height: 35px;
+	width: 211px;
+	border-style: none;
+	background-repeat: no-repeat;
+	background-position: -14px -180px;
+}
+
+.contact_sx #invia:active {
+	background-position: -14px -220px;
+}
+
+.section_content {
+	padding-top: 10px;
+	position: relative;
+}
+
+.contact_dx li {
+	padding-top: 20px;
+}
+
+#social {
+  display: block;
+  float: left;
+  width: 50px;
+	position: absolute;
+	top: 0px;
+	left: 65px;
+	padding-top: 220px;
+}
+
+#social ul {
+	padding: 0;
+	display: block;
+	float: left;
+}
+
+#social ul li {
+	display: block;
+	float: left;
+	width: 50px;
+	height: 31px;
+	background-position: -241px -240px;
+}
+
+#social ul li#social_top {
+	height: 9px;
+	background-position: -241px 189px;
+}
+
+#social ul li#social_bottom {
+	height: 20px;
+	background-position: -241px 61px;
+}
+
+#social ul li img {
+	margin-left: 12px;
+}
+
+#social_button {
+	display: block;
+	float: left;
+	position: absolute;
+	top: -60px;
+	right: -12px;
+	width: 152px;
+	height: 60px;
+	padding-left: 50px;
+	padding-top: 8px;
+	background-position: 1px 75px;
+}
+
+#footer {
+    height: 10px;
+	background-repeat: repeat-x;
+	background-position: 0 -150px;
+}
+
+#risposta {
+	width: 580px;	
+	-webkit-border-radius: 20px;
+	-moz-border-radius: 20px;
+	border-radius: 20px;
+	behavior: url(/stylesheets/PIE.php);
+	margin-left: 80px;
+	background-color: #faad21;
+	text-align: left;
+	margin-top: 10px;
+	height: 0px;
+}
+
+#risposta p {
+	color: #754f09;
+	font-size: 19px;
+	background-color: #faad21;
+	margin-left: 30px;
+	font-style: italic;
+	line-height: 24px;
+}
+
+#risposta p b {
+	margin-left: -20px;
+	font-size: 30px;
+	line-height: 40px;
+	font-style: italic;
+}

data/lib/cv/site.rb

@@ -0,0 +1,31 @@
+module Cv
+  class Site < Sinatra::Base
+    include SmartAsset::Adapters::Sinatra
+    
+    helpers Cv::Content
+
+    set :static, true
+    set :public, File.dirname(__FILE__) + '/public'
+    set :views, File.dirname(__FILE__) + '/views'
+    set :haml, { :format => :html5 }
+
+    get '/' do
+      haml :index, :layout => :default
+    end
+    
+    post '/contact' do
+      contact = Contact.new(params[:contact])
+      if contact.valid?
+        contact.deliver
+      else
+        content_type :json
+        status 500
+        contact.errors.to_json
+      end
+    end
+    
+    get '/sitemap.xml' do
+      haml :sitemap, :format => :xhtml
+    end
+  end
+end