formatting and semantics

_includes/author.html

@@ -12,8 +12,7 @@
         href="{{ author.gpg }}" rel="pgpkey authn">GPG</a>{% endif %}</p>
     <p class="date">
       Published the
-
+      <time datetime="{{ page.date }}">{% include dates.html %}</time>
-      {% include dates.html %}
     </p>
 
     {% endif %}

_layouts/post.html

@@ -4,7 +4,53 @@ layout: default
 {% if page.category == 'releases' %}
 
 {% include header.html %}
+<script type="text/javascript">
 
+  function generateRandomPosts()
+  {
+      $.getJSON("/posts.json", function(data) {
+          console.log("[posts.json loaded for random posts]");
+
+          var postsCount = data.length;
+          var posts = data;
+
+          var randomIndexUsed = [];
+          var counter = 0;
+          var numberOfPosts = 1;
+
+          var divRandomPosts = $("#random_posts");
+
+          while (counter < numberOfPosts)
+          {
+              var randomIndex = Math.floor(Math.random() * postsCount);
+
+              if (randomIndexUsed.indexOf(randomIndex) == "-1")
+              {
+                  var postHREF = posts[randomIndex].href;
+                  var postTitle = posts[randomIndex].title;
+
+                  if (counter == (numberOfPosts - 1))
+                  {
+                      divRandomPosts.append('<a class="button" href="' + postHREF + '">🔥</a>');
+                  }
+                  else
+                  {
+                      divRandomPosts.append('<a class="button" href="' + postHREF + '">🔥</a>');
+                  }
+
+                  randomIndexUsed.push(randomIndex);
+
+                  counter++;
+              }
+          }
+      });
+  }
+
+  $(document).ready(function() {
+      generateRandomPosts();
+  });
+
+</script>
 <section id="play">
  <div class="album-player">
 
@@ -111,9 +157,11 @@ layout: default
     </div>
     {% endif %}
     <p class="right" id="npTitle" style="font-weight: bold;"></p>
-    <p class="left" id="npAction">Paused...</p>
-  </div>
 
+    <p id="npTitle" style="font-weight: bold;"></p>
+    <div id="random_posts" style="margin-right: 40px;"></div>
+  </div>
+    
 </div>
 
 {% if onetracker > 1 %}

_layouts/track.html

@@ -11,48 +11,36 @@ layout: default
 {% endfor %}
 <script type="text/javascript">
 
-  function generateRandomPosts()
+  function generateRandomPosts() {
-  {
+    $.getJSON("/posts.json", function (data) {
-      $.getJSON("/posts.json", function(data) {
+      console.log("[posts.json loaded for random posts]");
-          console.log("[posts.json loaded for random posts]");
+      var postsCount = data.length;
+      var posts = data;
+      var randomIndexUsed = [];
+      var counter = 0;
+      var numberOfPosts = 1;
+      var divRandomPosts = $("#random_posts");
+      while (counter < numberOfPosts) {
+        var randomIndex = Math.floor(Math.random() * postsCount);
+        if (randomIndexUsed.indexOf(randomIndex) == "-1") {
+          var postHREF = posts[randomIndex].href;
+          var postTitle = posts[randomIndex].title;
 
-          var postsCount = data.length;
+          if (counter == (numberOfPosts - 1)) {
-          var posts = data;
+            divRandomPosts.append('<a class="button" href="' + postHREF + '">🔥</a>');
-
-          var randomIndexUsed = [];
-          var counter = 0;
-          var numberOfPosts = 1;
-
-          var divRandomPosts = $("#random_posts");
-
-          while (counter < numberOfPosts)
-          {
-              var randomIndex = Math.floor(Math.random() * postsCount);
-
-              if (randomIndexUsed.indexOf(randomIndex) == "-1")
-              {
-                  var postHREF = posts[randomIndex].href;
-                  var postTitle = posts[randomIndex].title;
-
-                  if (counter == (numberOfPosts - 1))
-                  {
-                      divRandomPosts.append('<a class="button" href="' + postHREF + '">🔥</a>');
-                  }
-                  else
-                  {
-                      divRandomPosts.append('<a class="button" href="' + postHREF + '">🔥</a>');
-                  }
-
-                  randomIndexUsed.push(randomIndex);
-
-                  counter++;
-              }
           }
-      });
+          else {
+            divRandomPosts.append('<a class="button" href="' + postHREF + '">🔥</a>');
+          }
+          randomIndexUsed.push(randomIndex);
+          counter++;
+        }
+      }
+    });
   }
 
-  $(document).ready(function() {
+  $(document).ready(function () {
-      generateRandomPosts();
+    generateRandomPosts();
   });
 
 </script>

index.html

@@ -15,7 +15,7 @@ apps:
     icon: 📺
     external: true
   - name: Read
-    link: '/log/#read'
+    link: '/log/'
     icon: 📰
     external: false
   - name: Support

log.html

@@ -11,17 +11,26 @@ image: /images/pages/4-darkweb-instrumental-.jpeg
 </section>
 {% for post in site.posts %}
 {% if post.category == 'ramblings' %}
-<section class="news" style="margin:0;">
+<section id="read" class="front-section">
-
+  <div style="background-image:url({{ post.image }})">
-<div style="background-image:url({{ relBase }}{{ post.image }}"></div>
+    <p class="editor-link">
-<div class="description">
+      <a href="cloudcannon:collections/_posts/{{ post.path }}" rel="nofollow" class="btn">
-  <h2>{{ post.title }}</h2>
+        <strong>&#9998;</strong> Edit Post
-  <p><strong>{% include forloop-dates.html %}</strong></p>
+      </a>
-  <p>{{ post.description }}</p>
+    </p>
-<p><a href="{{ relBase }}{{ post.url }}#read" class="button">👀 Read post</a></p>
+  </div>
-</div>
+  <div class="description">
-
+    <div class="container">
-  
+      <div class="">
+        <h3>{{ post.title }}</h3>
+        <p><strong><time datetime="{{ post.date }}">{% include forloop-dates.html %}</time></strong></p>
+        <p>{{ post.description  }}</p>
+      </div>
+      <div>
+        <p><a class="button" href="{{ relBase }}{{ post.url }}#read">📰 Read Highlight</a></p>
+      </div>
+    </div>
+  </div>
 </section>
 {% endif %}
 {% endfor %}