Add about page with contact form
This commit is contained in:
Ariejan de Vroom
parent
5d659bedd0
commit
4915159a6e
|
|
@ -5,17 +5,63 @@ title: About
|
|||
%h2 About Ariejan
|
||||
.content_wrap.nobg
|
||||
%section#middle_content
|
||||
:markdown
|
||||
I'm Ariejan de Vroom, a thirty-two year old Ruby on Rails developer from [Breugel, the Netherlands][1]. I live with my fiancée [Laura][2] and work full-time at [Kabisa ICT][3].
|
||||
.two_third
|
||||
%img.gravatar(src="http://www.gravatar.com/avatar/a9bfdd0cc75c857b669c37548b8bfdf9?s=120")
|
||||
|
||||
Check me out on [Twitter][4] or [LinkedIn][5]. Also, make sure to check out my code on [Github][6].
|
||||
:markdown
|
||||
|
||||
If you want to contact me, [tweet something][4] or [dispatch an email][8].
|
||||
Hi! I'm Ariejan de Vroom, a thirty-two year old Ruby on Rails developer and Software Engineering Craftsman. I live in [Breugel, the Netherlands][1] with my fiancée [Laura][2] and work full-time at [Kabisa ICT][3].
|
||||
|
||||
[1]: http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=eindhoven&sll=52.469397,5.509644&sspn=4.692139,10.942383&ie=UTF8&hq=&hnear=Breugel,+Noord-Brabant&ll=51.440313,5.482178&spn=4.800964,10.942383&t=h&z=7
|
||||
[2]: http://laura-oerlemans.net/
|
||||
[3]: http://kabisa.nl/
|
||||
[4]: http://twitter.com/ariejan
|
||||
[5]: http://aj.gs/linkedin
|
||||
[6]: http://aj.gs/github
|
||||
[8]: mailto:ariejan@ariejan.net
|
||||
Check me out on [Twitter][4], [Github][6] or [LinkedIn][5] to get to know me a bit better.
|
||||
|
||||
If you want to contact me, please use the contact form on this page or [tweet something][4] or [send an email directly][8].
|
||||
|
||||
[1]: http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=eindhoven&sll=52.469397,5.509644&sspn=4.692139,10.942383&ie=UTF8&hq=&hnear=Breugel,+Noord-Brabant&ll=51.440313,5.482178&spn=4.800964,10.942383&t=h&z=7
|
||||
[2]: http://laura-oerlemans.net/
|
||||
[3]: http://kabisa.nl/
|
||||
[4]: http://twitter.com/ariejan
|
||||
[5]: http://aj.gs/linkedin
|
||||
[6]: http://aj.gs/github
|
||||
[8]: mailto:ariejan@ariejan.net
|
||||
|
||||
.one_third.last
|
||||
%form(id="form1" name="form1" class="wufoo page" autocomplete="off" enctype="multipart/form-data" method="post" novalidate action="https://ariejan.wufoo.com/forms/z7x4z5/#public")
|
||||
|
||||
%h3 Leave me a message
|
||||
|
||||
%ul
|
||||
%li#foli1.notranslate
|
||||
%label.desc#title1(for="Field1")
|
||||
Message
|
||||
%span#req_1.req *
|
||||
%div
|
||||
%textarea#Field1.field.textarea.medium(name="Field1" spellcheck="true" rows="10" cols="50" tabindex="1" onkeyup="" required)
|
||||
|
||||
|
||||
%li#foli4.notranslate
|
||||
%label.desc#title4(for="Field4")
|
||||
Your name
|
||||
%div
|
||||
%input(id="Field4" name="Field4" type="text" class="field text large" value="" maxlength="255" tabindex="2" onkeyup="")
|
||||
%p.instruct#instruct4
|
||||
%small Just so I know who's talking to me.
|
||||
|
||||
%li#foli2.notranslate
|
||||
%label.desc#title2(for="Field2")
|
||||
Email Address
|
||||
%span#req_2.req *
|
||||
%div
|
||||
%input(id="Field2" name="Field2" type="email" spellcheck="false" class="field text large" value="" maxlength="255" tabindex="3" required)
|
||||
|
||||
%p.instruct#instruct2
|
||||
%small We won't share this with strangers.
|
||||
|
||||
%li.buttons
|
||||
%div
|
||||
%a.button(href="javascript:{}" onclick="document.getElementById('form1').submit();")
|
||||
%span Send message
|
||||
|
||||
%li.hide
|
||||
%label(for="comment") Do Not Fill This Out
|
||||
%textarea(name="comment" id="comment" rows="1" cols="1")
|
||||
%input(type="hidden" id="idstamp" name="idstamp" value="CUVI8NzGGu1E9xkpfytNrtxYAhGs8IrYwj0vZn2ji1c=")
|
||||
|
|
|
|||
|
|
@ -2,6 +2,25 @@ body {
|
|||
font: 14px/20px "Open Sans", Helvetica, "Nimbus Sans L", sans-serif;
|
||||
}
|
||||
|
||||
.wufoo {
|
||||
ul {
|
||||
list-style-image: none;
|
||||
list-style-type: none;
|
||||
|
||||
li.hide {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img.gravatar {
|
||||
margin-right: 12px;
|
||||
margin-bottom: 12px;
|
||||
float: left;
|
||||
padding: 2px;
|
||||
border: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
#influad {
|
||||
width: 130px;
|
||||
|
||||
|
|
|
|||
|
|
@ -2624,6 +2624,7 @@ option {
|
|||
.cmsms-form-builder input[type="text"]{width:50%;}
|
||||
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
textarea {
|
||||
background-color:#fdfdfd;
|
||||
border:1px solid #e5e5e5;
|
||||
|
|
@ -2636,6 +2637,7 @@ textarea {
|
|||
textarea {padding:7px 10px;}
|
||||
|
||||
input[type="text"]:focus,
|
||||
input[type="email"]:focus,
|
||||
textarea:focus,
|
||||
select:focus {background-color:#ffffff;}
|
||||
|
||||
|
|
|
|||
|
|
@ -73,11 +73,11 @@
|
|||
%a{:href => "/craftsmanship"}
|
||||
%span{:style => "border-color:#ffeb79;"} Craftsmanship
|
||||
%li
|
||||
%a{:href => "/about"}
|
||||
%span{:style => "border-color:#a0e0a9;"} About
|
||||
%a{:href => "/talks"}
|
||||
%span{:style => "border-color:#a0e0a9;"} Talks
|
||||
%li
|
||||
%a{:href => "/contact"}
|
||||
%span{:style => "border-color:#00ada7;"} Contact
|
||||
%a{:href => "/about"}
|
||||
%span{:style => "border-color:#00ada7;"} About
|
||||
.cl
|
||||
/ __________________________________________________ Finish Header
|
||||
/ __________________________________________________ Start Middle
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user