wip
This commit is contained in:
parent
e70f7c2669
commit
54bbb7e771
2 changed files with 52 additions and 14 deletions
41
index.html
41
index.html
|
@ -6,6 +6,7 @@
|
|||
<meta name="description" content="CV">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Curriculum Vitæ</title>
|
||||
<link rel="stylesheet" href="styles/reset.css">
|
||||
<link rel="stylesheet" href="styles/light.css">
|
||||
|
||||
</head>
|
||||
|
@ -14,12 +15,48 @@
|
|||
<header>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
</main>
|
||||
<!-- columns / start -->
|
||||
<div class="columns">
|
||||
|
||||
<aside>
|
||||
|
||||
<img class="photo" src="" alt="Me in front">
|
||||
|
||||
<p>Marc Beninca</p>
|
||||
|
||||
<section>Contact
|
||||
<table>
|
||||
<tr>
|
||||
<td>E-mail</td>
|
||||
<td>cv<img class="inline" src="images/at.svg" alt="at">marc.beninca.link</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Mobile</td>
|
||||
<td>+33 6 07 47 84 34</td>
|
||||
</tr>
|
||||
</table>
|
||||
</section>
|
||||
|
||||
<ul>
|
||||
<li><a href="https://linkedin.com/in/marc-beninca">Forge</a></li>
|
||||
<li><a href="https://forge.rwx.work">Forge</a></li>
|
||||
</ul>
|
||||
|
||||
</aside>
|
||||
|
||||
<main>
|
||||
|
||||
<section>Experience
|
||||
</section>
|
||||
|
||||
<section>Education
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<!-- columns / end -->
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
</footer>
|
||||
|
||||
|
|
|
@ -2,25 +2,26 @@ html {
|
|||
font-family: DejaVu Sans Mono, monospace;
|
||||
}
|
||||
|
||||
img.inline {
|
||||
block-size: 1.5em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.columns {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
@media (width > 80ch) {
|
||||
.columns {
|
||||
grid-template-columns: 1fr 2fr;
|
||||
}
|
||||
.columns { grid-template-columns: 2fr 1fr; }
|
||||
aside { order: 2; }
|
||||
main { order: 1; }
|
||||
}
|
||||
|
||||
@media print {
|
||||
@page {
|
||||
size: A4;
|
||||
}
|
||||
html {
|
||||
font-size: 4mm;
|
||||
}
|
||||
.columns {
|
||||
grid-template-columns: 1fr 2fr;
|
||||
}
|
||||
@page { size: A4; }
|
||||
html { font-size: 4mm; }
|
||||
.columns { grid-template-columns: 2fr 1fr; }
|
||||
aside { order: 2; }
|
||||
main { order: 1; }
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue