From 6e8a81051e062168629ffbf13f9b5fd041809ab3 Mon Sep 17 00:00:00 2001
From: sakrecoer <set.hallstrom@gmail.com>
Date: Tue, 15 Dec 2020 21:15:33 +0100
Subject: [PATCH] formatting and semantics

---
 _includes/author.html |  3 +-
 _layouts/post.html    | 52 +++++++++++++++++++++++++++++++++--
 _layouts/track.html   | 64 ++++++++++++++++++-------------------------
 index.html            |  2 +-
 log.html              | 31 +++++++++++++--------
 5 files changed, 98 insertions(+), 54 deletions(-)

diff --git a/_includes/author.html b/_includes/author.html
index 9a7739b..312ae08 100644
--- a/_includes/author.html
+++ b/_includes/author.html
@@ -12,8 +12,7 @@
         href="{{ author.gpg }}" rel="pgpkey authn">GPG</a>{% endif %}</p>
     <p class="date">
       Published the
-
-      {% include dates.html %}
+      <time datetime="{{ page.date }}">{% include dates.html %}</time>
     </p>
 
     {% endif %}
diff --git a/_layouts/post.html b/_layouts/post.html
index 0a20333..53a8e46 100644
--- a/_layouts/post.html
+++ b/_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 %}
diff --git a/_layouts/track.html b/_layouts/track.html
index b263d06..a78e794 100644
--- a/_layouts/track.html
+++ b/_layouts/track.html
@@ -11,48 +11,36 @@ layout: default
 {% endfor %}
 <script type="text/javascript">
 
-  function generateRandomPosts()
-  {
-      $.getJSON("/posts.json", function(data) {
-          console.log("[posts.json loaded for random posts]");
+  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;
 
-          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++;
-              }
+          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();
+  $(document).ready(function () {
+    generateRandomPosts();
   });
 
 </script>
diff --git a/index.html b/index.html
index 1e363d9..399c29f 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@ apps:
     icon: 📺
     external: true
   - name: Read
-    link: '/log/#read'
+    link: '/log/'
     icon: 📰
     external: false
   - name: Support
diff --git a/log.html b/log.html
index 43a0661..a7e1572 100644
--- a/log.html
+++ b/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;">
-
-<div style="background-image:url({{ relBase }}{{ post.image }}"></div>
-<div class="description">
-  <h2>{{ post.title }}</h2>
-  <p><strong>{% include forloop-dates.html %}</strong></p>
-  <p>{{ post.description }}</p>
-<p><a href="{{ relBase }}{{ post.url }}#read" class="button">👀 Read post</a></p>
-</div>
-
-  
+<section id="read" class="front-section">
+  <div style="background-image:url({{ post.image }})">
+    <p class="editor-link">
+      <a href="cloudcannon:collections/_posts/{{ post.path }}" rel="nofollow" class="btn">
+        <strong>&#9998;</strong> Edit Post
+      </a>
+    </p>
+  </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 %}
\ No newline at end of file