igor
/
igor.milhit
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

Réorganisation de l'en-tête + simplification : 

* retour à la skeleton.css d'origine
   * déplacement de l'avatar dans l'en-tête
web-fediverse-moi 0.1.0
igor milhit 2015-09-27 19:57:37 +02:00
parent 3ccf24f9b7
commit 6f753ddcce
No known key found for this signature in database
GPG Key ID: 3E9D7C1605E40FCD
3 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/skeleton.css vendored
View File

@ -119,7 +119,7 @@
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
font-size: 90%; }
font-size: 62.5%; }
body {
font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
line-height: 1.6;

22
css/style.css
View File

@ -4,6 +4,7 @@
body {
font-family: "merriweatherlight", serif;
font-size: 1.6rem;
color: rgba(0, 0, 0, 0.6);
}
@ -11,15 +12,20 @@ body {
/* ----------- titre ---------- */
header {
padding: 1em 0 1em 0;
display: flex;
align-items: center;
margin: 2em 0;
background-color: rgba(103, 83, 108, 1); */
}
header h2::before {
content: " : ";
#avatar {
border-radius: 50%;
padding: .5em;
}
h1,h2 {
display: inline-block;
h1 {
color: rgba(238, 215, 244, 1);
margin: 0;
}
/* ----------- carte ---------- */
@ -28,12 +34,6 @@ h1,h2 {
padding-bottom: 1em;
}
#avatar {
width: 100%;
border: solid 1px rgba(103, 83, 108, 0.8);
border-radius: 50%;
}
#carte ul {
list-style-type: none;
}

12
index.html
View File

@ -9,7 +9,6 @@
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
@ -17,20 +16,21 @@
<div class="container">
<header>
<img id="avatar" alt="mon avatar, un micket fâché, en rose et violet" src="img/avatar.svg">
<h1>iGor milhit</h1>
</header>
<section id="carte" class="row">
<div class="three columns" id="avatar-cell">
<a href="." title="mon ePortfolio"><img id="avatar" src="img/avatar.svg"></a>
</div>
<div class="nine columns">
<div class="six columns" id="email-prive">
<ul>
<li>privé : <a href="mailto:igor@milhit.ch" title="m'écrire">igor@milhit.ch</a></li>
<li>clé publique : <a href="igor-milhit.asc" title="ma clé publique">igor-milhit-pub.asc</a></li>
<li>empreinte : <span id="empreinte">9347 2713 B56F 31D4 724A 8972 3E9D 7C16 05E4 0FCD</span></li>
</ul>
</div>
<div class="six columns">
<ul>
<li>professionnel : <a href="mailto:igor.milhit@hesge.ch" title="m'écrire sur mon e-mail professionnel">igor.milhit@hesge.ch</a></li>
<li>veille : <a href="https://id-libre.org/shaarli" title="mon site de social-bookmarking">id-libre.org/shaarli</a></li>
<li>CV (pdf) : <a href="cv-igor-milhit.pdf" title="Mon CV, en format PDF, mis à jour">cv-igor-milhit.pdf</a></li>