avatar

opal

wowaname

wowana.me

website source 

commit 361c93aba29e82d986d958e15aa109cdc8d00ee8
parent c0abc38f7d70786f62cb942b8ce6a951bca9e4aa
Author: opal hart <opal@wowana.me>
Date:   Tue,  9 Mar 2021 02:54:40 +0000

modify avatar and its styling

Diffstat:

Mout/opal.css | 12++++++++++--


Msrc/header.inc | 2+-


2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/out/opal.css b/out/opal.css
@@ -10,7 +10,10 @@ body {
 	display: flex;
 }
 .avatar {
+	background-color: #ffe2f7;
 	border-radius: .3em .3em 0 0;
+	height: 290px;
+	width: 290px;
 }
 .sidebar-holder {
 	display: inline-block;
@@ -61,11 +64,16 @@ body {
 	.avatar {
 		border-radius: 100%;
 		display: block;
-		margin: 0 auto;
-		padding: 10px;
+		margin: 10px auto;
+		padding: 0;
 		height: 4em;
 		width: 4em;
 	}
+	.avatar img {
+		border-radius: 100%;
+		height: 100%;
+		width: 100%;
+	}
 	.sidebar h1,
 	.sidebar .subheader {
 		display: inline;
diff --git a/src/header.inc b/src/header.inc
@@ -12,7 +12,7 @@
 	<body>
 		<div class="sidebar-holder">
 			<header class="sidebar">
-				<img class="avatar" src="https://seccdn.libravatar.org/avatar/bb7163135b77def7691f06a4e295f3d4?s=290" alt="Libravatar"/>
+				<div class="avatar"><img class="mono-image" src="/files/avatar.png" alt="avatar"/></div>
 				<h1><a class="nolink" href="/">opal</a></h1>
 				<p class="subheader">wowaname</p>
 				<nav class="topnav">