Added Openring

4 files changed, 57 insertions, 24 deletions

diff --git a/themes/simple/layouts/_default/list.html b/themes/simple/layouts/_default/list.html
index a848fc0..7d9a1d9 100644
--- a/themes/simple/layouts/_default/list.html
+++ b/themes/simple/layouts/_default/list.html
@@ -16,17 +16,24 @@
     </ul>
   </nav>
 
+  <hr class="border-2 border-gray-100 mb-10">
+
   <!-- Projects I work on -->
   <section class="mb-12">
     <h4 class="text-2xl font-bold mb-6">Side projects I worked on</h4>
     <ul class="list-disc ml-6">
-      <li><a href="https://git.mitjafelicijan.com/journalctl-proxy.git/" target="_blank" rel="noopener nofollow" class="underline hover:bg-yellow-200">journalctl-proxy - Exposes your systemd logs to web via web interface</a></li>
-      <li><a href="https://git.mitjafelicijan.com/redis-marshal.git/" target="_blank" rel="noopener nofollow" class="underline hover:bg-yellow-200">redis-marshal - Lightweight Redis data exploration tool</a></li>
-      <li><a href="https://git.mitjafelicijan.com/dna-encoding.git/" target="_blank" rel="noopener nofollow" class="underline hover:bg-yellow-200">dna-encoding - Tools for encoding files to DNA sequence</a></li>
-      <li><a href="https://git.mitjafelicijan.com/vertex.git/" target="_blank" rel="noopener nofollow" class="underline hover:bg-yellow-200">vertex - Create mock API's and add basic logic to simplify prototyping</a></li>
-      <li><a href="https://git.mitjafelicijan.com/scarecrow.git/" target="_blank" rel="noopener nofollow" class="underline hover:bg-yellow-200">scarecrow - Minimal configuration reverse proxy</a></li>
+      <li><a href="https://git.mitjafelicijan.com/journalctl-proxy.git/" target="_blank" rel="noopener nofollow" class="hover:bg-yellow-200">journalctl-proxy - Exposes your systemd logs to web via web interface</a></li>
+      <li><a href="https://git.mitjafelicijan.com/redis-marshal.git/" target="_blank" rel="noopener nofollow" class="hover:bg-yellow-200">redis-marshal - Lightweight Redis data exploration tool</a></li>
+      <li><a href="https://git.mitjafelicijan.com/dna-encoding.git/" target="_blank" rel="noopener nofollow" class="hover:bg-yellow-200">dna-encoding - Tools for encoding files to DNA sequence</a></li>
+      <li><a href="https://git.mitjafelicijan.com/vertex.git/" target="_blank" rel="noopener nofollow" class="hover:bg-yellow-200">vertex - Create mock API's and add basic logic to simplify prototyping</a></li>
+      <li><a href="https://git.mitjafelicijan.com/scarecrow.git/" target="_blank" rel="noopener nofollow" class="hover:bg-yellow-200">scarecrow - Minimal configuration reverse proxy</a></li>
     </ul>
   </section>
 
+  <hr class="border-2 border-gray-100 mb-10">
+
+  <!-- Openring -->
+  {{ partial "openring.html" . }}
+
 </main>
 {{ end }}
diff --git a/themes/simple/layouts/_default/single.html b/themes/simple/layouts/_default/single.html
index 297d90e..6e85b1b 100644
--- a/themes/simple/layouts/_default/single.html
+++ b/themes/simple/layouts/_default/single.html
@@ -2,7 +2,7 @@
 <main aria-role="main" class="container-blog px-6 md:p-0">
 
   <!-- Single article -->
-  <article itemtype="http://schema.org/Article" class="mb-12">
+  <article itemtype="http://schema.org/Article" class="single mb-12">
     <header class="mb-6">
       <h1 itemtype="headline" class="text-4xl font-extrabold mb-6">{{.Title}}</h1>
       <time class="text-gray-400 font-medium text-sm">Published on {{ .Date.Format "Monday Jan 2, 2006" }}</time>
@@ -34,13 +34,19 @@
         {{ $randomPosts := shuffle (where .Site.RegularPages "Type" "posts") | first 5 }}
         {{ range $randomPosts }}
         <li class="mb-3">
-          <time class="block text-gray-500 text-sm">{{ .Date.Format "Mon Jan 2, 2006" }}</time>
-          <a href="{{.Permalink}}" itemprop="url" class="hover:bg-yellow-200">{{.Title}}</a>
+          <time class="block text-gray-400 font-medium text-xs">{{ .Date.Format "Mon Jan 2, 2006" }}</time>
+          <a href="{{.Permalink}}" itemprop="url" class="hover:bg-yellow-200 font-medium">{{.Title}}</a>
+          <p class="text-gray-600 text-sm">{{.Summary}}</p>
         </li>
         {{end}}
       </ul>
     </nav>
   </section>
 
+  <hr class="border-2 border-gray-100 mb-10">
+
+  <!-- Openring -->
+  {{ partial "openring.html" . }}
+
 </main>
 {{ end }}
diff --git a/themes/simple/layouts/partials/head.html b/themes/simple/layouts/partials/head.html
index c615ac1..b527ef7 100644
--- a/themes/simple/layouts/partials/head.html
+++ b/themes/simple/layouts/partials/head.html
@@ -30,7 +30,7 @@
     color: #000;
   }
 
-  article img {
+  article.single img {
     max-width: 110%;
     width: 110%;
     position: relative;
@@ -40,7 +40,7 @@
     border-radius: 5px;
   }
 
-  article p {
+  article.single p {
     display: block;
     margin-block-start: 1em;
     margin-block-end: 1em;
@@ -48,7 +48,7 @@
     margin-inline-end: 0px;
   }
 
-  article ol {
+  article.single ol {
     display: block;
     list-style-type: decimal;
     margin-block-start: 1em;
@@ -58,13 +58,13 @@
     padding-inline-start: 40px;
   }
 
-  article ol>li>ol {
+  article.single ol>li>ol {
     margin-block-start: 0 !important;
     margin-block-end: 0 !important;
     padding-inline-start: 20px;
   }
 
-  article ul {
+  article.single ul {
     display: block;
     list-style-type: disc;
     margin-block-start: 1em;
@@ -74,7 +74,7 @@
     padding-inline-start: 40px;
   }
 
-  article code {
+  article.single code {
     font-family: monospace;
     background: rgb(255, 241, 177);
     border-radius: 5px;
@@ -82,7 +82,7 @@
     font-weight: 500;
   }
 
-  article pre {
+  article.single pre {
     background: unset;
     padding: unset;
 
@@ -95,13 +95,13 @@
     margin-block-end: 40px;
   }
 
-  article pre>code {
+  article.single pre>code {
     background: unset;
     padding: unset;
     font-weight: 400;
   }
 
-  article h2 {
+  article.single h2 {
     font-size: 180%;
     line-height: 1.2em;
     font-weight: 700;
@@ -109,7 +109,7 @@
     margin-block-end: 20px;
   }
 
-  article h3 {
+  article.single h3 {
     margin-block-start: 30px;
     margin-block-end: 20px;
     font-size: 160%;
@@ -133,7 +133,7 @@
     padding: 5px 10px;
   }
 
-  article blockquote {
+  article.single blockquote {
     margin-left: 40px;
     position: relative;
     margin-block-start: 30px;
@@ -141,7 +141,7 @@
     margin-right: 0;
   }
 
-  article blockquote:before {
+  article.single blockquote:before {
     content: ' ';
     background-image: url('/general/alert-light.svg');
     background-size: 30px 30px;
@@ -152,11 +152,11 @@
     top: 6px;
   }
 
-  article blockquote p {
+  article.single blockquote p {
     padding-left: 10px;
   }
 
-  article video {
+  article.single video {
     max-width: 100%;
     margin: 30px auto;
     display: block;
@@ -164,12 +164,12 @@
     background: #f8f8f8 !important;
   }
 
-  article audio {
+  article.single audio {
     width: 100%;
     outline: none;
   }
 
-  article .katex-display {
+  article.single .katex-display {
     margin-block-start: 40px;
     margin-block-end: 40px;
   }
diff --git a/themes/simple/openring/openring.html b/themes/simple/openring/openring.html
new file mode 100644
index 0000000..e3284b2
--- /dev/null
+++ b/themes/simple/openring/openring.html
@@ -0,0 +1,20 @@
+<section class="mb-10">
+
+  <h4 class="text-2xl font-bold mb-6">Articles from blogs I follow around the net</h4>
+
+  <section>
+    {{range .Articles}}
+    <article class="mb-4">
+      <a href="{{.Link}}" target="_blank" rel="noopener" class="font-semibold mb-1">{{.Title}}</a>
+      <p class="mb-1 text-gray-600 text-sm">{{.Summary}}</p>
+      <div class="text-gray-400 text-xs">
+        Via <a href="{{.SourceLink}}" class="underline">{{.SourceTitle}}</a> on {{.Date | datef "January 2, 2006"}}
+      </div>
+    </article>
+    {{end}}
+  </section>
+
+  <p class="text-sm text-gray-600">
+    <a href="https://git.sr.ht/~sircmpwn/openring" class="no-underline hover:underline">Generated by openring.</a>
+  </p>
+</section>