From a3f8e661ad54cfec14ca671ea671e728ffc9bb91 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 7 Mar 2021 16:23:59 -0800
Subject: initial site with hugo

Start my website from scratch once more, using hugo to generate it. For
now the layout is pretty simple:
- an index page that will list future notes
- notes should be created under the "content" directory

The theme is custom and I'll try to keep this simple.
---
 users/fcuny/notes/static/css/custom.css | 47 +++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 users/fcuny/notes/static/css/custom.css

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
new file mode 100644
index 0000000..45f9732
--- /dev/null
+++ b/users/fcuny/notes/static/css/custom.css
@@ -0,0 +1,47 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
+@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:400');
+
+*, *:before, *:after { box-sizing: border-box; }
+
+body {
+    background-color: #ffffea;
+    line-height: 1.6rem;
+    font-size: 18px;
+    font-family: "Roboto Slab", serif;
+    color: #000;
+    padding: 2rem;
+}
+
+.main {
+    margin: auto;
+    max-width: 50rem;
+}
+
+a {
+  text-decoration: none;
+  color: #00add8;
+}
+
+p { color: #1a1a19; }
+
+h1 {
+    line-height: normal;
+}
+
+h2 {
+  margin-top: 2rem;
+  line-height: 1.4em;
+}
+
+span.published, span.updated {
+    display: block;
+    font-style: oblique;
+}
+
+pre {
+  padding: 1rem 2rem;
+  margin: 0;
+  font-size: 16px;
+  font-family: "Roboto Mono", Monaco, "Lucida Console", monospace;
+  overflow: scroll;
+}
-- 
cgit 1.4.1


From 5e6b43d51cebf4d938d14d963326efb73da36312 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Tue, 6 Apr 2021 12:29:45 -0700
Subject: css: change the default font

---
 users/fcuny/notes/static/css/custom.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 45f9732..c84a013 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -1,13 +1,13 @@
-@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
+@import url('https://fonts.googleapis.com/css2?family=Roboto');
 @import url('https://fonts.googleapis.com/css?family=Roboto+Mono:400');
 
 *, *:before, *:after { box-sizing: border-box; }
 
 body {
-    background-color: #ffffea;
-    line-height: 1.6rem;
-    font-size: 18px;
-    font-family: "Roboto Slab", serif;
+    background-color: #ffffff;
+    line-height: 1.5rem;
+    font-size: 16px;
+    font-family: "Roboto", Arial, sans-serif;
     color: #000;
     padding: 2rem;
 }
-- 
cgit 1.4.1


From a53be2f4e1bb79867b50bf5f8cd4158dcc15fe95 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Tue, 6 Apr 2021 12:30:59 -0700
Subject: css: set background color for code block

Indent properly the CSS for the `pre` tag.
---
 users/fcuny/notes/static/css/custom.css | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index c84a013..b3c3e2f 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -38,10 +38,14 @@ span.published, span.updated {
     font-style: oblique;
 }
 
+code {
+    background-color: #eeeeee;
+}
+
 pre {
-  padding: 1rem 2rem;
-  margin: 0;
-  font-size: 16px;
-  font-family: "Roboto Mono", Monaco, "Lucida Console", monospace;
-  overflow: scroll;
+    padding: 1rem 2rem;
+    margin: 0;
+    font-size: 16px;
+    font-family: "Roboto Mono", Monaco, "Lucida Console", monospace;
+    overflow: scroll;
 }
-- 
cgit 1.4.1


From 70da9328d7bd48d5c698a623bc9189b2f25ad3b2 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Tue, 6 Apr 2021 12:31:33 -0700
Subject: css: update style for links and headers

Indent properly the CSS
---
 users/fcuny/notes/static/css/custom.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index b3c3e2f..b0ec570 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -18,8 +18,9 @@ body {
 }
 
 a {
-  text-decoration: none;
-  color: #00add8;
+    text-decoration: underline;
+    text-underline-offset:.3rem;
+    color: #007d9c;
 }
 
 p { color: #1a1a19; }
@@ -29,8 +30,11 @@ h1 {
 }
 
 h2 {
-  margin-top: 2rem;
-  line-height: 1.4em;
+    margin-top: 2rem;
+    line-height: 1.4em;
+    border-bottom-color: #000000;
+    border-bottom-style: solid;
+    border-bottom-width: 0.8px;
 }
 
 span.published, span.updated {
-- 
cgit 1.4.1


From 11e25707f013a4251ab83a52ed0f3b008764a1ae Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Tue, 6 Apr 2021 12:32:43 -0700
Subject: layout: add date and tags to single pages

We want to show the tags and the published/updated date for the
articles.

Add to the CSS the classes for these new elements.
---
 users/fcuny/notes/layouts/_default/single.html | 27 +++++++++++++++++++++++++-
 users/fcuny/notes/static/css/custom.css        | 16 +++++++++++++++
 2 files changed, 42 insertions(+), 1 deletion(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/layouts/_default/single.html b/users/fcuny/notes/layouts/_default/single.html
index a8c1dc7..0ab5e35 100644
--- a/users/fcuny/notes/layouts/_default/single.html
+++ b/users/fcuny/notes/layouts/_default/single.html
@@ -4,7 +4,32 @@
 
 <h1>{{ .Title }}</h1>
 
-<p><span class="published">{{ .Date.Format "January 2021" }}</span></p>
+<div class="meta">
+  {{- $pub := .Date.Format "2006-01-02" -}}
+  {{- $mod := "" -}}
+  {{- if (not .GitInfo) }}
+  {{- $mod = .Lastmod.Format "2006-01-02" -}}
+  {{ else }}
+  {{- $mod = .Page.GitInfo.CommitDate.Format "2006-01-02" -}}
+  {{ end -}}
+  {{ if eq $pub $mod }}
+  <div class="meta_date">published {{ $pub }}</div>
+  {{ else }}
+  <div class="meta_date">published {{ $pub }}, last modified {{ $mod }}</div>
+  {{ end }}
+  {{ if .Params.tags }}
+  <div>
+  {{ if eq (len .Params.tags) 1 }}
+  in tag
+  {{ else }}
+  in tags
+  {{ end }}
+  {{ range $idx, $tag := .Params.tags }}
+  <span class="meta_tags"><a href="/tags/{{ $tag | urlize }}/">{{ $tag }}</a></span>
+  {{ end }}
+  </div>
+  {{ end }}
+</div>
 
 {{ .Content }}
 
diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index b0ec570..9d4faf1 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -53,3 +53,19 @@ pre {
     font-family: "Roboto Mono", Monaco, "Lucida Console", monospace;
     overflow: scroll;
 }
+
+.tags {
+    background-color: #eeeeee;
+    border-radius:8px;
+    padding:0 .5rem;
+    font-size: 90%;
+}
+
+.meta_tags a:link,
+.meta_tags a:visited {
+    text-decoration: none;
+}
+
+.meta_date {
+    font-style: italic;
+}
-- 
cgit 1.4.1


From f0ccb67369766618a46c58184884da8d11ce813e Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 11 Apr 2021 11:51:48 -0700
Subject: css: change font to roboto slab

---
 users/fcuny/notes/static/css/custom.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 9d4faf1..b1a1957 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -1,13 +1,13 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto');
-@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:400');
+ @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
 
 *, *:before, *:after { box-sizing: border-box; }
 
 body {
     background-color: #ffffff;
     line-height: 1.5rem;
-    font-size: 16px;
-    font-family: "Roboto", Arial, sans-serif;
+    font-size: 18px;
+    font-family: "Roboto Slab", serif;
     color: #000;
     padding: 2rem;
 }
@@ -50,7 +50,7 @@ pre {
     padding: 1rem 2rem;
     margin: 0;
     font-size: 16px;
-    font-family: "Roboto Mono", Monaco, "Lucida Console", monospace;
+    font-family: 'Source Code Pro', monospace;
     overflow: scroll;
 }
 
-- 
cgit 1.4.1


From 97b666e026fd8047217944bbee1df850ed7ee7e4 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 11 Apr 2021 11:54:55 -0700
Subject: css: remove extra white space

---
 users/fcuny/notes/static/css/custom.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index b1a1957..505f66d 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -1,4 +1,4 @@
- @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
 
 *, *:before, *:after { box-sizing: border-box; }
-- 
cgit 1.4.1


From 114bf5c20e5bbd74da74fa3478c7a7947dc26caf Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 11 Apr 2021 15:44:29 -0700
Subject: css: switch to sans-serif; add tables; other tweaks

---
 users/fcuny/notes/static/css/custom.css | 33 ++++++++++++++++++++++++++++-----
 1 file changed, 28 insertions(+), 5 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 505f66d..7592e8e 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -6,15 +6,15 @@
 body {
     background-color: #ffffff;
     line-height: 1.5rem;
-    font-size: 18px;
-    font-family: "Roboto Slab", serif;
+    font-size: 16px;
+    font-family: "Roboto Slab", sans-serif;
     color: #000;
     padding: 2rem;
 }
 
 .main {
     margin: auto;
-    max-width: 50rem;
+    max-width: 60rem;
 }
 
 a {
@@ -42,7 +42,7 @@ span.published, span.updated {
     font-style: oblique;
 }
 
-code {
+code.verbatim {
     background-color: #eeeeee;
 }
 
@@ -51,7 +51,7 @@ pre {
     margin: 0;
     font-size: 16px;
     font-family: 'Source Code Pro', monospace;
-    overflow: scroll;
+    /* overflow: scroll; */
 }
 
 .tags {
@@ -69,3 +69,26 @@ pre {
 .meta_date {
     font-style: italic;
 }
+
+table {
+    border: 1px solid black;
+    width: 100%;
+    border-spacing: 15px;
+    border-collapse: collapse;
+    letter-spacing: 1px;
+    font-family: 'Source Code Pro', monospace;
+    font-size: 16px;
+    text-align: left;
+}
+
+thead {
+    background-color: #E0EBF5;
+    font-weight: bold;
+}
+
+blockquote {
+    background-color: #fffff0;
+    border-radius: 5px;
+    padding-left: 5px;
+    font-style: italic;
+}
-- 
cgit 1.4.1


From 86c8d29cec41f663d1a4abd155e8b7a13ad0c533 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Thu, 22 Apr 2021 12:44:27 -0700
Subject: layout: add a navbar

I want to differentiate blog's entries from more general notes. For
this, we create two menu entries, and add a navbar at the top.

The nav bar let us select between the two kind of articles: blogs or
notes. For now we have a single blog entry, and no notes.

The page to list entries is simplified: we use the same layout for all
lists (tags, notes, blogs).

The CSS is updated to support the new nav bar.
---
 users/fcuny/notes/config.toml                      | 18 ++++++-
 .../notes/content/blog/google-doc-failure.org      | 56 ++++++++++++++++++++++
 .../notes/content/notes/google-doc-failure.org     | 56 ----------------------
 users/fcuny/notes/layouts/_default/baseof.html     |  1 +
 users/fcuny/notes/layouts/_default/list.html       |  8 +---
 users/fcuny/notes/layouts/_default/single.html     |  2 -
 users/fcuny/notes/layouts/index.html               |  8 ----
 users/fcuny/notes/layouts/partials/header.html     | 15 ++++++
 users/fcuny/notes/layouts/partials/postlist.html   | 20 +-------
 users/fcuny/notes/static/css/custom.css            | 41 +++++++++++++++-
 10 files changed, 131 insertions(+), 94 deletions(-)
 create mode 100644 users/fcuny/notes/content/blog/google-doc-failure.org
 delete mode 100644 users/fcuny/notes/content/notes/google-doc-failure.org
 create mode 100644 users/fcuny/notes/layouts/partials/header.html

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/config.toml b/users/fcuny/notes/config.toml
index 31f75af..6100ba5 100644
--- a/users/fcuny/notes/config.toml
+++ b/users/fcuny/notes/config.toml
@@ -1,6 +1,6 @@
 baseURL = "http://fcuny.net/"
 languageCode = "en-us"
-title = "Franck Cuny's Website"
+title = "Franck's rambling"
 publishDir = "docs"
 enableGitInfo = true
 
@@ -11,9 +11,23 @@ enableGitInfo = true
   tag = "tags"
 
 [permalinks]
-  articles = "/:section/:slug/"
+  blog = "/blog/:slug/"
+  notes = "/notes/:slug/"
   tags = "/tags/:slug/"
 
+[menu]
+  [[menu.main]]
+    identifier = "articles"
+    name = "blog"
+    title = "articles"
+    url = "/blog/"
+
+  [[menu.main]]
+    identifier = "notes"
+    name = "notes"
+    title = "notes"
+    url = "/notes/"
+
 [markup]
   [markup.tableOfContents]
     startLevel = 1
diff --git a/users/fcuny/notes/content/blog/google-doc-failure.org b/users/fcuny/notes/content/blog/google-doc-failure.org
new file mode 100644
index 0000000..b4d449d
--- /dev/null
+++ b/users/fcuny/notes/content/blog/google-doc-failure.org
@@ -0,0 +1,56 @@
+#+TITLE: Google Doc Failures
+#+TAGS[]: documentation process
+#+DATE: <2021-04-11 Sun>
+
+In most use cases, Google Doc is an effective tool to create "write once, read never" documents.
+
+* Convenience
+Google Doc (GDoc from now on) is the most common way of writing and sharing documents at my current job. It's very easy to start a new document, even more since we can now point our browser to https://doc.new and start typing right away.
+
+Like most of my co-workers, I use it frequently during the day. Some of these documents are draft for some communication that I want others to review before I share with a broader audience; it can be a [[https://en.wikipedia.org/wiki/Request_for_Comments][Request For Comments]] for a project; meeting notes for others to read; information that I need to capture during an incident or a debugging session; interviews notes; etc.
+
+I would not be surprised if the teams I work closely with generate 50 new documents each week.
+* ETOOMANYTABS
+I have a tendency of having hundreds of open tabs in my browser during the week. A majority of these tabs are GDocs, and I think this is one of the true failure of the product. Why do I have so many tabs ? There's mainly two reasons.
+
+The first reason is a problem with Chrome's UX itself: it happily let me open the same URL as many times as I want in as many tabs, instead of sending me to the already opened tab if the document is loaded. It's not uncommon that I find the same document opened in 5 different tabs.
+
+The second reason, and it's the most important one, I know that if I need to read or comment on a doc and I close the tab, I'll likely never find that document again, or will completely forget about it.
+* Discoverability
+In 'the old days', you'd start a new document in Word or LibreOffice, and as you hit "save" for the first time, you've two decisions to make: how am I going to name that file, and where am I going to save it on disk.
+
+With GDoc these questions don't have to be answered, you don't have to name the file, and it does not matter where it lives. I've likely hundreds of docs named 'untitled' in my "drive". I also don't have to think about where they will live, because they are saved automatically for me. I'm sure there's hundreds of studies that show that these two simple steps are actually complex for many users and creates useless friction (in which folder do I store it; should I organize the docuemnts by team, years, projects; do I name it with the date and the current project; etc.).
+
+GDoc being a Google product, it seems pretty obvious that they would come up with a better solution: let's not organize in a strict hierarchy these files, and let's instead search for them.
+
+Unfortunately, GDoc's search is really poor (and I'm being kind). By default most of us start by looking for some words we know are in the doc, maybe even in the title. But when working on a multiple projects that are related to the same technology, you suddenly get hundreds of documents matching your query. It's unclear how the returned set is ordered (by date ? by author ? by some scoring that is invisible to me ?).
+
+You can also search by owners, but here is another annoying bit: I think about owner as author, so I usually type =author:foo= before realizing it does not work. And that implies you already know who's the owner of the document. In the case of TDDs (Technical Design Document), I might know which team is behind it, but rarely who's the actual author.
+
+I could search for the title, but I rarely remember or know the name of the document I'm looking for. I could also be looking by keywords, but when working on a project with tens of related documents, you have to open all the returned docs to see which one is the correct one.
+
+And then what about new members joining your the team ? They don't know which docs exist, who wrote them, and how they are named. They end up searching and hoping that something good will be returned.
+* Workflows
+More and more we create workflows around these documents: some of the docs are TDDs that are going through reviews; others are decision documents that require input from multiple teams and are pending approval; others are road map documents that also go through some review process.
+
+As a result we create templates for all kind of documents, with usually something like "draft → reviews → approved/rejected" at the top. We expect the owner of the doc to mark in bold what's the status of the doc to help the reader understand in what state the document is. It's difficult to keep track of open actions and comments. Yes, there's a way to get a list of all of them, but it's not in an obvious place.
+
+As a result, some engineers in my team built an external dashboard with swim lanes which captures the state of a document. We add new document with their URLs, add who are the reviewers, and we move the doc between the lanes. Now we have to operate a service and a database to keep track of the status of documents in GDoc.
+* Alternatives
+When it comes to technical document, I find that [[https://caitiem.com/2020/03/29/design-docs-markdown-and-git/][approach]] much more interesting. Some open source projects have adopted a similar workflow ([[https://github.com/kubernetes/enhancements/tree/master/keps][Kubernetes]], [[https://github.com/golang/proposal][Go]]).
+
+A new document starts its life as a text file (using what ever markup language your team/company prefers). The document is submitted for review, and the people who need to be consulted are added as reviewers. They can now comment on the document, the author can address them, mark them as resolved. It's clear in which state the document is: it's either in review, committed, or rejected. With this approach you also end up with a clear history, as time moves on you can amend the document by submitting a change, and the change goes through the same process.
+
+New comers will find the document in the repository, and if they want to see the conversation they can open the review associated with the original change. They can also see how the document evolved over time. It's also easy to publish these documents on an internal website, using a static site generator for example.
+
+One of the thing that I think are critical, is that all of that is done using the tools the engineers are already using for their day to day job: a text editor, a version control system, a code review tool.
+
+There's obviously challenges with this approach too:
++ *it's more heavy handed*: not every one likes to write in a text editor using a markup language. It can requires some time to learn or get used to the syntax
++ *it's harder to integrate schema / visuals*: but having them checked in in the repository also improves the discoverability
+
+It's also true that no all documents suffer the same challenges for discoverability:
++ meeting notes are usually linked to meeting invites (however if you were not part of the meeting, you end up with the same challenges to discover them)
++ drafts for communications are usually not relevant once the communication has been sent
++ interview notes are usually transferred to some tools for HR when the feedback is submitted
+
diff --git a/users/fcuny/notes/content/notes/google-doc-failure.org b/users/fcuny/notes/content/notes/google-doc-failure.org
deleted file mode 100644
index b4d449d..0000000
--- a/users/fcuny/notes/content/notes/google-doc-failure.org
+++ /dev/null
@@ -1,56 +0,0 @@
-#+TITLE: Google Doc Failures
-#+TAGS[]: documentation process
-#+DATE: <2021-04-11 Sun>
-
-In most use cases, Google Doc is an effective tool to create "write once, read never" documents.
-
-* Convenience
-Google Doc (GDoc from now on) is the most common way of writing and sharing documents at my current job. It's very easy to start a new document, even more since we can now point our browser to https://doc.new and start typing right away.
-
-Like most of my co-workers, I use it frequently during the day. Some of these documents are draft for some communication that I want others to review before I share with a broader audience; it can be a [[https://en.wikipedia.org/wiki/Request_for_Comments][Request For Comments]] for a project; meeting notes for others to read; information that I need to capture during an incident or a debugging session; interviews notes; etc.
-
-I would not be surprised if the teams I work closely with generate 50 new documents each week.
-* ETOOMANYTABS
-I have a tendency of having hundreds of open tabs in my browser during the week. A majority of these tabs are GDocs, and I think this is one of the true failure of the product. Why do I have so many tabs ? There's mainly two reasons.
-
-The first reason is a problem with Chrome's UX itself: it happily let me open the same URL as many times as I want in as many tabs, instead of sending me to the already opened tab if the document is loaded. It's not uncommon that I find the same document opened in 5 different tabs.
-
-The second reason, and it's the most important one, I know that if I need to read or comment on a doc and I close the tab, I'll likely never find that document again, or will completely forget about it.
-* Discoverability
-In 'the old days', you'd start a new document in Word or LibreOffice, and as you hit "save" for the first time, you've two decisions to make: how am I going to name that file, and where am I going to save it on disk.
-
-With GDoc these questions don't have to be answered, you don't have to name the file, and it does not matter where it lives. I've likely hundreds of docs named 'untitled' in my "drive". I also don't have to think about where they will live, because they are saved automatically for me. I'm sure there's hundreds of studies that show that these two simple steps are actually complex for many users and creates useless friction (in which folder do I store it; should I organize the docuemnts by team, years, projects; do I name it with the date and the current project; etc.).
-
-GDoc being a Google product, it seems pretty obvious that they would come up with a better solution: let's not organize in a strict hierarchy these files, and let's instead search for them.
-
-Unfortunately, GDoc's search is really poor (and I'm being kind). By default most of us start by looking for some words we know are in the doc, maybe even in the title. But when working on a multiple projects that are related to the same technology, you suddenly get hundreds of documents matching your query. It's unclear how the returned set is ordered (by date ? by author ? by some scoring that is invisible to me ?).
-
-You can also search by owners, but here is another annoying bit: I think about owner as author, so I usually type =author:foo= before realizing it does not work. And that implies you already know who's the owner of the document. In the case of TDDs (Technical Design Document), I might know which team is behind it, but rarely who's the actual author.
-
-I could search for the title, but I rarely remember or know the name of the document I'm looking for. I could also be looking by keywords, but when working on a project with tens of related documents, you have to open all the returned docs to see which one is the correct one.
-
-And then what about new members joining your the team ? They don't know which docs exist, who wrote them, and how they are named. They end up searching and hoping that something good will be returned.
-* Workflows
-More and more we create workflows around these documents: some of the docs are TDDs that are going through reviews; others are decision documents that require input from multiple teams and are pending approval; others are road map documents that also go through some review process.
-
-As a result we create templates for all kind of documents, with usually something like "draft → reviews → approved/rejected" at the top. We expect the owner of the doc to mark in bold what's the status of the doc to help the reader understand in what state the document is. It's difficult to keep track of open actions and comments. Yes, there's a way to get a list of all of them, but it's not in an obvious place.
-
-As a result, some engineers in my team built an external dashboard with swim lanes which captures the state of a document. We add new document with their URLs, add who are the reviewers, and we move the doc between the lanes. Now we have to operate a service and a database to keep track of the status of documents in GDoc.
-* Alternatives
-When it comes to technical document, I find that [[https://caitiem.com/2020/03/29/design-docs-markdown-and-git/][approach]] much more interesting. Some open source projects have adopted a similar workflow ([[https://github.com/kubernetes/enhancements/tree/master/keps][Kubernetes]], [[https://github.com/golang/proposal][Go]]).
-
-A new document starts its life as a text file (using what ever markup language your team/company prefers). The document is submitted for review, and the people who need to be consulted are added as reviewers. They can now comment on the document, the author can address them, mark them as resolved. It's clear in which state the document is: it's either in review, committed, or rejected. With this approach you also end up with a clear history, as time moves on you can amend the document by submitting a change, and the change goes through the same process.
-
-New comers will find the document in the repository, and if they want to see the conversation they can open the review associated with the original change. They can also see how the document evolved over time. It's also easy to publish these documents on an internal website, using a static site generator for example.
-
-One of the thing that I think are critical, is that all of that is done using the tools the engineers are already using for their day to day job: a text editor, a version control system, a code review tool.
-
-There's obviously challenges with this approach too:
-+ *it's more heavy handed*: not every one likes to write in a text editor using a markup language. It can requires some time to learn or get used to the syntax
-+ *it's harder to integrate schema / visuals*: but having them checked in in the repository also improves the discoverability
-
-It's also true that no all documents suffer the same challenges for discoverability:
-+ meeting notes are usually linked to meeting invites (however if you were not part of the meeting, you end up with the same challenges to discover them)
-+ drafts for communications are usually not relevant once the communication has been sent
-+ interview notes are usually transferred to some tools for HR when the feedback is submitted
-
diff --git a/users/fcuny/notes/layouts/_default/baseof.html b/users/fcuny/notes/layouts/_default/baseof.html
index d9ca51a..3fd7011 100644
--- a/users/fcuny/notes/layouts/_default/baseof.html
+++ b/users/fcuny/notes/layouts/_default/baseof.html
@@ -3,6 +3,7 @@
   {{ partial "head.html" . }}
   <body>
     <div class="main">
+      {{- partial "header.html" . -}}
       <main>
        {{ block "main" . }}{{ end }}
       </main>
diff --git a/users/fcuny/notes/layouts/_default/list.html b/users/fcuny/notes/layouts/_default/list.html
index 3423cb6..2b7d98a 100644
--- a/users/fcuny/notes/layouts/_default/list.html
+++ b/users/fcuny/notes/layouts/_default/list.html
@@ -1,10 +1,6 @@
 {{ define "main" }}
 
-<h1>{{ .Title }}</h1>
-{{ range .Pages.ByPublishDate.Reverse }}
-<p>
-  <a class="font-125" href="{{ .RelPermalink }}">{{ .Title }}</a>
-</p>
-{{ end }}
+  {{ $pgs := where .Data.Pages "Params.hidden" "ne" "true" }}
+  {{ partial "postlist" $pgs }}
 
 {{ end }}
diff --git a/users/fcuny/notes/layouts/_default/single.html b/users/fcuny/notes/layouts/_default/single.html
index 0ab5e35..356f344 100644
--- a/users/fcuny/notes/layouts/_default/single.html
+++ b/users/fcuny/notes/layouts/_default/single.html
@@ -1,7 +1,5 @@
 {{ define "main" }}
 
-<p><a href="/">&larr; Back to Franck's homepage</a></p>
-
 <h1>{{ .Title }}</h1>
 
 <div class="meta">
diff --git a/users/fcuny/notes/layouts/index.html b/users/fcuny/notes/layouts/index.html
index 450444b..f7581ff 100644
--- a/users/fcuny/notes/layouts/index.html
+++ b/users/fcuny/notes/layouts/index.html
@@ -11,12 +11,4 @@
 
   <p>I'm currently working as a <a href="https://twitter.com/twittersre">Site Reliability Engineer</a> at Twitter, on the Compute team.</p>
 
-  <h2>Notes</h2>
-  {{ $section := "notes" }}
-  <ul>
-    {{ range (where .Site.RegularPages.ByTitle "Section" $section ) }}
-    <li><a href="{{ .Permalink }}">{{ .Params.title | humanize | title }} ({{ .Date.Format "2006-01-02" }})</a></li>
-    {{ end }}
-  </ul>
-
 {{ end }}
diff --git a/users/fcuny/notes/layouts/partials/header.html b/users/fcuny/notes/layouts/partials/header.html
new file mode 100644
index 0000000..f918823
--- /dev/null
+++ b/users/fcuny/notes/layouts/partials/header.html
@@ -0,0 +1,15 @@
+<header>
+  <nav>
+    <a href="{{ .Site.Home.Permalink }}">{{ .Site.Home.Title }}</a>
+    <ul>
+      {{ $currentPage := . }}
+      {{ range .Site.Menus.main }}
+      <li>
+        <a class='{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}menu-active{{ end }}' href="{{ absURL .URL }}">
+          {{ .Title }}
+        </a>
+      </li>
+      {{ end }}
+    </ul>
+  </nav>
+</header>
diff --git a/users/fcuny/notes/layouts/partials/postlist.html b/users/fcuny/notes/layouts/partials/postlist.html
index 3695d82..28fd9b2 100644
--- a/users/fcuny/notes/layouts/partials/postlist.html
+++ b/users/fcuny/notes/layouts/partials/postlist.html
@@ -1,28 +1,10 @@
-<p><a href="/">&larr; Back to Franck's homepage</a></p>
-
-{{ range .GroupByDate "2006-Jan" }}
+{{ range .GroupByDate "2006" }}
   <h2>{{ .Key }}</h2>
   <ul>
     {{ range .Pages.ByDate }}
     <li>
       <div>
         <a href="{{ .Permalink }}"><h3>{{ .Title }}</h3></a>
-	    {{ if .Params.tags }}
-	    <div>
-	      Tags:
-	      {{ range $idx, $tag := .Params.tags }}
-	      <span class="tags"><a href="/tags/{{ $tag | urlize }}/">{{ $tag }}</a></span>
-	      {{ end }}
-	    </div>
-	    {{ else }}
-	    <div></div>
-	    {{ end }}
-      </div>
-      <div>
-	    <p>
-	      {{ .Summary }}
-	      <span><a href="{{ .Permalink }}">Read more →</a></span>
-	    </p>
       </div>
     </li>
     {{ end }}
diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 7592e8e..f363bee 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -38,7 +38,7 @@ h2 {
 }
 
 span.published, span.updated {
-    display: block;
+    display: center;
     font-style: oblique;
 }
 
@@ -92,3 +92,42 @@ blockquote {
     padding-left: 5px;
     font-style: italic;
 }
+
+nav {
+    display: flex;
+    flex: 2 0px;
+    justify-content: flex-end;
+    padding-left: 1em;
+    margin: 0 auto;
+    line-height: 0.2rem;
+}
+
+nav ul {
+    display: flex;
+    list-style-type: none;
+    margin: 0
+}
+
+nav a {
+    padding: 1em;
+    display: inline-block;
+    color: black;
+    font-family: sans-serif;
+    text-decoration: none;
+    transition: all 75ms ease-in;
+}
+
+nav a:hover {
+    color: #fff;
+    background-color: #007d9c;
+}
+
+nav a.menu-active:hover {
+    color: #fff;
+    background-color: #007d9c;
+}
+
+nav a.menu-active {
+    color: #007d9c;
+}
+
-- 
cgit 1.4.1


From b905cb7ed382d48faa9ddaac362f7be42f2a4aaf Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Tue, 18 May 2021 19:44:16 -0700
Subject: css: add a scroll bar if the content overflows

---
 users/fcuny/notes/static/css/custom.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index f363bee..18c9c41 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -51,7 +51,7 @@ pre {
     margin: 0;
     font-size: 16px;
     font-family: 'Source Code Pro', monospace;
-    /* overflow: scroll; */
+    overflow-x: auto;
 }
 
 .tags {
-- 
cgit 1.4.1


From 9d0b3a718545c035ac359ddb8a2f2668c477e59d Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Thu, 5 Aug 2021 12:53:13 -0700
Subject: css: bigger font and highlight colors

Increase the font size and change some of the colors used for
highlighting code.
---
 users/fcuny/notes/layouts/partials/head.html |  2 ++
 users/fcuny/notes/static/css/custom.css      | 22 ++++++++++++++++------
 2 files changed, 18 insertions(+), 6 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/layouts/partials/head.html b/users/fcuny/notes/layouts/partials/head.html
index 39ef8aa..7de4fd4 100644
--- a/users/fcuny/notes/layouts/partials/head.html
+++ b/users/fcuny/notes/layouts/partials/head.html
@@ -9,6 +9,8 @@
   <link rel="alternate" href="{{ "/feed.xml" | relURL }}" type="application/atom+xml" title="ATOM feed">
   <link rel="author" href="humans.txt" />
 
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🖥️</text></svg>">
+
   <meta name="description" content="Franck Cuny's website, with articles about computers stuff.">
   <meta name="author" content="Franck Cuny">
 
diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 18c9c41..4173138 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -4,9 +4,9 @@
 *, *:before, *:after { box-sizing: border-box; }
 
 body {
-    background-color: #ffffff;
-    line-height: 1.5rem;
-    font-size: 16px;
+    background-color: #fffff8;
+    line-height: 1.8rem;
+    font-size: 1.3em;
     font-family: "Roboto Slab", sans-serif;
     color: #000;
     padding: 2rem;
@@ -43,11 +43,21 @@ span.published, span.updated {
 }
 
 code.verbatim {
-    background-color: #eeeeee;
+    background-color: #fffff8;
+}
+
+.highlight pre {
+    background-color: #fffff8 !important;
+}
+
+.highlight {
+    padding: 5px;
+    border-radius: 5px;
+    border: 1px solid #eee;
 }
 
 pre {
-    padding: 1rem 2rem;
+    padding: 0.3rem 0.3rem;
     margin: 0;
     font-size: 16px;
     font-family: 'Source Code Pro', monospace;
@@ -55,7 +65,7 @@ pre {
 }
 
 .tags {
-    background-color: #eeeeee;
+    /* background-color: #eeeeee; */
     border-radius:8px;
     padding:0 .5rem;
     font-size: 90%;
-- 
cgit 1.4.1


From cf3ffa7b6e1033f64b12e348fc2565050aebcf1f Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sat, 14 Aug 2021 13:08:02 -0700
Subject: css: reduce the size of the font

---
 users/fcuny/notes/static/css/custom.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 4173138..08a7c0a 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -6,7 +6,7 @@
 body {
     background-color: #fffff8;
     line-height: 1.8rem;
-    font-size: 1.3em;
+    font-size: 1em;
     font-family: "Roboto Slab", sans-serif;
     color: #000;
     padding: 2rem;
-- 
cgit 1.4.1


From 0d5e2812c71d9b76885a04c0167d0b59e4e4827d Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 15 Aug 2021 13:42:51 -0700
Subject: CSS: use a class for the menu

We will have more use of the tag `nav` and we will need different styles
for it.
---
 users/fcuny/notes/layouts/partials/header.html |  2 +-
 users/fcuny/notes/static/css/custom.css        | 13 ++++++-------
 2 files changed, 7 insertions(+), 8 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/layouts/partials/header.html b/users/fcuny/notes/layouts/partials/header.html
index f918823..508e259 100644
--- a/users/fcuny/notes/layouts/partials/header.html
+++ b/users/fcuny/notes/layouts/partials/header.html
@@ -1,5 +1,5 @@
 <header>
-  <nav>
+  <nav class='menu'>
     <a href="{{ .Site.Home.Permalink }}">{{ .Site.Home.Title }}</a>
     <ul>
       {{ $currentPage := . }}
diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 08a7c0a..b4e37bc 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -103,7 +103,7 @@ blockquote {
     font-style: italic;
 }
 
-nav {
+nav.menu {
     display: flex;
     flex: 2 0px;
     justify-content: flex-end;
@@ -112,13 +112,13 @@ nav {
     line-height: 0.2rem;
 }
 
-nav ul {
+nav.menu ul {
     display: flex;
     list-style-type: none;
     margin: 0
 }
 
-nav a {
+nav.menu a {
     padding: 1em;
     display: inline-block;
     color: black;
@@ -127,17 +127,16 @@ nav a {
     transition: all 75ms ease-in;
 }
 
-nav a:hover {
+nav.menu a:hover {
     color: #fff;
     background-color: #007d9c;
 }
 
-nav a.menu-active:hover {
+nav.menu a.menu-active:hover {
     color: #fff;
     background-color: #007d9c;
 }
 
-nav a.menu-active {
+nav.menu a.menu-active {
     color: #007d9c;
 }
-
-- 
cgit 1.4.1


From e2f6f42c089bbea803abb0c57eeaa27c53f47f59 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 15 Aug 2021 13:46:47 -0700
Subject: CSS: support table of content

If an entry has the parameter `#+toc` set to `t`, we will enable the
table of content in the page.
---
 users/fcuny/notes/layouts/_default/single.html |  7 +++++++
 users/fcuny/notes/static/css/custom.css        | 12 ++++++++++++
 2 files changed, 19 insertions(+)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/layouts/_default/single.html b/users/fcuny/notes/layouts/_default/single.html
index 356f344..b4c5443 100644
--- a/users/fcuny/notes/layouts/_default/single.html
+++ b/users/fcuny/notes/layouts/_default/single.html
@@ -29,6 +29,13 @@
   {{ end }}
 </div>
 
+{{ if .Params.toc }}
+<div class="toc">
+  <strong>Table of Contents</strong>
+  {{ .TableOfContents }}
+</div>
+{{ end }}
+
 {{ .Content }}
 
 {{ end }}
diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index b4e37bc..8f776d7 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -140,3 +140,15 @@ nav.menu a.menu-active:hover {
 nav.menu a.menu-active {
     color: #007d9c;
 }
+
+.toc {
+    border: 1px solid black;
+    padding: 1rem;
+    margin-top: 1rem;
+    color: black;
+}
+
+.toc a,
+.toc a.visited {
+    color: black;
+}
-- 
cgit 1.4.1


From b53339e215524a1e000a28fe569f3fb2f0071aa7 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 15 Aug 2021 15:14:02 -0700
Subject: CSS: make the content more readable

The Roboto Slab font is hard to read (at least for me). Switch to Droid
Sans and make the text a bit smaller.

Change the background of the page to white (again), and change the
background color for the code snippets.

Add text decoration for headlines (similar to org-bullet).
---
 users/fcuny/notes/static/css/custom.css | 39 ++++++++++++++++++++-------------
 1 file changed, 24 insertions(+), 15 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 8f776d7..1113707 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -1,13 +1,12 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
 
 *, *:before, *:after { box-sizing: border-box; }
 
 body {
-    background-color: #fffff8;
-    line-height: 1.8rem;
-    font-size: 1em;
-    font-family: "Roboto Slab", sans-serif;
+    background-color: #ffffff;
+    line-height: 1.4rem;
+    font-size: 16px;
+    font-family: 'Droid Sans', sans-serif;
     color: #000;
     padding: 2rem;
 }
@@ -25,14 +24,22 @@ a {
 
 p { color: #1a1a19; }
 
-h1 {
-    line-height: normal;
+h1:before {
+    content: '◉';
+}
+h2:before {
+    content: '○';
+}
+h3:before {
+    content: '✸';
+}
+h4:before {
+    content: '✿';
 }
 
 h2 {
     margin-top: 2rem;
-    line-height: 1.4em;
-    border-bottom-color: #000000;
+    border-bottom-color: #eee;
     border-bottom-style: solid;
     border-bottom-width: 0.8px;
 }
@@ -43,15 +50,18 @@ span.published, span.updated {
 }
 
 code.verbatim {
-    background-color: #fffff8;
+    background-color: #f7f7f7;
+    white-space: nowrap;
+    border-radius: 2px;
+    font-size: 90%;
+    padding: 2px 2px;
 }
 
 .highlight pre {
-    background-color: #fffff8 !important;
+    background-color: #f7f7f7 !important;
 }
 
 .highlight {
-    padding: 5px;
     border-radius: 5px;
     border: 1px solid #eee;
 }
@@ -59,13 +69,12 @@ code.verbatim {
 pre {
     padding: 0.3rem 0.3rem;
     margin: 0;
-    font-size: 16px;
+    font-size: 14px;
     font-family: 'Source Code Pro', monospace;
     overflow-x: auto;
 }
 
 .tags {
-    /* background-color: #eeeeee; */
     border-radius:8px;
     padding:0 .5rem;
     font-size: 90%;
@@ -82,6 +91,7 @@ pre {
 
 table {
     border: 1px solid black;
+    border-radius: 2px;
     width: 100%;
     border-spacing: 15px;
     border-collapse: collapse;
@@ -109,7 +119,6 @@ nav.menu {
     justify-content: flex-end;
     padding-left: 1em;
     margin: 0 auto;
-    line-height: 0.2rem;
 }
 
 nav.menu ul {
-- 
cgit 1.4.1


From dbacc543ca0a397a73a520d6c92fd08a7cf3b6aa Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 23 Aug 2021 09:15:40 -0700
Subject: CSS: makes the menu more readable

Move the title to the left and the menu items to the right.
---
 users/fcuny/notes/layouts/partials/header.html | 14 ++++----
 users/fcuny/notes/static/css/custom.css        | 48 ++++++++++++++++++--------
 2 files changed, 39 insertions(+), 23 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/layouts/partials/header.html b/users/fcuny/notes/layouts/partials/header.html
index 508e259..76e23a2 100644
--- a/users/fcuny/notes/layouts/partials/header.html
+++ b/users/fcuny/notes/layouts/partials/header.html
@@ -1,15 +1,13 @@
 <header>
   <nav class='menu'>
-    <a href="{{ .Site.Home.Permalink }}">{{ .Site.Home.Title }}</a>
-    <ul>
+    <a href="{{ .Site.Home.Permalink }}"><b>{{ .Site.Home.Title }}</b></a>
+    <div class='navigation'>
       {{ $currentPage := . }}
       {{ range .Site.Menus.main }}
-      <li>
-        <a class='{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}menu-active{{ end }}' href="{{ absURL .URL }}">
-          {{ .Title }}
-        </a>
-      </li>
+      <a class='menu-item {{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}menu-active{{ end }}' href="{{ absURL .URL }}">
+        {{ .Title }}
+      </a>
       {{ end }}
-    </ul>
+    </div>
   </nav>
 </header>
diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 1113707..3475d1f 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -115,39 +115,57 @@ blockquote {
 
 nav.menu {
     display: flex;
-    flex: 2 0px;
-    justify-content: flex-end;
-    padding-left: 1em;
+    justify-content: flex-start;
+    flex-direction: row;
+    flex-wrap: nowrap;
     margin: 0 auto;
+    font-size: 18px;
 }
 
-nav.menu ul {
+.navigation {
     display: flex;
-    list-style-type: none;
-    margin: 0
+    justify-content: flex-end;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    box-sizing: border-box;
+    flex-basis: auto;
+    flex-grow: 1;
+    align-items: center;
+}
+
+.menu-item {
+    box-sizing: border-box;
+    font-weight: 400;
+    padding-right: 8px;
 }
 
 nav.menu a {
-    padding: 1em;
     display: inline-block;
     color: black;
-    font-family: sans-serif;
     text-decoration: none;
     transition: all 75ms ease-in;
 }
 
-nav.menu a:hover {
-    color: #fff;
-    background-color: #007d9c;
+.navigation a:hover {
+    text-decoration: underline;
+    text-decoration-thickness: 4px;
+    text-underline-offset:.3rem;
+    color: #007d9c;
 }
 
-nav.menu a.menu-active:hover {
-    color: #fff;
-    background-color: #007d9c;
+a.menu-active:hover {
+    text-decoration: underline;
+    text-underline-offset:.3rem;
+    color: #007d9c;
+    font-weight: 700;
 }
 
-nav.menu a.menu-active {
+a.menu-active {
+    text-decoration: underline;
+    text-underline-offset:.3rem;
+    text-decoration-thickness: 4px;
     color: #007d9c;
+    font-weight: 700;
 }
 
 .toc {
-- 
cgit 1.4.1


From 6bc0b64bfb37d59abdfaf9f8b34525353d6794f8 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 23 Aug 2021 09:31:20 -0700
Subject: CSS: rename the class for the tags

---
 users/fcuny/notes/static/css/custom.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 3475d1f..95f5feb 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -74,10 +74,12 @@ pre {
     overflow-x: auto;
 }
 
-.tags {
-    border-radius:8px;
-    padding:0 .5rem;
-    font-size: 90%;
+.meta_tags {
+    border-radius: 8px;
+    padding: 0 .5rem;
+    font-size: 80%;
+    border: 2px solid #eee;
+    background-color: #eee
 }
 
 .meta_tags a:link,
-- 
cgit 1.4.1


From 9af499ffbf985cd6bea50d079063e6f01cba139a Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 23 Aug 2021 09:32:05 -0700
Subject: CSS: use decoration on headers only for articles

Add an element "article" to the single page template, and change the CSS
to use the decoration for headers only for that kind of content.

Having decoration for all headers is distracting, it's more suited for
actual content.

We also don't need decoration for h1, only smaller headers.
---
 users/fcuny/notes/layouts/_default/single.html | 8 ++++++--
 users/fcuny/notes/static/css/custom.css        | 8 ++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/layouts/_default/single.html b/users/fcuny/notes/layouts/_default/single.html
index b4c5443..165c568 100644
--- a/users/fcuny/notes/layouts/_default/single.html
+++ b/users/fcuny/notes/layouts/_default/single.html
@@ -1,5 +1,7 @@
 {{ define "main" }}
 
+<article class="article">
+
 <h1>{{ .Title }}</h1>
 
 <div class="meta">
@@ -18,9 +20,9 @@
   {{ if .Params.tags }}
   <div>
   {{ if eq (len .Params.tags) 1 }}
-  in tag
+  tag:
   {{ else }}
-  in tags
+  tags:
   {{ end }}
   {{ range $idx, $tag := .Params.tags }}
   <span class="meta_tags"><a href="/tags/{{ $tag | urlize }}/">{{ $tag }}</a></span>
@@ -38,4 +40,6 @@
 
 {{ .Content }}
 
+<article>
+
 {{ end }}
diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 95f5feb..2d7a36e 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -24,16 +24,16 @@ a {
 
 p { color: #1a1a19; }
 
-h1:before {
+article.article h2:before {
     content: '◉';
 }
-h2:before {
+article.article h3:before {
     content: '○';
 }
-h3:before {
+article.article h4:before {
     content: '✸';
 }
-h4:before {
+article.article h5:before {
     content: '✿';
 }
 
-- 
cgit 1.4.1


From b305a5348f854b1301696e5537dcee285dd3fa1a Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 23 Aug 2021 09:33:55 -0700
Subject: CSS: various small fixes

---
 users/fcuny/notes/static/css/custom.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 2d7a36e..ba9dddf 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -4,7 +4,7 @@
 
 body {
     background-color: #ffffff;
-    line-height: 1.4rem;
+    line-height: 22px;
     font-size: 16px;
     font-family: 'Droid Sans', sans-serif;
     color: #000;
@@ -52,7 +52,7 @@ span.published, span.updated {
 code.verbatim {
     background-color: #f7f7f7;
     white-space: nowrap;
-    border-radius: 2px;
+    border-radius: 8px;
     font-size: 90%;
     padding: 2px 2px;
 }
-- 
cgit 1.4.1


From 1808a79bc6096d68a5e693f5241f898d534be7e1 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 6 Dec 2021 17:50:39 -0800
Subject: CSS: drop custom fonts + colors

---
 users/fcuny/notes/static/css/custom.css | 41 ++++++++++++++++++---------------
 1 file changed, 22 insertions(+), 19 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index ba9dddf..4502d70 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -1,12 +1,10 @@
-@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
-
 *, *:before, *:after { box-sizing: border-box; }
 
 body {
-    background-color: #ffffff;
+    background-color: #fbf1c7;
     line-height: 22px;
-    font-size: 16px;
-    font-family: 'Droid Sans', sans-serif;
+    font-size: 1.1em;
+    font-family: monospace;
     color: #000;
     padding: 2rem;
 }
@@ -19,10 +17,10 @@ body {
 a {
     text-decoration: underline;
     text-underline-offset:.3rem;
-    color: #007d9c;
+    color: #8f3f71;
 }
 
-p { color: #1a1a19; }
+p { color: #282828; }
 
 article.article h2:before {
     content: '◉';
@@ -37,9 +35,13 @@ article.article h5:before {
     content: '✿';
 }
 
+h1, h2, h3, h4, h5 {
+    font-family: sans-serif;
+}
+
 h2 {
-    margin-top: 2rem;
-    border-bottom-color: #eee;
+    margin-top: 1.3rem;
+    border-bottom-color: #282828;
     border-bottom-style: solid;
     border-bottom-width: 0.8px;
 }
@@ -53,7 +55,6 @@ code.verbatim {
     background-color: #f7f7f7;
     white-space: nowrap;
     border-radius: 8px;
-    font-size: 90%;
     padding: 2px 2px;
 }
 
@@ -69,9 +70,10 @@ code.verbatim {
 pre {
     padding: 0.3rem 0.3rem;
     margin: 0;
-    font-size: 14px;
-    font-family: 'Source Code Pro', monospace;
+    font-size: 1.1em;
+    font-family: monospace;
     overflow-x: auto;
+    border: 1px solid #000;
 }
 
 .meta_tags {
@@ -98,8 +100,8 @@ table {
     border-spacing: 15px;
     border-collapse: collapse;
     letter-spacing: 1px;
-    font-family: 'Source Code Pro', monospace;
-    font-size: 16px;
+    font-family: monospace;
+    font-size: 1.1em;
     text-align: left;
 }
 
@@ -111,8 +113,9 @@ thead {
 blockquote {
     background-color: #fffff0;
     border-radius: 5px;
-    padding-left: 5px;
     font-style: italic;
+    border-left: 6px solid lightgray;
+    margin-left: 10.875px;
 }
 
 nav.menu {
@@ -121,7 +124,7 @@ nav.menu {
     flex-direction: row;
     flex-wrap: nowrap;
     margin: 0 auto;
-    font-size: 18px;
+    font-size: 1.2em;
 }
 
 .navigation {
@@ -152,13 +155,13 @@ nav.menu a {
     text-decoration: underline;
     text-decoration-thickness: 4px;
     text-underline-offset:.3rem;
-    color: #007d9c;
+    color: #076678;
 }
 
 a.menu-active:hover {
     text-decoration: underline;
     text-underline-offset:.3rem;
-    color: #007d9c;
+    color: #076678;
     font-weight: 700;
 }
 
@@ -166,7 +169,7 @@ a.menu-active {
     text-decoration: underline;
     text-underline-offset:.3rem;
     text-decoration-thickness: 4px;
-    color: #007d9c;
+    color: #076678;
     font-weight: 700;
 }
 
-- 
cgit 1.4.1


From 7c9718da9ccd8974ca0824e8d4148374b5ebfcb1 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 20 Dec 2021 14:31:30 -0800
Subject: css: improve the color and fonts

---
 users/fcuny/notes/static/css/custom.css | 163 +++++++++-----------------------
 1 file changed, 47 insertions(+), 116 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 4502d70..cbeac27 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -1,77 +1,56 @@
-*, *:before, *:after { box-sizing: border-box; }
-
 body {
+    font-family: sans-serif;
+    line-height:1.6;
+    font-size:18px;
+    color: #000111;
     background-color: #fbf1c7;
-    line-height: 22px;
-    font-size: 1.1em;
-    font-family: monospace;
-    color: #000;
-    padding: 2rem;
-}
-
-.main {
-    margin: auto;
-    max-width: 60rem;
-}
-
-a {
-    text-decoration: underline;
-    text-underline-offset:.3rem;
-    color: #8f3f71;
+    margin:1em auto;
+    max-width:750px;
+    padding:0 0.55em;
 }
 
-p { color: #282828; }
+h1, h2, h3, h4, h5 {line-height:1.2}
+h1{margin-top:1em;margin-bottom:0.34em}
+h2{margin-top:1.25em;margin-bottom:0.41em}
+h3{margin-top:1.5em;margin-bottom:0.5em}
 
-article.article h2:before {
-    content: '◉';
-}
-article.article h3:before {
-    content: '○';
-}
-article.article h4:before {
-    content: '✸';
-}
-article.article h5:before {
-    content: '✿';
+hr{
+    color:#000111;
+    background-color:#000111;
+    border:none;
+    height:2px
 }
 
-h1, h2, h3, h4, h5 {
-    font-family: sans-serif;
-}
-
-h2 {
-    margin-top: 1.3rem;
-    border-bottom-color: #282828;
-    border-bottom-style: solid;
-    border-bottom-width: 0.8px;
-}
+a {color: #494d7e;}
+a:visited {color: #494d7e;}
 
 span.published, span.updated {
     display: center;
     font-style: oblique;
 }
 
+code {
+    font-family: monospace;
+    font-size: 80%;
+}
 code.verbatim {
-    background-color: #f7f7f7;
-    white-space: nowrap;
-    border-radius: 8px;
-    padding: 2px 2px;
+    background-color: #fffff8;
 }
 
-.highlight pre {
-    background-color: #f7f7f7 !important;
+:not(pre) code{
+    padding-left:0.1em;
+    padding-right:0.1em;
+    border-radius:2px;
 }
 
-.highlight {
-    border-radius: 5px;
-    border: 1px solid #eee;
-}
+.highlight pre {background-color: #fffff8 !important}
+.highlight {border-radius: 5px}
 
 pre {
+    font-family: monospace;
     padding: 0.3rem 0.3rem;
     margin: 0;
-    font-size: 1.1em;
-    font-family: monospace;
+    line-height: 1.1;
     overflow-x: auto;
     border: 1px solid #000;
 }
@@ -81,40 +60,40 @@ pre {
     padding: 0 .5rem;
     font-size: 80%;
     border: 2px solid #eee;
-    background-color: #eee
+    background-color: #eee;
 }
 
-.meta_tags a:link,
-.meta_tags a:visited {
+.meta_tags a:link, .meta_tags a:visited {
     text-decoration: none;
 }
 
 .meta_date {
     font-style: italic;
+    font-size: 80%;
 }
 
 table {
-    border: 1px solid black;
-    border-radius: 2px;
     width: 100%;
-    border-spacing: 15px;
-    border-collapse: collapse;
-    letter-spacing: 1px;
-    font-family: monospace;
-    font-size: 1.1em;
-    text-align: left;
+    border-spacing: 0px;
+    outline: none;
+}
+
+th, td{
+    padding-left:0.7em;
+    padding-right:0.7em;
+    padding-top:0.4em;
+    padding-bottom:0.4em;
 }
 
-thead {
-    background-color: #E0EBF5;
-    font-weight: bold;
+table, th, td {
+    border:1px solid black;
 }
 
 blockquote {
-    background-color: #fffff0;
+    background-color: #fffff8;
     border-radius: 5px;
     font-style: italic;
-    border-left: 6px solid lightgray;
+    border-left: 6px solid black;
     margin-left: 10.875px;
 }
 
@@ -124,63 +103,15 @@ nav.menu {
     flex-direction: row;
     flex-wrap: nowrap;
     margin: 0 auto;
-    font-size: 1.2em;
-}
-
-.navigation {
-    display: flex;
-    justify-content: flex-end;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    box-sizing: border-box;
-    flex-basis: auto;
-    flex-grow: 1;
-    align-items: center;
 }
 
 .menu-item {
-    box-sizing: border-box;
-    font-weight: 400;
     padding-right: 8px;
 }
 
-nav.menu a {
-    display: inline-block;
-    color: black;
-    text-decoration: none;
-    transition: all 75ms ease-in;
-}
-
-.navigation a:hover {
-    text-decoration: underline;
-    text-decoration-thickness: 4px;
-    text-underline-offset:.3rem;
-    color: #076678;
-}
-
-a.menu-active:hover {
-    text-decoration: underline;
-    text-underline-offset:.3rem;
-    color: #076678;
-    font-weight: 700;
-}
-
-a.menu-active {
-    text-decoration: underline;
-    text-underline-offset:.3rem;
-    text-decoration-thickness: 4px;
-    color: #076678;
-    font-weight: 700;
-}
-
 .toc {
     border: 1px solid black;
     padding: 1rem;
     margin-top: 1rem;
     color: black;
 }
-
-.toc a,
-.toc a.visited {
-    color: black;
-}
-- 
cgit 1.4.1


From 728595148afcc132b8138ca2f1a05f0da61e9867 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Wed, 29 Dec 2021 09:37:38 -0800
Subject: css: highlight links with a background color

---
 users/fcuny/notes/static/css/custom.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index cbeac27..2e96fdc 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -21,8 +21,19 @@ hr{
     height:2px
 }
 
-a {color: #494d7e;}
-a:visited {color: #494d7e;}
+a {
+    color: #023;
+    background-color: #eee;
+}
+a:visited {
+    color: #345;
+    background: #eee;
+}
+a:hover {
+    color: #000;
+    text-decoration: none;
+    background:#ccf;
+}
 
 span.published, span.updated {
     display: center;
-- 
cgit 1.4.1


From d9385006236943eb3246b7564002b6332039b971 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Wed, 29 Dec 2021 14:18:58 -0800
Subject: css: adjust line height

---
 users/fcuny/notes/static/css/custom.css | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 2e96fdc..df75430 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -1,6 +1,5 @@
 body {
     font-family: sans-serif;
-    line-height:1.6;
     font-size:18px;
     color: #000111;
     background-color: #fbf1c7;
@@ -9,7 +8,6 @@ body {
     padding:0 0.55em;
 }
 
-h1, h2, h3, h4, h5 {line-height:1.2}
 h1{margin-top:1em;margin-bottom:0.34em}
 h2{margin-top:1.25em;margin-bottom:0.41em}
 h3{margin-top:1.5em;margin-bottom:0.5em}
@@ -47,7 +45,6 @@ code {
 code.verbatim {
     background-color: #fffff8;
 }
-
 :not(pre) code{
     padding-left:0.1em;
     padding-right:0.1em;
@@ -61,7 +58,6 @@ pre {
     font-family: monospace;
     padding: 0.3rem 0.3rem;
     margin: 0;
-    line-height: 1.1;
     overflow-x: auto;
     border: 1px solid #000;
 }
@@ -87,6 +83,7 @@ table {
     width: 100%;
     border-spacing: 0px;
     outline: none;
+    line-height: 0.9em;
 }
 
 th, td{
-- 
cgit 1.4.1


From 45ec71d71e8969197e88c076b1806546518a43a3 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Wed, 29 Dec 2021 14:19:11 -0800
Subject: css: change colors for some sections

---
 users/fcuny/notes/static/css/custom.css | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index df75430..a38593d 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -92,17 +92,23 @@ th, td{
     padding-top:0.4em;
     padding-bottom:0.4em;
 }
-
+thead {
+    background-color: #ebdbb2;
+}
 table, th, td {
     border:1px solid black;
 }
 
 blockquote {
-    background-color: #fffff8;
-    border-radius: 5px;
+    background-color: #f2e5bc;
     font-style: italic;
-    border-left: 6px solid black;
-    margin-left: 10.875px;
+    border-left: 6px solid #7c6f64;
+    margin-left: 0px;
+    margin-right: 0px;
+    padding-left: 0.7em;
+    padding-right:0.7em;
+    padding-top:0.2em;
+    padding-bottom:0.2em;
 }
 
 nav.menu {
@@ -119,7 +125,7 @@ nav.menu {
 
 .toc {
     border: 1px solid black;
-    padding: 1rem;
-    margin-top: 1rem;
+    padding: 1em;
+    margin-top: 1em;
     color: black;
 }
-- 
cgit 1.4.1


From 5f17134aedef69f78ffd5475de1ee655db54d914 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Thu, 13 Jan 2022 14:02:25 -0800
Subject: css: more tweaking

---
 users/fcuny/notes/static/css/custom.css | 50 ++++++++++++++-------------------
 1 file changed, 21 insertions(+), 29 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index a38593d..39d3d8c 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -19,18 +19,15 @@ hr{
     height:2px
 }
 
-a {
-    color: #023;
-    background-color: #eee;
-}
-a:visited {
-    color: #345;
-    background: #eee;
-}
 a:hover {
-    color: #000;
     text-decoration: none;
-    background:#ccf;
+    border-bottom: 1px solid;
+}
+
+a {
+    text-decoration: none;
+    border-bottom: 1px dotted;
+    color: black;
 }
 
 span.published, span.updated {
@@ -41,25 +38,25 @@ span.published, span.updated {
 code {
     font-family: monospace;
     font-size: 80%;
-}
-code.verbatim {
-    background-color: #fffff8;
-}
-:not(pre) code{
     padding-left:0.1em;
     padding-right:0.1em;
-    border-radius:2px;
+    border-radius:4px;
+    background-color: #f7f7f7;
 }
 
-.highlight pre {background-color: #fffff8 !important}
-.highlight {border-radius: 5px}
+ol {
+    line-height: 0.8em;
+}
 
 pre {
     font-family: monospace;
+    font-size: 90%;
     padding: 0.3rem 0.3rem;
     margin: 0;
     overflow-x: auto;
     border: 1px solid #000;
+    border-radius: 4px;
+    background-color: #f7f7f7;
 }
 
 .meta_tags {
@@ -70,8 +67,9 @@ pre {
     background-color: #eee;
 }
 
-.meta_tags a:link, .meta_tags a:visited {
+.meta_tags a {
     text-decoration: none;
+    border-bottom: none;
 }
 
 .meta_date {
@@ -83,7 +81,6 @@ table {
     width: 100%;
     border-spacing: 0px;
     outline: none;
-    line-height: 0.9em;
 }
 
 th, td{
@@ -100,15 +97,10 @@ table, th, td {
 }
 
 blockquote {
-    background-color: #f2e5bc;
-    font-style: italic;
-    border-left: 6px solid #7c6f64;
-    margin-left: 0px;
-    margin-right: 0px;
-    padding-left: 0.7em;
-    padding-right:0.7em;
-    padding-top:0.2em;
-    padding-bottom:0.2em;
+    page-break-inside:avoid;
+    padding:10px 20px;
+    margin:0 0 20px;
+    border-left:5px solid #eee
 }
 
 nav.menu {
-- 
cgit 1.4.1


From 29c6807fdb0692efca11b82c35f963b92d68d12e Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Fri, 21 Jan 2022 11:14:25 -0800
Subject: css: major cleanup

---
 users/fcuny/notes/static/css/custom.css | 160 +++++++++++++++++---------------
 1 file changed, 84 insertions(+), 76 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 39d3d8c..c24db91 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -1,123 +1,131 @@
 body {
-    font-family: sans-serif;
-    font-size:18px;
-    color: #000111;
-    background-color: #fbf1c7;
-    margin:1em auto;
-    max-width:750px;
-    padding:0 0.55em;
+  font-family: sans-serif;
+  font-size: 1.125em;
+  line-height: 1.5;
+  color: #37474f;
+  word-wrap: break-word;
+  margin: 1em auto;
+  max-width: 750px;
+  padding: 0 0.55em;
 }
 
-h1{margin-top:1em;margin-bottom:0.34em}
-h2{margin-top:1.25em;margin-bottom:0.41em}
-h3{margin-top:1.5em;margin-bottom:0.5em}
+h1 {
+  font-size: 2em;
+}
+
+h1 {margin-top: 1em; margin-bottom: 0.34em}
+h2 {margin-top: 1.25em; margin-bottom: 0.41em}
+h3 {margin-top: 1.5em; margin-bottom: 0.5em}
 
 hr{
-    color:#000111;
-    background-color:#000111;
-    border:none;
-    height:2px
+  color:#000111;
+  background-color:#000111;
+  border:none;
+  height:2px
 }
 
-a:hover {
-    text-decoration: none;
-    border-bottom: 1px solid;
-}
+a {border-bottom: .125em dashed #bdbdbd}
 
 a {
-    text-decoration: none;
-    border-bottom: 1px dotted;
-    color: black;
+  color:#212121;
+  text-decoration:none;
+  transition:color .1s ease-in-out
 }
 
+a:hover, a:focus, a:active {color:#37474f}
+
+a:hover, a:focus {border-bottom-color: #a6071b}
+
 span.published, span.updated {
-    display: center;
-    font-style: oblique;
+  display: center;
+  font-style: oblique;
 }
 
 code {
-    font-family: monospace;
-    font-size: 80%;
-    padding-left:0.1em;
-    padding-right:0.1em;
-    border-radius:4px;
-    background-color: #f7f7f7;
+  font-family: monospace;
+  padding-left:0.1em;
+  padding-right:0.1em;
+  border-radius:4px;
+  background-color: #fafafa;
 }
 
-ol {
-    line-height: 0.8em;
-}
+p code {color: #f8546a}
 
 pre {
-    font-family: monospace;
-    font-size: 90%;
-    padding: 0.3rem 0.3rem;
-    margin: 0;
-    overflow-x: auto;
-    border: 1px solid #000;
-    border-radius: 4px;
-    background-color: #f7f7f7;
+  font-family: monospace;
+  margin: 0;
+  word-wrap: normal;
+  padding:1.125em;
+  overflow-x: auto;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  background-color: #fafafa;
 }
 
 .meta_tags {
-    border-radius: 8px;
-    padding: 0 .5rem;
-    font-size: 80%;
-    border: 2px solid #eee;
-    background-color: #eee;
+  border-radius: 8px;
+  padding: 0 .5rem;
+  font-size: 80%;
+  border: 2px solid #eee;
+  background-color: #eee;
 }
 
 .meta_tags a {
-    text-decoration: none;
-    border-bottom: none;
+  text-decoration: none;
+  border-bottom: none;
 }
 
 .meta_date {
-    font-style: italic;
-    font-size: 80%;
+  font-style: italic;
+  font-size: 80%;
 }
 
 table {
-    width: 100%;
-    border-spacing: 0px;
-    outline: none;
+  width: 100%;
+  border-spacing: 0px;
+  outline: none;
 }
 
 th, td{
-    padding-left:0.7em;
-    padding-right:0.7em;
-    padding-top:0.4em;
-    padding-bottom:0.4em;
+  padding-left: 0.7em;
+  padding-right: 0.7em;
+  padding-top: 0.4em;
+  padding-bottom: 0.4em;
 }
 thead {
-    background-color: #ebdbb2;
-}
-table, th, td {
-    border:1px solid black;
+  background-color: #ebdbb2;
 }
+table, th, td {border: 1px solid black}
 
 blockquote {
-    page-break-inside:avoid;
-    padding:10px 20px;
-    margin:0 0 20px;
-    border-left:5px solid #eee
+  font-size: 1.125em;
+  font-style: italic;
+  margin: 0 0 1.5em;
+  padding-left: 1em;
+  border-left: .2em solid #bdbdbd
+}
+
+nav {
+  width: 100%;
+  padding-right: 10px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
-nav.menu {
-    display: flex;
-    justify-content: flex-start;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    margin: 0 auto;
+.nav-links {
+  list-style: none;
+  display: flex;
 }
 
-.menu-item {
-    padding-right: 8px;
+.navbar a {
+  display: inline-block;
+  padding-right: 10px;
 }
 
 .toc {
-    border: 1px solid black;
-    padding: 1em;
-    margin-top: 1em;
-    color: black;
+  border: 1px solid black;
+  padding: 1em;
+  margin-top: 1em;
+  color: black;
 }
-- 
cgit 1.4.1


From 02c5d2aa1c6ea1f24d846f53d670cc1d94246d48 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 23 Jan 2022 11:30:35 -0800
Subject: css: update color for the links

Use a light blue.
---
 users/fcuny/notes/static/css/custom.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index c24db91..80a6c38 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -27,14 +27,14 @@ hr{
 a {border-bottom: .125em dashed #bdbdbd}
 
 a {
-  color:#212121;
+  color:#047bc2;
   text-decoration:none;
   transition:color .1s ease-in-out
 }
 
-a:hover, a:focus, a:active {color:#37474f}
+a:hover, a:focus, a:active {color:#047bc2}
 
-a:hover, a:focus {border-bottom-color: #a6071b}
+a:hover, a:focus {border-bottom-color: #047bc2}
 
 span.published, span.updated {
   display: center;
-- 
cgit 1.4.1


From 7e741b56b038afca0cea8ded29cad461bc4e2e31 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 23 Jan 2022 11:30:49 -0800
Subject: css: change style for tables

---
 users/fcuny/notes/static/css/custom.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 80a6c38..bbf93a7 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -86,16 +86,20 @@ table {
   outline: none;
 }
 
-th, td{
-  padding-left: 0.7em;
+td{
   padding-right: 0.7em;
   padding-top: 0.4em;
   padding-bottom: 0.4em;
 }
 thead {
-  background-color: #ebdbb2;
+    color: #000;
+    font-style: bold;
+    text-align: left;
+}
+table, th, td {
+    font-family: monospace;
+    color: #000;
 }
-table, th, td {border: 1px solid black}
 
 blockquote {
   font-size: 1.125em;
-- 
cgit 1.4.1


From 64b29cae5370751385a506d97da8846b9dfe19c0 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 23 Jan 2022 18:48:19 -0800
Subject: css: TOC location based on display's size

Depending on the size of the display, display the TOC either before the
article or on the right of the article and let's make it sticky.
---
 users/fcuny/notes/static/css/custom.css | 101 ++++++++++++++++++++++++++------
 1 file changed, 82 insertions(+), 19 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index bbf93a7..80b07a0 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -3,17 +3,27 @@ body {
   font-size: 1.125em;
   line-height: 1.5;
   color: #37474f;
-  word-wrap: break-word;
   margin: 1em auto;
-  max-width: 750px;
   padding: 0 0.55em;
+  max-width: 45rem;
+}
+
+@media screen and (min-width:58rem) {
+  body,
+  main {
+    max-width:calc(45rem + 15rem);
+  }
+  main {
+    display: flex;
+  }
 }
 
 h1 {
   font-size: 2em;
+  margin-top: 1em;
+  margin-bottom: 0.34em;
 }
 
-h1 {margin-top: 1em; margin-bottom: 0.34em}
 h2 {margin-top: 1.25em; margin-bottom: 0.41em}
 h3 {margin-top: 1.5em; margin-bottom: 0.5em}
 
@@ -24,17 +34,19 @@ hr{
   height:2px
 }
 
-a {border-bottom: .125em dashed #bdbdbd}
-
 a {
   color:#047bc2;
-  text-decoration:none;
-  transition:color .1s ease-in-out
+  transition:color .1s ease-in-out;
 }
 
-a:hover, a:focus, a:active {color:#047bc2}
-
-a:hover, a:focus {border-bottom-color: #047bc2}
+a:link,
+a:hover,
+a:focus,
+a:active {
+  color:#047bc2;
+  text-decoration: underline;
+  text-underline-offset:.2rem
+}
 
 span.published, span.updated {
   display: center;
@@ -43,9 +55,9 @@ span.published, span.updated {
 
 code {
   font-family: monospace;
-  padding-left:0.1em;
-  padding-right:0.1em;
-  border-radius:4px;
+  padding-left: 0.1em;
+  padding-right: 0.1em;
+  border-radius: 4px;
   background-color: #fafafa;
 }
 
@@ -62,6 +74,10 @@ pre {
   background-color: #fafafa;
 }
 
+.meta {
+  display: row;
+}
+
 .meta_tags {
   border-radius: 8px;
   padding: 0 .5rem;
@@ -73,6 +89,7 @@ pre {
 .meta_tags a {
   text-decoration: none;
   border-bottom: none;
+  color: #005a9c;
 }
 
 .meta_date {
@@ -102,7 +119,7 @@ table, th, td {
 }
 
 blockquote {
-  font-size: 1.125em;
+  font-size: 1em;
   font-style: italic;
   margin: 0 0 1.5em;
   padding-left: 1em;
@@ -115,6 +132,13 @@ nav {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  padding-top: 0.5rem;
+}
+
+@media screen and (min-width:58rem) {
+  nav {
+    max-width: calc(45rem + 15rem);
+  }
 }
 
 .nav-links {
@@ -127,9 +151,48 @@ nav {
   padding-right: 10px;
 }
 
-.toc {
-  border: 1px solid black;
-  padding: 1em;
-  margin-top: 1em;
-  color: black;
+article {
+  max-width: 45rem;
+}
+
+.toc {display: none}
+
+#toc_small {
+  font-size: 0.9rem;
+  margin-bottom: 2rem;
+  margin-top: 2rem;
+}
+@media screen and (min-width:58rem) {
+  #toc_small {display: none;}
+}
+
+summary {
+  display:flex;
+  flex-direction:column;
+}
+
+#TableOfContents > ul, #TableOfContents > ul > li > ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+#TableOfContents li {margin-bottom: 1rem;}
+
+@media screen and (min-width:58rem) {
+  .toc {
+    padding-left: 1rem;
+    padding-top: 4.5rem;
+    font-size: 0.8em;
+    display:block;
+    position:sticky;
+    top:0;
+    align-self:flex-start;
+    max-width:15rem;
+    z-index:1;
+  }
+  #TableOfContents {
+    border-left: 3px solid #eee;
+    padding-left: 1rem;
+  }
 }
-- 
cgit 1.4.1


From 24cebe8b0005ffd6e0dc390780ce54139a1179ec Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 23 Jan 2022 19:11:39 -0800
Subject: CSS: switch from class to id

These elements are unique on each page.
---
 users/fcuny/notes/layouts/_default/single.html | 10 +++++-----
 users/fcuny/notes/static/css/custom.css        | 18 +++++++++---------
 2 files changed, 14 insertions(+), 14 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/layouts/_default/single.html b/users/fcuny/notes/layouts/_default/single.html
index fe2477e..7a85a05 100644
--- a/users/fcuny/notes/layouts/_default/single.html
+++ b/users/fcuny/notes/layouts/_default/single.html
@@ -4,7 +4,7 @@
 
 <h1>{{ .Title }}</h1>
 
-<div class="meta">
+<div id="meta">
   {{- $pub := .Date.Format "Jan 2, 2006" -}}
   {{- $mod := "" -}}
   {{- if (not .GitInfo) }}
@@ -13,9 +13,9 @@
   {{- $mod = .Page.GitInfo.CommitDate.Format "Jan 2, 2006" -}}
   {{ end -}}
   {{ if eq $pub $mod }}
-  <div class="meta_date">published {{ $pub }}</div>
+  <div id="meta_date">published {{ $pub }}</div>
   {{ else }}
-  <div class="meta_date">published {{ $pub }} - last modified {{ $mod }}</div>
+  <div id="meta_date">published {{ $pub }} - last modified {{ $mod }}</div>
   {{ end }}
   {{ if .Params.tags }}
   <div>
@@ -25,7 +25,7 @@
   tags:
   {{ end }}
   {{ range $idx, $tag := .Params.tags }}
-  <span class="meta_tags"><a href="/tags/{{ $tag | urlize }}/">{{ $tag }}</a></span>
+  <span id="meta_tags"><a href="/tags/{{ $tag | urlize }}/">{{ $tag }}</a></span>
   {{ end }}
   </div>
   {{ end }}
@@ -45,7 +45,7 @@
 </div>
 
 {{ if .Params.toc }}
-<div class="toc">
+<div id="toc">
   <strong>Table of contents</strong>
   {{ .TableOfContents }}
 </div>
diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 80b07a0..3f4a142 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -74,27 +74,27 @@ pre {
   background-color: #fafafa;
 }
 
-.meta {
+#meta {
   display: row;
 }
 
-.meta_tags {
+#meta_tags {
   border-radius: 8px;
   padding: 0 .5rem;
-  font-size: 80%;
+  font-size: 0.9rem;
   border: 2px solid #eee;
   background-color: #eee;
 }
 
-.meta_tags a {
+#meta_tags a {
   text-decoration: none;
   border-bottom: none;
   color: #005a9c;
 }
 
-.meta_date {
+#meta_date {
   font-style: italic;
-  font-size: 80%;
+  font-size: 0.9rem;
 }
 
 table {
@@ -155,7 +155,7 @@ article {
   max-width: 45rem;
 }
 
-.toc {display: none}
+#toc {display: none}
 
 #toc_small {
   font-size: 0.9rem;
@@ -180,10 +180,10 @@ summary {
 #TableOfContents li {margin-bottom: 1rem;}
 
 @media screen and (min-width:58rem) {
-  .toc {
+  #toc {
     padding-left: 1rem;
     padding-top: 4.5rem;
-    font-size: 0.8em;
+    font-size: 0.9rem;
     display:block;
     position:sticky;
     top:0;
-- 
cgit 1.4.1


From 657e032c034e44241243fcbe71475539c92f3b78 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 23 Jan 2022 19:22:15 -0800
Subject: CSS: adjust some font sizes

---
 users/fcuny/notes/static/css/custom.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 3f4a142..c802354 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -19,7 +19,7 @@ body {
 }
 
 h1 {
-  font-size: 2em;
+  font-size: 2rem;
   margin-top: 1em;
   margin-bottom: 0.34em;
 }
@@ -119,7 +119,7 @@ table, th, td {
 }
 
 blockquote {
-  font-size: 1em;
+  font-size: 0.95rem;
   font-style: italic;
   margin: 0 0 1.5em;
   padding-left: 1em;
-- 
cgit 1.4.1


From dcdf10728adb8b1b9ba8bf4a31bcfba44e551c89 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 23 Jan 2022 19:55:55 -0800
Subject: CSS: improve readability

Using Firefox' accessibility tool as a guide.
---
 users/fcuny/notes/static/css/custom.css | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index c802354..ae6d674 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -55,21 +55,24 @@ span.published, span.updated {
 
 code {
   font-family: monospace;
-  padding-left: 0.1em;
-  padding-right: 0.1em;
+  padding-left: 0.2em;
+  padding-right: 0.2em;
   border-radius: 4px;
-  background-color: #fafafa;
 }
 
-p code {color: #f8546a}
+p code {
+  color: black;
+  background-color: #eee;
+  padding: 0 0.2rem;
+}
 
 pre {
   font-family: monospace;
   margin: 0;
   word-wrap: normal;
-  padding:1.125em;
+  padding: 0.8em;
   overflow-x: auto;
-  border: 1px solid #ccc;
+  border: 1px solid #eee;
   border-radius: 3px;
   background-color: #fafafa;
 }
-- 
cgit 1.4.1


From 5483be5a93faac53c2319696e1d024fd049b8a09 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 28 Mar 2022 19:50:38 -0700
Subject: convert blog to notes

Separating the two sites so I can customize them differently.
---
 users/fcuny/notes/Makefile                     |   4 +-
 users/fcuny/notes/config.toml                  |  22 +----
 users/fcuny/notes/fly.toml                     |   7 +-
 users/fcuny/notes/layouts/_default/baseof.html |   1 +
 users/fcuny/notes/layouts/_default/single.html |  14 ---
 users/fcuny/notes/layouts/index.atom.xml       |   2 +-
 users/fcuny/notes/layouts/index.html           |  17 ++--
 users/fcuny/notes/layouts/partials/footer.html |  32 +++++++
 users/fcuny/notes/layouts/partials/header.html |  12 ++-
 users/fcuny/notes/static/CNAME                 |   2 +-
 users/fcuny/notes/static/css/custom.css        | 120 ++++++++++++-------------
 11 files changed, 117 insertions(+), 116 deletions(-)
 create mode 100644 users/fcuny/notes/layouts/partials/footer.html

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/Makefile b/users/fcuny/notes/Makefile
index 5414dde..4644ac3 100644
--- a/users/fcuny/notes/Makefile
+++ b/users/fcuny/notes/Makefile
@@ -1,6 +1,6 @@
 DOCKER := DOCKER_BUILDKIT=1 docker
 DOCKER_BUILD_ARGS :=
-DOCKER_IMAGE := fcuny/fcuny.net
+DOCKER_IMAGE := fcuny/notes.fcuny.net
 DOCKER_IMAGE_REF := $(shell git rev-parse HEAD)
 DOCKERFILE := Dockerfile
 PROJECT_DIR := $(realpath $(CURDIR))
@@ -18,7 +18,7 @@ worktree-clean:
 deploy: worktree-clean docker-build
 	@echo "Deploying to fly ..."
 	flyctl deploy
-	@git tag -a --message $$(flyctl info -j |jq -r '.App | "fcuny.net/v\(.Version)"') $$(flyctl info -j |jq -r '.App | "fcuny.net/v\(.Version)"')
+	@git tag -a --message $$(flyctl info -j |jq -r '.App | "notes.fcuny.net/v\(.Version)"') $$(flyctl info -j |jq -r '.App | "notes.fcuny.net/v\(.Version)"')
 	@git push origin --all
 	@git push origin --tags
 
diff --git a/users/fcuny/notes/config.toml b/users/fcuny/notes/config.toml
index 1fe49bc..6ee3e63 100644
--- a/users/fcuny/notes/config.toml
+++ b/users/fcuny/notes/config.toml
@@ -1,11 +1,12 @@
-baseURL = "https://fcuny.net/"
+baseURL = "https://notes.fcuny.net/"
 languageCode = "en-us"
-title = "Franck's rambling"
+title = "Franck's notes"
 publishDir = "docs"
 enableGitInfo = true
 
 [params]
   homeText = "A collection of notes"
+  mainSections = ['notes']
 
 [author]
   name = "Franck Cuny"
@@ -15,29 +16,14 @@ enableGitInfo = true
   tag = "tags"
 
 [permalinks]
-  blog = "/blog/:slug/"
   notes = "/notes/:slug/"
   tags = "/tags/:slug/"
 
 [menu]
-  [[menu.main]]
-    identifier = "articles"
-    name = "blog"
-    title = "articles"
-    url = "/blog/"
-    weight = 110
-
-  [[menu.main]]
-    identifier = "notes"
-    name = "notes"
-    title = "notes"
-    url = "/notes/"
-    weight = 120
-
   [[menu.main]]
     identifier = "RSS"
     name = "RSS"
-    title = "RSS"
+    title = "~/notes/feed"
     url = "/feed.xml"
     weight = 130
 
diff --git a/users/fcuny/notes/fly.toml b/users/fcuny/notes/fly.toml
index 46468c1..4db1311 100644
--- a/users/fcuny/notes/fly.toml
+++ b/users/fcuny/notes/fly.toml
@@ -1,13 +1,10 @@
-# fly.toml file generated for fcunynet on 2021-06-20T10:01:50-07:00
+# fly.toml file generated for notes-fcunynet on 2022-03-28T19:44:54-07:00
 
-app = "fcunynet"
+app = "notes-fcunynet"
 
 kill_signal = "SIGINT"
 kill_timeout = 5
 
-[build]
-  builtin = "hugo-static"
-
 [env]
 
 [experimental]
diff --git a/users/fcuny/notes/layouts/_default/baseof.html b/users/fcuny/notes/layouts/_default/baseof.html
index 0c72fb1..410e2bc 100644
--- a/users/fcuny/notes/layouts/_default/baseof.html
+++ b/users/fcuny/notes/layouts/_default/baseof.html
@@ -6,5 +6,6 @@
     <main>
      {{ block "main" . }}{{ end }}
     </main>
+    {{- partial "footer.html" . -}}
   </body>
 </html>
diff --git a/users/fcuny/notes/layouts/_default/single.html b/users/fcuny/notes/layouts/_default/single.html
index 7a85a05..7f594ad 100644
--- a/users/fcuny/notes/layouts/_default/single.html
+++ b/users/fcuny/notes/layouts/_default/single.html
@@ -31,24 +31,10 @@
   {{ end }}
 </div>
 
-{{ if .Params.toc }}
-<div id="toc_small">
-  <summary>Table of contents</summary>
-  {{ .TableOfContents }}
-</div>
-{{ end }}
-
 <article>
 {{ .Content }}
 </article>
 
 </div>
 
-{{ if .Params.toc }}
-<div id="toc">
-  <strong>Table of contents</strong>
-  {{ .TableOfContents }}
-</div>
-{{ end }}
-
 {{ end }}
diff --git a/users/fcuny/notes/layouts/index.atom.xml b/users/fcuny/notes/layouts/index.atom.xml
index 1d73f9b..e4b014b 100644
--- a/users/fcuny/notes/layouts/index.atom.xml
+++ b/users/fcuny/notes/layouts/index.atom.xml
@@ -8,7 +8,7 @@
     <email>{{.}}</email>{{end}}
   </author>{{end}}
   <generator>Hugo -- gohugo.io</generator>
-  {{ range where (first 10 (where .Site.Pages "Section" "blog")) "Params.hidden" "ne" "true" }}
+  {{ range where (first 10 (where .Site.Pages "Section" "notes")) "Params.hidden" "ne" "true" }}
   <entry>
     {{ `<title type="html"><![CDATA[` | safeHTML }}{{ .Title }}]]></title>
     <link href="{{ .Permalink }}"/>
diff --git a/users/fcuny/notes/layouts/index.html b/users/fcuny/notes/layouts/index.html
index 2ab8c40..a340d3d 100644
--- a/users/fcuny/notes/layouts/index.html
+++ b/users/fcuny/notes/layouts/index.html
@@ -4,15 +4,16 @@
 
 <h1>{{ .Site.Home.Title }}</h1>
 
-<p>I'm an engineer currently on a break. Previously I was a Site Reliability Engineer working on Twitter's compute platform.</p>
+<p>This is my collection of notes.</p>
 
-<h2>Contact</h2>
-<ul>
-  <li>Email: <a href="mailto:franck@fcuny.net">franck@fcuny.net</a></li>
-  <li>Git: <a href="https://git.fcuny.net/fcuny">@fcuny</a></li>
-  <li>Twitter: <a href="https://twitter.com/franckcuny">@franckcuny</a></li>
-  <li>Keys: <a href="/ssh.pub.sig">SSH public keys</a></li>
-</ul>
+  <h2>Notes</h2>
+  <ul>
+  {{- $pages := where site.RegularPages "Type" "in" site.Params.mainSections }}
+  {{ range $pages }}
+  {{- $fmt := "2006-01-02" }}
+  <li class="post-permalink"><span class="post-date" >{{ .Date.Format $fmt | safeHTML }}</span>, <a href="{{ .Permalink }}">{{ .Title }}</a></li>
+  {{ end }}
+  </ul>
 
 </article>
 
diff --git a/users/fcuny/notes/layouts/partials/footer.html b/users/fcuny/notes/layouts/partials/footer.html
new file mode 100644
index 0000000..e2bf7ab
--- /dev/null
+++ b/users/fcuny/notes/layouts/partials/footer.html
@@ -0,0 +1,32 @@
+<footer>
+  <a href="mailto:franck@fcuny.net" title="franck@fcuny.net">
+    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 20 20">
+      <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/>
+    </svg>
+  </a>
+
+  <a target="_blank" href="https://git.fcuny.net/fcuny" title="git.fcuny.net">
+    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-git" viewBox="0 0 20 20">
+      <path d="M15.698 7.287 8.712.302a1.03 1.03 0 0 0-1.457 0l-1.45 1.45 1.84 1.84a1.223 1.223 0 0 1 1.55 1.56l1.773 1.774a1.224 1.224 0 0 1 1.267 2.025 1.226 1.226 0 0 1-2.002-1.334L8.58 5.963v4.353a1.226 1.226 0 1 1-1.008-.036V5.887a1.226 1.226 0 0 1-.666-1.608L5.093 2.465l-4.79 4.79a1.03 1.03 0 0 0 0 1.457l6.986 6.986a1.03 1.03 0 0 0 1.457 0l6.953-6.953a1.031 1.031 0 0 0 0-1.457"/>
+    </svg>
+  </a>
+
+  <a target="_blank" href="https://twitter.com/franckcuny" title="@franckcuny">
+    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-twitter" viewBox="0 0 20 20">
+      <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
+    </svg>
+  </a>
+
+  <a href="/ssh.pub.sig" title="SSH public keys">
+    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-filetype-key" viewBox="0 0 20 20">
+      <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.21 11.85h-.87L.83 13.64H.79v-1.79H0v3.999h.791v-1.283l.41-.466 1.12 1.749h.951l-1.488-2.276 1.427-1.723Zm2.903 3.352h-1.79v-1.073h1.685v-.606H4.323v-1.025h1.79v-.648H3.538v3.999h2.575v-.647Zm2.243-.888v1.535h-.794v-1.52L6.223 11.85H7.1l.853 1.696h.032l.855-1.696h.856l-1.339 2.464Z"/>
+    </svg>
+  </a>
+
+  <a href="/feed.xml" title="atom feed">
+    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-rss-fill" viewBox="0 0 20 20">
+      <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm1.5 2.5c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0 8 8 0 0 0-8-8 1 1 0 0 1 0-2zm0 4a6 6 0 0 1 6 6 1 1 0 1 1-2 0 4 4 0 0 0-4-4 1 1 0 0 1 0-2zm.5 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+    </svg>
+  </a>
+
+</footer>
diff --git a/users/fcuny/notes/layouts/partials/header.html b/users/fcuny/notes/layouts/partials/header.html
index dede0ae..fe90497 100644
--- a/users/fcuny/notes/layouts/partials/header.html
+++ b/users/fcuny/notes/layouts/partials/header.html
@@ -1,12 +1,10 @@
 <header>
-    <nav class="navbar">
-    <a href="{{ .Site.BaseURL }}">
-      fcuny.net
-    </a>
+  <nav class="navbar">
+    <a class="nav-bold" href="{{ .Site.BaseURL }}">~/notes</a>
     <ul class="nav-links">
-    {{ range .Site.Menus.main }}
-    <li class="nav-item"><a href="{{ absURL .URL }}">{{ .Title }}</a></li>
-    {{ end }}
+      {{ range .Site.Menus.main }}
+      <li class="nav-item"><a class="nav-bold" href="{{ absURL .URL }}">{{ .Title }}</a></li>
+      {{ end }}
     </ul>
   </nav>
 </header>
diff --git a/users/fcuny/notes/static/CNAME b/users/fcuny/notes/static/CNAME
index 7398ba2..5f43d63 100644
--- a/users/fcuny/notes/static/CNAME
+++ b/users/fcuny/notes/static/CNAME
@@ -1 +1 @@
-fcuny.net
\ No newline at end of file
+notes.fcuny.net
diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index ae6d674..70ce618 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -1,37 +1,40 @@
 body {
   font-family: sans-serif;
-  font-size: 1.125em;
-  line-height: 1.5;
-  color: #37474f;
+  font-size: 1em;
+  line-height: 1.8em;
+  color: #0e0e0b;
   margin: 1em auto;
   padding: 0 0.55em;
-  max-width: 45rem;
-}
-
-@media screen and (min-width:58rem) {
-  body,
-  main {
-    max-width:calc(45rem + 15rem);
-  }
-  main {
-    display: flex;
-  }
+  max-width: 50rem;
 }
 
 h1 {
+  color: #0e0e0b;
   font-size: 2rem;
   margin-top: 1em;
   margin-bottom: 0.34em;
 }
 
-h2 {margin-top: 1.25em; margin-bottom: 0.41em}
-h3 {margin-top: 1.5em; margin-bottom: 0.5em}
+h2, h3 {
+  border-bottom: 1px solid #eee;
+  font-style: italic;
+}
+h2 {
+  margin-top: 1.25em;
+  margin-bottom: 0.41em;
+  font-size: 1.4rem;
+}
+h3 {
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+  font-size: 1.2rem;
+}
 
 hr{
   color:#000111;
   background-color:#000111;
   border:none;
-  height:2px
+  height:1px
 }
 
 a {
@@ -64,10 +67,12 @@ p code {
   color: black;
   background-color: #eee;
   padding: 0 0.2rem;
+  font-size: 1.1em;
 }
 
 pre {
   font-family: monospace;
+  font-size: 1.1em;
   margin: 0;
   word-wrap: normal;
   padding: 0.8em;
@@ -130,20 +135,15 @@ blockquote {
 }
 
 nav {
-  width: 100%;
   padding-right: 10px;
+  font-size: 1.4em;
   display: flex;
+  font-family: monospace;
   justify-content: space-between;
   align-items: center;
   padding-top: 0.5rem;
 }
 
-@media screen and (min-width:58rem) {
-  nav {
-    max-width: calc(45rem + 15rem);
-  }
-}
-
 .nav-links {
   list-style: none;
   display: flex;
@@ -151,51 +151,51 @@ nav {
 
 .navbar a {
   display: inline-block;
-  padding-right: 10px;
+  text-decoration: none;
+}
+
+.navbar a:hover {
+  background-color: #b72d2d;
+  color: #fafafa;
+  text-decoration: none;
+}
+
+.nav-bold {
+  font-weight: 700;
+  color: #b72d2d;
+  text-decoration: none;
 }
 
 article {
-  max-width: 45rem;
+  text-align: justify;
 }
 
-#toc {display: none}
+.post-permalink {
+  list-style: none;
+  margin-left: -20px;
+}
 
-#toc_small {
-  font-size: 0.9rem;
-  margin-bottom: 2rem;
-  margin-top: 2rem;
+.post-date {
+  font-family: monospace;
+  font-weight: 400;
+  font-size: 1.1em;
 }
-@media screen and (min-width:58rem) {
-  #toc_small {display: none;}
+
+footer {
+  border-top: 2px solid #eee;
+  margin-top: 2em;
+  display: flex;
+  flex-direction: row;
+  justify-content: left;
+  align-items: left;
 }
 
-summary {
-  display:flex;
-  flex-direction:column;
+footer a, footer a:link, footer a:focus, footer a:active, footer a:hover {
+  color: black;
+  text-decoration: none;
+  padding: 5px;
 }
 
-#TableOfContents > ul, #TableOfContents > ul > li > ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-#TableOfContents li {margin-bottom: 1rem;}
-
-@media screen and (min-width:58rem) {
-  #toc {
-    padding-left: 1rem;
-    padding-top: 4.5rem;
-    font-size: 0.9rem;
-    display:block;
-    position:sticky;
-    top:0;
-    align-self:flex-start;
-    max-width:15rem;
-    z-index:1;
-  }
-  #TableOfContents {
-    border-left: 3px solid #eee;
-    padding-left: 1rem;
-  }
+footer a:not(:first-child) {
+  margin-left: 15px;
 }
-- 
cgit 1.4.1


From a92df1fcec2d419f4352c56585f3cd1a871fc87c Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 3 Apr 2022 17:50:25 -0700
Subject: site: remove unnecessary elements

---
 users/fcuny/notes/config.toml                  |  8 ---
 users/fcuny/notes/layouts/_default/baseof.html |  1 -
 users/fcuny/notes/layouts/index.atom.xml       | 24 ---------
 users/fcuny/notes/layouts/index.html           | 16 +++---
 users/fcuny/notes/layouts/partials/footer.html | 32 ------------
 users/fcuny/notes/layouts/partials/head.html   |  3 +-
 users/fcuny/notes/layouts/partials/header.html |  5 --
 users/fcuny/notes/static/css/custom.css        | 67 ++++++++++++--------------
 8 files changed, 40 insertions(+), 116 deletions(-)
 delete mode 100644 users/fcuny/notes/layouts/index.atom.xml
 delete mode 100644 users/fcuny/notes/layouts/partials/footer.html

(limited to 'users/fcuny/notes/static/css')

diff --git a/users/fcuny/notes/config.toml b/users/fcuny/notes/config.toml
index 6ee3e63..cb488ee 100644
--- a/users/fcuny/notes/config.toml
+++ b/users/fcuny/notes/config.toml
@@ -19,14 +19,6 @@ enableGitInfo = true
   notes = "/notes/:slug/"
   tags = "/tags/:slug/"
 
-[menu]
-  [[menu.main]]
-    identifier = "RSS"
-    name = "RSS"
-    title = "~/notes/feed"
-    url = "/feed.xml"
-    weight = 130
-
 [markup]
   [markup.tableOfContents]
     startLevel = 1
diff --git a/users/fcuny/notes/layouts/_default/baseof.html b/users/fcuny/notes/layouts/_default/baseof.html
index 410e2bc..0c72fb1 100644
--- a/users/fcuny/notes/layouts/_default/baseof.html
+++ b/users/fcuny/notes/layouts/_default/baseof.html
@@ -6,6 +6,5 @@
     <main>
      {{ block "main" . }}{{ end }}
     </main>
-    {{- partial "footer.html" . -}}
   </body>
 </html>
diff --git a/users/fcuny/notes/layouts/index.atom.xml b/users/fcuny/notes/layouts/index.atom.xml
deleted file mode 100644
index e4b014b..0000000
--- a/users/fcuny/notes/layouts/index.atom.xml
+++ /dev/null
@@ -1,24 +0,0 @@
-<feed xmlns="http://www.w3.org/2005/Atom">
-  <title>{{ .Site.Title }}</title>
-  <link href="{{ .Permalink }}feed.xml" rel="self"/>
-  <link href="{{ .Permalink }}"/>
-  <id>{{ .Permalink }}</id>{{ with .Site.Author.name }}
-  <author>
-    <name>{{.}}</name>{{ with $.Site.Author.email }}
-    <email>{{.}}</email>{{end}}
-  </author>{{end}}
-  <generator>Hugo -- gohugo.io</generator>
-  {{ range where (first 10 (where .Site.Pages "Section" "notes")) "Params.hidden" "ne" "true" }}
-  <entry>
-    {{ `<title type="html"><![CDATA[` | safeHTML }}{{ .Title }}]]></title>
-    <link href="{{ .Permalink }}"/>
-    <id>{{ .Permalink }}</id>{{ with .Site.Params.Author }}
-    <author>
-      <name>{{.}}</name>
-    </author>{{end}}
-    {{- $fmt := "2006-01-02T15:04:05-07:00" }}
-    <published>{{ .Date.Format $fmt | safeHTML }}</published>
-    {{ `<content type="html"><![CDATA[` | safeHTML }}{{ .Content }}]]></content>
-  </entry>
-  {{ end }}
-</feed>
diff --git a/users/fcuny/notes/layouts/index.html b/users/fcuny/notes/layouts/index.html
index a340d3d..8ddc67d 100644
--- a/users/fcuny/notes/layouts/index.html
+++ b/users/fcuny/notes/layouts/index.html
@@ -2,16 +2,18 @@
 
 <article>
 
-<h1>{{ .Site.Home.Title }}</h1>
+  A place to collect random notes.
 
-<p>This is my collection of notes.</p>
-
-  <h2>Notes</h2>
-  <ul>
+  <ul id="post-permalink">
   {{- $pages := where site.RegularPages "Type" "in" site.Params.mainSections }}
   {{ range $pages }}
-  {{- $fmt := "2006-01-02" }}
-  <li class="post-permalink"><span class="post-date" >{{ .Date.Format $fmt | safeHTML }}</span>, <a href="{{ .Permalink }}">{{ .Title }}</a></li>
+  <li>
+    <a href="{{ .Permalink }}">{{ .Title }}</a>
+    {{ range $idx, $tag := .Params.tags }}
+    <span id="meta_tags"><a href="/tags/{{ $tag | urlize }}/">{{ $tag }}</a></span>
+  {{ end }}
+  </li>
+
   {{ end }}
   </ul>
 
diff --git a/users/fcuny/notes/layouts/partials/footer.html b/users/fcuny/notes/layouts/partials/footer.html
deleted file mode 100644
index e2bf7ab..0000000
--- a/users/fcuny/notes/layouts/partials/footer.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<footer>
-  <a href="mailto:franck@fcuny.net" title="franck@fcuny.net">
-    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 20 20">
-      <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/>
-    </svg>
-  </a>
-
-  <a target="_blank" href="https://git.fcuny.net/fcuny" title="git.fcuny.net">
-    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-git" viewBox="0 0 20 20">
-      <path d="M15.698 7.287 8.712.302a1.03 1.03 0 0 0-1.457 0l-1.45 1.45 1.84 1.84a1.223 1.223 0 0 1 1.55 1.56l1.773 1.774a1.224 1.224 0 0 1 1.267 2.025 1.226 1.226 0 0 1-2.002-1.334L8.58 5.963v4.353a1.226 1.226 0 1 1-1.008-.036V5.887a1.226 1.226 0 0 1-.666-1.608L5.093 2.465l-4.79 4.79a1.03 1.03 0 0 0 0 1.457l6.986 6.986a1.03 1.03 0 0 0 1.457 0l6.953-6.953a1.031 1.031 0 0 0 0-1.457"/>
-    </svg>
-  </a>
-
-  <a target="_blank" href="https://twitter.com/franckcuny" title="@franckcuny">
-    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-twitter" viewBox="0 0 20 20">
-      <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
-    </svg>
-  </a>
-
-  <a href="/ssh.pub.sig" title="SSH public keys">
-    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-filetype-key" viewBox="0 0 20 20">
-      <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.21 11.85h-.87L.83 13.64H.79v-1.79H0v3.999h.791v-1.283l.41-.466 1.12 1.749h.951l-1.488-2.276 1.427-1.723Zm2.903 3.352h-1.79v-1.073h1.685v-.606H4.323v-1.025h1.79v-.648H3.538v3.999h2.575v-.647Zm2.243-.888v1.535h-.794v-1.52L6.223 11.85H7.1l.853 1.696h.032l.855-1.696h.856l-1.339 2.464Z"/>
-    </svg>
-  </a>
-
-  <a href="/feed.xml" title="atom feed">
-    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-rss-fill" viewBox="0 0 20 20">
-      <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm1.5 2.5c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0 8 8 0 0 0-8-8 1 1 0 0 1 0-2zm0 4a6 6 0 0 1 6 6 1 1 0 1 1-2 0 4 4 0 0 0-4-4 1 1 0 0 1 0-2zm.5 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
-    </svg>
-  </a>
-
-</footer>
diff --git a/users/fcuny/notes/layouts/partials/head.html b/users/fcuny/notes/layouts/partials/head.html
index 7de4fd4..6e5a6fb 100644
--- a/users/fcuny/notes/layouts/partials/head.html
+++ b/users/fcuny/notes/layouts/partials/head.html
@@ -6,12 +6,11 @@
 
   {{ $css := "/css/custom.css"  }}
   <link rel="stylesheet" href="{{ $css }}">
-  <link rel="alternate" href="{{ "/feed.xml" | relURL }}" type="application/atom+xml" title="ATOM feed">
   <link rel="author" href="humans.txt" />
 
   <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🖥️</text></svg>">
 
-  <meta name="description" content="Franck Cuny's website, with articles about computers stuff.">
+  <meta name="description" content="Franck's notes.">
   <meta name="author" content="Franck Cuny">
 
   <title>{{ .Title }}</title>
diff --git a/users/fcuny/notes/layouts/partials/header.html b/users/fcuny/notes/layouts/partials/header.html
index fe90497..798463c 100644
--- a/users/fcuny/notes/layouts/partials/header.html
+++ b/users/fcuny/notes/layouts/partials/header.html
@@ -1,10 +1,5 @@
 <header>
   <nav class="navbar">
     <a class="nav-bold" href="{{ .Site.BaseURL }}">~/notes</a>
-    <ul class="nav-links">
-      {{ range .Site.Menus.main }}
-      <li class="nav-item"><a class="nav-bold" href="{{ absURL .URL }}">{{ .Title }}</a></li>
-      {{ end }}
-    </ul>
   </nav>
 </header>
diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 70ce618..e02631a 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/static/css/custom.css
@@ -1,11 +1,16 @@
+html {
+  margin-left: 2em;
+  margin-right: 0em;
+  margin-top: 1em;
+}
+
 body {
-  font-family: sans-serif;
-  font-size: 1em;
-  line-height: 1.8em;
+  font-family: monospace;
+  font-size: 1.15em;
+  line-height: 1.5em;
   color: #0e0e0b;
-  margin: 1em auto;
   padding: 0 0.55em;
-  max-width: 50rem;
+  max-width: 60rem;
 }
 
 h1 {
@@ -87,9 +92,8 @@ pre {
 }
 
 #meta_tags {
-  border-radius: 8px;
   padding: 0 .5rem;
-  font-size: 0.9rem;
+  font-size: 0.8rem;
   border: 2px solid #eee;
   background-color: #eee;
 }
@@ -102,28 +106,30 @@ pre {
 
 #meta_date {
   font-style: italic;
-  font-size: 0.9rem;
+  font-size: 0.8rem;
 }
 
 table {
   width: 100%;
-  border-spacing: 0px;
+  border-spacing: px;
   outline: none;
 }
 
 td{
-  padding-right: 0.7em;
+  padding-left: 0.4em;
   padding-top: 0.4em;
   padding-bottom: 0.4em;
 }
 thead {
-    color: #000;
-    font-style: bold;
-    text-align: left;
+  color: #000;
+  font-style: bold;
+  text-align: left;
 }
 table, th, td {
-    font-family: monospace;
-    color: #000;
+  font-family: monospace;
+  border: 1px solid;
+  border-collapse: collapse;
+  color: #000;
 }
 
 blockquote {
@@ -168,11 +174,17 @@ nav {
 
 article {
   text-align: justify;
+  padding-top: 2em;
 }
 
-.post-permalink {
-  list-style: none;
-  margin-left: -20px;
+#post-permalink {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+#post-permalink>li {
+ line-height:1.2rem;
+ margin:.6rem 0
 }
 
 .post-date {
@@ -180,22 +192,3 @@ article {
   font-weight: 400;
   font-size: 1.1em;
 }
-
-footer {
-  border-top: 2px solid #eee;
-  margin-top: 2em;
-  display: flex;
-  flex-direction: row;
-  justify-content: left;
-  align-items: left;
-}
-
-footer a, footer a:link, footer a:focus, footer a:active, footer a:hover {
-  color: black;
-  text-decoration: none;
-  padding: 5px;
-}
-
-footer a:not(:first-child) {
-  margin-left: 15px;
-}
-- 
cgit 1.4.1