Make avatar on home page larger

This commit is contained in:
Brandon Rozek 2021-10-12 00:58:03 -04:00
parent 875bc85ad5
commit 8e819b33dd
2 changed files with 14 additions and 1 deletions

View file

@ -42,6 +42,10 @@ header .avatar {
height: 100px; height: 100px;
} }
.home .avatar {
height: 250px;
}
header .avatar img { header .avatar img {
position: absolute; position: absolute;
width: 100px; width: 100px;
@ -50,11 +54,20 @@ header .avatar img {
right: 0; right: 0;
} }
.home .avatar img {
width: 250px;
}
header .avatarMask { header .avatarMask {
clip-path: circle(48px at center); clip-path: circle(48px at center);
-webkit-clip-path: circle(48px at center); -webkit-clip-path: circle(48px at center);
} }
.home .avatarMask {
clip-path: circle(120px at center);
-webkit-clip-path: circle(120px at center);
}
/* Footer */ /* Footer */
footer { footer {
font-size: 12px; font-size: 12px;

View file

@ -4,7 +4,7 @@
<body> <body>
<div id="profileContainer"> <div id="profileContainer">
<div id="profile"> <div id="profile">
<header> <header class="home">
<!-- avator --> <!-- avator -->
<div class="avatar"> <div class="avatar">
<img class="avatarMask" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.avatar }}" alt="avatar"> <img class="avatarMask" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.avatar }}" alt="avatar">