Updated README.md and style.css

README.md

@@ -15,12 +15,20 @@ Inside the folder of your Hugo site, run:
 
 For more information, please read Hugo's official [setup guide](//gohugo.io/overview/installing/).
 
-### The config file
+### Configuration
 
 Take a look inside the [`exampleSite`](//github.com/digitalcraftsman/hugo-cactus-theme/tree/dev/exampleSite) folder of this theme. You'll find a file called [`config.toml`](//github.com/digitalcraftsman/hugo-cactus-theme/blob/dev/exampleSite/config.toml).
 
 To use it, copy the [`config.toml`](//github.com/digitalcraftsman/hugo-cactus-theme/blob/dev/exampleSite/config.toml) file to the root folder of your Hugo site. Feel free to change the strings as you like to customize your website.
 
+Required site params in the [`config.toml`](//github.com/digitalcraftsman/hugo-cactus-theme/blob/dev/exampleSite/config.toml) are:
+
+    [params]
+        name = "Your Name"
+        bio = "This is my blog. Thanks"
+
+Failure to set these params will result in a hugo build error.
+
 Make sure to update the `themesDir` property in the config file to point to your site's theme folder, otherwise an error will be thrown indicating the themes folder is unable to be found.
 
 ## About page

layouts/_default/single.html

@@ -22,7 +22,7 @@ <h2 class="headline">
 
 <footer id="post-meta" class="clearfix">
     {{ with .Site.Params.twitter }}<a href="https://twitter.com/{{ . }}">{{ end }}
-    <img class="avatar" src="{{ "images/avatar.png" | absURL }}">
+    <img class="avatar" src="{{ "images/avatar.jpg" | absURL }}">
     <div>
         <span class="dark">{{ .Site.Params.name }}</span>
         <span>{{ .Site.Params.aboutAuthor }}</span>

layouts/partials/footer.html

@@ -1,7 +1,4 @@
 <footer id="footer">
-    {{ if .Site.Social }}
-        {{ partial "social.html" . }}
-    {{ end }}
     <p class="small">
     {{ with .Site.Params.copyright }}
         {{ . | markdownify }}

layouts/partials/profile.html

@@ -2,10 +2,13 @@
     <section id="wrapper">
         <header id="header">
             <a href="{{ "about" | absURL }}">
-                <img id="avatar" class="2x" src="{{ "images/avatar.png" | absURL }}"/>
+                <img id="avatar" class="2x" src="{{ "images/avatar.jpg" | absURL }}"/>
             </a>
             <h1>{{ .Site.Params.name }}</h1>
             <h2>{{ .Site.Params.bio | markdownify }}</h2>
+                {{ if .Site.Social }}
+                    {{ partial "social.html" . }}
+                {{ end }}
         </header>
     </section>
 </div>

static/css/style.css

@@ -83,17 +83,17 @@ h2 {
 
 .profile #avatar {
 	display: inline-block;
-	width: 80px;
-	height: 80px;
-	border-radius: 50%;
+	width: 200px;
+	height: 200px;
+	border-radius: 100%;
 	margin-bottom: 20px;
 }
 
 .profile h1 {
-	font-weight: 400;
-	letter-spacing: 0px;
-	font-size: 20px;
-	color: #222;
+	font-weight: 300;
+	letter-spacing: 0.1em;
+	font-size: 2.5em;
+	color: #414f57;
 }
 
 .profile h2 {
@@ -180,10 +180,12 @@ a,
 	transition: all 0.15s ease;
 }
 
+#post-list li { list-style-position:inside; margin-left:0px}
+
 ul, ol 	{ margin:0; padding:0; margin-bottom: 20px; }
 ul { list-style-type:circle; }
 ol { list-style: decimal; }
-li	{  list-style-position:inside; }
+li { list-style-position:outside; margin-left: 20px; }
 
 /* Line Height */
 #post-body, p { line-height:1.7; }
@@ -648,13 +650,14 @@ h2.month {
     display: flex;
     flex-direction: row;
     justify-content: center;
+    margin: 25px 0;
 }
 
 a.symbol {
     color: #cdd4da;
-    font-size: 2rem;
+    font-size: 4rem;
     text-decoration: none;
-    margin-right: 0.3rem;
+    margin: 0 0.5rem 0;
 }
 
 a.symbol:hover {