use svg for about-me

deploy.sh

@@ -6,5 +6,5 @@ echo $rootdir
 echo "Full Build"
 ./fullbuild.sh
 echo -n "Publishing"
-rsync --progress --partial -avHe ssh $rootdir/_site/ root@esy.fun:/var/www/her.esy.fun/ --delete
+./sync.sh
 echo " [done]"

src/about-me.org

@@ -8,9 +8,16 @@
 #+OPTIONS: H:5 auto-id:t
 #+STARTUP: showeverything
 
-#+ATTR_HTML: :style width:120px;display:block;margin-left:auto;margin-right:auto
-[[../img/FlatAvatar.png]]
-
+@@html:
+<div style="text-align:center">
+<svg width="10em" viewBox="0 0 64 64">
+<circle cx="32" cy="32" r="31" stroke="var(--base2)" stroke-width="1" fill="var(--base03)"/>
+<circle cx="32" cy="32" r="16" stroke="var(--red)" stroke-width="1" fill="var(--orange)"/>
+<circle cx="32" cy="32" r="8" stroke-width="0" fill="var(--yellow)"/>
+<ellipse cx="32" cy="12" rx="16" ry="10" stroke-width="0" fill="var(--base3)"/>
+</svg>
+</div>
+@@
 
 #+begin_notes
 *Sorry for the late reply*

sync.sh

@@ -0,0 +1,6 @@
+#!/usr/bin/env zsh
+
+rootdir=${0:h}
+echo $rootdir
+
+rsync --progress --partial -avHe ssh $rootdir/_site/ root@esy.fun:/var/www/her.esy.fun/ --delete