Removed photo

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

View File

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

View File

@ -27,7 +27,7 @@
<nav id="left"> <nav id="left">
<img class="arrow" src="img/ui/arrowleft.svg" alt=""/> <img class="arrow" src="img/ui/arrowleft.svg" alt=""/>
<figure> <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> </figure>
<a href="/">Home</a> <a href="/">Home</a>

View File

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

View File

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