Commit 676f6c87 authored by Timothée Girard's avatar Timothée Girard

Initial commit

parents
This diff is collapsed.
# http://timotheegirard.com
My personal website
Shamefully copy on [Rose Perrone](http://roseperrone.com/) personal website (she changed her website since).
Help for responsive background check this http://sixrevisions.com/css/responsive-background-image/ Thanks dude for your post.
Make with love and [Vim](http://vim.org/) !
[FR]
Mon site personnel
Honteusement copié sur le site personnel de [Rose Perrone](http://roseperrone.com/) (elle a changé son site depuis)
L'article qui m'a aidé pour les fonds responsive http://sixrevisions.com/css/responsive-background-image/ Merci l'ami pour ton article.
Fait avec amour et [Vim](http://vim.org/) !
@font-face {
font-family: fira-extraLight;
src: url(../font/FiraSans-ExtraLight.otf);
}
body {
background: url(../img/fond.jpg) center center no-repeat fixed;
background-size: cover;
font-family: fira-extraLight;
}
nav {
background-color: white;
padding-left: 20px;
padding-right: 20px;
padding-top: 1px;
padding-bottom: 7px;
display: inline-block;
position: absolute;
left: 25px;
bottom: 25px;
box-shadow: 5px 5px 6px black;
}
h2, h3 {
color: #D56235;
}
a {
color: black;
}
li.github {
list-style: url(../img/Octocat.png);
}
li.twitter {
list-style: url(../img/Twitter_logo_blue.png);
}
p.credit {
position: absolute;
right: 1px;
bottom: 0px;
}
p.credit a {
color: white;
}
/*# sourceMappingURL=style.css.map */
{"version":3,"sourceRoot":"","sources":["../sass/style.sass"],"names":[],"mappings":"AAAA;EACI;EACA;;AAEJ;EAEI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AACJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;;AACA;EACI","file":"style.css"}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Timothée Girard, développeur web</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav>
<h2>Timothée Girard</h2>
<h3>Développeur web</h3>
<ul>
<li class="github"><a href="https://github.com/Titome">Github</a></li>
<li class="twitter"><a href="https://twitter.com/GirardTimothee">Twitter</a></li>
</ul>
<p>
<a href="https://gitlab.com/timotheegirard/timotheegirarddotcom"><em>Fork me i'm famous</em></a>
</p>
</nav>
<p class="credit"><a href="https://www.flickr.com/photos/vvilly/6548694417/in/dateposted/">"Paname Paname Paname ..." Wilfried Lesauvage © Tous droits réservés</a></p>
</body>
</html>
@font-face
font-family: fira-extraLight
src: url(../font/FiraSans-ExtraLight.otf)
body
//One-liner doesn't work...
background: url(../img/fond.jpg) center center no-repeat fixed
background-size: cover
font-family: fira-extraLight
nav
background-color: white
padding-left: 20px
padding-right: 20px
padding-top: 1px
padding-bottom: 7px
display: inline-block
position: absolute
left: 25px
bottom: 25px
box-shadow: 5px 5px 6px black
h2, h3
color: #D56235
a
color: black
li.github
list-style: url(../img/Octocat.png)
li.twitter
list-style: url(../img/Twitter_logo_blue.png)
p.credit
position: absolute
right: 1px
bottom: 0px
a
color: white
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment