add comments and identosphere CTA

_config.yml

@@ -30,7 +30,7 @@ masthead_title           : "Digital Identity Decentralized"
 # breadcrumbs            : false # true, false (default)
 words_per_minute         : 200
 comments:
-  provider               : # "staticman_v2"
+  provider               : "staticman_v2"
 staticman:
   allowedFields          : ["name", "email", "url", "message"]
   repository             : didecentral/didecentral.github.io 
@@ -40,15 +40,15 @@ staticman:
   format                 : "yml"
   moderation             : true
   path                   : "_data/comments/{options.slug}"
-  requiredFields         : ["name", "email", "message"]
+  requiredFields         : ["name", "message"]
   transforms:
     email                : "md5"
   generatedFields:
     date:
       type: "date"
       options:
-        format: "iso8601" # "iso8601" (default), "timestamp-seconds", "timestamp-milliseconds"
-  endpoint               : # https://staticman3.herokuapp.com/v3/entry/github/
+        format: "timestamp-seconds" #"timestamp-milliseconds"
+  endpoint               : http://identosphere.net:4411/v2/entry/
   reCaptcha:
     siteKey:
 atom_feed:
@@ -315,7 +315,7 @@ defaults:
       header:
         image: /images/digital_geralt-93001_thin.jpg
       read_time: true
-      comments: # true
+      comments: true
       share: true
       classes: wide
       related: true

_includes/comments.html

@@ -1,3 +1,19 @@
+<section class="page__comments">
+  <h2>Comments brought to you by</h2>
+  <center><a href="https://identosphere.net"><img src="/images/team-identosphere.png" alt="Team Identosphere" /></a></center>
+  <h3>Subscribe to their upcoming identity newsletter!!</h3>
+  
+  <form class="identosphere" method="POST" action="http://identosphere.net:4411/v2/entry/identosphere/identosphere-landing/master/subscribe">
+    <input name="options[redirect]" type="hidden" value="https://identosphere.net">
+    <!-- e.g. "2016-01-02-this-is-a-post" -->
+    <input name="options[slug]" type="hidden" value="didecentral">
+    <input name="fields[name]" type="text" placeholder="Name">
+    <input name="fields[email]" type="email" placeholder="Email">
+    <input name="fields[message]" type="text" placeholder="Areas of Interest">
+  
+    <center><button type="submit">Subscribe</button></center>
+  </form>
+</section>
 <div class="page__comments">
   {% capture comments_label %}{{ site.data.ui-text[site.locale].comments_label | default: "Comments" }}{% endcapture %}
   {% case site.comments.provider %}

_includes/social-share.html

@@ -1,31 +1,7 @@
 <section class="page__share">
-<h2><a href="https://github.com/didecentral/didecentral.github.io/blob/master/{{ page.path }}" class="edit">Edit this page <i class="fa fa-pencil"></i></a></h2>
 <h3>Social Share</h3>
 <a href="https://twitter.com/intent/tweet?{% if site.twitter.username %}via={{ site.twitter.username | url_encode }}&{% endif %}text={{ page.title | url_encode }}%20{{ page.url | absolute_url | url_encode }}" class="btn btn--twitter" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="Share on Twitter"><i class="fab fa-fw fa-twitter" aria-hidden="true"></i><span> Twitter</span></a>
 <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }}" class="btn btn--facebook" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="Share on Facebook"><i class="fab fa-fw fa-facebook" aria-hidden="true"></i><span> Facebook</span></a>
 <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url | url_encode }}" class="btn btn--linkedin" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="Share on LinkedIn"><i class="fab fa-fw fa-linkedin" aria-hidden="true"></i><span> LinkedIn</span></a>
 <a href="https://www.reddit.com/submit?url={{ page.url | absolute_url | url_encode }}&title={{ page.title | url_encode }}" class="btn btn--reddit" title="Share on Reddit"><i class="fab fa-fw fa-reddit" aria-hidden="true"></i><span> Reddit</span></a>
-<h3>Tips Welcome</h3>
-<table class="table table-bordered table-hover table-condensed">
-  <thead>
-    <tr>
-      <th title="Field #1">Bitcoin</th>
-      <th title="Field #2">DOGE</th>
-    </tr>
-    </thead>
-    <tbody>
-    <tr>
-      <td>1D9382Y1hwF9mx8tRu8ZUVxcm2aq6yZDYR</td>
-      <td>D9y38ChAZP9aZG2mAJ94VAynAG4YGSvTpp</td>
-    </tr>
-    <tr>
-      <td><img src="https://imgur.com/j1hzcTo.png" width="150"></td>
-      <td><img src="/images/doge-address.png" width="150"></td>
-    </tr>
-  </tbody>
-</table>  
-<!-- Beginning of tippin.me Button -->
-<div id="tippin-button" data-dest="didecentral"></div>
-<script src="https://tippin.me/buttons/tip.js" type="text/javascript"></script>
-<!-- End of tippin.me Button -->
 </section>

_includes/tag-list.html

@@ -1,3 +1,5 @@
+<h3><a href="https://github.com/didecentral/didecentral.github.io/blob/master/{{ page.path }}" class="edit">Edit this page <i class="fa fa-pencil"></i></a></h3>
+
 {% case site.tag_archive.type %}
   {% when "liquid" %}
     {% assign path_type = "#" %}

_layouts/single.html

@@ -45,7 +45,7 @@ layout: default
         {{ content }}
         {% if page.link %}<div><a href="{{ page.link }}" class="btn btn--primary">{{ site.data.ui-text[site.locale].ext_link_label | default: "Direct Link" }}</a></div>{% endif %}
       </section>
-
+      {% if page.share %}{% include social-share.html %}{% endif %}
       <footer class="page__meta">
         {% if site.data.ui-text[site.locale].meta_label %}
           <h4 class="page__meta-title">{{ site.data.ui-text[site.locale].meta_label }}</h4>
@@ -58,14 +58,11 @@ layout: default
         {% endif %}
       </footer>
 
-      {% if page.share %}{% include social-share.html %}{% endif %}
-
-      {% include post_pagination.html %}
     </div>
-
-    {% if jekyll.environment == 'production' and site.comments.provider and page.comments %}
+    {% if site.comments.provider and page.comments %}
       {% include comments.html %}
     {% endif %}
+    </section>
   </article>
 
   {% comment %}<!-- only show related on a post page when `related: true` -->{% endcomment %}

_sass/minimal-mistakes/_page.scss

@@ -217,8 +217,8 @@
    ========================================================================== */
 
 .page__share {
-  margin-top: 2em;
-  padding-top: 1em;
+  margin-top: 1em;
+  padding-top: .5em;
   border-top: 1px solid $border-color;
 
   @include breakpoint(max-width $small) {
@@ -236,17 +236,36 @@
 }
 
 .page__share-title {
-  margin-bottom: 10px;
+  margin-bottom: 5px;
   font-size: $type-size-6;
   text-transform: uppercase;
 }
 
+.identosphere {
+  width: 50%;
+  margin-left: auto;
+  margin-right: auto;
+  input {
+    text-align: center;
+  }
+  
+  ::-webkit-input-placeholder {
+    text-align: center;
+  }
+  
+  :-moz-placeholder {
+    text-align: center;
+  }
+}
+
+
+
 /*
    Page meta
    ========================================================================== */
 
 .page__meta {
-  margin-top: 2em;
+  margin-top: .05em;
   color: $muted-text-color;
   font-family: $sans-serif;
   font-size: $type-size-6;
@@ -271,6 +290,7 @@
    ========================================================================== */
 
 .page__taxonomy {
+  margin-bottom: .05em;
   .sep {
     display: none;
   }
@@ -296,8 +316,8 @@
 }
 
 .taxonomy__section {
-  margin-bottom: 2em;
-  padding-bottom: 1em;
+  margin-bottom: 1em;
+  padding-bottom: .05em;
 
   &:not(:last-child) {
     border-bottom: solid 1px $border-color;
@@ -377,8 +397,8 @@
 
 .page__comments-title {
   margin-top: 2rem;
-  margin-bottom: 10px;
-  padding-top: 2rem;
+  margin-bottom: 5px;
+  padding-top: 1rem;
   font-size: $type-size-6;
   border-top: 1px solid $border-color;
   text-transform: uppercase;