🔖 Release v1.6.0

.gitignore

@@ -144,3 +144,4 @@ hugo.linux
 
 exampleSite/public/
 TODO
+.lighthouseci

CHANGELOG.md

@@ -6,6 +6,24 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+## [1.6.0] - 2021-12-21
+
+### Added
+
+- Article word counts ([#57](https://github.com/jpanther/congo/pull/57))
+- Last updated dates on articles
+- Icons for Amazon, Apple, Flickr, Google, Kickstarter, Microsoft, Patreon, Telegram, Tumblr and WhatsApp
+
+### Changed
+
+- Adjusted contrast of some items to improve accessibility
+- Upgrade to Chart.js v3.6.2
+- Upgrade to Mermaid v8.13.6
+
+### Fixed
+
+- Missing ARIA descriptions and alt tags on some images and links
+
 ## [1.5.3] - 2021-11-18
 
 ### Changed
@@ -180,7 +198,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Advanced customisation using simple Tailwind colour definitions and styles
 - Fully documented
 
-[unreleased]: https://github.com/jpanther/congo/compare/v1.5.3...HEAD
+[unreleased]: https://github.com/jpanther/congo/compare/v1.6.0...HEAD
+[1.6.0]: https://github.com/jpanther/congo/compare/v1.5.3...v1.6.0
 [1.5.3]: https://github.com/jpanther/congo/compare/v1.5.2...v1.5.3
 [1.5.2]: https://github.com/jpanther/Congo/compare/v1.5.1...v1.5.2
 [1.5.1]: https://github.com/jpanther/Congo/compare/v1.5.0...v1.5.1

assets/css/compiled/main.css

@@ -1,4 +1,4 @@
-/*! Congo v1.5.3 | MIT License | https://github.com/jpanther/congo */
+/*! Congo v1.6.0 | MIT License | https://github.com/jpanther/congo */
 
 /*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */
 
@@ -727,7 +727,7 @@ video {
 }
 
 .prose h1 {
-  color: var(--color-neutral-800);
+  color: var(--color-neutral-900);
   font-weight: 800;
   font-size: 2.25em;
   margin-top: 0;
@@ -1700,78 +1700,78 @@ body a, body button {
 
 .chroma .c {
   font-style: italic;
-  color: var(--color-neutral-400);
+  color: var(--color-neutral-500);
 }
 
 .dark .chroma .c {
-  color: var(--color-neutral-500);
+  color: var(--color-neutral-400);
 }
 
 /* CommentHashbang */
 
 .chroma .ch {
   font-weight: 600;
   font-style: italic;
-  color: var(--color-neutral-400);
+  color: var(--color-neutral-500);
 }
 
 .dark .chroma .ch {
-  color: var(--color-neutral-500);
+  color: var(--color-neutral-400);
 }
 
 /* CommentMultiline */
 
 .chroma .cm {
   font-style: italic;
-  color: var(--color-neutral-400);
+  color: var(--color-neutral-500);
 }
 
 .dark .chroma .cm {
-  color: var(--color-neutral-500);
+  color: var(--color-neutral-400);
 }
 
 /* CommentSingle */
 
 .chroma .c1 {
   font-style: italic;
-  color: var(--color-neutral-400);
+  color: var(--color-neutral-500);
 }
 
 .dark .chroma .c1 {
-  color: var(--color-neutral-500);
+  color: var(--color-neutral-400);
 }
 
 /* CommentSpecial */
 
 .chroma .cs {
   font-style: italic;
-  color: var(--color-neutral-400);
+  color: var(--color-neutral-500);
 }
 
 .dark .chroma .cs {
-  color: var(--color-neutral-500);
+  color: var(--color-neutral-400);
 }
 
 /* CommentPreproc */
 
 .chroma .cp {
   font-style: italic;
-  color: var(--color-neutral-400);
+  color: var(--color-neutral-500);
 }
 
 .dark .chroma .cp {
-  color: var(--color-neutral-500);
+  color: var(--color-neutral-400);
 }
 
 /* CommentPreprocFile */
 
 .chroma .cpf {
   font-style: italic;
-  color: var(--color-neutral-400);
+  color: var(--color-neutral-500);
 }
 
 .dark .chroma .cpf {
-  color: var(--color-neutral-500);
+  color: var(--color-neutral-400);
 }
 
 /* Generic */
@@ -2356,20 +2356,20 @@ body a, body button {
   color: var(--color-neutral-700);
 }
 
-.text-neutral-800 {
-  color: var(--color-neutral-800);
+.text-neutral-500 {
+  color: var(--color-neutral-500);
 }
 
 .text-primary-500 {
   color: var(--color-primary-500);
 }
 
-.text-primary-700 {
-  color: var(--color-primary-700);
+.text-neutral-800 {
+  color: var(--color-neutral-800);
 }
 
-.text-neutral-300 {
-  color: var(--color-neutral-300);
+.text-primary-700 {
+  color: var(--color-primary-700);
 }
 
 .text-primary-400 {
@@ -2412,14 +2412,14 @@ body a, body button {
   color: var(--color-primary-700);
 }
 
-.hover\:text-primary-400:hover {
-  color: var(--color-primary-400);
-}
-
 .hover\:text-primary-500:hover {
   color: var(--color-primary-500);
 }
 
+.hover\:text-primary-400:hover {
+  color: var(--color-primary-400);
+}
+
 .hover\:text-neutral:hover {
   color: var(--color-neutral);
 }
@@ -2433,9 +2433,9 @@ body a, body button {
           text-decoration-color: var(--color-neutral-300);
 }
 
-.hover\:underline-primary-300:hover {
-  -webkit-text-decoration-color: var(--color-primary-300);
-          text-decoration-color: var(--color-primary-300);
+.hover\:underline-primary-400:hover {
+  -webkit-text-decoration-color: var(--color-primary-400);
+          text-decoration-color: var(--color-primary-400);
 }
 
 .hover\:underline-primary-500:hover {
@@ -2452,7 +2452,7 @@ body a, body button {
 }
 
 .dark .dark\:prose-light {
-  color: var(--color-neutral-400);
+  color: var(--color-neutral-300);
 }
 
 .dark .dark\:prose-light a {
@@ -2492,15 +2492,15 @@ body a, body button {
 }
 
 .dark .dark\:prose-light h2 {
-  color: var(--color-neutral);
+  color: var(--color-neutral-50);
 }
 
 .dark .dark\:prose-light h3 {
-  color: var(--color-neutral);
+  color: var(--color-neutral-50);
 }
 
 .dark .dark\:prose-light h4 {
-  color: var(--color-neutral);
+  color: var(--color-neutral-50);
 }
 
 .dark .dark\:prose-light figure figcaption {
@@ -2658,6 +2658,11 @@ body a, body button {
     padding-bottom: 2.5rem;
   }
 
+  .sm\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
   .sm\:last\:mr-0:last-child {
     margin-right: 0px;
   }

assets/css/main.css

@@ -1,4 +1,4 @@
-/*! Congo v1.5.3 | MIT License | https://github.com/jpanther/congo */
+/*! Congo v1.6.0 | MIT License | https://github.com/jpanther/congo */
 
 @tailwind base;
 @tailwind components;
@@ -302,31 +302,31 @@ body button {
 }
 /* Comment */
 .chroma .c {
-  @apply italic text-neutral-400 dark:text-neutral-500;
+  @apply italic text-neutral-500 dark:text-neutral-400;
 }
 /* CommentHashbang */
 .chroma .ch {
-  @apply italic font-semibold text-neutral-400 dark:text-neutral-500;
+  @apply italic font-semibold text-neutral-500 dark:text-neutral-400;
 }
 /* CommentMultiline */
 .chroma .cm {
-  @apply italic text-neutral-400 dark:text-neutral-500;
+  @apply italic text-neutral-500 dark:text-neutral-400;
 }
 /* CommentSingle */
 .chroma .c1 {
-  @apply italic text-neutral-400 dark:text-neutral-500;
+  @apply italic text-neutral-500 dark:text-neutral-400;
 }
 /* CommentSpecial */
 .chroma .cs {
-  @apply italic text-neutral-400 dark:text-neutral-500;
+  @apply italic text-neutral-500 dark:text-neutral-400;
 }
 /* CommentPreproc */
 .chroma .cp {
-  @apply italic text-neutral-400 dark:text-neutral-500;
+  @apply italic text-neutral-500 dark:text-neutral-400;
 }
 /* CommentPreprocFile */
 .chroma .cpf {
-  @apply italic text-neutral-400 dark:text-neutral-500;
+  @apply italic text-neutral-500 dark:text-neutral-400;
 }
 /* Generic */
 .chroma .g {

config/_default/config.toml

@@ -21,28 +21,38 @@ summaryLength = 0
   # links = [
   #   { email = "mailto:hello@your_domain.com" },
   #   { link = "https://link-to-some-website.com/" },
+  #   { amazon = "https://www.amazon.com/hz/wishlist/ls/wishlist-id" },
+  #   { apple = "https://www.apple.com" },
   #   { codepen = "https://codepen.io/username" },
   #   { dev = "https://dev.to/username" },
   #   { discord = "https://discord.gg/invitecode" },
   #   { dribbble = "https://dribbble.com/username" },
   #   { facebook = "https://facebook.com/username" },
+  #   { flickr = "https://www.flickr.com/photos/username/" },
   #   { foursquare = "https://foursquare.com/username" },
   #   { github = "https://github.com/username" },
   #   { gitlab = "https://gitlab.com/username" },
+  #   { google = "https://www.google.com/" },
   #   { instagram = "https://instagram.com/username" },
   #   { keybase = "https://keybase.io/username" },
+  #   { kickstarter = "https://www.kickstarter.com/profile/username" },
   #   { lastfm = "https://lastfm.com/user/username" },
   #   { linkedin = "https://linkedin.com/in/username" },
   #   { mastodon = "https://mastodon.instance/@username" },
   #   { medium = "https://medium.com/username" },
+  #   { microsoft = "https://www.microsoft.com/" },
+  #   { patreon = "https://www.patreon.com/username" },
   #   { pinterest = "https://pinterest.com/username" },
   #   { reddit = "https://reddit.com/user/username" },
   #   { slack = "https://workspace.url/team/userid" },
   #   { snapchat = "https://snapchat.com/add/username" },
   #   { soundcloud = "https://soundcloud.com/username" },
   #   { steam = "https://steamcommunity.com/profiles/userid" },
+  #   { telegram = "https://t.me/username" },
   #   { tiktok = "https://tiktok.com/@username" },
+  #   { tumblr = "https://username.tumblr.com" },
   #   { twitch = "https://twitch.tv/username" },
   #   { twitter = "https://twitter.com/username" },
+  #   { whatsapp = "https://wa.me/phone-number" },
   #   { youtube = "https://youtube.com/username" },
   # ]

config/_default/params.toml

@@ -29,6 +29,7 @@ colorScheme = "congo"
   showHeadingAnchors = true
   showPagination = true
   showReadingTime = true
+  showWordCount = false
   # sharingLinks = ["facebook", "twitter", "pinterest", "reddit", "linkedin", "email"]
 
 [list]