mirror of
https://github.com/Brandon-Rozek/website-theme.git
synced 2024-11-09 10:50:34 -05:00
Make avatar on home page larger
This commit is contained in:
parent
875bc85ad5
commit
8e819b33dd
2 changed files with 14 additions and 1 deletions
|
@ -42,6 +42,10 @@ header .avatar {
|
|||
height: 100px;
|
||||
}
|
||||
|
||||
.home .avatar {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
header .avatar img {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
|
@ -50,11 +54,20 @@ header .avatar img {
|
|||
right: 0;
|
||||
}
|
||||
|
||||
.home .avatar img {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
header .avatarMask {
|
||||
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 {
|
||||
font-size: 12px;
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<body>
|
||||
<div id="profileContainer">
|
||||
<div id="profile">
|
||||
<header>
|
||||
<header class="home">
|
||||
<!-- avator -->
|
||||
<div class="avatar">
|
||||
<img class="avatarMask" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.avatar }}" alt="avatar">
|
||||
|
|
Loading…
Reference in a new issue