publish posts

use dark background photo and style img with border

config.toml

@@ -15,7 +15,7 @@ publishDir = "blog"
   author = "Ray Elliott"
   info = "Hello World!"
 
-  avatarurl = "/images/profile--desat.jpg"
+  avatarurl = "/images/profile--bg-darker.jpg"
   favicon_32 = "/images/favicon-32x32.png"
   favicon_16 = "/images/favicon-16x16.png"
 

content/posts/flowmm.md

@@ -4,7 +4,7 @@ date: 2020-02-08T12:27:18Z
 categories: ["Portfolio"]
 tags: ["Vue", "Nuxt"]
 featured_image: "/images/flowmm/flowmm-home.jpg"
-draft: true
+draft: false
 ---
 
 **Flow Model Management** is a fictitious modelling agency.

content/posts/leopold.md

@@ -1,5 +1,5 @@
 +++ 
-draft = true
+draft = false
 date = 2020-02-01T18:54:46Z
 title = "Marc Leopold Photography"
 description = ""

content/posts/stanthams.md

@@ -1,5 +1,5 @@
 +++ 
-draft = true
+draft = false
 date = 2020-01-20T18:55:00Z
 title = "Charles Stantham Legal Services"
 description = ""
@@ -25,7 +25,7 @@ The theme I chose, that would be a starting point for the site, was [OceanWP](ht
 figure
 src="/images/logos/oceanwp-blue-icon.png"
 alt="The OceanWP icon."
-class="icon-inline"
+class="icon-inline oceanwp-icon"
 caption="There were a number of reasons why using OceanWP is appropriate for a project such as this:"
 >}}
 

static/css/custom.css

@@ -2,13 +2,20 @@
   text-transform: none;
 }
 
-body.colorscheme-light .avatar img {
-  border-radius: 31%;
+.about .avatar img {
+  width: 14rem;
+  border: 3px solid #044958;
+  padding: 2px;
 }
 
-@media (prefers-color-scheme: light) {
+body.colorscheme-dark .avatar img {
+  border: 2px solid #002e34;
+  padding: 0;
+}
+
+@media (prefers-color-scheme: dark) {
   body.colorscheme-auto .avatar img {
-    border-radius: 31%;
+    border: 2px solid #002e34;
   }
 }
 
@@ -101,6 +108,11 @@ body.colorscheme-light .avatar img {
   }
 }
 
+.oceanwp-icon > img {
+  background-color: #e1f2fa;
+  border-radius: 6px;
+}
+
 /*
  * logos
 */