danbarber/cv
1
0
Fork 0
mirror of https://github.com/danbee/cv synced 2025-03-04 08:59:12 +00:00
Code Issues Releases Wiki Activity

Add icons to contact page.

Browse Source
This commit is contained in:
Dan Barber 2013-03-26 22:36:29 +00:00
parent b00dbf299a
commit 2df15d58ef
3 changed files with 48 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
css/_iconfont.scss
View File

@ -4,7 +4,7 @@
src:url('/fonts/icomoon.eot?#iefix') format('embedded-opentype'), src:url('/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('/fonts/icomoon.woff') format('woff'), url('/fonts/icomoon.woff') format('woff'),
url('/fonts/icomoon.ttf') format('truetype'), url('/fonts/icomoon.ttf') format('truetype'),
url('fonts/icomoon.svg#icomoon') format('svg'); url('/fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@ -23,10 +23,10 @@
/* Use the following CSS code if you want to have a class per icon */ /* Use the following CSS code if you want to have a class per icon */
/* /*
Instead of a list of all class selectors, Instead of a list of all class selectors,
you can use the generic selector below, but it's slower: you can use the generic selector below, but it's slower:
*/ */
[class*="icon-"]:before { [class*="icon-"]:before {
font-family: 'icomoon'; font-family: 'icomoon';
speak: none; speak: none;
font-style: normal; font-style: normal;
@ -35,22 +35,28 @@ you can use the generic selector below, but it's slower:
text-transform: none; text-transform: none;
line-height: 1; line-height: 1;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
.icon-logo:before { .icon-logo:before {
content: "\e000"; content: "\e000";
} }
.icon-mail:before { .icon-mail:before {
content: "\e001"; content: "\e001";
} }
.icon-earth:before { .icon-earth:before {
content: "\e002"; content: "\e002";
} }
.icon-phone:before { .icon-phone:before {
content: "\e003"; content: "\e003";
} }
.icon-github:before { .icon-github:before {
content: "\e004"; content: "\e004";
} }
.icon-skype:before { .icon-twitter:before {
content: "\e006";
}
.icon-apple:before {
content: "\e007";
}
.icon-skype:before {
content: "\e005"; content: "\e005";
} }

8
css/style.css.sass
View File

@ -100,7 +100,8 @@ h1
&:before &:before
display: block display: block
font-size: 1.5em font-size: 1.5em
margin-top: 0 margin-top: 0.3em
margin-bottom: 0.1em
text-align: center text-align: center
/* Hide the logomark in ie7/8 as it just doesn't work correctly. It's not essential. /* Hide the logomark in ie7/8 as it just doesn't work correctly. It's not essential.
@ -453,8 +454,8 @@ div, input, textarea
/*/mediaquery /*/mediaquery
/*480px __________________________________________________________________________________________________________ /*500px __________________________________________________________________________________________________________
@media only screen and (min-width: 480px) @media only screen and (min-width: 500px)
/* 1.ROOT /* 1.ROOT
body body
font-size: 1.05em font-size: 1.05em
@ -473,6 +474,7 @@ div, input, textarea
position: relative position: relative
top: 0em top: 0em
text-align: right text-align: right
margin-top: 0
margin-bottom: -0.5em margin-bottom: -0.5em
h2 h2
text-align: left text-align: left

6
sections/contact.html.haml
View File

@ -3,7 +3,11 @@
%span.given-name Dan %span.given-name Dan
%span.family-name Barber %span.family-name Barber
%p %p
%a.email{:href => "mailto:cv@danbarber.me"} cv@danbarber.me %a.email{:href => "mailto:hello@danbarber.me"} hello@danbarber.me
%p.tel +44 (0) 1752 546981 %p.tel +44 (0) 1752 546981
%p %p
%a.url{:href => "http://pixelhum.com"} http://danbarber.me %a.url{:href => "http://pixelhum.com"} http://danbarber.me
%p.icon-github
%a.url{:href => "http://github.com/danbee"} github.com/danbee
%p.icon-twitter
%a.url{:href => "http://twitter.com/danbee"} @danbee