Adde openring

4 files changed, 96 insertions, 10 deletions

diff --git a/template/index.html b/template/index.html
index 7727f3b..a566d95 100755
--- a/template/index.html
+++ b/template/index.html
@@ -21,20 +21,23 @@
 
         <ul class="post-list">
           {{range $index, $post := .Posts}}
-          <li>
-            <time>{{.CreatedFormatted}}</time>
-
-            <a href="/{{$post.Slug}}" title="{{$post.Title}}" itemprop="url">
-              <h2>{{$post.Title}}</h2>
-            </a>
-
-          </li>
+            {{if $post.Listing}}
+            <li>
+              <time>{{.CreatedFormatted}}</time>
+
+              <a href="/{{$post.Slug}}" title="{{$post.Title}}" itemprop="url">
+                <h2>{{$post.Title}}</h2>
+              </a>
+            </li>
+            {{end}}
           {{end}}
         </ul>
       </nav>
 
+      <hr class="top-margin">
+
       <section class="project-list">
-        <h2>Side projects</h2>
+        <h4>Side projects I work on</h4>
         <ul>
           <li><a href="https://github.com/mitjafelicijan/redis-marshal" target="_blank" rel="noopener nofollow">redis-marshal - Lightweight Redis data exploration tool</a></li>
           <li><a href="https://github.com/mitjafelicijan/dna-encoding" target="_blank" rel="noopener nofollow">dna-encoding - Tools for encoding files to DNA sequence</a></li>
@@ -44,6 +47,10 @@
           <li><a href="https://github.com/mitjafelicijan/scarecrow" target="_blank" rel="noopener nofollow">scarecrow - Minimal configuration reverse proxy</a></li>
         </ul>
       </section>
+
+      <hr class="top-margin">
+
+      {{template "openring-build.html"}}
     </main>
 
     {{template "_includes.html"}}
diff --git a/template/openring.tmpl b/template/openring.tmpl
new file mode 100644
index 0000000..43ad6a2
--- /dev/null
+++ b/template/openring.tmpl
@@ -0,0 +1,34 @@
+<section class="webring top-margin">
+  <h4>Articles from blogs I follow around the net</h3>
+  <section>
+    {{range .Articles}}
+    <article>
+      <a href="{{.Link}}" target="_blank" rel="noopener">{{.Title}}</a>
+      <p class="summary">{{.Summary}}</p>
+      <small>
+        via <a href="{{.SourceLink}}">{{.SourceTitle}}</a>
+      </small>
+      <small>{{.Date | datef "January 2, 2006"}}</small>
+    </article>
+    {{end}}
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+
+<style>
+  .webring article {
+    margin-block-end: 30px;
+  }
+  .webring article:last-child {
+    margin-block-end: 10px;
+  }
+  .webring article .summary {
+    margin: 0;
+  }
+  .webring .attribution {
+    font-size: small;
+  }
+</style>
diff --git a/template/post.html b/template/post.html
index b59bb38..3247d8f 100755
--- a/template/post.html
+++ b/template/post.html
@@ -24,6 +24,35 @@
           {{.Content}}
         </div>
       </article>
+
+      {{if .Listing}}
+        <section class="top-margin">
+          <a href="mailto:m@mitjafelicijan.com">➝ Get in contact with me via email.</a>
+        </section>
+
+        <hr class="top-margin">
+
+        {{if .Posts}}
+          <nav class="top-margin">
+            <h4>Read more from this site</h4>
+            {{range $index, $post := .Posts}}
+              {{if (lt $index 5)}}
+              <p>
+                <time>{{$post.CreatedFormatted}}</time><br>
+                <a href="/{{$post.Slug}}" title="{{$post.Title}}" itemprop="url">
+                  {{$post.Title}}
+                </a>
+              </p>
+              {{end}}
+            {{end}}
+          </nav>
+        {{end}}
+
+        <hr class="top-margin">
+
+        {{template "openring-build.html"}}
+      {{end}}
+
     </main>
 
     {{template "_includes.html"}}
diff --git a/template/style.css b/template/style.css
index 5aee568..26913fb 100755
--- a/template/style.css
+++ b/template/style.css
@@ -6,7 +6,7 @@
   --link-color: #111111;
   --link-color-hover: #111111;
 
-  --label-color: #828282;
+  --label-color: #5f5f5f;
 
   --border-color: #eeeeee;
 
@@ -222,6 +222,10 @@ blockquote p {
   margin-top: 60px;
 }
 
+.top-margin-huge {
+  margin-top: 100px;
+}
+
 code {
   background: rgb(255, 241, 177);
   padding: 2px 5px;
@@ -249,6 +253,18 @@ time {
   font-size: 90%;
 }
 
+/* article */
+
+article a {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  -webkit-hyphens: auto;
+  -ms-hyphens: auto;
+  -moz-hyphens: auto;
+  hyphens: auto;
+}
+
+
 /* footer */
 
 .footer {