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

70
css/_iconfont.scss
View File

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

8
css/style.css.sass
View File

@ -100,7 +100,8 @@ h1
&:before
display: block
font-size: 1.5em
margin-top: 0
margin-top: 0.3em
margin-bottom: 0.1em
text-align: center
/* 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
/*480px __________________________________________________________________________________________________________
@media only screen and (min-width: 480px)
/*500px __________________________________________________________________________________________________________
@media only screen and (min-width: 500px)
/* 1.ROOT
body
font-size: 1.05em
@ -473,6 +474,7 @@ div, input, textarea
position: relative
top: 0em
text-align: right
margin-top: 0
margin-bottom: -0.5em
h2
text-align: left

6
sections/contact.html.haml
View File

@ -3,7 +3,11 @@
%span.given-name Dan
%span.family-name Barber
%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
%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