Different lang for CV and menu
This commit is contained in:
parent
576e19e4e9
commit
d9b33923e6
@ -3,3 +3,43 @@
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
a.no-underline {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.no-margin {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.big-flag {
|
||||
margin: .1em;
|
||||
font-size: 4em;
|
||||
}
|
||||
|
||||
div#menu {
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
div#menu h2.menu-top {
|
||||
padding: 5px;
|
||||
border: 1px solid var(--main-a-color);
|
||||
border-width: 1px 1px 0px 1px;
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
}
|
||||
|
||||
div#menu div.menu-bottom {
|
||||
color: var(--main-a-color);
|
||||
padding: 5px;
|
||||
border: 1px solid var(--main-a-color);
|
||||
border-width: 0px 1px 1px 1px;
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
}
|
||||
|
||||
div#menu div.menu-bottom div.menu-flag {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div#menu div.menu-bottom:hover > div.menu-flag {
|
||||
display: block;
|
||||
}
|
11
index.html
11
index.html
@ -20,7 +20,16 @@
|
||||
|
||||
<h2><a href="./portfolio/index.html" class="button">Portfolio</a></h2>
|
||||
|
||||
<h2><a href="cv.pdf" class="button">CV / Resume</a></h2>
|
||||
<div id="menu">
|
||||
<h2 class="no-margin menu-top"><a href="cv.pdf" class="no-underline">CV / Resume</a></h2>
|
||||
<div class="menu-bottom">
|
||||
<h2 class="no-margin"></h2>
|
||||
<div class="menu-flag">
|
||||
<a href="./cv_fr.pdf" class="no-underline big-flag">🇫🇷</a>
|
||||
<a href="./cv.pdf" class="no-underline big-flag">🇬🇧</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img src="wip.gif"/>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user