CV finishing touch
This commit is contained in:
parent
7c7963d656
commit
3682b96bec
4 changed files with 44 additions and 2 deletions
26
css/cv.css
26
css/cv.css
|
@ -16,6 +16,7 @@ h2 {
|
|||
}
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.5rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
hr {
|
||||
|
@ -26,11 +27,36 @@ hr {
|
|||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
nav {
|
||||
text-align: right;
|
||||
}
|
||||
li.homepage::marker {
|
||||
content: '🏠';
|
||||
}
|
||||
li.email::marker {
|
||||
content: '📧';
|
||||
}
|
||||
|
||||
summary {
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr;
|
||||
cursor: pointer;
|
||||
}
|
||||
summary::before {
|
||||
content: '🡆';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 100%;
|
||||
font-weight: 800;
|
||||
height: 1.5rem;
|
||||
line-height: 1.5rem;
|
||||
padding-right: .5rem;
|
||||
transition: 250ms;
|
||||
}
|
||||
details[open] summary::before {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
summary>:first-child {
|
||||
grid-column: 1;
|
||||
text-align: left;
|
||||
|
|
|
@ -59,8 +59,6 @@ footer li span {
|
|||
}
|
||||
footer a {
|
||||
color: #dededede;
|
||||
text-decoration: none;
|
||||
transition: color 50ms;
|
||||
}
|
||||
footer a:hover {
|
||||
color: #ffffffde;
|
||||
|
|
12
css/main.css
12
css/main.css
|
@ -25,4 +25,16 @@ h2 {
|
|||
}
|
||||
h1 {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #121212de;
|
||||
text-decoration: none;
|
||||
transition: color 50ms;
|
||||
}
|
||||
a:hover {
|
||||
color: #242424de;
|
||||
}
|
||||
a:active {
|
||||
color: #363636de;
|
||||
}
|
|
@ -38,6 +38,12 @@
|
|||
</head>
|
||||
<body>
|
||||
<h1>Edgar P. Burkhart</h1>
|
||||
<nav>
|
||||
<ul>
|
||||
<li class="homepage"><a href="https://edgarpierre.fr">edgarpierre.fr</a></li>
|
||||
<li class="email"><a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<h2>Work Experience</h2>
|
||||
<details>
|
||||
|
|
Reference in a new issue