edpibu/Web
edpibu/Web
Archived
1
Fork 0
Code Issues Pull requests Releases 7 Activity

CV finishing touch

Browse source
This commit is contained in:
Edgar P. Burkhart 2021-04-10 11:03:34 +02:00
parent 7c7963d656
commit 3682b96bec
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
4 changed files with 44 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
css/cv.css
View file

@ -16,6 +16,7 @@ h2 {
} }
h3 { h3 {
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1.5rem;
font-weight: 800; font-weight: 800;
} }
hr { hr {
@ -26,11 +27,36 @@ hr {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
nav {
text-align: right;
}
li.homepage::marker {
content: '🏠';
}
li.email::marker {
content: '📧';
}
summary { summary {
position: relative;
display: grid; display: grid;
grid-template-columns: 2fr 1fr; grid-template-columns: 2fr 1fr;
cursor: pointer; 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 { summary>:first-child {
grid-column: 1; grid-column: 1;
text-align: left; text-align: left;

2
css/index.css
View file

@ -59,8 +59,6 @@ footer li span {
} }
footer a { footer a {
color: #dededede; color: #dededede;
text-decoration: none;
transition: color 50ms;
} }
footer a:hover { footer a:hover {
color: #ffffffde; color: #ffffffde;

12
css/main.css
View file

@ -26,3 +26,15 @@ h2 {
h1 { h1 {
font-weight: 300; font-weight: 300;
} }
a {
color: #121212de;
text-decoration: none;
transition: color 50ms;
}
a:hover {
color: #242424de;
}
a:active {
color: #363636de;
}

6
cv/index.html
View file

@ -38,6 +38,12 @@
</head> </head>
<body> <body>
<h1>Edgar P. Burkhart</h1> <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> <h2>Work Experience</h2>
<details> <details>