From 35a35f5e3223d16db87ef278b55f5b3b5d244bdd Mon Sep 17 00:00:00 2001 From: James Panther <4462786+jpanther@users.noreply.github.com> Date: Thu, 28 Oct 2021 17:19:53 +1100 Subject: [PATCH 1/9] =?UTF-8?q?=F0=9F=90=9B=20Fix=20site=20logo=20image=20?= =?UTF-8?q?dimensions=20unconstrained=20Closes=20#19?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 4 ++++ assets/css/compiled/main.css | 18 ++++++++++++++++++ exampleSite/assets/logo.jpg | Bin 0 -> 25803 bytes exampleSite/config.toml | 3 +++ layouts/partials/header.html | 1 + 5 files changed, 26 insertions(+) create mode 100644 exampleSite/assets/logo.jpg diff --git a/CHANGELOG.md b/CHANGELOG.md index 06659675..68d7e47c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -17,6 +17,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), - Bundled Mermaid for better vendor dependency management - Mermaid diagrams are now themed to match the configured colour scheme +### Fixed + +- Site logo image dimensions are unconstrained ([#19](https://github.com/jpanther/congo/issues/19)) + ## [1.4.0] - 2021-10-20 ### Added diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 7158c43a..d2acda6b 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -2143,6 +2143,10 @@ body a, body button { height: 9rem; } +.max-h-\[10rem\] { + max-height: 10rem; +} + .w-36 { width: 9rem; } @@ -2171,6 +2175,10 @@ body a, body button { max-width: 65ch; } +.max-w-\[10rem\] { + max-width: 10rem; +} + .max-w-full { max-width: 100%; } @@ -2275,6 +2283,16 @@ body a, body button { background-color: var(--color-primary-600); } +.object-scale-down { + -o-object-fit: scale-down; + object-fit: scale-down; +} + +.object-left { + -o-object-position: left; + object-position: left; +} + .p-1 { padding: 0.25rem; } diff --git a/exampleSite/assets/logo.jpg b/exampleSite/assets/logo.jpg new file mode 100644 index 0000000000000000000000000000000000000000..79dc6e82a38eeb274eb548468fdff05796464e53 GIT binary patch literal 25803 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 literal 0 HcmV?d00001 diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 415e1807..de6461ab 100755 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -27,6 +27,9 @@ summaryLength = 0 [taxonomies] tag = "tags" +[params] + # logo = "logo.jpg" + [params.homepage] layout = "custom" showRecent = true diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 0a6a6778..ffd4d452 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -11,6 +11,7 @@ src="{{ $logo.RelPermalink }}" width="{{ div $logo.Width 2 }}" height="{{ div $logo.Height 2 }}" + class="max-w-[10rem] max-h-[10rem] object-scale-down object-left" alt="{{ .Site.Title }}" /> From d1d697abbc379c0190385412de321944b4276c37 Mon Sep 17 00:00:00 2001 From: slashformotion Date: Thu, 28 Oct 2021 09:55:51 +0200 Subject: [PATCH 2/9] :pencil: Added a new site in users.md --- exampleSite/content/users.md | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/exampleSite/content/users.md b/exampleSite/content/users.md index ce2953cc..e5ae5be4 100644 --- a/exampleSite/content/users.md +++ b/exampleSite/content/users.md @@ -15,10 +15,11 @@ showEdit: false Real websites that are built with Congo. {{< /lead >}} -| Website | Details | -| -------------------------------------------- | ---------------------------- | -| [jamespanther.com](https://jamespanther.com) | Personal site - Theme author | -| [zekeriyaay.com](https://zekeriyaay.com) | Personal cheat sheets site | -| [srisco.dev](https://srisco.dev) | Personal site | +| Website | Details | +| ---------------------------------------------- | ---------------------------- | +| [jamespanther.com](https://jamespanther.com) | Personal site - Theme author | +| [zekeriyaay.com](https://zekeriyaay.com) | Personal cheat sheets site | +| [srisco.dev](https://srisco.dev) | Personal site | +| [theophile-roos.fr](https://theophile-roos.fr) | Personal site | **Congo user?** To add your site to this list, [submit a pull request](https://github.com/jpanther/congo/blob/dev/exampleSite/content/users.md). From 9d42b7be2b2b42416a231e918dffd2bb9a8906ca Mon Sep 17 00:00:00 2001 From: James Panther <4462786+jpanther@users.noreply.github.com> Date: Fri, 29 Oct 2021 11:15:00 +1100 Subject: [PATCH 3/9] =?UTF-8?q?=F0=9F=9A=A7=20Add=20dark=20mode=20toggle?= =?UTF-8?q?=20button?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/compiled/main.css | 679 +++++++++++++++-------------------- assets/icons/moon.svg | 1 + assets/icons/sun.svg | 1 + layouts/partials/footer.html | 64 ++-- layouts/partials/head.html | 18 + tailwind.config.js | 2 +- 6 files changed, 350 insertions(+), 415 deletions(-) create mode 100644 assets/icons/moon.svg create mode 100644 assets/icons/sun.svg diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index d2acda6b..d4b87fe5 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1057,10 +1057,8 @@ body a, body button { color: var(--color-primary-700); } -@media (prefers-color-scheme: dark) { - .article-pagination a:hover .article-pagination-direction { - color: var(--color-primary-400); - } +.dark .article-pagination a:hover .article-pagination-direction { + color: var(--color-primary-400); } /* -- Chroma Highlight -- */ @@ -1073,14 +1071,9 @@ body a, body button { color: var(--color-neutral-700); } -@media (prefers-color-scheme: dark) { - .prose .chroma { - background-color: var(--color-neutral-700); - } - - .prose .chroma { - color: var(--color-neutral-200); - } +.dark .prose .chroma { + background-color: var(--color-neutral-700); + color: var(--color-neutral-200); } /* Other */ @@ -1129,10 +1122,8 @@ body a, body button { padding-right: 1rem; } -@media (prefers-color-scheme: dark) { - .chroma .hl { - background-color: var(--color-primary-900); - } +.dark .chroma .hl { + background-color: var(--color-primary-900); } .chroma .lntd .hl { @@ -1146,10 +1137,8 @@ body a, body button { color: var(--color-neutral-600); } -@media (prefers-color-scheme: dark) { - .chroma .lnt { - color: var(--color-neutral-300); - } +.dark .chroma .lnt { + color: var(--color-neutral-300); } .chroma .lnt { @@ -1163,10 +1152,8 @@ body a, body button { color: var(--color-neutral-600); } -@media (prefers-color-scheme: dark) { - .chroma .ln { - color: var(--color-neutral-300); - } +.dark .chroma .ln { + color: var(--color-neutral-300); } .chroma .ln { @@ -1180,10 +1167,8 @@ body a, body button { color: var(--color-primary-600); } -@media (prefers-color-scheme: dark) { - .chroma .k { - color: var(--color-primary-300); - } +.dark .chroma .k { + color: var(--color-primary-300); } /* KeywordConstant */ @@ -1193,10 +1178,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .kc { - color: var(--color-secondary-500); - } +.dark .chroma .kc { + color: var(--color-secondary-500); } /* KeywordDeclaration */ @@ -1205,10 +1188,8 @@ body a, body button { color: var(--color-primary-600); } -@media (prefers-color-scheme: dark) { - .chroma .kd { - color: var(--color-primary-300); - } +.dark .chroma .kd { + color: var(--color-primary-300); } /* KeywordNamespace */ @@ -1217,10 +1198,8 @@ body a, body button { color: var(--color-primary-600); } -@media (prefers-color-scheme: dark) { - .chroma .kn { - color: var(--color-primary-300); - } +.dark .chroma .kn { + color: var(--color-primary-300); } /* KeywordPseudo */ @@ -1229,10 +1208,8 @@ body a, body button { color: var(--color-primary-600); } -@media (prefers-color-scheme: dark) { - .chroma .kp { - color: var(--color-primary-300); - } +.dark .chroma .kp { + color: var(--color-primary-300); } /* KeywordReserved */ @@ -1241,10 +1218,8 @@ body a, body button { color: var(--color-primary-600); } -@media (prefers-color-scheme: dark) { - .chroma .kr { - color: var(--color-primary-300); - } +.dark .chroma .kr { + color: var(--color-primary-300); } /* KeywordType */ @@ -1253,10 +1228,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .kt { - color: var(--color-secondary-600); - } +.dark .chroma .kt { + color: var(--color-secondary-600); } /* Name */ @@ -1265,10 +1238,8 @@ body a, body button { color: var(--color-secondary-900); } -@media (prefers-color-scheme: dark) { - .chroma .n { - color: var(--color-secondary-200); - } +.dark .chroma .n { + color: var(--color-secondary-200); } /* NameAttribute */ @@ -1277,10 +1248,8 @@ body a, body button { color: var(--color-secondary-800); } -@media (prefers-color-scheme: dark) { - .chroma .na { - color: var(--color-secondary-300); - } +.dark .chroma .na { + color: var(--color-secondary-300); } /* NameBuiltin */ @@ -1289,10 +1258,8 @@ body a, body button { color: var(--color-secondary-800); } -@media (prefers-color-scheme: dark) { - .chroma .nb { - color: var(--color-secondary-300); - } +.dark .chroma .nb { + color: var(--color-secondary-300); } /* NameBuiltinPseudo */ @@ -1301,10 +1268,8 @@ body a, body button { color: var(--color-secondary-800); } -@media (prefers-color-scheme: dark) { - .chroma .bp { - color: var(--color-secondary-300); - } +.dark .chroma .bp { + color: var(--color-secondary-300); } /* NameClass */ @@ -1313,10 +1278,8 @@ body a, body button { color: var(--color-primary-600); } -@media (prefers-color-scheme: dark) { - .chroma .nc { - color: var(--color-primary-300); - } +.dark .chroma .nc { + color: var(--color-primary-300); } /* NameConstant */ @@ -1326,10 +1289,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .no { - color: var(--color-secondary-500); - } +.dark .chroma .no { + color: var(--color-secondary-500); } /* NameDecorator */ @@ -1338,10 +1299,8 @@ body a, body button { color: var(--color-secondary-900); } -@media (prefers-color-scheme: dark) { - .chroma .nd { - color: var(--color-secondary-200); - } +.dark .chroma .nd { + color: var(--color-secondary-200); } /* NameEntity */ @@ -1350,10 +1309,8 @@ body a, body button { color: var(--color-secondary-900); } -@media (prefers-color-scheme: dark) { - .chroma .ni { - color: var(--color-secondary-200); - } +.dark .chroma .ni { + color: var(--color-secondary-200); } /* NameException */ @@ -1363,10 +1320,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .ne { - color: var(--color-secondary-500); - } +.dark .chroma .ne { + color: var(--color-secondary-500); } /* NameFunction */ @@ -1375,10 +1330,8 @@ body a, body button { color: var(--color-secondary-600); } -@media (prefers-color-scheme: dark) { - .chroma .nf { - color: var(--color-secondary-500); - } +.dark .chroma .nf { + color: var(--color-secondary-500); } /* NameFunctionMagic */ @@ -1387,10 +1340,8 @@ body a, body button { color: var(--color-primary-600); } -@media (prefers-color-scheme: dark) { - .chroma .fm { - color: var(--color-primary-300); - } +.dark .chroma .fm { + color: var(--color-primary-300); } /* NameLabel */ @@ -1399,10 +1350,8 @@ body a, body button { color: var(--color-secondary-900); } -@media (prefers-color-scheme: dark) { - .chroma .nl { - color: var(--color-secondary-200); - } +.dark .chroma .nl { + color: var(--color-secondary-200); } /* NameNamespace */ @@ -1411,10 +1360,8 @@ body a, body button { color: var(--color-primary-600); } -@media (prefers-color-scheme: dark) { - .chroma .nn { - color: var(--color-primary-300); - } +.dark .chroma .nn { + color: var(--color-primary-300); } /* NameOther */ @@ -1423,10 +1370,8 @@ body a, body button { color: var(--color-secondary-800); } -@media (prefers-color-scheme: dark) { - .chroma .nx { - color: var(--color-secondary-300); - } +.dark .chroma .nx { + color: var(--color-secondary-300); } /* NameProperty */ @@ -1441,10 +1386,8 @@ body a, body button { color: var(--color-secondary-800); } -@media (prefers-color-scheme: dark) { - .chroma .nt { - color: var(--color-secondary-300); - } +.dark .chroma .nt { + color: var(--color-secondary-300); } /* NameVariable */ @@ -1453,10 +1396,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .nv { - color: var(--color-secondary-600); - } +.dark .chroma .nv { + color: var(--color-secondary-600); } /* NameVariableClass */ @@ -1465,10 +1406,8 @@ body a, body button { color: var(--color-primary-600); } -@media (prefers-color-scheme: dark) { - .chroma .vc { - color: var(--color-primary-300); - } +.dark .chroma .vc { + color: var(--color-primary-300); } /* NameVariableGlobal */ @@ -1478,10 +1417,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .vg { - color: var(--color-secondary-500); - } +.dark .chroma .vg { + color: var(--color-secondary-500); } /* NameVariableInstance */ @@ -1490,10 +1427,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .vi { - color: var(--color-secondary-600); - } +.dark .chroma .vi { + color: var(--color-secondary-600); } /* NameVariableMagic */ @@ -1502,10 +1437,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .vm { - color: var(--color-secondary-600); - } +.dark .chroma .vm { + color: var(--color-secondary-600); } /* Literal */ @@ -1514,10 +1447,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .l { - color: var(--color-primary-400); - } +.dark .chroma .l { + color: var(--color-primary-400); } /* LiteralDate */ @@ -1526,10 +1457,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .ld { - color: var(--color-primary-400); - } +.dark .chroma .ld { + color: var(--color-primary-400); } /* LiteralString */ @@ -1538,10 +1467,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .s { - color: var(--color-primary-400); - } +.dark .chroma .s { + color: var(--color-primary-400); } /* LiteralStringAffix */ @@ -1550,10 +1477,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .sa { - color: var(--color-primary-400); - } +.dark .chroma .sa { + color: var(--color-primary-400); } /* LiteralStringBacktick */ @@ -1562,10 +1487,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .sb { - color: var(--color-primary-400); - } +.dark .chroma .sb { + color: var(--color-primary-400); } /* LiteralStringChar */ @@ -1574,10 +1497,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .sc { - color: var(--color-primary-400); - } +.dark .chroma .sc { + color: var(--color-primary-400); } /* LiteralStringDelimiter */ @@ -1586,10 +1507,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .dl { - color: var(--color-primary-400); - } +.dark .chroma .dl { + color: var(--color-primary-400); } /* LiteralStringDoc */ @@ -1598,10 +1517,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .sd { - color: var(--color-primary-400); - } +.dark .chroma .sd { + color: var(--color-primary-400); } /* LiteralStringDouble */ @@ -1610,10 +1527,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .s2 { - color: var(--color-primary-400); - } +.dark .chroma .s2 { + color: var(--color-primary-400); } /* LiteralStringEscape */ @@ -1623,10 +1538,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .se { - color: var(--color-secondary-500); - } +.dark .chroma .se { + color: var(--color-secondary-500); } /* LiteralStringHeredoc */ @@ -1635,10 +1548,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .sh { - color: var(--color-primary-400); - } +.dark .chroma .sh { + color: var(--color-primary-400); } /* LiteralStringInterpol */ @@ -1647,10 +1558,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .si { - color: var(--color-primary-400); - } +.dark .chroma .si { + color: var(--color-primary-400); } /* LiteralStringOther */ @@ -1659,10 +1568,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .sx { - color: var(--color-primary-400); - } +.dark .chroma .sx { + color: var(--color-primary-400); } /* LiteralStringRegex */ @@ -1672,10 +1579,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .sr { - color: var(--color-primary-400); - } +.dark .chroma .sr { + color: var(--color-primary-400); } /* LiteralStringSingle */ @@ -1684,10 +1589,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .s1 { - color: var(--color-primary-400); - } +.dark .chroma .s1 { + color: var(--color-primary-400); } /* LiteralStringSymbol */ @@ -1697,10 +1600,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .ss { - color: var(--color-primary-400); - } +.dark .chroma .ss { + color: var(--color-primary-400); } /* LiteralNumber */ @@ -1709,10 +1610,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .m { - color: var(--color-secondary-600); - } +.dark .chroma .m { + color: var(--color-secondary-600); } /* LiteralNumberBin */ @@ -1721,10 +1620,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .mb { - color: var(--color-secondary-600); - } +.dark .chroma .mb { + color: var(--color-secondary-600); } /* LiteralNumberFloat */ @@ -1733,10 +1630,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .mf { - color: var(--color-secondary-600); - } +.dark .chroma .mf { + color: var(--color-secondary-600); } /* LiteralNumberHex */ @@ -1745,10 +1640,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .mh { - color: var(--color-secondary-600); - } +.dark .chroma .mh { + color: var(--color-secondary-600); } /* LiteralNumberInteger */ @@ -1757,10 +1650,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .mi { - color: var(--color-secondary-600); - } +.dark .chroma .mi { + color: var(--color-secondary-600); } /* LiteralNumberIntegerLong */ @@ -1769,10 +1660,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .il { - color: var(--color-secondary-600); - } +.dark .chroma .il { + color: var(--color-secondary-600); } /* LiteralNumberOct */ @@ -1781,10 +1670,8 @@ body a, body button { color: var(--color-secondary-400); } -@media (prefers-color-scheme: dark) { - .chroma .mo { - color: var(--color-secondary-600); - } +.dark .chroma .mo { + color: var(--color-secondary-600); } /* Operator */ @@ -1800,10 +1687,8 @@ body a, body button { color: var(--color-primary-400); } -@media (prefers-color-scheme: dark) { - .chroma .ow { - color: var(--color-primary-600); - } +.dark .chroma .ow { + color: var(--color-primary-600); } /* Punctuation */ @@ -1818,10 +1703,8 @@ body a, body button { color: var(--color-neutral-400); } -@media (prefers-color-scheme: dark) { - .chroma .c { - color: var(--color-neutral-500); - } +.dark .chroma .c { + color: var(--color-neutral-500); } /* CommentHashbang */ @@ -1832,10 +1715,8 @@ body a, body button { color: var(--color-neutral-400); } -@media (prefers-color-scheme: dark) { - .chroma .ch { - color: var(--color-neutral-500); - } +.dark .chroma .ch { + color: var(--color-neutral-500); } /* CommentMultiline */ @@ -1845,10 +1726,8 @@ body a, body button { color: var(--color-neutral-400); } -@media (prefers-color-scheme: dark) { - .chroma .cm { - color: var(--color-neutral-500); - } +.dark .chroma .cm { + color: var(--color-neutral-500); } /* CommentSingle */ @@ -1858,10 +1737,8 @@ body a, body button { color: var(--color-neutral-400); } -@media (prefers-color-scheme: dark) { - .chroma .c1 { - color: var(--color-neutral-500); - } +.dark .chroma .c1 { + color: var(--color-neutral-500); } /* CommentSpecial */ @@ -1871,10 +1748,8 @@ body a, body button { color: var(--color-neutral-400); } -@media (prefers-color-scheme: dark) { - .chroma .cs { - color: var(--color-neutral-500); - } +.dark .chroma .cs { + color: var(--color-neutral-500); } /* CommentPreproc */ @@ -1884,10 +1759,8 @@ body a, body button { color: var(--color-neutral-400); } -@media (prefers-color-scheme: dark) { - .chroma .cp { - color: var(--color-neutral-500); - } +.dark .chroma .cp { + color: var(--color-neutral-500); } /* CommentPreprocFile */ @@ -1897,10 +1770,8 @@ body a, body button { color: var(--color-neutral-400); } -@media (prefers-color-scheme: dark) { - .chroma .cpf { - color: var(--color-neutral-500); - } +.dark .chroma .cpf { + color: var(--color-neutral-500); } /* Generic */ @@ -1937,10 +1808,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .gi { - color: var(--color-primary-400); - } +.dark .chroma .gi { + color: var(--color-primary-400); } /* GenericOutput */ @@ -1949,10 +1818,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .go { - color: var(--color-primary-400); - } +.dark .chroma .go { + color: var(--color-primary-400); } /* GenericPrompt */ @@ -1961,10 +1828,8 @@ body a, body button { color: var(--color-primary-800); } -@media (prefers-color-scheme: dark) { - .chroma .gp { - color: var(--color-primary-400); - } +.dark .chroma .gp { + color: var(--color-primary-400); } /* GenericStrong */ @@ -2191,6 +2056,10 @@ body a, body button { cursor: default; } +.cursor-pointer { + cursor: pointer; +} + .list-none { list-style-type: none; } @@ -2263,6 +2132,14 @@ body a, body button { border-color: var(--color-primary-400); } +.border-neutral-200 { + border-color: var(--color-neutral-200); +} + +.border-neutral-700 { + border-color: var(--color-neutral-700); +} + .bg-neutral { background-color: var(--color-neutral); } @@ -2507,6 +2384,14 @@ body a, body button { margin-top: 2rem; } +.hover\:border-primary-400:hover { + border-color: var(--color-primary-400); +} + +.hover\:border-primary-500:hover { + border-color: var(--color-primary-500); +} + .hover\:bg-primary-600:hover { background-color: var(--color-primary-600); } @@ -2527,14 +2412,14 @@ body a, body button { color: var(--color-primary-400); } -.hover\:text-neutral:hover { - color: var(--color-neutral); -} - .hover\:text-primary-500:hover { color: var(--color-primary-500); } +.hover\:text-neutral:hover { + color: var(--color-neutral); +} + .hover\:underline:hover { text-decoration: underline; } @@ -2562,165 +2447,171 @@ body a, body button { text-decoration-thickness: 2px; } -@media (prefers-color-scheme: dark) { - .dark\:prose-light { - color: var(--color-neutral-400); - } +.dark .dark\:prose-light { + color: var(--color-neutral-400); +} - .dark\:prose-light a { - color: var(--color-primary-400); - -webkit-text-decoration-color: var(--color-neutral-500); - text-decoration-color: var(--color-neutral-500); - } +.dark .dark\:prose-light a { + color: var(--color-primary-400); + -webkit-text-decoration-color: var(--color-neutral-500); + text-decoration-color: var(--color-neutral-500); +} - .dark\:prose-light strong { - color: var(--color-neutral); - } +.dark .dark\:prose-light strong { + color: var(--color-neutral); +} - .dark\:prose-light ol > li::before { - color: var(--color-neutral-400); - } +.dark .dark\:prose-light ol > li::before { + color: var(--color-neutral-400); +} - .dark\:prose-light ul > li::before { - background-color: var(--color-neutral-600); - } +.dark .dark\:prose-light ul > li::before { + background-color: var(--color-neutral-600); +} - .dark\:prose-light hr { - border-color: var(--color-neutral-500); - } +.dark .dark\:prose-light hr { + border-color: var(--color-neutral-500); +} - .dark\:prose-light blockquote { - color: var(--color-neutral-200); - border-left-color: var(--color-primary-900); - } +.dark .dark\:prose-light blockquote { + color: var(--color-neutral-200); + border-left-color: var(--color-primary-900); +} - .dark\:prose-light h1 { - color: var(--color-neutral); - } +.dark .dark\:prose-light h1 { + color: var(--color-neutral); +} - .dark\:prose-light h2 { - color: var(--color-neutral); - } +.dark .dark\:prose-light h2 { + color: var(--color-neutral); +} - .dark\:prose-light h3 { - color: var(--color-neutral); - } +.dark .dark\:prose-light h3 { + color: var(--color-neutral); +} - .dark\:prose-light h4 { - color: var(--color-neutral); - } +.dark .dark\:prose-light h4 { + color: var(--color-neutral); +} - .dark\:prose-light figure figcaption { - color: var(--color-neutral-400); - } +.dark .dark\:prose-light figure figcaption { + color: var(--color-neutral-400); +} - .dark\:prose-light code { - color: var(--color-secondary-400); - } +.dark .dark\:prose-light code { + color: var(--color-secondary-400); +} - .dark\:prose-light a code { - color: var(--color-neutral); - } +.dark .dark\:prose-light a code { + color: var(--color-neutral); +} - .dark\:prose-light pre { - color: var(--color-neutral-200); - background-color: var(--color-neutral-700); - } +.dark .dark\:prose-light pre { + color: var(--color-neutral-200); + background-color: var(--color-neutral-700); +} - .dark\:prose-light pre code { - color: var(--color-neutral-200); - } +.dark .dark\:prose-light pre code { + color: var(--color-neutral-200); +} - .dark\:prose-light thead { - color: var(--color-neutral); - border-bottom-color: var(--color-neutral-500); - } +.dark .dark\:prose-light thead { + color: var(--color-neutral); + border-bottom-color: var(--color-neutral-500); +} - .dark\:prose-light tbody tr { - border-bottom-color: var(--color-neutral-700); - } +.dark .dark\:prose-light tbody tr { + border-bottom-color: var(--color-neutral-700); +} - .dark\:prose-light kbd { - background-color: var(--color-neutral-700); - color: var(--color-neutral-300); - } +.dark .dark\:prose-light kbd { + background-color: var(--color-neutral-700); + color: var(--color-neutral-300); +} - .dark\:prose-light mark { - background-color: var(--color-secondary-400); - } +.dark .dark\:prose-light mark { + background-color: var(--color-secondary-400); +} - .dark\:border-neutral-600 { - border-color: var(--color-neutral-600); - } +.dark .dark\:inline { + display: inline; +} - .dark\:border-primary-600 { - border-color: var(--color-primary-600); - } +.dark .dark\:hidden { + display: none; +} - .dark\:bg-neutral-800 { - background-color: var(--color-neutral-800); - } +.dark .dark\:border-neutral-600 { + border-color: var(--color-neutral-600); +} - .dark\:bg-primary-400 { - background-color: var(--color-primary-400); - } +.dark .dark\:border-primary-600 { + border-color: var(--color-primary-600); +} - .dark\:bg-neutral-700 { - background-color: var(--color-neutral-700); - } +.dark .dark\:bg-neutral-800 { + background-color: var(--color-neutral-800); +} - .dark\:bg-primary-900 { - background-color: var(--color-primary-900); - } +.dark .dark\:bg-primary-400 { + background-color: var(--color-primary-400); +} - .dark\:bg-primary-800 { - background-color: var(--color-primary-800); - } +.dark .dark\:bg-neutral-700 { + background-color: var(--color-neutral-700); +} - .dark\:text-neutral-500 { - color: var(--color-neutral-500); - } +.dark .dark\:bg-primary-900 { + background-color: var(--color-primary-900); +} - .dark\:text-neutral { - color: var(--color-neutral); - } +.dark .dark\:bg-primary-800 { + background-color: var(--color-primary-800); +} - .dark\:text-neutral-300 { - color: var(--color-neutral-300); - } +.dark .dark\:text-neutral-500 { + color: var(--color-neutral-500); +} - .dark\:text-primary-400 { - color: var(--color-primary-400); - } +.dark .dark\:text-neutral { + color: var(--color-neutral); +} - .dark\:text-neutral-600 { - color: var(--color-neutral-600); - } +.dark .dark\:text-neutral-300 { + color: var(--color-neutral-300); +} - .dark\:text-neutral-800 { - color: var(--color-neutral-800); - } +.dark .dark\:text-primary-400 { + color: var(--color-primary-400); +} - .dark\:underline-neutral-600 { - -webkit-text-decoration-color: var(--color-neutral-600); - text-decoration-color: var(--color-neutral-600); - } +.dark .dark\:text-neutral-600 { + color: var(--color-neutral-600); +} - .dark\:hover\:bg-primary-400:hover { - background-color: var(--color-primary-400); - } +.dark .dark\:text-neutral-800 { + color: var(--color-neutral-800); +} - .dark\:hover\:\!bg-primary-700:hover { - background-color: var(--color-primary-700) !important; - } +.dark .dark\:underline-neutral-600 { + -webkit-text-decoration-color: var(--color-neutral-600); + text-decoration-color: var(--color-neutral-600); +} - .dark\:hover\:text-primary-400:hover { - color: var(--color-primary-400); - } +.dark .dark\:hover\:bg-primary-400:hover { + background-color: var(--color-primary-400); +} - .dark\:hover\:text-neutral-800:hover { - color: var(--color-neutral-800); - } +.dark .dark\:hover\:\!bg-primary-700:hover { + background-color: var(--color-primary-700) !important; +} + +.dark .dark\:hover\:text-primary-400:hover { + color: var(--color-primary-400); +} + +.dark .dark\:hover\:text-neutral-800:hover { + color: var(--color-neutral-800); } @media (min-width: 640px) { diff --git a/assets/icons/moon.svg b/assets/icons/moon.svg new file mode 100644 index 00000000..9fbb0a34 --- /dev/null +++ b/assets/icons/moon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/sun.svg b/assets/icons/sun.svg new file mode 100644 index 00000000..1a586124 --- /dev/null +++ b/assets/icons/sun.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index d95c02ce..f0122e77 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -16,26 +16,50 @@ {{ end }} - {{/* Copyright */}} -

- {{- with .Site.Copyright }} - {{ . | emojify | markdownify }} - {{- else }} - © - {{ now.Format "2006" }} - {{ .Site.Author.name | markdownify | emojify }} - {{- end }} -

- {{/* Theme attribution */}} - {{ if .Site.Params.attribution | default true }} -

- {{ $hugo := printf `Hugo` - }} - {{ $congo := printf `Congo` }} - {{ i18n "footer.powered_by" (dict "Hugo" $hugo "Congo" $congo) | safeHTML }} -

- {{ end }} +
+
+ {{/* Copyright */}} +

+ {{- with .Site.Copyright }} + {{ . | emojify | markdownify }} + {{- else }} + © + {{ now.Format "2006" }} + {{ .Site.Author.name | markdownify | emojify }} + {{- end }} +

+ {{/* Theme attribution */}} + {{ if .Site.Params.attribution | default true }} +

+ {{ $hugo := printf `Hugo` + }} + {{ $congo := printf `Congo` }} + {{ i18n "footer.powered_by" (dict "Hugo" $hugo "Congo" $congo) | safeHTML }} +

+ {{ end }} +
+
+ + +
+
{{/* Extend footer - eg. for extra scripts, etc. */}} {{ if templates.Exists "partials/extend-footer.html" }} {{ partialCached "extend-footer.html" . }} diff --git a/layouts/partials/head.html b/layouts/partials/head.html index f9eb9534..3ab0bb23 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -62,6 +62,24 @@ integrity="{{ $customStyles.Data.Integrity }}" /> {{ end }} + {{/* Icons */}} {{ if templates.Exists "partials/favicons.html" }} {{ partialCached "favicons.html" .Site }} diff --git a/tailwind.config.js b/tailwind.config.js index 33f31476..5c1de438 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -10,7 +10,7 @@ module.exports = { "./themes/congo/content/**/*.{html,md}", ], }, - darkMode: "media", + darkMode: "class", theme: { colors: { transparent: "transparent", From 81824a1a00d014654fce44b1ffdc854c8307caab Mon Sep 17 00:00:00 2001 From: James Panther <4462786+jpanther@users.noreply.github.com> Date: Fri, 29 Oct 2021 12:07:21 +1100 Subject: [PATCH 4/9] =?UTF-8?q?=F0=9F=9A=A7=20Add=20config=20parameters=20?= =?UTF-8?q?for=20dark=20appearance?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- config/_default/params.toml | 2 ++ exampleSite/content/docs/configuration.md | 2 ++ layouts/_default/baseof.html | 5 ++- layouts/partials/footer.html | 43 ++++++++++++----------- layouts/partials/head.html | 39 +++++++++++--------- 5 files changed, 54 insertions(+), 37 deletions(-) diff --git a/config/_default/params.toml b/config/_default/params.toml index e246751d..875dc423 100644 --- a/config/_default/params.toml +++ b/config/_default/params.toml @@ -6,6 +6,8 @@ # https://jpanther.github.io/congo/docs/configuration/#theme-parameters colorScheme = "congo" +# darkMode = "auto" +# darkToggle = false # logo = "img/logo.jpg" # description = "My awesome website" # mainSections = ["section1", "section2"] diff --git a/exampleSite/content/docs/configuration.md b/exampleSite/content/docs/configuration.md index 402092ad..4303d4e2 100644 --- a/exampleSite/content/docs/configuration.md +++ b/exampleSite/content/docs/configuration.md @@ -56,6 +56,8 @@ Many of the article defaults here can be overridden on a per article basis by sp |Name|Type|Default|Description| | --- | --- | --- | --- | |`colorScheme`|string|`"congo"`|The theme colour scheme to use. Valid values are `congo` (default), `avocado`, `ocean`, `fire` and `slate`. Refer to the [Colour Schemes]({{< ref "getting-started#colour-schemes" >}}) section for more details.| +|`darkMode`|boolean or string|`"auto"`|The preferred theme appearance for dark mode. Set to `true` to force dark appearance or `false` to force light appearance. Using `"auto"` will defer to the user's operating system preference.| +|`darkToggle`|boolean|`false`|When `darkMode` is set to `"auto"`, this parameter determines whether or not to show the appearance toggle in the site footer. The browser's local storage is used to persist the user's preference.| |`logo`|string|_Not set_|The relative path to the site logo file within the `assets/` folder. The logo file should be provided at 2x resolution and supports any image dimensions.| |`description`|string|_Not set_|The description of the website for metadata purposes.| |`mainSections`|array of strings|_Not set_|The sections that should be displayed in the recent articles list. If not provided the section with the greatest number of articles is used.| diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 340e219f..a5b0efa9 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,5 +1,8 @@ - + {{- partial "head.html" . -}} {{ end }} -
- - -
+ {{/* Dark mode toggle */}} + {{ if and (.Site.Params.darkToggle | default false) (eq (.Site.Params.darkMode | default "auto") "auto") }} +
+ + +
+ {{ end }} {{/* Extend footer - eg. for extra scripts, etc. */}} {{ if templates.Exists "partials/extend-footer.html" }} diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 3ab0bb23..3e057eca 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -62,24 +62,31 @@ integrity="{{ $customStyles.Data.Integrity }}" /> {{ end }} - + loadPreferredAppearance(); + window.matchMedia("(prefers-color-scheme: dark)").addListener(loadPreferredAppearance); + + {{ else }} + + {{ end }} {{/* Icons */}} {{ if templates.Exists "partials/favicons.html" }} {{ partialCached "favicons.html" .Site }} From 6f2200f274a5185304c1adaecdb7e1a2efe24944 Mon Sep 17 00:00:00 2001 From: James Panther <4462786+jpanther@users.noreply.github.com> Date: Fri, 29 Oct 2021 12:10:38 +1100 Subject: [PATCH 5/9] =?UTF-8?q?=F0=9F=93=9D=20Update=20readme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 7608d8e6..8143da7f 100644 --- a/README.md +++ b/README.md @@ -14,7 +14,7 @@ Congo is designed to be a simple, lightweight theme for [Hugo](https://gohugo.io - Built with Tailwind CSS JIT for minified stylesheets without any excess code - Fully responsive layout - Multiple colour schemes (or fully customise your own) -- Dark mode (auto-switching based upon browser) +- Dark mode (forced on/off or auto-switching with user toggle) - Highly customisable configuration - Multiple homepage layouts - Flexible with any content types, taxonomies and menus From 210175ba44ddf0e8f3a4c0a348d7171cd271d78f Mon Sep 17 00:00:00 2001 From: James Panther <4462786+jpanther@users.noreply.github.com> Date: Fri, 29 Oct 2021 12:30:42 +1100 Subject: [PATCH 6/9] =?UTF-8?q?=F0=9F=8C=90=20Add=20i18n=20strings=20for?= =?UTF-8?q?=20appearance=20toggle?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- i18n/en.yaml | 2 ++ i18n/fr.yaml | 4 +++- i18n/zh.yaml | 3 +++ layouts/partials/footer.html | 4 ++-- 4 files changed, 10 insertions(+), 3 deletions(-) diff --git a/i18n/en.yaml b/i18n/en.yaml index 323877b4..1c539b3b 100644 --- a/i18n/en.yaml +++ b/i18n/en.yaml @@ -16,6 +16,8 @@ error: 404_description: "It seems that the page you've requested does not exist." footer: + dark_appearance: "Switch to dark appearance" + light_appearance: "Switch to light appearance" powered_by: "Powered by {{ .Hugo }} & {{ .Congo }}" list: diff --git a/i18n/fr.yaml b/i18n/fr.yaml index 014cdf5c..bfe438fd 100644 --- a/i18n/fr.yaml +++ b/i18n/fr.yaml @@ -1,7 +1,7 @@ article: anchor_label: "Ancre" draft: "Brouillon" - edit_title: "Editer" + edit_title: "Editer" reading_time: one: "{{ .Count }} min" other: "{{ .Count }} mins" @@ -16,6 +16,8 @@ error: 404_description: "Il semble que la page que vous cherchiez n'existe pas." footer: + # dark_appearance: "Switch to dark appearance" + # light_appearance: "Switch to light appearance" powered_by: "Propulsé par {{ .Hugo }} & {{ .Congo }}" list: diff --git a/i18n/zh.yaml b/i18n/zh.yaml index 8237c110..18bb1e52 100644 --- a/i18n/zh.yaml +++ b/i18n/zh.yaml @@ -15,6 +15,8 @@ error: 404_description: "您请求的页面似乎不存在。" footer: + # dark_appearance: "Switch to dark appearance" + # light_appearance: "Switch to light appearance" powered_by: "由 {{ .Hugo }} & {{ .Congo }} 强力驱动" list: @@ -25,6 +27,7 @@ sharing: email: "通过电子邮件发送" facebook: "分享到 Facebook" linkedin: "分享到 LinkedIn" + # pinterest: "Pin on Pinterest" reddit: "提交到 Reddit" twitter: "分享到 Twitter" diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 018efad0..33c773ab 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -47,7 +47,7 @@ onclick="setPreferredAppearance('dark');" oncontextmenu="setPreferredAppearance('default'); return false;" class="inline px-2 py-1 border rounded-md border-neutral-200 dark:hidden hover:text-primary-500 hover:border-primary-400" - title="Switch to dark appearance" + title="{{ i18n "footer.dark_appearance" }}" > {{ partial "icon.html" "moon" }} @@ -56,7 +56,7 @@ onclick="setPreferredAppearance('light');" oncontextmenu="setPreferredAppearance('default'); return false;" class="hidden px-2 py-1 border rounded-md cursor-pointer dark:inline border-neutral-700 hover:text-primary-400 hover:border-primary-500" - title="Switch to light appearance" + title="{{ i18n "footer.light_appearance" }}" > {{ partial "icon.html" "sun" }} From 8949c62df2df9b2a973a74b89400687f04018ffb Mon Sep 17 00:00:00 2001 From: James Panther <4462786+jpanther@users.noreply.github.com> Date: Fri, 29 Oct 2021 14:54:46 +1100 Subject: [PATCH 7/9] =?UTF-8?q?=F0=9F=90=9B=20Fix=20article=20summary=20st?= =?UTF-8?q?yle=20in=20dark=20mode?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 1 + layouts/partials/article-link.html | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 492b2caf..b4d9a7b3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -21,6 +21,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), ### Fixed - Site logo image dimensions are unconstrained ([#19](https://github.com/jpanther/congo/issues/19)) +- Article summary styled incorrectly in dark mode ## [1.4.0] - 2021-10-20 diff --git a/layouts/partials/article-link.html b/layouts/partials/article-link.html index da147bb8..2f6dfba4 100644 --- a/layouts/partials/article-link.html +++ b/layouts/partials/article-link.html @@ -34,7 +34,7 @@ {{ partial "article-meta.html" . }} {{ if .Params.showSummary | default (.Site.Params.list.showSummary | default false) }} -
+
{{ .Summary | emojify }}
{{ end }} From 3db55c1f265454f3749c41080df9ddf2c905c18f Mon Sep 17 00:00:00 2001 From: James Panther <4462786+jpanther@users.noreply.github.com> Date: Fri, 29 Oct 2021 16:09:30 +1100 Subject: [PATCH 8/9] =?UTF-8?q?=F0=9F=93=9D=20Update=20content=20samples?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- exampleSite/content/samples/_index.md | 4 +- .../content/samples/diagrams-flowcharts.md | 90 +++++++++++++++++++ exampleSite/content/samples/emoji-support.md | 22 ----- exampleSite/content/samples/emoji.md | 19 ++++ .../{markdown-syntax.md => markdown.md} | 4 +- .../content/samples/placeholder-text.md | 12 +-- 6 files changed, 114 insertions(+), 37 deletions(-) create mode 100755 exampleSite/content/samples/diagrams-flowcharts.md delete mode 100755 exampleSite/content/samples/emoji-support.md create mode 100755 exampleSite/content/samples/emoji.md rename exampleSite/content/samples/{markdown-syntax.md => markdown.md} (94%) diff --git a/exampleSite/content/samples/_index.md b/exampleSite/content/samples/_index.md index fcce5fef..2d9820c9 100755 --- a/exampleSite/content/samples/_index.md +++ b/exampleSite/content/samples/_index.md @@ -11,9 +11,7 @@ cascade: Congo brings your content to life. :heart_eyes: {{< /lead >}} -This section contains some demo pages that show how Congo renders different types of content. These pages come from Hugo's official [hugoBasicExample](https://github.com/gohugoio/hugoBasicExample) repository. - -You can also see an example [taxonomy listing]({{< ref "tags" >}}) page. +This section contains some demo pages that show how Congo renders different types of content. You can also see an example [taxonomy listing]({{< ref "tags" >}}) page. _**Sidenote:** This page is just a standard Congo article listing and Hugo has been configured to generate a `samples` content type and display article summaries._ diff --git a/exampleSite/content/samples/diagrams-flowcharts.md b/exampleSite/content/samples/diagrams-flowcharts.md new file mode 100755 index 00000000..d815552d --- /dev/null +++ b/exampleSite/content/samples/diagrams-flowcharts.md @@ -0,0 +1,90 @@ +--- +title: "Diagrams and Flowcharts" +date: 2019-03-06 +description: "Guide to Mermaid usage in Congo" +summary: "It's easy to add diagrams and flowcharts to articles using Mermaid." +tags: ["mermaid", "sample", "diagram"] +--- + +Mermaid diagrams are supported in Congo using the `mermaid` shortcode. Simply wrap the diagram markup within the shortcode. Congo automatically themes Mermaid diagrams to match the configured `colorScheme` parameter. + +The examples below are a small selection taken from the [official Mermaid docs](https://mermaid-js.github.io/mermaid/). You can also [view the page source](https://raw.githubusercontent.com/jpanther/congo/dev/exampleSite/content/samples/diagrams-flowcharts.md) on GitHub to see the markup. + +## Flowchart + +{{< mermaid >}} +graph TD +A[Christmas] -->|Get money| B(Go shopping) +B --> C{Let me think} +B --> G[/Another/] +C ==>|One| D[Laptop] +C -->|Two| E[iPhone] +C -->|Three| F[Car] +subgraph Section +C +D +E +F +G +end +{{< /mermaid >}} + +## Sequence diagram + +{{< mermaid >}} +sequenceDiagram +autonumber +par Action 1 +Alice->>John: Hello John, how are you? +and Action 2 +Alice->>Bob: Hello Bob, how are you? +end +Alice->>+John: Hello John, how are you? +Alice->>+John: John, can you hear me? +John-->>-Alice: Hi Alice, I can hear you! +Note right of John: John is perceptive +John-->>-Alice: I feel great! +loop Every minute +John-->Alice: Great! +end +{{< /mermaid >}} + +## Class diagram + +{{< mermaid >}} +classDiagram +Animal "1" <|-- Duck +Animal <|-- Fish +Animal <--o Zebra +Animal : +int age +Animal : +String gender +Animal: +isMammal() +Animal: +mate() +class Duck{ ++String beakColor ++swim() ++quack() +} +class Fish{ +-int sizeInFeet +-canEat() +} +class Zebra{ ++bool is_wild ++run() +} +{{< /mermaid >}} + +## Entity relationship diagram + +{{< mermaid >}} +erDiagram +CUSTOMER }|..|{ DELIVERY-ADDRESS : has +CUSTOMER ||--o{ ORDER : places +CUSTOMER ||--o{ INVOICE : "liable for" +DELIVERY-ADDRESS ||--o{ ORDER : receives +INVOICE ||--|{ ORDER : covers +ORDER ||--|{ ORDER-ITEM : includes +PRODUCT-CATEGORY ||--|{ PRODUCT : contains +PRODUCT ||--o{ ORDER-ITEM : "ordered in" +{{< /mermaid >}} diff --git a/exampleSite/content/samples/emoji-support.md b/exampleSite/content/samples/emoji-support.md deleted file mode 100755 index e522e6d2..00000000 --- a/exampleSite/content/samples/emoji-support.md +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: "Emoji Support" -date: 2019-03-05 -description: "Guide to emoji usage in Hugo" -summary: "📖🏞️🧗🏽🪂🐉🧙🏽‍♂️🧚🏽👸" -tags: ["emoji", "sample"] ---- - -Emoji can be enabled in a Hugo project in a number of ways. - -The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). - -To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g. - -

🙈 :see_no_evil: 🙉 :hear_no_evil: 🙊 :speak_no_evil:

-
- -The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes. - ---- - -**N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack. diff --git a/exampleSite/content/samples/emoji.md b/exampleSite/content/samples/emoji.md new file mode 100755 index 00000000..4823a415 --- /dev/null +++ b/exampleSite/content/samples/emoji.md @@ -0,0 +1,19 @@ +--- +title: "Emoji" +date: 2019-03-05 +description: "Guide to Emoji usage in Congo" +summary: "📖🏞️🧗🏽🪂🐉🧙🏽‍♂️🧚🏽👸" +tags: ["emoji", "sample"] +--- + +Emoji is supported throughout Congo by default. Emoji can be used in titles, menu items and article content. + +{{< alert >}} +**Note:** The rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack. +{{< /alert >}} + +Emoji replacements are controlled via the `enableEmoji` parameter in your [site configuration]({{< ref "configuration#site-configuration" >}}). Set it to `true` and then you can type Emoji shorthand codes directly in content files. + +**Example:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:. + +The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes. diff --git a/exampleSite/content/samples/markdown-syntax.md b/exampleSite/content/samples/markdown.md similarity index 94% rename from exampleSite/content/samples/markdown-syntax.md rename to exampleSite/content/samples/markdown.md index 9b5821b1..a163f0f4 100755 --- a/exampleSite/content/samples/markdown-syntax.md +++ b/exampleSite/content/samples/markdown.md @@ -1,11 +1,11 @@ --- -title: "Markdown Syntax Guide" +title: "Markdown" date: 2019-03-11 description: "Sample article showcasing basic Markdown syntax and formatting for HTML elements." tags: ["markdown", "css", "html", "sample"] --- -This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme. +This article offers a sample of basic Markdown formatting that can be used in Congo, also it shows how some basic HTML elements are decorated. diff --git a/exampleSite/content/samples/placeholder-text.md b/exampleSite/content/samples/placeholder-text.md index a28b3f2d..5228caa5 100755 --- a/exampleSite/content/samples/placeholder-text.md +++ b/exampleSite/content/samples/placeholder-text.md @@ -22,24 +22,16 @@ Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silen 4. Arcanaque montibus omnes 5. Quidem et -# Vagus elidunt +## Vagus elidunt [The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon) -## Mane refeci capiebant unda mulcebat +### Mane refeci capiebant unda mulcebat Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis. Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et. Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, _oculos nomen_ non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**. - -{{< css.inline >}} - - - -{{< /css.inline >}} From d156d83a7c554e6ade2d5dd898ee4b36a21d238e Mon Sep 17 00:00:00 2001 From: James Panther <4462786+jpanther@users.noreply.github.com> Date: Fri, 29 Oct 2021 16:22:29 +1100 Subject: [PATCH 9/9] =?UTF-8?q?=F0=9F=9A=B8=20Remove=20slug=20and=20taxono?= =?UTF-8?q?my=20from=20default=20archetype?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- archetypes/default.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/archetypes/default.md b/archetypes/default.md index 09a04bbe..97f90a6b 100644 --- a/archetypes/default.md +++ b/archetypes/default.md @@ -3,6 +3,4 @@ title: "{{ replace .Name "-" " " | title }}" date: {{ .Date }} draft: true description: "" -slug: "{{ .File.BaseFileName }}" -topics: [] ---