mirror of
https://github.com/Brandon-Rozek/website-theme.git
synced 2024-11-21 07:46:30 -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;
|
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;
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue