tcharles/cv-online
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Removed photo

Browse source
This commit is contained in:
Crom (Thibaut CHARLES) 2022-11-25 15:37:12 +01:00
parent df62dada37
commit f1da5aa784
Signed by: tcharles
GPG key ID: 45A3D5F880B9E6D0
4 changed files with 23 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
css/main.css
View file

@ -4,50 +4,40 @@
font-family: "Noto Serif";
font-style: normal;
font-weight: 400;
src: url("/fonts/noto-serif-v6-latin-regular.eot");
/* IE9 Compat Modes */
src: local("Noto Serif"), local("NotoSerif"), url("/fonts/noto-serif-v6-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-regular.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-regular.woff") format("woff"), url("/fonts/noto-serif-v6-latin-regular.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-regular.svg#NotoSerif") format("svg");
/* Legacy iOS */
src: url("/fonts/noto-serif-v6-latin-regular.eot"); /* IE9 Compat Modes */
src: local("Noto Serif"), local("NotoSerif"), url("/fonts/noto-serif-v6-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-regular.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-regular.woff") format("woff"), url("/fonts/noto-serif-v6-latin-regular.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-regular.svg#NotoSerif") format("svg"); /* Legacy iOS */
}
/* noto-serif-italic - latin */
@font-face {
font-family: "Noto Serif";
font-style: italic;
font-weight: 400;
src: url("/fonts/noto-serif-v6-latin-italic.eot");
/* IE9 Compat Modes */
src: local("Noto Serif Italic"), local("NotoSerif-Italic"), url("/fonts/noto-serif-v6-latin-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-italic.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-italic.woff") format("woff"), url("/fonts/noto-serif-v6-latin-italic.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-italic.svg#NotoSerif") format("svg");
/* Legacy iOS */
src: url("/fonts/noto-serif-v6-latin-italic.eot"); /* IE9 Compat Modes */
src: local("Noto Serif Italic"), local("NotoSerif-Italic"), url("/fonts/noto-serif-v6-latin-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-italic.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-italic.woff") format("woff"), url("/fonts/noto-serif-v6-latin-italic.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-italic.svg#NotoSerif") format("svg"); /* Legacy iOS */
}
/* noto-serif-700 - latin */
@font-face {
font-family: "Noto Serif";
font-style: normal;
font-weight: 700;
src: url("/fonts/noto-serif-v6-latin-700.eot");
/* IE9 Compat Modes */
src: local("Noto Serif Bold"), local("NotoSerif-Bold"), url("/fonts/noto-serif-v6-latin-700.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-700.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-700.woff") format("woff"), url("/fonts/noto-serif-v6-latin-700.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-700.svg#NotoSerif") format("svg");
/* Legacy iOS */
src: url("/fonts/noto-serif-v6-latin-700.eot"); /* IE9 Compat Modes */
src: local("Noto Serif Bold"), local("NotoSerif-Bold"), url("/fonts/noto-serif-v6-latin-700.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-700.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-700.woff") format("woff"), url("/fonts/noto-serif-v6-latin-700.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-700.svg#NotoSerif") format("svg"); /* Legacy iOS */
}
/* noto-serif-700italic - latin */
@font-face {
font-family: "Noto Serif";
font-style: italic;
font-weight: 700;
src: url("/fonts/noto-serif-v6-latin-700italic.eot");
/* IE9 Compat Modes */
src: local("Noto Serif Bold Italic"), local("NotoSerif-BoldItalic"), url("/fonts/noto-serif-v6-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-700italic.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-700italic.woff") format("woff"), url("/fonts/noto-serif-v6-latin-700italic.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-700italic.svg#NotoSerif") format("svg");
/* Legacy iOS */
src: url("/fonts/noto-serif-v6-latin-700italic.eot"); /* IE9 Compat Modes */
src: local("Noto Serif Bold Italic"), local("NotoSerif-BoldItalic"), url("/fonts/noto-serif-v6-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-700italic.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-700italic.woff") format("woff"), url("/fonts/noto-serif-v6-latin-700italic.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-700italic.svg#NotoSerif") format("svg"); /* Legacy iOS */
}
/* croissant-one-regular - latin */
@font-face {
font-family: "Croissant One";
font-style: normal;
font-weight: 400;
src: url("/fonts/croissant-one-v5-latin-regular.eot");
/* IE9 Compat Modes */
src: local("Croissant One"), local("CroissantOne-Regular"), url("/fonts/croissant-one-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/croissant-one-v5-latin-regular.woff2") format("woff2"), url("/fonts/croissant-one-v5-latin-regular.woff") format("woff"), url("/fonts/croissant-one-v5-latin-regular.ttf") format("truetype"), url("/fonts/croissant-one-v5-latin-regular.svg#CroissantOne") format("svg");
/* Legacy iOS */
src: url("/fonts/croissant-one-v5-latin-regular.eot"); /* IE9 Compat Modes */
src: local("Croissant One"), local("CroissantOne-Regular"), url("/fonts/croissant-one-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/croissant-one-v5-latin-regular.woff2") format("woff2"), url("/fonts/croissant-one-v5-latin-regular.woff") format("woff"), url("/fonts/croissant-one-v5-latin-regular.ttf") format("truetype"), url("/fonts/croissant-one-v5-latin-regular.svg#CroissantOne") format("svg"); /* Legacy iOS */
}
nav#left {
position: fixed;
@ -90,6 +80,10 @@ nav#left figure figcaption {
font-size: 1.2em;
text-decoration: none;
}
nav#left figure img {
max-width: 80%;
border-radius: 0 0 50% 50%;
}
nav#left a {
outline: none !important;
display: block;
@ -280,7 +274,7 @@ nav#top:hover, nav#top:active {
float: left;
}
#section-main article h2 {
margin: 0-24px;
margin: -24px;
padding: 0.4em 24px;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
@ -478,7 +472,7 @@ nav#top:hover, nav#top:active {
}
#section-main article img.avatar {
border: none;
border-radius: 100%;
border-radius: 0 0 50% 50%;
max-height: 200px;
}
@ -695,7 +689,6 @@ body[data-page=home] nav#left .arrow {
#section-main {
left: 230px;
}
nav#left {
left: 0px;
}

2
index.html
View file

@ -27,7 +27,7 @@
<nav id="left">
<img class="arrow" src="img/ui/arrowleft.svg" alt=""/>
<figure>
<img class="photo" style="max-width: 80%; border-radius: 0 0 50% 50%;" src="img/avatar.png" alt="Thibaut CHARLES"/>
<img class="photo" src="img/avatar.png" alt="Thibaut CHARLES"/>
</figure>
<a href="/">Home</a>

4
scss/nav.scss
View file

@ -49,6 +49,10 @@ nav#left{
font-size: 1.2em;
text-decoration: none;
}
img {
max-width: 80%;
border-radius: 0 0 50% 50%;
}
}
// <a> =====================================

4
scss/section.scss
View file

@ -115,7 +115,7 @@ $ArticleFinalMargins: #{$ArticleBorderWidth + $ArticleBorderRadius};
}
h2{
margin: 0 -$ArticleFinalMargins;
margin: -$ArticleFinalMargins;
padding: 0.4em $ArticleFinalMargins;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
@ -369,7 +369,7 @@ $ArticleFinalMargins: #{$ArticleBorderWidth + $ArticleBorderRadius};
img.avatar {
border: none;
border-radius: 100%;
border-radius: 0 0 50% 50%;
max-height: 200px;
}
}