Merge pull request #20 from adsail/icon-svg-docsHEADmaster

Clarify background/icon usage in README, refine logo CSS

2 files changed, 56 insertions, 1 deletions

diff --git a/README.md b/README.md
index 7d13a74..21440a4 100644
--- a/README.md
+++ b/README.md
@@ -10,6 +10,7 @@ A hugo port of HTML5UP's responsive and minimal dimension theme. With native sup
   - [How to start](#how-to-start)
   - [How to configure](#how-to-configure)
   - [Post archetype](#post-archetype)
+    - [`background` and `logo` Params](#background-and-logo-params)
   - [How to run your site](#how-to-run-your-site)
   - [How to contribute](#how-to-contribute)
   - [Sponsoring](#sponsoring)
@@ -57,6 +58,56 @@ background: "<path or link to image>"
 logo: "<path or link to image>"
 ```
 
+### `background` and `logo` Params
+
+As indicated above, `background` and `logo` can be an image of your choice by placing JPGs, PNGs, SVGs, etc. in the `static` directory of your repository. If the `static` directory does not yet exist, create it. 
+
+Given the following repo structure:
+```
+  .
+  ├── config.toml
+  ├── content
+  │   ├── posts
+  │   │   └── _index.md
+  │   ├── _index.md
+  │   └── elements.md
+  ├── static
+  │   └── images
+  │       ├── custom_bg.jpg  
+  │       └── custom_logo.svg
+  └── archetypes
+      └── default.md
+```
+
+`static/images/custom_bg.jpg` can be referenced in `content/_index.md` as:
+```yaml
+  ---
+  title: Your Name
+  description: A great human
+  background: "images/custom_bg.jpg"
+  logo: "images/custom_logo.svg"
+  ---
+```
+
+...or in `content/posts/_index.md` as:
+```yaml
+  ---
+  title: Posts
+  description: A great human's posts
+  background: "../images/custom_bg.jpg"
+  logo: "../images/custom_logo.svg"
+  ---
+```
+
+Both fields may also be a URL to an online asset, such as:
+```yaml
+  ---
+  title: Posts
+  description: A great human's posts
+  logo: "https://upload.wikimedia.org/wikipedia/commons/8/8e/Font_Awesome_5_regular_gem.svg"
+  ---
+```
+
 ## How to run your site
 
 From your Hugo root directory run:
diff --git a/static/assets/css/main.css b/static/assets/css/main.css
index c670056..68d569b 100644
--- a/static/assets/css/main.css
+++ b/static/assets/css/main.css
@@ -157,6 +157,10 @@ input, select, textarea {
 		color: inherit;
 	}
 
+	.logo a {
+		border-bottom: unset;
+	}
+
 		a:hover {
 			border-bottom-color: transparent;
 		}
@@ -1667,4 +1671,4 @@ input, select, textarea {
 
 		body.is-preload #footer {
 			opacity: 0;
-		}
\ No newline at end of file
+		}