Make It Tea

Record of mods and changes to this site

Saturday 2026-03-28

Pure Blog version

v 2.2.0 (Upgraded from v1.8.0)

Saturday 2026-03-07

Removed Webfonts from custom css. Site is now static and simple. Sans-serif everything except posts/pages/indexes which are monospace

Sunday 2026-03-01

Day Zero

This is the baseline config.

Pure Blog version

v1.6.5 (upgraded from v1.6.3 > v1.6.4 > v1.6.5)

Added Tag-Cloud ¹ and Archive ² php scripts from Kev
(with a few minor tweaks by me)

CSS & Style notes

Using

• Atkinson Hyperlegible webfonts
• Monospace setting for overall site
• sans-serif font for non-post elements (header/footer/headings etc.)
• tweaks to various sizes & spacings & margins.
• using simple "list view" of blog posts

.tag-cloud a {
   margin: 0 0.5rem;
   line-height: 2rem;

}

.archive li {
  line-height: 1.5rem;
  font-size: 1.1rem;
}

body {
  font-size: 1rem;
  line-height: 1.25rem;
}

main {
  max-width: 50rem;
}

article {
  margin-bottom: 0;
}

p.post-archive-view {
  font-size : 1.1rem;
  line-height: 1.1rem;
}
main h1 {
  font-size: 2.8rem;
}

header, footer{
  font-family: "atkinson_next", sans-serif;
  font-size: 1.1rem;
}

footer {
  margin-top: 3rem;
}

main h1, main h2, main h3, main h4, main h5, main h6 {
  margin-left: -1rem;
  font-family: "atkinson_next", sans-serif;
}

.tag-list {
    border-top: 1px solid var(--border-color);
    padding-top: 2rem;
}

.post-nav {
  margin-top : 0;
  margin-bottom: 3rem;
}
@font-face {
  font-family: 'atkinson_next';
  src: url('/content/fonts/AtkinsonHyperlegibleNext-Regular.woff2') format('woff2');
       font-weight: normal;
       font-display: swap;
       font-style: normal;
}
@font-face {
  font-family: 'atkinson_next';
  src: url('/content/fonts/AtkinsonHyperlegibleNext-Bold.woff2') format('woff2');
       font-weight: bold;
       font-display: swap;
       font-style: normal;
}
@font-face {
  font-family: 'atkinson_next';
  src: url('/content/fonts/AtkinsonHyperlegibleNext-RegularItalic.woff2') format('woff2');
       font-weight: normal;
       font-display: swap;
       font-style: italic;
}
@font-face {
  font-family: 'atkinson_next';
  src: url('/content/fonts/AtkinsonHyperlegibleNext-BoldItalic.woff2') format('woff2');
       font-weight: bold;
       font-display: swap;
       font-style: italic;
}
@font-face {
  font-family: 'atkinson_mono';
  src: url('/content/fonts/AtkinsonHyperlegibleMono-Regular.woff2') format('woff2');
       font-weight: normal;
       font-display: swap;
       font-style: normal;
}
@font-face {
  font-family: 'atkinson_mono';
  src: url('/content/fonts/AtkinsonHyperlegibleMono-RegularItalic.woff2') format('woff2');
       font-weight: normal;
       font-display: swap;
       font-style: italic;
}
@font-face {
  font-family: 'atkinson_mono';
  src: url('/content/fonts/AtkinsonHyperlegibleMono-Bold.woff2') format('woff2');
       font-weight: bold;
       font-display: swap;
       font-style: normal;
}
@font-face {
  font-family: 'atkinson_mono';
  src: url('/content/fonts/AtkinsonHyperlegibleMono-BoldItalic.woff2') format('woff2');
       font-weight: bold;
       font-display: swap;
       font-style: italic;
}

:root {
  --font-stack: "atkinson_mono", system-ui, monospace;
}

pre {
  font-family: "atkinson_mono", monospace;
}

code {
  font-family: "atkinson_mono", monospace;
}