customisable headshot

README.md

@@ -0,0 +1,5 @@
+
+
+## How to change about me headshot
+
+Add the headshot image you want to use to the `static/img` directory. Then uncomment the `headshot=` option under `[param.about]`. Set this option to the filename and only the filename.

config.toml

@@ -1,6 +1,7 @@
+
 baseURL = 'http://example.org/'
 languageCode = 'en-us'
-title = 'My New Hugo Site'
+title = 'SITENAME'
 theme = "sophie-lewis"
 
 [params]
@@ -8,9 +9,11 @@ navbar = ["about", "writing", "videos", "get-in-touch"]
     [params.header]
     name = "Sophie Lewis"
     subtitle = "Writer & Philosopher"
+    [params.about]
+    #headshot = 
 
+# DON'T EDIT BELOW
 
 [markup.goldmark.renderer]
-hardWraps = false
 unsafe = true
-xhtml = true
+xhtml = true

themes/sophie-lewis/layouts/_default/single.html

@@ -4,7 +4,17 @@
     <div class="columns">
       <div class="column is-one-third">
         <div class="headshot">
-          <img src='{{relURL "img/example_headshot-masterchief.png"}}'>
+          {{ $img := relURL "img/headshot_example.png"}}
+          {{ if isset $.Site.Params.about "headshot" }}
+            {{ if fileExists ( printf "static/img/%s" $.Site.Params.about.headshot ) }}
+              {{ $img := relURL ( printf "img/%s" $.Site.Params.about.headshot )}}
+              <img src='{{ $img }}'>
+            {{ else }}
+              <img src='{{ $img }}'>
+            {{ end }}
+          {{ else }}
+            <img src='{{ $img }}'>
+          {{ end }}
         </div>
       </div>
       <div class="column">

themes/sophie-lewis/theme.toml

@@ -2,20 +2,9 @@
 # See https://github.com/gohugoio/hugoThemes#themetoml for an example
 
 name = "Sophie Lewis"
-license = "MIT"
-licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE"
 description = ""
-homepage = "http://example.com/"
-tags = []
-features = []
 min_version = "0.41.0"
 
 [author]
   name = ""
   homepage = ""
-
-# If porting an existing theme
-[original]
-  name = ""
-  homepage = ""
-  repo = ""