add post and extra legal, revamp home page

themes/gokarna/assets/css/main.css

@@ -69,11 +69,11 @@ html {
 }
 
 body {
-  margin-bottom: 170px;
+  margin-bottom: 0;
 }
 
 body.blog-post.has-post-navigation {
-  margin-bottom: 80px;
+  margin-bottom: 0;
 }
 
 b,
@@ -301,15 +301,14 @@ a:hover .feather-sun {
 
 /* FOOTER */
 .footer {
-  bottom: 0;
   color: inherit;
-  left: 0;
-  margin-left: 30%;
+  margin: 60px auto 0;
+  max-width: 600px;
   overflow: hidden;
-  padding: 40px 0;
-  position: absolute;
+  padding: 40px 20px;
   text-align: center;
-  width: 40%;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .footer span {
@@ -604,6 +603,16 @@ table td {
   vertical-align: middle;
 }
 
+.view-all {
+  display: inline-block;
+  margin-top: 1.0rem;
+  font-size: 0.85rem;
+  text-decoration: none;
+  color: var(--accent-color);
+  border-top: 1px solid var(--light-secondary-color);
+  padding-top: 0.6rem;
+}
+
 .home-projects-card .view-all {
   display: block;
   margin-top: 0.8rem;
@@ -614,10 +623,49 @@ table td {
   padding-top: 0.6rem;
 }
 
-.home-projects-card .view-all:hover {
+.view-all:hover {
   text-decoration: underline;
 }
 
+/* HOME CONNECT blurb */
+.home-connect {
+  width: 80%;
+  margin: 2rem auto 0;
+  text-align: center;
+  font-size: 0.9rem;
+  color: var(--light-muted-color);
+}
+
+.home-connect a {
+  color: var(--accent-color);
+  text-decoration: none;
+}
+
+.home-connect a:hover {
+  text-decoration: underline;
+}
+
+.rss-info {
+  display: inline-block;
+  width: 1.1em;
+  height: 1.1em;
+  line-height: 1.1em;
+  text-align: center;
+  font-size: 0.7em;
+  font-weight: 700;
+  border-radius: 50%;
+  border: 1px solid var(--light-muted-color);
+  color: var(--light-muted-color) !important;
+  margin-left: 0.2em;
+  vertical-align: super;
+  text-decoration: none !important;
+}
+
+.rss-info:hover {
+  border-color: var(--accent-color);
+  color: var(--accent-color) !important;
+}
+
 /* SINGLE */
 .post [role="doc-subtitle"] {
   font-size: 1.1em;
@@ -855,6 +903,10 @@ table td {
     min-width: unset;
   }
 
+  .home-connect {
+    width: auto;
+  }
+
   main#content .container {
     width: 100%;
   }
@@ -876,8 +928,7 @@ table td {
   }
 
   .footer {
-    margin-left: 0;
-    width: 100%;
+    padding: 40px 15px;
   }
 }