Use Site avatar variable and remove border from avatar

exampleSite/config.toml

@@ -11,6 +11,8 @@ pygmentsStyle = "emacs"
 
 [params]
   footer = "The Marauders"
+  description = "You miss 100% of the shots you don't take"
+  avatarURL = "https://upload.wikimedia.org/wikipedia/commons/7/7a/1859-Martinique.web.jpg"
 
 [menu]
   [[menu.main]]

themes/gokarna/layouts/index.html

@@ -1,9 +1,11 @@
 {{ define "main" }}
 <section class="home-about">
 	<div class="avatar">
-		<img alt="avatar" src="https://www.startpage.com/av/proxy-image?piurl=https%3A%2F%2Fencrypted-tbn0.gstatic.com%2Fimages%3Fq%3Dtbn%3AANd9GcSglXjS92JzGJeFHp4iwpFnP9RbjXnBe7DR2hDg3PSe_n3UBw%26s&sp=1625351290T763370d97b7d0cb466789c2d5f5e23a6dd4674cb572fc6450eddfef3d4b60370">
+        {{ if isset .Site.Params "avatarurl" }}
+        <img alt="avatar" src='{{ .Site.Params.AvatarURL }}'>
+        {{ end }}
 	</div>
-	<h1>Chaman Chutiya</h1>
+    <h1>{{ .Site.Title }}</h1>
-	<h2>Software Developer</h2>
+    <h3>{{ .Site.Params.Description }}</h3>
 </section>
 {{ end }}

themes/gokarna/layouts/partials/header.html

@@ -1,11 +1,13 @@
 <header class="header">
     <nav class="header-nav">
 
+        {{ if isset .Site.Params "avatarurl" }}
         <div class="avatar">
             <a href="{{ .Site.BaseURL }}">
-                <img src=".Site.Params.Avatar" alt="Avatar" />
+                <img src="{{ .Site.Params.AvatarURL }}" alt="avatar" />
             </a>
         </div>
+        {{ end }}
 
         <div class="nav-title">
             <a class="nav-brand" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>

themes/gokarna/static/css/main.css

@@ -61,7 +61,6 @@ main#content {
   color: teal;
 }
 .header-nav .avatar {
-  border: 0.5px solid white;
   border-radius: 18px;
   float: left;
   height: 100%;