FIX theme toggler CHANGE image optimization ADD custom markdown image rendering

assets/scss/index.scss

@@ -161,6 +161,13 @@ a {
   z-index: 10;
 }
 
+#theme-toggler {
+  border: none;
+  background: inherit;
+  color: {{ .Site.Params.color.secondary }};
+  cursor: pointer;
+}
+
 /* Footer */
 
 .footer {
@@ -365,7 +372,7 @@ main > .content {
 }
 
 .hero > .content > .image {
-  max-width: 200px;
+  max-width: 150px;
 }
 
 .hero > .description {
@@ -397,7 +404,7 @@ main > .content {
   border-bottom: 3px solid {{ .Site.Params.color.primary }};
 }
 
-.hero > .content > div {
+.hero > .content > .heading {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
@@ -473,10 +480,18 @@ img {
   height: auto;
   margin: auto;
   object-fit: contain;
+  border-radius: 6px;
 }
 
 .avatar {
   border-radius: 50%;
   border: 3px solid {{ .Site.Params.color.primary }};
   object-fit: cover;
+}
+
+.caption {
+  text-align: center;
+  color: gray;
+  font-size: small;
+  margin: 0px;
 }