~yoctocell/yoctocell.xyz

b56f20c5318d8dfab5ac3d27626f8af6e8480476 — yoctocell 11 months ago 0f95092
Add webring
5 files changed, 176 insertions(+), 35 deletions(-)

M css/default.css
M index.org
M templates/default.html
M templates/post.html
A templates/webring.html
M css/default.css => css/default.css +63 -1
@@ 556,7 556,7 @@ a, a:active, a:visited {

footer {
    margin-top: 3rem;
    padding: 1.2rem 0;
    /* padding: 1.2rem 0; */
    margin-left: 10px;
    /* border-top: 0.2rem solid #ddd; */
    font-size: 13px;


@@ 755,3 755,65 @@ code span.st { color: #b8bb26; } /* String */
code span.va { color: #83a598; } /* Variable */
code span.vs { color: #689d6a; } /* VerbatimString */
code span.wa { color: #fe8019; font-weight: bold; font-style: italic; } /* Warning */



















/* Style for webring */
/* section.webring { */
/*     margin-top: -20px; */
/* } */

.webring {
    padding-right: 25%;
}

.webring .articles {
    margin-top: -10px;
    display: flex;
}


.webring .article {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  margin: 0.5rem;
  padding: 0.5rem;
  /* background: #eee; */
  min-width: 10rem;
}

.webring .title {
  margin: 0;
  font-size: 1.1rem;
}

.webring .summary {
  font-size: 1.0rem;
  flex: 1 1 0;
}

.webring .attribution {
  text-align: right;
  font-size: 0.8rem;
  color: #666;
  padding-right: 5%;
  margin-top: -30px;
}


M index.org => index.org +2 -4
@@ 10,8 10,6 @@ $partial("templates/post-list.html")$
Subscribe using [[./rss.xml][RSS]].

** Source code & contributing
This website is generated from Org files using [[https://jaspervdj.be/hakyll][Hakyll]].
This website is generated from Org files using [[https://jaspervdj.be/hakyll][Hakyll]] and [[https://git.sr.ht/~brettgilio/org-webring/][org-webring]].
- Source: [[https://git.sr.ht/~yoctocell/yoctocell.xyz]]
- Bug reports: https://lists.sr.ht/~yoctocell/yoctocell.xyz-devel


- Bug reports: https://lists.sr.ht/~yoctocell/public-inbox

M templates/default.html => templates/default.html +27 -30
@@ 1,35 1,32 @@
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>yoctocell's website - $title$</title>
        <link rel="stylesheet" href="/css/default.css" />
    </head>
    <body>
        <header>
            <!-- <div class="logo"> -->
            <!--     <a href="/">yoctocell</a> -->
            <!-- </div> -->
            <nav>
                <a href="/">Home</a>
                <a href="/about.html">About</a>
                <a href="/contact.html">Contact</a>
                <a href="/archive.html">Archive</a>
            </nav>
        </header>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>yoctocell's website - $title$</title>
    <link rel="stylesheet" href="/css/default.css" />
  </head>
  <body>
    <header>
      <nav>
	<a href="/">Home</a>
	<a href="/about.html">About</a>
	<a href="/contact.html">Contact</a>
	<a href="/archive.html">Archive</a>
      </nav>
    </header>

        <main role="main">
            <h1>$title$</h1>
            $body$
        </main>
    <main role="main">
      <h1>$title$</h1>
      $body$
    </main>

        <footer>
	    <span style="white-space: pre-line">
	    This page is licensed under the <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 License</a>.
	    The source code of this site is licensed under the <a rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html">GPLv3 License</a>.
	      </span>
	</footer>
    </body>
    <footer>
      <span style="white-space: pre-line">
	This page is licensed under the <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 License</a>.
	The source code of this site is licensed under the <a rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html">GPLv3 License</a>.
      </span>
    </footer>
  </body>
</html>

M templates/post.html => templates/post.html +52 -0
@@ 8,4 8,56 @@
    <section>
        $body$
    </section>
    <section class="webring">
      <h3>Articles from blogs I follow...</h3>
      <div class="attribution">
	Generated by
	<a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
      </div>
      <section class="articles">
	
	<div class="article">
	  <h4 class="title">
	    <a href="https://protesilaos.com/codelog/2020-12-05-modus-themes-1-0-0/" target="_blank" rel="noopener">Modus themes 1.0.0 (backward-incompatible changes)</a>
	  </h4>
	  <p class="summary">Information about the first major release of my highly accessible themes for GNU Emacs.</p>
	  <small class="source">
	    via <a href="https://protesilaos.com/codelog.xml">Protesilaos Stavrou: Coding blog</a>
	  </small>
	  <small class="date">December 5, 2020</small>
	</div>
	
	<div class="article">
	  <h4 class="title">
	    <a href="https://drewdevault.com/2020/12/04/Analytics-and-informed-consent.html" target="_blank" rel="noopener">Web analytics should at least meet the standards of informed consent</a>
	  </h4>
	  <p class="summary">Research conducted on human beings, at least outside of the domain of
technology, has to meet a minimum standard of ethical reasoning called
informed consent. Details
vary, but the general elements of informed consent are:

Disclosure of the nature and purpose…</p>
	  <small class="source">
	    via <a href="https://drewdevault.com">Drew DeVault&#39;s blog</a>
	  </small>
	  <small class="date">December 4, 2020</small>
	</div>
	
	<div class="article">
	  <h4 class="title">
	    <a href="https://brown.121407.xyz/posts/2020-11-18-compose-key.html" target="_blank" rel="noopener">Compose key on GNU/Linux (how to type smart quotes)</a>
	  </h4>
	  <p class="summary">
For the longest time I wanted to be able to write “smart quotes” from
my GNU/Linux machines1. I managed to set this up on Fedora quite easily from Gnome&#39;s
settings (or the Tweak tool?) by setting the Compose key. The problem
is that I rarely use Fedora, …</p>
	  <small class="source">
	    via <a href="https://brown.121407.xyz">brown121407</a>
	  </small>
	  <small class="date">November 18, 2020</small>
	</div>
	
      </section>
    </section>
</article>

A templates/webring.html => templates/webring.html +32 -0
@@ 0,0 1,32 @@
<article>
    <section class="header">
        Posted on $date$
        $if(author)$
            by $author$
        $endif$
    </section>
    <section>
        $body$
    </section>
    <section class="webring">
      <h3>Articles from blogs I follow...</h3>
      <div class="attribution">
	Generated by
	<a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
      </div>
      <section class="articles">
	{{range .Articles}}
	<div class="article">
	  <h4 class="title">
	    <a href="{{.Link}}" target="_blank" rel="noopener">{{.Title}}</a>
	  </h4>
	  <p class="summary">{{.Summary}}</p>
	  <small class="source">
	    via <a href="{{.SourceLink}}">{{.SourceTitle}}</a>
	  </small>
	  <small class="date">{{.Date | datef "January 2, 2006"}}</small>
	</div>
	{{end}}
      </section>
    </section>
</article>